/* 	File Name	:	custom-theme.css
	Date		:	03/09/2018
	Author		:	Vanavaraju Adabala
*/
/* ===== Common Styles  ===== */
body {
	background: #ffffff;
	overflow: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	display: none;
}
.no-padding {
	padding: 0;
}
.scroll-content {
	height: 95%;
	max-height: 500px;
	overflow: auto;
}
/* For Scroll bar color */
::-webkit-scrollbar {
    width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #666666;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* For Refersh icon rotate */
i.fa.fa-refresh {
    cursor: pointer;
	transition: transform 1s ease-in-out;
}
i.fa.fa-refresh:hover {
	transform:rotate(2700deg);
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
}
/* ===== Header Styles  ===== */
#header {
	background: #eeeef6;
	height: 52px;
}
#header .navbar-header {
	background: #ffffff;
	position: relative;
	width: 225px;
}
#header .navbar-header img {
    margin: 0 0 0 10px;
}
#header .navbar-header:after {
	content: "";
    border-left: 50px solid #fff;
    border-bottom: 50px solid transparent;
    position: absolute;
    right: -50px;
    top: 0;
}
#header .navbar-inverse {
	background: #eeeef6;
	border-bottom: 2px solid #00b4e5;
	height: 53px;
}
#header .dropdown-toggle {
	padding: 12px;
}
#header .dropdown-toggle .caret {
	color: #000;
	margin: -10px 0 0 10px;
}
#header .navbar-inverse .navbar-nav>.active>a:hover .dropdown.active.open {
	background: blue;
	display: block;
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
	max-height: 300px;
}
/* My Account */
.my-account {
	overflow: hidden;
	padding: 0;
}
.my-account .card.hovercard .info .desc { 
	border-top: solid 1px #ccc;
    font-size: 13px;
	line-height: 28px;
}
.my-account .card.hovercard .info .desc, .my-account .card.hovercard .info .title { 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 215px; 
}
.my-account .card.hovercard .info .desc:last-child {
	line-height: normal;
}
.my-account .card.hovercard .info .desc a {
	color: #ff0000;
}
.my-account .card.hovercard .info .desc i, .my-account .card.hovercard .info .desc a i {
	font-size: 14px;
	margin: 5px 5px 0px 0;
}
/* .card.hovercard .info {

} */

/* Menu Navigation */
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background: none;
	color: #34495e;
	line-height: normal;
}
.navbar-nav>li>.dropdown-menu {
	/* height: 0px; */
	border: 1px solid #00b4e5;
	padding: 10px;
	width: 350px;
}

/* Left Section */
#sidebar-left {
	float: left; 
	/* margin: 0 15px 0 0; */
	width: 225px;
}
#sidebar-wrapper {
	background: #00b4e5 !important;	
	height: 100%;
	overflow: auto;
	width: 100% !important;
}
#sidebar-wrapper .sidebar-nav {
	list-style: none;
	padding: 0;
}
#sidebar-wrapper .sidebar-nav li {
	border-bottom: 1px dotted #34495e;
	line-height: normal;
	list-style: none;
}
#sidebar-wrapper .sidebar-nav li ul.manageGroup {
	height: 250px;
	overflow: hidden;
	padding: 0;
    transition: height 0.5s ease-out;
}
#sidebar-wrapper .sidebar-nav li ul.manageGroup.ng-hide {
	height: 0;
}
#sidebar-wrapper .sidebar-nav li ul.manageGroup li a {
	padding-left: 35px;
}
#sidebar-wrapper .sidebar-nav li ul.manageGroup:hover {
	background: transparent;
}
#sidebar-wrapper .sidebar-nav li:last-child {
	border: none;
}
#sidebar-wrapper .sidebar-nav li a {
	color: #34495e;
	display: block;
	font-size: 13px;
    padding: 12px;
    text-decoration: none;
}
#sidebar-wrapper .sidebar-nav li a i {
	transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
}
#sidebar-wrapper .sidebar-nav li a:hover i {
	margin: 0 12px 0 0;
	transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
}
#sidebar-wrapper .sidebar-nav li a.activeMenu {
	background-color: #34495e;
	color: #ffffff;
}
#sidebar-wrapper .sidebar-nav li a i {
	font-size: 16px;
	margin: 0 5px 0 0;
}
#sidebar-wrapper .sidebar-nav li>:hover, #sidebar-wrapper .sidebar-nav li a>:hover {
	background: #34495e;
	color: #fff;
}


