/* 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: #795548!important;}
/* Footer Color */
footer.sticky-footer { background-color: #795548!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: #795548!important; border-color: #795548!important; }
.btn-orangeDark,.bg-orangeDark 	{ color: #fff!important; background-color: #543b32!important; border-color: #543b32!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; } 

/* ******* Mela View Participant Register Form CSS  Start ********** */
@font-face {  font-family: myFirstFont;  src: url(../../console/lib/font-awesome/fonts/geoma_regular.otf); }
* { box-sizing: border-box; }
body {  background-color: #f1f1f1;}
.regForm { background-color: #ffffff;  margin: 6rem auto;  font-family: time new roman;  padding: 40px;  width: 70%;  
		min-width: 300px; border-radius: 1.25rem;}
.regForm h1, .regForm h2, .regForm h3 { text-align: center;  font-family: myFirstFont;  }
.regForm input { padding: 10px;  width: 100%;  font-size: 17px;  font-family: time new roman;  border: 1px solid #aaaaaa;}
/* Mark input boxes that gets an error on validation: */
.regForm input.invalid {  background-color: #ffdddd;}
/* Hide all steps by default: */
.regForm .tab {  display: none;}
.regForm button { background-color: #4CAF50;  color: #ffffff;  border: none;  padding: 10px 20px;  font-size: 17px;  
			font-family: myFirstFont;  cursor: pointer;}
.regForm button:hover {opacity: 0.8;}
.regForm #prevBtn {  background-color: #bbbbbb; margin-right: 0.5rem;}
/* Make circles that indicate the steps of the form: */
.regForm .step {  height: 15px;  width: 15px;  margin: 0 2px;  background-color: #bbbbbb;  border: none;    
			border-radius: 50%;  display: inline-block;  opacity: 0.5;}
.regForm .step.active {  opacity: 1;}
/* Mark the steps that are finished and valid: */
.regForm .step.finish { background-color: #4CAF50; }
.regForm .tabContainer { min-height: 20rem;}
.regForm .add_field_button { margin-bottom: 0.5rem;}
.regForm .formDot { text-align:center; margin-top:1rem;}
.regForm .mandatory { color:red; }
@media only screen and (max-width: 768px) 
{
	.regForm { margin: 2.5rem auto; }
	.regForm h1, .regForm h2 { text-align: center;  font-family: myFirstFont; font-size: 1.45rem; }
	.regForm h3 { font-size: 1.1rem; }
}
/* ******* Mela View Participant Register Form CSS  End ********** */