.loader {
	top: 40%;
	right: 48%;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid red;
	border-bottom: 16px solid red;
	border-left: 16px solid gray;
	border-right: 16px solid gray;
	width: 100px;
	height: 100px;
	-webkit-animation: spinner-border 1s linear infinite;
	animation: spinner-border 1s linear infinite;
	z-index: 10000000;
	opacity: 0.5;
	position: fixed;
}
.datepicker td, .datepicker th {
    text-align: center;
   width: 35px !important;
height: 30px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.red{color: #f5141e;}
table th > span {
    display: block;
}
table th{vertical-align:middle;}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 300px;
}
.subText {
	font-size: 12px;
	color: #969696;
	margin-top: -15px;
}
.customPointer{
	 cursor: pointer;
}
div.profile-dropdown>hr{
	margin: 5px 0px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #df091d;
}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000;
    height: 100%;
    width: 100%;
    opacity: .2;
}
.text-orange {
    color: #ff6500 !important;
}
.pagination{
	margin-top: 10px !important;
}
.customBtn,.btn{
	padding: 2px 10px !important;
}
div.dataTables_processing {
	border: none !important; 
	background-color: transparent  !important;
}











.modal-900{
    max-width: 900px;
}

.avatar-view{height:50px;width:50px;border:3px solid #fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;}
.avatar-view img{width:100%;}
.avatar-body{padding-right:15px;padding-left:15px;}
.avatar-upload{overflow:hidden;}
.avatar-upload label{display:block;float:left;clear:left;width:100px;}
.avatar-upload input{display:block;margin-left:110px;}
.avatar-alert{margin-top:10px;margin-bottom:10px;}
.avatar-wrapper{height:364px;width:100%;margin-top:15px;box-shadow:inset 0 0 5px rgba(0,0,0,.25);background-color:#fcfcfc;overflow:hidden;}
.avatar-wrapper img{display:block;height:auto;max-width:100%;}
.avatar-preview{float:left;margin-top:15px;margin-right:15px;border:1px solid #eee;border-radius:4px;background-color:#fff;overflow:hidden;}
.avatar-preview:hover{border-color:#ccf;box-shadow:0 0 5px rgba(0,0,0,.15);}
.avatar-preview img{width:100%;}
.preview-lg{height:184px;width:184px;margin-top:15px;}
.preview-md{height:100px;width:100px;}
.preview-sm{height:50px;width:50px;}

@media (min-width:992px){.avatar-preview{float:none;}
}
.avatar-btns{margin-top:30px;margin-bottom:15px;}
.avatar-btns .btn-group{margin-right:5px;}

.select2-container--default .select2-selection--single {
	height:38px  !important; 
	padding: .375rem .35rem !important;
	border: 1px solid #E3E3E3 !important;
	}
.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 6px !important;
   
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important; 
}
.btn{
	padding: 5px 10px;
}
.countrypicker{
	max-width:100%;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
.countrypicker>.btn{
    padding: 5px 32px !important;
}
.show>.dropdown-menu {
    display: block;
} 
.dropdown-menu>li>a{
    color:#333;
}
.hidden {
    display: none !important;
}
.bootstrap-select.btn-group .dropdown-menu {
    min-width: 289px !important;
}
.dropdown-menu>.active,.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #ffffff !important;
    text-decoration: none;
    outline: 0;
    background-color: #4582ec;
}
.borderBottom{
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 20px;
}
.checkbox input[type="checkbox"] {
	display:none;
}
.companyLogo{
	border-radius: 50%;
	width: 300px;
	height: 300px; 
	position: fixed; 
	top: 45%;
	left: 25%;
	bottom: 40%;
	position: fixed;
	transform: translate(-50%, -50%);
	border: 5px solid #fff;
}
.companySmallLogo{
	border-radius: 50%;
	width: 150px;
	height: 150px; 
	position: fixed; 
	top: 22%;
	left: 50%;
	bottom: 40%;
	position: fixed;
	transform: translate(-50%, -50%);
	border: 5px solid #fff;
}
.borderBottom{
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 20px;
}

#employeeDatatableList_filter {

	margin-right:70px;
	
}
.tooltip-inner {
    max-width: 100% !important;
	text-align: left;
}
.activeInactiveToggle
	{
		position: absolute !important; 
		top: 22px;
        z-index: 1;
	}
#employeeDatatableList_wrapper th,#employeeDatatableList_wrapper td{
	line-height: 1.5;
	vertical-align: top;
}
.activeInactiveToggle > .toggle {
	width:125px !important;
}	
	
.smallHome{
	font-size: 35px;
	text-align:center;
	color:#FF0000;
	position: fixed;
	left: 65%;
	top: 45%;
	width: 80%;
	transform: translate(-50%, -50%);
}
.bigHome{
	font-size: 35px;
	text-align:center;
	color:#FF0000;
	position: fixed;
	left: 50%;
	top: 60%;
	width: 80%;
	transform: translate(-50%, -50%);	
}
.logo-small {
    display: none;
}
#assignedTagToEmployeeModal  .modal-body, #unassignedTagToEmployeeModal  .modal-body, #addNewProfileModal .modal-body{
	padding: 10px 0;
}
.modal .modal-dialog .modal-content { 
	padding-bottom:10px;
	padding-top: 10px !important;
}
.footer {
    padding: 5px 0;
    font-size: 12px;
}
body{
	padding-bottom: 0px;	
}
.page-title {
    line-height: 50px;
}
.avatar-preview{
	border-radius: 50% !important;
	border: 2px solid #cecece !important;
} 
.avatar-view{
	border-radius: 50%;
	border: 2px solid #cecece;
	margin-left: 35px;
}
.formRowTextOnly{
    margin-bottom: 5px;
}