/* ===== Main Container ===== */
.main-container {
	display: flex;
	height: calc(100% - 105px);
	overflow: hidden;
}
/* .main-container #sidebar-left, .main-container #main {
	flex: 1;
} */
#main {
	float: left;
	height: 100%;
	width: calc(100% - 225px);
}
#main h1 {
	border-bottom: 1px solid #ccc;
	font-size: 22px;
	margin: 0 0 18px 0;
	padding-bottom: 10px;
}
#main i.fa-refresh {
	color: #333333;
	font-size: 17px;
}
.add-emp {
	border-bottom: 1px solid #ccc;
	margin-left: -15px;
	text-align: right;
}
.add-emp button {
	font-size: 11px;
	height: auto;
	line-height: normal;
	min-height: auto;
	margin: 0 0 7px 8px;
	padding: 8px;
}
.add-emp button i {
	font-size: 12px;
}
.add-emp .state-select {
	display: inline-block;
	margin: 4px 10px;
}
.add-emp .state-select type["radio"] {
	margin: 0 10px 0 0;
}
/* ===== Button Styles  ===== */
.primary.md-raised {
	background: green;
}
.form-group button {
	cursor: pointer;
	margin: 0;
	padding: 0px 15px 0 10px;
}
.form-group button i {
	font-size: 16px;
	margin: 0 5px 0 0;	
}
.form-group button.md-primary {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.form-group button.submit {
    background-color: #bfd630;
	border-color: #bfd630;
	border-radius: 3px;
	color: #333333;
}



/* ===== Footer Styles  ===== */
#footer {
	clear: both;
}
#footer .navbar-inverse, #footer .navbar-inverse {
	background: #eeeef6;
	border-top: 2px solid #00b4e5;
	position: inherit;
}
#footer .navbar-inverse .copyrights {
    background: #fff;
    width: 225px;
}
#footer .navbar-inverse .copyrights:after {
	content: "";
    border-right: 50px solid transparent;
    border-bottom: 50px solid #fff;
    position: absolute;
    right: -50px;
    top: 0;
}
#footer .footer {
	line-height: 50px;
}
#footer .footer p { 
	margin: 0;
}
#footer .footer .img { 
	margin: 6px 0 0 0;
}
/* Grid Styles */ 
.ui-grid-contents-wrapper {
	
}
.ui-grid {
	border: none !important;
}
.ui-grid-viewport {
	border: 1px solid #cccccc;
}
.ui-grid-contents-wrapper .ui-grid-header {
	border: none;
}
.ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel {
	background: #34495e;
	border-radius: 3px 3px 0 0;
	color: #ffffff;
}
.ui-grid-contents-wrapper .ui-grid-header-cell {
	border: none;
	background: #eeeef6;
}
.ui-grid-contents-wrapper .ui-grid-header-cell > div {
	background: #34495e;
}
.ui-grid-contents-wrapper .ui-grid-header-cell .ui-grid-filter-container {
	background: #eeeef6;
	padding: 4px 4px 4px 6px;
}
.ui-grid-contents-wrapper .ui-grid-header-cell .ui-grid-filter-container select {
	height: 25px;
}
.ui-grid-selection-row-header-buttons {
	padding: 3px 0;
}
.ui-grid-selection-row-header-buttons::before {
	margin: 0;
}
/* .ui-grid-contents-wrapper .ui-grid-header-cell div:empty {
	background: #eeeef6;
    min-height: 30px;
}
.ui-grid-contents-wrapper .ui-grid-header-cell:last-child div:empty:last-child:after {
	background: #eeeef6;
	content: "";
	display: inline-block;
	width: 6px;
	height: 30px;
	position: absolute;
	right: -6px;
} */
.ui-grid-contents-wrapper .ui-grid-cell-contents {
	/* border-bottom: 1px solid #e5e5e5; */
	padding: 10px 8px;
}
.ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-canvas .ui-grid-cell {
	border: none;
	height: 40px;
	line-height: 20px;
	margin: 0;
}

.ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-canvas {
	font-size: 13px;
	padding: 0;
}
.ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-canvas .ui-grid-cell-contents, .ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-canvas .ui-grid-cell:empty {
	border-bottom: 1px solid #e5e5e5;
}
.ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-canvas .ui-grid-cell p {
	border-bottom: 1px solid #e5e5e5;
	min-height: 40px;
	padding-top: 6px;
}
.ui-grid-contents-wrapper .ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #fafafc;
}
.ui-grid-header-cell-row .ui-grid-column-menu-button {
	position: absolute;
	right: 0;
	top: 6px;
}
.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
	font-size: 12px;
	padding: 5px 10px 6px 8px;
}
.ui-grid-pager-panel {
	background: #fff;
	border: solid 1px #ccc;
	border-top: none;
	font-size: 13px;
	width: 99.8% !important;
}
.ui-grid-pager-panel .ui-grid-pager-control button {
	background: #dddddd;
	border-radius: 0;
	border: none;
	height: auto;
	padding: 10px 12px;
}
.ui-grid-pager-panel .ui-grid-pager-control input {
	background: 1px solid #ccc;
	border-radius: 0;
	height: auto;
	margin: 0 8px;
}
.ui-grid-pager-panel .ui-grid-pager-row-count-picker {
	height: 30px;
	margin: 0 6px 0 0;
	padding: 5px 10px 5px 0;
}
.ui-grid-pager-panel .ui-grid-pager-row-count-picker select {
	height: 30px;
	margin: 0 8px 0 0;
}
.ui-grid-canvas .ui-grid-row:hover {
	background: green;
}

