/* Secondary button customized color css starts */
/*.btn-secondary, .btn-secondary:visited, .btn-secondary:checked, .bg-secondary-highlight{
	background-color: #e8f6ff!important;
	border-color: #cde1fa!important;
}
.btn-secondary:hover, .btn-secondary:active {
	background-color: #dceefa!important;
	border-color: #c6daf2!important;
}*/
/* Secondary button customized color css ends */


.load-icon-new {
         text-align: center; 
         padding: 70px 0;
     }     
.ezr-root-layout {
    background: url("../Content/Images/bg.jpg") no-repeat center center fixed;
    background-size: cover;
    opacity: .90;
    filter: alpha(opacity=90); /* msie */
	-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    min-height: 100%;
}
a:hover{
	  text-decoration:none;
}

.ezr-customer-lg {
	color: #fff;
	font-weight: bold !important;
	font-size: 1.2rem !important;
}

.ezr-customer {
	color: #fff;
	font-size: 1.1rem !important;
    padding-top:.9rem !important;
    padding-bottom:.9rem !important;
}

.ezr-root-footer {
    background-color: #cfd2d7;
	font-size: .9rem;
}

.ezr-ssl-seal {
	width: 130px;
	height: 65px;
	margin: auto;
	background-color: white;
	border-radius: 5px;
}

.ezr-pageheading {
    background-color:#fff !important;
    border-bottom: 1px solid #cfdbe2;
}

.ezr-mandatory {
	color: #a4a4a4;
	margin: 0;
	padding: 0;
}

.ezr-optional {
	color: #a4a4a4;
	margin: 0;
	padding: 0;
    white-space: nowrap;
}

.ezr-optional::after {
  content: " (Optional)";
    font-size: 80%;
}

.ezr-button-bar {
    border-top: 1px solid #e4eaec;
    height: 60px;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
    background: #ffffff;
    padding-top: .75rem;
}


.bg-danger-lighter {
    background-color:#f2a4a4;
    Color: #fff;
}

/* Input controls****************************************/

input[type=checkbox] {
	transform: scale(1.25);
}

input[type=radio] {
	transform: scale(1.25);
}

.form-check-input {
	position: static;
	/* text was not aligning with position:absolute */
}

.input-group-addon {
	background-color: #fff;
}

.form-control {
	color: #000;
	line-height: 1.8;
    height:2.8rem;
	padding-top: .75em;
    padding-left: .75em;
	padding-bottom: 0em;
}

.input-group-text {
	padding-top: .70rem;
}


/* Float Label     ************************************************/

.has-float-label label,
.has-float-label>span {
	font-size: 85% !important;
	top: .2em !important;
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
	font-size: 110% !important;
	opacity: 1 !important;
	top: .75rem !important;
}

.has-float-label label::after,
.has-float-label>span::after {
	height: 0em !important;
}

.has-float-label {
	margin-bottom: 0 !important;
}

/* jQuery Validate ************************************************/

.input-validation-error{
    border-color:red !important;
}



.text-resize-large{
    font-size:125%;
}

.text-resize-small{
    font-size:75%;
}


/* app.css overrides *************************************/

body {
  font-size: 1rem; 
}

.content-wrapper .content-heading {
    color: #656565;
    background-color: #ffffff;
}
.topnavbar .navbar-nav > .nav-item > .nav-link {
    padding: 1rem .90rem;
    font-size: 1rem;
}

.sidebar .nav-heading {
    font-size: 1rem;
}

.sidebar-nav {
    font-size: 1rem;
}

h5, .h5 {
    font-size: 1rem;
}

.btn {
    font-size: 1rem;
}

.form-control {
    font-size: 1rem; 
}

.input-group-text {
  font-size: 1rem; 
}

.datepicker th {
    font-size: 1rem !important; 
}

/* User Profile/Sign-out Dropdown */
@media (min-width: 320px) {
.topnavbar .dropdown .dropdown-menu-right {
    right: 0;
    left: auto;
    top: 56px;
    width: 265px;
}
}


body, .wrapper .section-container {
    background-color: #ECEFF4 ;
}

.footer-container {
    background-color: #F5F7FA !important;
}


.card-default {
    border-top-width: 1px; 
    border-color: #cfdbe2;
}

.text-md {
  font-size: 1.5rem !important; 
  font-weight:300;
}


/*
.setting-color > label > .split > .color:first-child {
    float: left;
    width: 30%;
}
.setting-color > label > .split > .color:last-child {
    float: right;
    width: 70%;
}
*/

.card-hover:hover {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.20)!important;
}