.modal .modal-dialog .modal-content .modal-header{
	padding-bottom: 10px !important;	
}
.assignTagChange{
	margin-top: -10px; margin-bottom: 5px; font-size: 14px;
}
#employeeDatatableList_filter .form-control-sm{
	width: 151px !important;
}
.modal-title{
	margin:0px;
}
#topnav .navigation-menu > li .submenu li p{
	display: inline;
    padding: 0;
    font-size: inherit;
}
.m-t-2{margin-top: 2px !important;}
.addMoneyPan{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #007bff;
	cursor: pointer;
	font-size: 15px;
	padding: 2px 9px;
	border-top-left-radius: 12px;
	color: white;
}
.radio>label, .checkbox>label{
    cursor: pointer;    
    font-size: 16px;
}
.halfForm{
	right: 0;
    position: fixed;
    width: 50%;
    top: 0;
    bottom: 0;
}
span.mdi {
    display: inline-flex;
    vertical-align: sub;
}
.subText{
	font-size: 12px; 
	margin: 0;
	color:#868686
}
.popover-header{
	margin:0px;
}
.toggle-on.btn{
	padding-top: 5px !important;
}
.toggle-off.btn{
	padding-top: 5px !important;
	color: grey;
}
.text-blue{color: #007bff;}
.faThColvis{
	font-size: 1.72em !important;
}
.colVisButtons > div.dt-button-collection{
	left: -194px !important;
	width:250px;  
}
div.dt-buttons {
   
    float: right !important;
}
div.dt-buttons > .dt-button{
	float: right;
    margin-top: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    color: black !important;
	box-shadow: 1px 1px 3px #ccc;
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
}
.popover{	
	width: 300px;
	max-width: 300px;
}
.cardDashHeader {
    background-color: #ffff;
    color: black;
	border-radius: 0.25rem 0.25rem 0 0;
	border-bottom: #f3f1f1 1px solid;
}

.card{margin-bottom: 0.75rem;}
.font-20{
	font-size:20px;
}
.customCardBody {
   
    flex: 1 1 auto;
    padding-top: 0.50rem;
	padding-bottom: 0.50rem;
	padding-left: 2.25rem;
	padding-right: 1.25rem;
}
.moveDown{
	font-size: 20px !important;
	position:relative !important;
	float: right !important;
	margin-top: 6px;
	cursor: pointer;
}
.moveUp{
	font-size: 20px !important;
	position:relative !important;
	float: right !important;
	margin-left:-5px; 
	margin-top: 5px;
	cursor: pointer;
	}
.outer_row > .moveUp{font-size: 15px !important;position:absolute !important;margin-left:20px; margin-top: 5px;cursor: pointer;}
.moveUpInner{
	font-size: 15px !important;
	position:relative !important;
	float: right !important;
	margin-top: 5px;
	margin-left: -5px !important;
	cursor: pointer
}
.moveDownInner{
	font-size: 15px !important; 
	position:relative !important;
	float: right !important;
	margin-top: 6px;
	cursor: pointer
}
.modal-lg-95 {
	width: 950px !important;
	
	max-width: 950px !important;
}

#email-error, #emergencyMobile-error, #referralCode-error, #name-error{
	margin-top: 12px;
	text-align: right;
    margin-right: 10px;
}
.padding-left-20{
	padding-left:20px;
}
/*#emergencyMobile-error{
	
margin-left: 82px;
}
#email-error{
	
margin-left: 130px;
}
#referralCode-error{
	
margin-left: 140px;
}*/