/* CSS Document */	
/* Logo and Some other Important */
.logo{ background:url(../../image/logo.png) no-repeat top center; padding:0px!important; margin:5px!important; }
.banner{ background:url(../../image/console_banner.jpg) no-repeat top center; background-size: 100% 100%;}

/* Bootstrap color Change*/ 
.bg-dark { background-color: #ff9800!important; }
.fixed-top { padding-top: 0px; padding-bottom: 0px;}

/* Left Sidebar background Color*/ 
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav ,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level { background-color: #e9ecef!important; }

/* Left Sidebar Link Text Color*/ 
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, 
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a { color: #343a40!important;}

/* Left Sidebar Link Text Hover Color*/  
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover, 
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover { color: #ff9800!important;}



/* Top Header Right Side*/ 
#mainNav.fixed-top .ml-auto > .nav-item >.nav-link { color: #fff!important;} 
#mainNav.fixed-top .ml-auto > .nav-item >.nav-link:hover { color: #8d9cab!important;}
/* Left Sidebar Bottom Toggle Color*/
#mainNav.fixed-top .sidenav-toggler > .nav-item { background-color: #ff7000!important; } 
#mainNav.fixed-top.navbar-dark .sidenav-toggler a i { color: #fff!important; }
#mainNav.fixed-top.navbar-dark .sidenav-toggler a i:hover { color: #8d9cab!important;}
/* Footer Color */
footer.sticky-footer { background-color: #8d9cab!important;}

/* Bootstarp eModel Css  */
.modal-open .modal { padding-top: 45px!important;}

/* Error Class Css */
.mandatry { color:red; font-weight: bold; margin-left:2px; }
.error{ color:red!important; }
.erroe_border { border-color:red!important; }
.field-error{ border-color:#f5b6b6!important; background-color:#ffd9d9!important; }

/* Clint Requirement 18/02/2017 */
.btn-orange,.bg-orange 			{ color: #fff!important; background-color: #ff9800!important; border-color: #ff9800!important; }
.btn-orangeDark,.bg-orangeDark 	{ color: #fff!important; background-color: #ff7000!important; border-color: #ff7000!important; }
.btn-red,.bg-red 				{ color: #fff!important; background-color: #F44336!important; border-color: #F44336!important; }
.btn-blue,.bg-blue  			{ color: #fff!important; background-color: #44BBE4!important; border-color: #44BBE4!important; }
.btn-blueLight,.bg-blueLight  	{ color: #fff!important; background-color: #B3E5FC!important; border-color: #B3E5FC!important; }
.btn-green,.bg-green 			{ color: #fff!important; background-color: #81C784!important; border-color: #81C784!important; }
.btn-yellow,.bg-yellow  		{ color: #fff!important; background-color: #FFFF00!important; border-color: #FFFF00!important; }
.btn-yellowDark,.bg-yellowDark  { color: #fff!important; background-color: #FFD600!important; border-color: #FFD600!important; }
.btn-grey,.bg-grey  			{ color: #fff!important; background-color: #e9ecef!important; border-color: #e9ecef!important; }
.btn-greyDark,.bg-grayDark  	{ color: #fff!important; background-color: #757575!important; border-color: #757575!important; }

/* Table Responsive */
@media screen and (max-width: 767px)
{
	div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: left!important; }
	.modal-dialog {  width: 90%!important; }
	.smallDevice { margin:10px auto; }
}

.form-check-input { width: 20px !important; height: 20px !important; }

/* Auto Suggestion List  // Chanchal Kumar - 04/01/2017  */ 
.auto_container ul { position: absolute; z-index: 9; background: #eaeaea; list-style: none;  margin-left:-15px; }
.auto_container ul li { margin-right: -15px; margin-left: -15px; padding-left:10px;  }
.auto_container ul li:hover { background: #dea90e !important;  }
.ulselected { background: #5F9EA0 !important; }