/* -----  datatable custom css    ------ */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before{
	background-color: #5d9cec;
}
table.dataTable > tbody > tr.child ul.dtr-details{
	display:block;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	  top: 36%!important;
	  left: 30%!important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{
	border-bottom:1px solid #eee;
}

tr.group,
	tr.group:hover {
		background-color: #e4eaec !important;
	}

/*newly added for odd-even in datatable*/
.table-striped tbody tr.odd{
	background-color:#f4f4f4!important;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color:#fff;
}
/*newly added for odd-even in datatable*/

.lock::after, .lock::before{
	opacity:0!important;
}
.dataTable td{
	word-break:break-all;
	word-wrap:break-word;
}
.dataTable .datatable-group{
	position:relative;
	height:30px;
	padding:5px 0;
}
.dataTable .datatable-group .group{
	position:absolute;
	width:100%;
	top:0;
	padding-left:10px;
	left:0;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #d9dfe1;
}

 /* Chart js */
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
 /* Chart js */
 .video-padding
{
    padding:10px;
}

 .searchNameField{
   height: 2.2rem;
}

 
 .ezr-mobile-heading {
    font-size: 1.1rem;
    line-height: 1.1;
    color: #666;
    margin: -15px;
    margin-bottom: 15px;
    padding: 15px;
    font-weight: normal;
    background-color: #eeeeee;
    border-bottom: 1px solid #cfdbe2;
}

.bg-purple-highlight{
	background-color: #ece7ff;
}

.bg-yellow-highlight{
	background-color: #fffbe5 !Important;
}

.text-purple-highlight{
	color: #ece7ff;
}

.allreport-button-text-top
{
    top: -2px;
}
.bg-purple-lighter{
	background-color: #f6f5fd!important;
}

.bg-skyblue-lighter{
	background-color: #e6f2ff!important;
}

.cursor-default{
   cursor: default;
   pointer-events: none;
}

.cursor-pointer{
  cursor: pointer;
}

/*For View Attendance List*/
.list-attendees {
    position: absolute;
    right: 0;
    top: -69px;
    height: 50px;
}  

.list-attendees_FilterWidth
{
    width:40px;
}

.list-attendees_TopHeight
{
    height: 30px
}

/*For datepicker control - to adjust the width*/
.bootstrap-datetimepicker-widget.dropdown-menu{
	width: auto!important;
}
@media only screen and (min-width: 991px) {
		  .barcode-staff .collapse, .barcode-staff .collapse:not(.show){
			  display: block!important;
		  }
		  .barcode-staff .CollapseIcon{
			  display: none!important;
		  }
	  }
/*It is use for loader*/
body .whirl:after{
		   z-index: 1000000!important;
}
body .whirl:before{
		   z-index: 999999!important;
}

.alternate-color .alt{
    background-color:  #fafafa!important;
}
 .alternate-color .alt-text{
    color:  #ffffff!important;
}
.alternate-color .alt .alt-text{
    color:  #fafafa!important;
}
.box-shadow-none {
    box-shadow:none !important; 
}
  .checked input[type=radio]:disabled + span {
        border-color: #5d9cec !important;
    }

    .checked input[type=radio]:disabled + span.fa-circle:before {
        color: #5d9cec !important;
    }

    .checked input[type=checkbox]:checked:disabled + span {
        border-color: #5d9cec !important;
        background-color: #5d9cec !important;
        color: #ffffff !important;
    }

.text-green-dark{
	color: #2b957a !important;
}

/*----   thumbnail image zooming css ----*/
.thumb{
	position: absolute;
	width: 800px;
	top: 80%;
	right: 0;
	opacity: 0;
	z-index: 100000;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
@media (max-width: 1023px) {
	.thumb{
		width: 530px;
	}
}
.thumb-zoom{
	opacity: 1!important;
}
.bg-very-light-green{
    background-color: #e2fff9;
} 

.bg-blue-light-block{
	background-color: #CFE2F3!important;
}
.bg-green-light-block{
	background-color: #E6F4EA!important;
}
.bg-secondary-highlight{
	background-color: #e8f6ff!important;
	border-color: #cde1fa!important;
}
.bg-green-lightest{
	background-color: #f0f9f3!important;
}
.right{
	right:5%;
	z-index: 1000;
}
.text-blue-darker{
	color: #2c5e9d;
}

/* ----- for selectbox arrow modification ----- */
.custom-select-label .custom-select{
   background: transparent!important;
   z-index: 1;
}
.custom-select-label{
   background: #fff !important;
   border-radius: 0.25rem !important;
}
.custom-select-label:after{
   content: " "!important;
   color: #000; 
   position: absolute;
   right:0.7rem;
   z-index: 0;
	border-color: #343a40 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
}