/************ DEFAULT STARTS  ********************/
body {
background: #eaf4fb;
}
body, input, textarea, select, button {
font-family: 'Roboto', sans-serif !important;
font-size: 0.9rem;
}
@font-face {
font-family: Roboto;
src: url(/acs/fonts/Roboto-Regular.woff2);
}
.h2, h2 {
font-size: 1.5rem;
}
.h3, h3 {
    font-size: 1.40rem;
}
.body-container {
    padding-left:0 !important;
  padding-top: 85px;
    transition:0.2s ease-in;
    /*overflow-x:hidden;*/
}
/*scrollbar code*/
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #eaf4fb;
border-radius: 50px;
}
::-webkit-scrollbar-thumb {
background-color: #8cbaff;
border-radius: 50px;
}
 small {
    font-size: 80%;
    font-weight: 400;
    color: #aeafb9;
}
.card{
	    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    border-radius: 2px;
    margin-bottom: 30px;
}
.card-body{
	padding: 0;
	
}
.card-header
{
    margin-bottom: 15px;
    line-height: 30px;
	background: none;
    padding: 0 0 10px 0;
}
.justify-content-end.d-flex button{
	margin-left: 15px;
	
}
/* .form-control */
.form-control:focus {
outline: none;
box-shadow: none;
}

.btn-group.bootstrap-select .btn.dropdown-toggle.btn-default{
	height: 28px;
    padding: 0 !important;
   
}
.card-DboardStats .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default{
    min-width: 50px !important;

}
.card-DboardStats .bootstrap-select .dropdown-menu{
    width: 150px !important;
}
.btn-group.bootstrap-select .bs-caret{
	    margin-left: -22px;
	
	
}
/************ DEFAULT ENDS  ********************/
/************ PAGE TITLE STARTS  ********************/
.pageTitle {
width: 100%;
display: flex;
margin-bottom: 15px;
}
.pageTitle h2{
    margin-bottom: 0;
}
.pageTitle .RgtContainer {
margin-left: auto;
}
.searchBox {
width: 220px;
border: 1.5px solid #fe573c;
border-radius: 25px;
float: left;
height: 40px;
}
.searchBox button {
border: none;
cursor: pointer;
height: 36px;
border-radius: 0px 13px 11px 0;
width: 40px;
line-height: 44px;
background: transparent;
float: right;
display: inline-block;
margin: -35px 0 0 0;
position: relative;
z-index: 15;
color: #fe573c;
}
.searchBox input:focus, .searchBox button:focus {
outline: none;
box-shadow: none;
}
.searchBox input[type="text"] {
background: transparent;
font-size: 15px;
border: none;
box-shadow: none;
height: 36px;
display: inline-block;
width: 100%;
padding: 0 36px 0 15px;
color: #000;
}
/************ PAGE TITLE ENDS  ********************/
/************ MODAL STARTS  ********************/
.modal-dialog {
max-width: 600px;
margin: 0 auto;
height: 100vh;
padding: 50px 0 50px 0;
}
.modal-content {
max-height: 100%;
max-width: 600px !important;
}
.modal-content {
/*max-height: 90vh;*/
max-height:100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.modal-body {
max-height: 100%;
overflow: auto;
overflow-x: hidden;
}
.modal {
-webkit-animation-name: zoomIn;
-webkit-animation-duration: .70s;
-moz-animation-name: zoomIn;
-moz-animation-duration: .70s;
animation-name: zoomIn;
animation-duration: .70s;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}
/************ MODAL ENDS  ********************/
/************ ACCORDION STARTS  ********************/
#accordion .btn.collapsed .btn-QuestionPMIcon i::after {
content: "add_circle_outline";
}
#accordion .btn-QuestionPMIcon i::after {
content: "remove_circle_outline";
}
#accordion .btn-QuestionTick {
margin-right: 8px;
flex-grow: 1;
}
#accordion .card-header {
padding: 0;
box-shadow: none;
background: none;
border: none;
	margin-bottom: 0;
}
#accordion .card {
border: 0px solid rgba(0, 0, 0, .125);
padding: 0;
    margin-bottom: 15px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#accordion .btn {
padding: .7rem 1rem;
display: flex;
flex-flow: nowrap;
box-shadow: none !important;
background: #fff;
}
#accordion .btn-Question {
white-space: normal;
font-size: 0.9rem;
font-weight: 400;
flex-grow: 80;
text-align: left;
}
.btn-QuestionPMIcon {
flex-grow: 1;
}
#accordion .btn:hover {
text-decoration: none;
}
#accordion .card-body {
font-size: 0.8rem;
line-height: 25px;
padding: 0 3rem 1.25rem 3rem;
white-space: normal;
color: #666;
}
#accordion .btn.collapsed i {
color: #526798;
}
#accordion .btn:active, #accordion .btn:focus {
color: #43bc40 !important;
text-decoration: none;
outline: none !important;
box-shadow: none;
}
/************ ACCORDION ENDS  ********************/
/************ BUTTON STARTS  ********************/
/* Flat Button */
.btn-flat {
background: transparent !important;
}
.btn-default{
	background: #fff;
    color: #000;
}
.btn-flat.btn-white, .btn-flat.btn-white:hover, .btn-flat.btn-white:focus,.btn-flat.btn-view-danger, .btn-flat.btn-view-danger:hover, .btn-flat.btn-view-danger:focus, .btn-flat.btn-primary, .btn-flat.btn-primary:hover, .btn-flat.btn-primary:focus, .btn-flat.btn-default, .btn-flat.btn-default:hover, .btn-flat.btn-default:focus, .btn-flat.btn-success, .btn-flat.btn-success:hover, .btn-flat.btn-success:focus, .btn-flat.btn-info, .btn-flat.btn-info:hover, .btn-flat.btn-info:focus, .btn-flat.btn-warning, .btn-flat.btn-warning:hover, .btn-flat.btn-warning:focus, .btn-flat.btn-danger, .btn-flat.btn-danger:hover, .btn-flat.btn-danger:focus {
background: none !important;
color: #000 !important;
border: none !important;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .02), 0 0px 10px 0 rgba(0, 0, 0, 0.02) !important;
}
/* Buttons sizes */
.btn-group-sm>.btn, .btn-sm {
padding: .28rem .5rem !important;
font-size: .805rem !important;
}
.btn-group-sm>.btn, .btn-md {
padding: 0.95rem .7rem !important;
font-size: .900rem !important;
}
.btn-group-sm>.btn, .btn-lg {
padding: 1.3rem 1.5rem !important;
font-size: .950rem !important;
}
.btn-group-sm>.btn, .btn-xlg {
padding: 1.8rem 1.8rem !important;
font-size: 1rem !important;
}
.btn-group-sm>.btn, .btn-xs {
padding: 0.20rem 0.35rem !important;
font-size: .700rem !important;
}
/* Button Default */
.btn {
font-size: 0.9rem;
border-radius: 0;
padding: .400rem 1.5rem;
border: none;
text-transform: uppercase;
box-shadow: 0 3px 4px -2px rgba(0, 0, 0, .50), 0 0px 1px 0 rgba(0, 0, 0, 0.50);
}
/*.btn i{
float: left;
font-size: 1.2rem;
margin-right: 6px;
position: relative;
top: 0px;
}*/
.btn:hover, .btn:focus {
outline: none;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .30), 0 0px 10px 0 rgba(0, 0, 0, 0.30) !important;
}
/* Iconic Buttons */
.btn.btn-iconic {
padding: .600rem .600rem;
}
.btn.btn-iconic i {
margin-right: 0;
}
.btn i.left {
display: inline-block;
float: left;
top: 0px;
position: relative;
margin-right: 6px;
font-size: 18px;
}
.btn i.right {
display: inline-block;
float: right;
top: 0px;
position: relative;
margin-left: 6px;
font-size: 18px;
}
/*Circle Iconic */
.btn-circle-iconic {
padding: 0;
border-radius: 150px !important;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
}
/* omment By Danda Satish*/
.btn-circle-iconic i{
/* line-height: 48px;*/
 display: block;   
}
.btn-circle-iconic i.left, .btn-circle-iconic i.right {
margin: 0 auto;
float: none;
line-height: 48px;
position: relative;
top: 0;
}
/* Rounded Circle Iconic Button */
.btn-Rcircle-iconic {
padding: .600rem 1.2rem;
border-radius: 150px !important;
}
.dropdown-Rcircle .dropdown-menu li a:nth-child(1) {
border-radius: 1rem 1rem 0 0 !important;
}
.dropdown-Rcircle .dropdown-menu li a:last-child {
border-radius: 0 0 1rem 1rem !important;
}
/* Outline Buttons */
.btn-outline-default, .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-success, .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-info, .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-warning, .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-danger, .btn-outline-danger:hover, .btn-outline-danger:focus {
background: none !important;
outline: none;
}
.btn-outline-default, .btn-outline-default:hover, .btn-outline-default:focus {
border: 1px solid #000000 !important;
border-color: #526798;
color: #000000 !important;
}
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus {
border: 1px solid #0c6dff !important;
border-color: #0c6dff;
color: #0c6dff !important;
}
.btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary:focus {
border: 1px solid #526798 !important;
border-color: #526798;
color: #526798 !important;
}
.btn-outline-success, .btn-outline-success:hover, .btn-outline-success:focus {
border: 1px solid #43bc40 !important;
border-color: #43bc40;
color: #43bc40 !important;
}
.btn-outline-info, .btn-outline-info:hover, .btn-outline-info:focus {
border: 1px solid #03a5ee !important;
border-color: #03a5ee;
color: #03a5ee !important;
}
.btn-outline-warning, .btn-outline-warning:hover, .btn-outline-warning:focus {
border: 1px solid #ff971b !important;
border-color: #ff971b;
color: #ff971b !important;
}
.btn-outline-danger, .btn-outline-danger:hover, .btn-outline-danger:focus {
border: 1px solid #fe573c !important;
border-color: #fe573c;
color: #fe573c !important;
}
/* Buttons */
.btn-white {
background: #fff !important;
border: 1px solid #526798;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus {
background: #3c71c3!important;
}
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
background: #526798 !important;
}
.btn-success, .btn-success:hover, .btn-success:focus {
background: #429640 !important;
}
.btn-info, .btn-info:hover, .btn-info:focus {
background: #03a5ee !important;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus {
background: #e89a3c !important;
color: #fff !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus {
background: #b24848 !important;
}
.btn-view-danger, .btn-view-danger:hover, .btn-view-danger:focus {
background: #b24848  !important;
color: #fff !important;
}
/* waves-effect */
.waves-effect {
outline: none;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
z-index:99;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
/*background-color: rgba(255, 255, 255, 0.45);*/
background-color: rgba(255, 255, 255, 0.15);
}
.waves-effect.waves-blue .waves-ripple {
background-color: rgba(12, 109, 255, 0.4);
}
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-info .waves-ripple {
background-color: rgba(13, 152, 249, 0.7);
}
.waves-effect.waves-warning .waves-ripple {
background-color: rgba(255, 151, 27, 0.7);
}
.waves-effect.waves-danger .waves-ripple {
background-color: rgba(254, 87, 60, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7);
}
.waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.waves-circle {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none;
}
.waves-block {
display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
z-index: -1;
}
/************ BUTTON ENDS  ********************/
/************ TEXTFIELD STARTS  ********************/
.form-group {
position: relative;
border: none;
min-height: 50px;
}
.form-group input.form-control {
z-index: 2 !important;
padding-left: 0px;
}
.form-group .form-control {
position: absolute;
width: 100%;
min-height: 30px;
font-size: 15px;
border: none;
border: 0 !important;/*  border-bottom: 1px solid #7d8094;
*/
background-color: transparent;
background: none !important;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
}
.form-group .form-control + label.form-label {
position: absolute;  /*top: 5px;*/
top: 22px;
z-index: 2;
font-size: 15px;
color: #7d8094;
transition: all 0.2s ease;  /*-webkit-transition: all 0.2s ease;*/
-webkit-transition: top 0.2s, font-size 0.1s;
-moz-transition: top 0.2s, font-size 0.1s;
-ms-transition: all 0.2s ease;
z-index: 1;
}
.form-control:focus {
outline: none;
border-width: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.form-control:focus + label.form-label {
top: 0px;
color: #0c6dff;
font-size: 12px;
}
.form-control.has-value + label.form-label {
top: 0px;
color: #aeafb9;
font-size: 12px;
}
.form-control {
box-shadow: none !important;
width: 100%;
border: 0;
}
.form-controlBrd {
width: 100%;
display: block;
height: 2px;
background: #fff no-repeat;
background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #7d8094, #7d8094);
-webkit-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #7d8094, #7d8094);
-moz-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #7d8094, #7d8094);
-ms-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #7d8094, #7d8094); /* sizes for the 2. images (default state) */
background-size: 0 2px, 100% 1px;
-webkit-background-size: 0 2px, 100% 1px;
-moz-background-size: 0 2px, 100% 1px;
-ms-background-size: 0 2px, 100% 1px; /* positions for the 2. images. Change both "50%" to "0%" or "100%" and tri again */
background-position: 50% 100%, 50% 100%;
-webkit-background-position: 50% 100%, 50% 100%;
-moz-background-position: 50% 100%, 50% 100%;
-ms-background-position: 50% 100%, 50% 100%; /* animation solely on background-size */
transition: background-size 0.3s cubic-bezier(0.55, 0.09, 0.08, 1);
-moz-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-webkit-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-ms-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
position: absolute;
bottom: 0;
}
.form-control:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
-moz-background-size: 100% 2px, 100% 1px;
-webkit-background-size: 100% 2px, 100% 1px;
-ms-background-size: 100% 2px, 100% 1px;
}
.form-controlDate:hover ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
-moz-background-size: 100% 2px, 100% 1px;
-webkit-background-size: 100% 2px, 100% 1px;
-ms-background-size: 100% 2px, 100% 1px;
}
.form-controlBrd:focus {
/* sizes for the 2. images (focus state) */
background-size: 100% 2px, 100% 1px;
outline: none;
}
/* TEXTAREA  */
.form-groupTextArea {
position: relative;
border: none;
min-height: 116px;
}
.form-ControlTextArea {
position: absolute;
width: 100%;
min-height: 106px !important;
max-height: 106px !important;
font-size: 14px;
border: none;
background-color: transparent;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
padding: 13px 0 0 0 !important;
z-index: 2;
}
.form-ControlTextArea + label.form-label {
position: absolute;
top: 88px;
z-index: 2;
font-size: 16px;
color: #7d8094;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
/*background: #fff;*/
z-index: 1;
}
.form-ControlTextArea:focus {
outline: none;
border-width: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.form-ControlTextArea:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
}
.form-ControlTextArea:focus + label.form-label {
top: 0px;
color: #0c6dff;
font-size: 12px;
}
.form-ControlTextArea.has-value + label.form-label {
top: 0px;
color: #7d8094;
font-size: 12px;
}
.form-ControlTextArea {
background: none !important;
}
/* left bar animation */
.form-controlBrd-Left {
width: 100%;
display: block;
height: 2px;
background: #fff no-repeat;
background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #7d8094, #7d8094); /* sizes for the 2. images (default state) */
background-size: 0 2px, 100% 1px; /* positions for the 2. images. Change both "50%" to "0%" or "100%" and tri again */
background-position: 0% 100%, 0% 100%; /* animation solely on background-size */
transition: background-size 0.3s cubic-bezier(0.55, 0.09, 0.08, 1);
-moz-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-webkit-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
position: absolute;
bottom: 0;
}
.form-control:focus ~ .form-controlBrd-Left {
background-size: 100% 2px, 100% 1px;
}
.form-ControlTextArea:focus ~ .form-controlBrd-Left {
background-size: 100% 2px, 100% 1px;
}
/* icon with bar */
.form-controlIcon {
font-size: 20px !important;
}
.form-control.form-controlLftIcon {
padding-left: 28px !important;
margin-left: 12% !important;
}
.form-control + label.form-labelLftIcon {
left: 28px;
margin-left: 12% !important;
}
.form-controlIcon {
z-index: 8;
position: relative;
top: 24px;
}
/* EFFECT FOR TEXT */
.form-control + label.form-label-txt {
position: absolute;
top: -10px;
left: 0px;
z-index: 2;
font-size: 16px;
color: #7d8094;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
}
.form-control.has-value:not(:focus) + label.form-label-txt {
color: #7d8094;
}
.form-control-txt:focus + label.form-label-txt {
color: #0c6dff !important;
transition: all 0.5s ease !important;
}
/************ TEXTFIELD ENDS  ********************/
/************ TABS STARTS  ********************/
.pmd-tabs .nav-tabs {
border-bottom: none;
display: flex;
flex-wrap: nowrap;
/*justify-content: space-around;*/
justify-content:flex-start;
}
.barShow {
display: block;
transition: all 1s ease;
}
.barHide {
left: 100% !important;
opacity: 0;
width: 0 !important;
transition: all 1s ease;
}
/* pmd-tabs */
.pmd-tabs {
position: relative;
z-index: 90;
}
.pmd-tabs .nav-tabs {
border-bottom: none;
}
.pmd-tabs .nav-tabs.nav-justified > li > a {
border: none;
border-radius: 0;
}
.pmd-tabs .nav-tabs.nav-justified > .active > a, .pmd-tabs .nav-tabs.nav-justified > .active > a:hover, .pmd-tabs .nav-tabs.nav-justified > .active > a:focus {
border: none;
}
.pmd-tabs .nav-tabs > li.active > a, .pmd-tabs .nav-tabs > li.active > a:hover, .pmd-tabs .nav-tabs > li.active > a:focus {
color: black;
cursor: default;
background-color: transparent;
border: none;
border-bottom-color: transparent;
opacity: 1;
}
.pmd-tabs .nav-tabs > li {
margin-bottom: 0;
}
.pmd-tabs .nav-tabs > li > a {
padding: 1.125rem 1rem 1.0625rem;
color: rgba(0, 0, 0, 0.54);
font-size: 0.875rem;
font-weight: 500;
margin-right: 0;
line-height: 1;
border: none;
border-radius: 0;
text-transform: uppercase;
}
.pmd-tabs .nav-tabs > li > a:hover, .pmd-tabs .nav-tabs > li > a:focus {
border-color: transparent;
background-color: transparent;
}
.pmd-tabs .pmd-tab-active-bar {
/*position: absolute;*/
position:relative;

bottom: 0;
width: 25%;
height: 27px;  /*background: #ffc107;*/
/*background: url(darow.png) 48% 0 no-repeat;*/
transition: all 0.2s ease-in-out;
}
.pmd-card-body.nav-CircleTabBodyContainer{
        width: 100%;
    display: block;
    margin-top: -28px;
}
.pmd-tabs-bg .nav-tabs > li > a {
color: rgba(255, 255, 255, 0.54);
}
.pmd-tabs-bg .nav-tabs > li .dropdown-menu a {
color: #333333;
}
.pmd-tabs-bg .nav-tabs > li.active > a, .pmd-tabs-bg .nav-tabs > li.active > a:hover, .pmd-tabs-bg .nav-tabs > li.active > a:focus {
/*color: white;*/
background-color: #fff;
border-right: 1px solid #d9e7ef;
}
.pmd-tabs-bg .pmd-tabs-scroll-right, .pmd-tabs-bg .pmd-tabs-scroll-left {
background-color: #4285f4;
color: rgba(255, 255, 255, 0.54);
}
.pmd-tabs-scroll-container {
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.pmd-tabs-scroll-right {
float: right;
right: 0;
top: 0;
}
.pmd-tabs-scroll-left {
float: left;
left: 0;
}
.pmd-tabs-scroll-right, .pmd-tabs-scroll-left {
position: absolute;
z-index: 99;
text-align: center;
cursor: pointer;
display: none;
white-space: no-wrap;
vertical-align: middle;
padding: 0.75rem 1.5rem 0.375rem;
background-color: #fff;
color: #868e96;
line-height: 1.7;
}
/* horizantTabs */
.horizantTabs .hidden {
display: none !important;
}
.horizantTabs #mytabs {
overflow: hidden;
height: 80px !important;
}
.horizantTabs .nav-item {
white-space: nowrap;
}
.horizantTabs .pmd-tab-active-bar::after {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -0.5em;
bottom: 0px;
left: 44%;
box-sizing: border-box;
border: 0.8em solid black;
border-color: transparent transparent #ffffff #ffffff;
transform-origin: 0 0;
transform: rotate(-45deg);
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
top: 26px;
}
.horizantTabs .nav-link.active.show {
background: #fff;
color: #000;
}
.horizantTabs {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
color: #000;
}
.horizantTabs .nav-tabs > li > a, .horizantTabs .nav-tabs > li > a:hover {
color: #526675;
border-right: 1px solid #d9e7ef;
}
.horizantTabs .nav-tabs > li.active > a, .horizantTabs .nav-tabs > li:hover.active > a {
/*background: #fff;*/
color: #000;
border-right: 1px solid #d9e7ef;
}
.horizantTabs .nav-link.active.show {
background: #03409c !important;
color: #fff;
border-right: 1px solid #d9e7ef;
}
.horizantTabs .pmd-tab-active-bar {
background: none !important;
position: absolute;
bottom: 0;
width: 25%;
height: 27px;
transition: all 0.2s ease-in-out;
}
.hTabsIcon {
display: block;
margin: 0 auto 8px auto;
text-align: center;
}
.horizantTabs .dropdown-toggle {
height: 79px !important;
text-align: center;
font-size: 26px !important;
line-height: 68px !important;
color: #526675;
}
.horizantTabs .dropdown-toggle::after {
margin-left: 0 !important;
}
#dynTabsDrpDwn .hTabsIcon {
display: inline-block;
margin: 0 8px 0 auto;
text-align: center;
position: relative;
top: 6px;
}
/* horizantTabs Dropdown */
.horizantTabs .dropdown-menu.show {
left: auto !important;
width: 300px;
right: 10px !important;
top: -80px !important;
padding: 0;
border-radius: 0;
}
.horizantTabs .dropdown-menu a {
color: #526675;
}
.horizantTabs .dropdown-menu li:last-child a {
border-bottom: none !important;
}
.horizantTabs .dropdown-menu.show {
animation-name: horizantTabsdrpdown;
animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32);
animation-timing-function: linear;
transform-origin: 15% 80px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transform: translate3d(10px, 80px, 0px);
-webkit-animation-name: horizantTabsdrpdown;
-webkit-animation-duration: 0.53;
-webkit-animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32);
-webkit-transform-origin: 15% 80px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(10px, 80px, 0px);
}
@keyframes horizantTabsdrpdown {
0% {
transform: translate3d(0px, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
transform: translate3d(10px, 80px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
@-webkit-keyframes horizantTabsdrpdown {
0% {
-webkit-transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(10px, 80px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
@-moz-keyframes horizantTabsdrpdown {
0% {
-moz-transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
-moz-transform: translate3d(10px, 80px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
.horizantTabsBodyContainer .tab-content {
top: 25px;
position: relative;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 20px;
background: #fff;
border-radius: 2px;
}
/* DYNAMIC TABS CSS */
.dynamic-tabs {
width: 100%;
float: left;
}
.dynamic-tabs-container {
position: relative;
}
.dynamic-tabs-container .dynamic-tabs {
padding-right: 10px;
}
.dynamic-tabs-container .tabs-dropdown {
position: absolute;
right: 0;
margin-right: 0 !important;
width: 300px;
}
.dynamic-tabs-container .tabs-dropdown.navbar-nav {
margin: 0 !important;
}
.dynamic-tabs-container .tabs-dropdown .dropdown-toggle {
position: absolute;
display: block;
right: 0;
width: 48px;
height: 48px;
text-align: center;
font-size: 20px;
line-height: 40px;
}
#dynTabsDrpDwn .nav-link {
padding-right: 0;
padding-left: 0;
display: block;
padding: 15px;
font-size: 14px;
border-bottom: 1px solid #b2bbca;
}
/************ TABS ENDS  ********************/
/************ DYNAMIC STARTS  ********************/
.dynamic-tabs {
width: 100%;
float: left;
}
.dynamic-tabs-container {
position: relative;
}
.dynamic-tabs-container .dynamic-tabs {
padding-right: 10px;
}
.horizantTabs .dynamic-tabs {
height: 80px !important;
}
.dynamic-tabs-container .tabs-dropdown {
position: absolute;
right: 0;
margin-right: 0 !important;
width: 300px;
}
.dynamic-tabs-container .tabs-dropdown.navbar-nav {
margin: 0 !important;
}
.dynamic-tabs-container .tabs-dropdown .dropdown-toggle {
position: absolute;
display: block;
right: 0;
width: 48px;
height: 48px;
text-align: center;
font-size: 20px;
line-height: 40px;
z-index: 55;
background: #0c6dff;
color: #fff;
}
#dynTabsDrpDwn .nav-link {
padding-right: 0;
padding-left: 0;
display: block;
padding: 15px;
font-size: 14px;
border-bottom: 1px solid #b2bbca;
}
/************ DYNAMIC ENDS  ********************/
/************ CIRCLE TABS STARTS  ********************/
.nav-CircleTabContainer .pmd-tab-active-bar::after {
margin-top: 25px;
}
.nav-CircleTabContainer .nav-tabs {
min-height: 128px;
height: 128px !important;
}
.nav-CircleTab .icon {
width: 48px;
height: 48px;
border-radius: 150px;
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
display: block;
line-height: 48px;
text-align: center;
line-height: 48px;
margin: 0 auto 10px auto;
}
.cTbasLabel {
color: #000;
    font-size: 12px;
}
.nav-CircleTab .icon i {
color: #000;
position: relative;
top: 9px;
}
.nav-CircleTabContainer .active.show {
background: none !important;
}
.nav-CircleTabContainer .nav-link.active.show .cTbasLabel, .nav-CircleTabContainer .nav-link:hover .cTbasLabel {
display: block;
}
.nav-CircleTabContainer .active.show {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
}
/* newly added */
.cTbasIcon {
display: block;
margin: 0 auto 8px auto;
text-align: center;
width: 48px;
height: 48px;
display: block;
border-radius: 150px;
background: #fff;
line-height: 48px;
color: #546877;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.cTbasIcon i {
position: relative;
top: 5px;
}
.hidden {
display: none !important;
}
.nav-CircleTabContainer .nav-item {
/*-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;*/
text-align: center;
}
.nav-CircleTabContainer .nav-link.active.show .cTbasIcon, .nav-CircleTabContainer .nav-link:hover .cTbasIcon {
display: block;
margin: -12px auto 8px auto;
text-align: center;
width: 68px;
height: 68px;
display: block;
border-radius: 150px;
background: #fe573c;
line-height: 68px;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.nav-CircleTabContainer .nav-link.active.show .cTbasLabel, .nav-CircleTabContainer .nav-link:hover .cTbasLabel {
color: #fe573c !important;
}
.nav-CircleTabContainer .pmd-tab-active-bar::after {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -0.5em;
bottom: -45px;
left: 67%;
box-sizing: border-box;
border: 0.8em solid black;
border-color: transparent transparent #ffffff #ffffff;
transform-origin: 0 0;
transform: rotate(136deg);
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
background: none !important;
top: 120px;
}
.nav-CircleTabBodyContainer .tab-content {
top: 15px;
position: relative;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
/*padding: 20px;*/
padding: 20px 20px 90px 20px;
background: #fff;
border-radius: 2px;
}
.nav-CircleTabContainer .tabs-dropdown .dropdown-toggle {
position: absolute;
display: block;
right: 0;
width: 36px;
height: 36px;
text-align: center;
font-size: 20px;
line-height: 22px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border-radius: 250px;
background: #0c6dff;
color: #fff;
}
.nav-CircleTabContainer .dropdown-toggle::after {
margin-left: 0;
}
.nav-CircleTabContainer #dynTabsDrpDwn .nav-link {
text-align: left;
}
.nav-CircleTabContainer #dynTabsDrpDwn {
padding: 0;
}
.nav-CircleTabContainer #dynTabsDrpDwn .cTbasIcon {
margin: 0 auto 8px auto;
text-align: center;
width: 38px;
height: 38px;
display: inline-block;
line-height: 38px;
color: #546877;
margin-right: 15px;
}
.nav-CircleTabContainer .dropdown-menu li:last-child .nav-link {
border-bottom: 0 !important;
}
.nav-CircleTabContainer #dynTabsDrpDwn .cTbasLabel {
display: inline-block;
}
/************ CIRCLE TABS ENDS  ********************/
/************ SIDEBAR STARTS  ********************/
.sideFormContainer {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
z-index: 3;
color: #fff;
}
.circle {
transition: all 0.4s ease-out;
background: #fff;
/*width: 40px;
height: 40px;*/
border-radius: 30px;
position: relative;
top: 0;
}
/*Scale the ripple effect*/
.full {
transition: all 0.5s ease;
transform: scale(100);
transform-origin: 73% 20%;
}
.menuAnim {
animation-name: colorchange;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
}
@-webkit-keyframes colorchange {
0% {
background: #fff
}
100% {
background: #fff;
}
}
.circle.full .fontSize {
font-size: 0 !important;
opacity: 0;
}
.fontSizeAnim {
opacity: 1;
transition: all 0.4s ease-out;
}
.fontSize {
font-size: 14px;
margin-right: 12px;
}
.fontSizeAnim {
animation-name: fontSizeAnim;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
}
@keyframes fontSizeAnim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*Close button*/
.addNewButton {
/*position: relative;
width: 125px;*/
/*height: 50px;*/
float: left;
margin-left: 15px;
z-index: 45;
}
.sideFormBox .close {
position: absolute;
top: 40px;
right: -24px;
z-index: 1000;
color: #303F9F;
visibility: hidden;
transform: scale(1) !important;
transform-origin: 1% 1% !important;
background: #a3a7b0;
opacity: 1;
color: #fff;
width: 70px;
height: 70px;
border-radius: 180px;
text-align: left;
}
.sideFormBox .close i {
left: 18px;
position: relative;
top: 29px;
font-size: 20px;
}
.sideFormBox .close i:hover {
color: #fff !important;
text-shadow: none;
}
.sideFormBox .menu {
/*position: absolute !important;*/
z-index: 3;
color: #fff;
/*display: block;*/
padding-right: 10px !important;
/*width: 125px;*/
height: 40px;
padding: .600rem 0.8rem;
}
.sideFormBox .menu i {
top: 0px !important;
float: left;
margin-right: 4px;
}
.sideFormBox .pointer {
cursor: pointer;
}
.sideFormBox.disBlock {
display: block;
position: fixed;
width: 320px;
right: 0 !important;
left: auto !important;
}
.sideFormBox .tranDiv {
background: #000;
position: fixed;
width: 100%;
height: 100%;
}
.sideFormBox {
/*position: absolute;*/
margin: 0;
background: transparent;
/*width: 125px;*/
/*height: 50px;*/
/*overflow: hidden;*/
transition: all 0.5s ease;
left: 0;
top: 0;
z-index: 55;
}
.sideFormBox.disBlock {
height: 100vh !important;
}
.sideForm {
width: 320px;
display: flex;
flex-wrap: nowrap;
flex-flow: column;
position: fixed;
right: 0;
height: 100vh;
overflow: auto;
padding: 20px;
overflow-x: hidden;
padding: 75px 15px 15px 15px;
animation-name: sideBarForm;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
box-shadow: 7px 12px 11px 13px rgba(0,0,0,0.1);
background: #fff;
}
@keyframes sideBarForm {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sideForm-Head h3 {
font-size: 1.1rem;
letter-spacing: -0.2px;
color: #000;
}
.sideForm-Head {
margin-bottom:30px;
}
.sideForm-Body {
background: #fff;
width: 100%;
}
.sideForm-Foot {
width: 100%;
}
.sideForm-Head h3 i {
position: relative;
top: 5px;
margin-right: 10px;
}
/************ SIDEBAR ENDS  ********************/
/************ RADIO BUTTONS, CHECKBOX AND SWITCHES STARTS  ********************/
.custom-control.material-checkbox {
--color: #0c6dff;
}
.custom-control.material-checkbox .material-control-input {
display: none;
}
.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
border-color: var(--color);
transform: rotateZ(45deg) translate(1px, -5px);
-webkit-transform: rotateZ(45deg) translate(1px, -5px);
-moz-transform: rotateZ(45deg) translate(1px, -5px);
-ms-transform: rotateZ(45deg) translate(1px, -5px);
width: 10px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
}
.custom-control.material-checkbox .material-control-indicator {
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
transition: .2s;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
}
.custom-control.fill-checkbox {
--color: #0c6dff;
}
.custom-control.fill-checkbox .fill-control-input {
display: none;
}
.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
background-color: var(--color);
border-color: var(--color);
background-size: 80%;
}
.custom-control.fill-checkbox .fill-control-indicator {
border-radius: 3px;
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
-webkit-transition: .3s;
transition: .3s;
background: transperent;
background-size: 0%;
background-position: center;
background-repeat: no-repeat;/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E");*/
}
.custom-control.overflow-checkbox .overflow-control-input {
display: none;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
-webkit-transform: rotateZ(45deg) scale(1);
transform: rotateZ(45deg) scale(1);
top: -6px;
left: 5px;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
opacity: 1;
}
.custom-control.overflow-checkbox .overflow-control-indicator {
border-radius: 3px;
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
}
.custom-control.overflow-checkbox .overflow-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
transition: .2s;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
transform: rotateZ(80deg) scale(0);
-webkit-transform: rotateZ(80deg) scale(0);
-moz-transform: rotateZ(80deg) scale(0);
-ms-transform: rotateZ(80deg) scale(0);
width: 10px;
border-bottom: 4px solid #0c6dff;
border-right: 4px solid #0c6dff;
border-radius: 3px;
top: -2px;
left: 2px;
}
.custom-control.overflow-checkbox .overflow-control-indicator::before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
-webkit-transition: .3s;
transition: .3s;
width: 10px;
border-right: 7px solid #fff;
border-radius: 3px;
-webkit-transform: rotateZ(45deg) scale(1);
transform: rotateZ(45deg) scale(1);
top: -4px;
left: 5px;
opacity: 0;
}
.custom-control.material-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.material-switch .material-switch-control-input {
display: none;
}
.custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
background-color: var(--color);
left: 17px;
}
.custom-control.material-switch .material-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 16px;
background: #ddd;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
}
.custom-control.material-switch .material-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: -1px;
left: -1px;
background: #fdfdfd;
-webkit-box-shadow: 0 2px 10px #aaa;
box-shadow: 0 2px 10px #aaa;
}
.custom-control.ios-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.ios-switch .ios-switch-control-input {
display: none;
}
.custom-control.ios-switch .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
width: 20px;
}
.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
border: 10px solid var(--color);
}
.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
top: -8px;
left: 4px;
}
.custom-control.ios-switch .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
left: 0px;
}
.custom-control.ios-switch .ios-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #0c6dff;
}
.custom-control.ios-switch .ios-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
top: 0px;
left: 0px;
background: #fff;
-webkit-box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
}
.custom-control.border-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.border-switch .border-switch-control-input {
display: none;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
border-color: var(--color);
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
left: 14px;
background-color: var(--color);
}
.custom-control.border-switch .border-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #7d8094;
}
.custom-control.border-switch .border-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
left: 2px;
background: #ccc;
}
.custom-control.teleport-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.teleport-switch .teleport-switch-control-input {
display: none;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
border-color: var(--color);
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
left: -14px;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
right: 2px;
background-color: var(--color);
}
.custom-control.teleport-switch .teleport-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #0c6dff;
overflow: hidden;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
left: 2px;
background: #ccc;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::before {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
right: -14px;
background: #ccc;
}
@keyframes ripple {
0% {
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
}
50% {
box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
}
100% {
box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
}
}
.md-radio {
margin: 16px 0;
position: relative;
text-align: left;
cursor: pointer;
}
.md-radio input[type="radio"] {
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
height: 25px;
z-index: 5;
cursor: pointer;
}
.md-radio.md-radio-inline {
display: inline-block;
}
.md-radio input[type="radio"] {
opacity: 0;/*display: none;*/
}
.md-radio input[type="radio"]:checked + label:before {
border-color: #0c6dff;
animation: ripple 0.8s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
transform: scale(1);
}
.md-radio label {
display: inline-block;
/*height: 20px;*/
/*position: relative;*/
padding: 0 0 0 30px;
margin-bottom: 0;
cursor: pointer;
vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
position: absolute;
content: '';
border-radius: 50%;
transition: all .8s ease;
transition-property: transform, border-color;
}
.md-radio label:before {
left: 0;
top: 3px;
width: 20px;
height: 20px;
border: 2px solid #0c6dff;
}
.md-radio label:after {
top: 8px;
left: 5px;
width: 10px;
height: 10px;
transform: scale(0);
background: #0c6dff;
}
/************ RADIO BUTTONS, CHECKBOX AND SWITCHES ENDS  ********************/
/************ PAGINATION STARTS  ********************/
.page-item .page-link:focus {
outline: none;
box-shadow: none !important;
color: #3e3c3c;
}
.page-item .page-link:active {
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
outline: none;
color: #3e3c3c;
}
.page-link {
position: relative;
display: block;
padding: 0;
margin: 0 5px !important;
line-height: 1.25;
color: #3e3c3c;
background-color: #fff;
border: none !important;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
border-radius: 150px;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .08), 0 0px 6px 0 rgba(0, 0, 0, 0.08) !important;
}
.dataTables_wrapper .page-link {
display: inline-block !important;
}
.dataTables_wrapper .page-link.btn-danger {
color: #fff;
}.dataTables_wrapper .page-link.btn-view-danger {
color: #fff;
}
.page-item.active .page-link {
background: #fe573c !important;
border-color: #fe573c !important;
box-shadow: none !important;
height: 46px;
line-height: 46px;
width: 46px;
margin-top: -7px !important;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
}
.page-item.active .page-link:active, .page-item.active .page-link:focus {
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
outline: none;
color: #fff !important;
}
.page-link i {
line-height: 40px;
}
.page-item:last-child .page-link, .page-item:first-child .page-link {
border-radius: 150px;
}
/* pagination-Flat */
.pagination-Flat .page-link {
border-radius: 0 !important;
box-shadow: none !important;
background: #fcfcfc;
}
/* pagination-ActiveCircle */
.pagination-ActiveCircle .page-link {
box-shadow: none !important;
background: #fcfcfc;
}
.pagination-ActiveCircle {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 22px 38px -24px rgba(0, 0, 0, 0.5);
padding-bottom: 20px;
border-radius: 0 !important;
}
.pagination-ActiveCircle .page-item.active .page-link {
border-radius: 150px !important;
}
.PActiveCircleOuter {
display: inline-block;
}
/************ PAGINATION ENDS  ********************/
/************ NAVBAR STARTS  ********************/
.sidenav #sidebar-wrapper{
width: 60px;
}
.sideNav250 #sidebar-wrapper{
width: 250px;
}
#sidebar-wrapper{
/*width: 60px;*/
display: block;
position: fixed;
height: calc(100vh - 66px);
left: 0;
top: 61px;
/*z-index: 9898998;*/
z-index: 98;
  background-color: #fff;
overflow-x: hidden;
transition: all 0.3s ease;
overflow-y: hidden;
    box-shadow: 3px 1px 10px rgba(0,0,0,0.1);
}
.dark .sidenav{
    background-color: #080d17;
}
.sidenav a {
padding: 10px 16px;
text-decoration: none;
font-size: 14px;
color: #818181;
display: block;
transition: all 0.5s ease;
}
.navFontSize {
position: absolute;
left: 60px;
top: 18px;
transition: all 0.2s ease;
color: #6c6e73;

width: 180px;
line-height: 16px;
}
.collapsed .navFontSizeIcon{
    float:right;
    position: relative;
    top: -4px;
    transform: rotate(-180deg) !important;
}
.navFontSizeIcon{
    float:right;
    position: relative;
    top: -4px;
    transform: rotate(-90deg) !important;
      right: 6px;
}
.noWhiteBg{
    background: none !important;
    padding:0 !important;
    box-shadow: none !important;
}
.child_menu{
       padding-left: 32px !important;
}
.dark .navFontSize{
color: #fff;
}
.sidenav:hover .navFontSize {
}
.bar-width .navFontSize {
font-size: 14px;
}
.side-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
list-style: none;
cursor: pointer;
}
.side-brand a i {
color: #999999;
font-size: 30px;
margin-left: 15px;
}
.sidenav:hover {
/*width: 250px;*/
transition-timing-function: ease;
}
/*.bar-width {
width: 250px;
}*/
#slide {
font-size: 30px;
cursor: pointer;    /* margin-left: 250px; */
/*position: absolute;*/
/*left: 255px;*/
color: #0c6dff;
top: 10px;
}
.ex {
max-width: 100%;
/*display: inline-block;*/
margin: 0px;
padding: 0px;
}
.navbar {
background: #fff;
color: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
box-shadow: 3px 1px 10px rgba(0,0,0,0.2);
/*z-index: 989989;*/
z-index: 100;
padding:10px 0 12px 10px;
}
.navbar-toggler {
border: 1px solid #fe573c;
}
/* mainNavigation */
.mainNav {
max-height: 100%;
overflow: auto;
/*-webkit-box-shadow: 11px 2px 44px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 2px 44px -9px rgba(0,0,0,0.75);
box-shadow: 11px 2px 44px -9px rgba(0,0,0,0.75);*/
/*padding-bottom: 70px;*/
}
.mainNav ul {
margin: 0;
padding: 0;
}
.mainNav li {
list-style: none;
}
.mainNav li a {
position: relative;
border-bottom: 1px solid #dee1e6;
}
.mainNav li a:hover, .mainNav li a:hover .navFontSize{
    color: #0c6dff !important;
}
.dark .mainNav li a {
position: relative;
border-bottom: 1px solid #111b2f;
}
.mainNav li a.active {
/*color: #059ee0;*/
color: #0c6dff;

}
.mainNav li a.active .navFontSize {
    /*color: #059ee0;*/
color: #0c6dff;
}
.icon24 {
width: 25px;
height: 25px;
position: relative;
top: 2px;
display: inline-block;
}
.icon-Dashboard-Dashboard, .icon-BDM-Dashboard, .icon-Batches-Dashboard, .icon-SubAdmins-Dashboard, .icon-Consultants-Dashboard, .icon-OffshoreRecruiting-Dashboard, .icon-Vendors-Dashboard, .icon-ConsultantList-Dashboard, .icon-Managers-Dashboard, .icon-Tickets-Dashboard, .icon-CreateCallList-Dashboard, .icon-Attachments-Dashboard, .icon-Vacation-Dashboard, .icon-ThirdPartyConsultants-Dashboard, .icon-Colleges-Dashboard, .icon-Jobs-Dashboard, .icon-GuestHouse-Dashboard, .icon-Admins-Dashboard, .icon-Trainers-Dashboard, .icon-BenchSales-Dashboard, .icon-Accountants-Dashboard, .icon-ResumeSearch-Dashboard, .icon-Clients-Dashboard, .icon-Policy-Dashboard, .icon-Accounts-Dashboard, .icon-ReferAFriend-Dashboard, .icon-ApprovalTimesheet-Dashboard, .icon-Attendance-Dashboard, .icon-OutsourceJobs-Dashboard, .icon-Agreement-Dashboard, .icon-SubmittedVendors-Dashboard, .icon-Resume-Dashboard, .icon-MyTests-Dashboard, .icon-MyInterviews-Dashboard, .icon-MISReport-Dashboard, .icon-ApplyJobs-Dashboard, .icon-Hierachy-Dashboard, .icon-Training-Dashboard, .icon-AccountsHead-Dashboard, .icon-Accounts-Dashboard, .icon-AccountsPayable-Dashboard, .icon-AccountsReceivable-Dashboard, .icon-SRecruiters-Dashboard, .icon-SRecruitersTL-Dashboard, .icon-BenchSales-Dashboard, .icon-BenchSalesTL-Dashboard {
width: 48px;
height: 48px;
position: relative;
top: 2px;
}
.icon-OPTRecruiter-Dashboard, .icon-OPTRecruiterTL-Dashboard, .icon-Trainers-Dashboard, .icon-TrainersTL-Dashboard, .icon-General-Dashboard, .icon-Education-Dashboard, .icon-Certification-Dashboard, .icon-Experience-Dashboard, .icon-Reference-Dashboard, .icon-Additional-Dashboard, .icon-Emergency-Dashboard, .icon-PayRates-Dashboard, .icon-Database-Dashboard, .icon-Enquiry-Dashboard, .icon-inTraining-Dashboard, .icon-TechnicalScreen-Dashboard, .icon-onBench-Dashboard, .icon-openBench-Dashboard, .icon-inJob-Dashboard, .icon-Dropped-Dashboard {
width: 48px;
height: 48px;
position: relative;
top: 2px;
}
.icon-Technologies-Dashboard, .icon-Subjects-Dashboard, .icon-QuizTopic-Dashboard, .icon-Questions-Dashboard, .icon-Compose-Dashboard, .icon-QuickSms-Dashboard, .icon-UnicodeSms-Dashboard, .icon-SmsMerge-Dashboard, .icon-Sheduled-Dashboard, .icon-SenderId-Dashboard, .icon-Groups-Dashboard, .icon-Contacts-Dashboard, .icon-SmsSent-Dashboard, .icon-CreateSmstemplate-Dashboard {
width: 48px;
height: 48px;
position: relative;
top: 2px;
}
.dark .icon-Dashboard {
background: url(./images/sprites.png) left top no-repeat;
}
.icon-Dashboard, .icon-Dashboard-Black {
background: url(./images/sprites.png) -150px top no-repeat;
}
.icon-Dashboard-Red, .horizantTabs .nav-link.active.show .icon-Dashboard-Black {
background: url(./images/sprites.png) -225px top no-repeat;
}
.icon-Dashboard-Dashboard {
background: url(./images/sprites.png) -338px top no-repeat;
}
.mainNav li a.active .icon-Dashboard, .mainNav li a:hover .icon-Dashboard, .icon-Dashboard-Blue {
background: url(./images/sprites.png) -50px top no-repeat;
}
.dark .icon-BDM {
background: url(./images/sprites.png) left -25px no-repeat;
}
.icon-BDM, .icon-BDM-Black {
background: url(./images/sprites.png) -150px -25px no-repeat;
}
.icon-BDM-Red, .horizantTabs .nav-link.active.show .icon-BDM-Black {
background: url(./images/sprites.png) -225px -25px no-repeat !important;
}
.mainNav li a.active .icon-BDM, .mainNav li a:hover .icon-BDM, .icon-BDM-Blue {
background: url(./images/sprites.png) -50px -25px no-repeat;
}
.icon-BDM-Dashboard {
background: url(./images/sprites.png) -338px -48px no-repeat;
}
.dark .icon-Batches {
background: url(./images/sprites.png) left -50px no-repeat;
}
.icon-Batches, .icon-Batches-Black {
background: url(./images/sprites.png) -150px -50px no-repeat;
}
.icon-Batches-Red, .horizantTabs .nav-link.active.show .icon-Batches-Black {
background: url(./images/sprites.png) -225px -50px no-repeat !important;
}
.mainNav li a.active .icon-Batches, .mainNav li a:hover .icon-Batches, .icon-Batches-Blue {
background: url(./images/sprites.png) -50px -50px no-repeat;
}
.icon-Batches-Dashboard {
background: url(./images/sprites.png) -338px -98px no-repeat;
}
.dark .icon-SubAdmins {
background: url(./images/sprites.png) left -75px no-repeat;
}
.icon-SubAdmins, .icon-SubAdmins-Black{
background: url(./images/sprites.png) -150px -75px no-repeat;
}
.icon-SubAdmins-Red, .horizantTabs .nav-link.active.show .icon-SubAdmins-Black {
background: url(./images/sprites.png) -225px -75px no-repeat !important;
}
.mainNav li a.active .icon-SubAdmins, .mainNav li a:hover .icon-SubAdmins, .icon-SubAdmins-Blue {
background: url(./images/sprites.png) -50px -75px no-repeat;
}
.icon-SubAdmins-Dashboard {
background: url(./images/sprites.png) -338px -147px no-repeat;
}
.dark .icon-Consultants {
background: url(./images/sprites.png) left -100px no-repeat;
}
.icon-Consultants, .icon-Consultants-Black {
background: url(./images/sprites.png) -150px -100px no-repeat;
}
.icon-Consultants-Red, .horizantTabs .nav-link.active.show .icon-Consultants-Black {
background: url(./images/sprites.png) -225px -100px no-repeat !important;
}
.mainNav li a.active .icon-Consultants, .mainNav li a:hover .icon-Consultants, .icon-Consultants-Blue {
background: url(./images/sprites.png) -50px -100px no-repeat;
}
.icon-Consultants-Dashboard {
background: url(./images/sprites.png) -338px -197px no-repeat;
}
.dark .icon-OffshoreRecruiting {
background: url(./images/sprites.png) left -125px no-repeat;
}
.icon-OffshoreRecruiting, .icon-OffshoreRecruiting-Black{
background: url(./images/sprites.png) -150px -125px no-repeat;
}
.icon-OffshoreRecruiting-Red, .horizantTabs .nav-link.active.show .icon-OffshoreRecruiting-Black {
background: url(./images/sprites.png) -225px -125px no-repeat !important;
}
.mainNav li a.active .icon-OffshoreRecruiting, .mainNav li a:hover .icon-OffshoreRecruiting, .icon-OffshoreRecruiting-Blue {
background: url(./images/sprites.png) -50px -125px no-repeat;
}
.icon-OffshoreRecruiting-Dashboard {
background: url(./images/sprites.png) -338px -246px no-repeat;
}
.dark .icon-Vendors {
background: url(./images/sprites.png) left -150px no-repeat;
}
.icon-Vendors, .icon-Vendors-Black {
background: url(./images/sprites.png) -150px -150px no-repeat;
}
.icon-Vendors-Red, .horizantTabs .nav-link.active.show .icon-Vendors-Black {
background: url(./images/sprites.png) -225px -150px no-repeat !important;
}
.mainNav li a.active .icon-Vendors, .mainNav li a:hover .icon-Vendors, .icon-Vendors-Blue {
background: url(./images/sprites.png) -50px -150px no-repeat;
}
.icon-Vendors-Dashboard {
background: url(./images/sprites.png) -338px -294px no-repeat;
}
.dark .icon-ConsultantList {
background: url(./images/sprites.png) left -175px no-repeat;
}
.icon-ConsultantList, .icon-ConsultantList-Black {
background: url(./images/sprites.png) -150px -175px no-repeat;
}
.icon-ConsultantList-Red, .horizantTabs .nav-link.active.show .icon-ConsultantList-Black {
background: url(./images/sprites.png) -225px -175px no-repeat !important;
}
.mainNav li a.active .icon-ConsultantList, .mainNav li a:hover .icon-ConsultantList, .icon-ConsultantList-Blue {
background: url(./images/sprites.png) -50px -175px no-repeat;
}
.icon-ConsultantList-Dashboard {
background: url(./images/sprites.png) -338px -344px no-repeat;
}
.dark .icon-Managers {
background: url(./images/sprites.png) left -200px no-repeat;
}
.icon-Managers, .icon-Managers-Black {
background: url(./images/sprites.png) -150px -200px no-repeat;
}
.icon-Managers-Red, .horizantTabs .nav-link.active.show .icon-Managers-Black {
background: url(./images/sprites.png) -225px -200px no-repeat !important;
}
.mainNav li a.active .icon-Managers, .mainNav li a:hover .icon-Managers, .icon-Managers-Blue {
background: url(./images/sprites.png) -50px -200px no-repeat;
}
.icon-Managers-Dashboard {
background: url(./images/sprites.png) -338px -391px no-repeat;
}
.dark .icon-Tickets {
background: url(./images/sprites.png) left -225px no-repeat;
}
.icon-Tickets, .icon-Tickets-Black {
background: url(./images/sprites.png) -150px -225px no-repeat;
}
.icon-Tickets-Red, .horizantTabs .nav-link.active.show .icon-Tickets-Black {
background: url(./images/sprites.png) -225px -225px no-repeat !important;
}
.mainNav li a.active .icon-Tickets, .mainNav li a:hover .icon-Tickets, .icon-Tickets-Blue {
background: url(./images/sprites.png) -50px -225px no-repeat;
}
.icon-Tickets-Dashboard {
background: url(./images/sprites.png) -338px -440px no-repeat;
}
.dark .icon-CreateCallList {
background: url(./images/sprites.png) left -250px no-repeat;
}
.icon-CreateCallList, .icon-CreateCallList-Black {
background: url(./images/sprites.png) -150px -250px no-repeat;
}
.icon-CreateCallList-Red, .horizantTabs .nav-link.active.show .icon-CreateCallList-Black {
background: url(./images/sprites.png) -225px -250px no-repeat !important;
}
.mainNav li a.active .icon-CreateCallList, .mainNav li a:hover .icon-CreateCallList, .icon-CreateCallList-Blue {
background: url(./images/sprites.png) -50px -250px no-repeat;
}
.icon-CreateCallList-Dashboard {
background: url(./images/sprites.png) -338px -492px no-repeat;
}
.dark .icon-Attachments {
background: url(./images/sprites.png) left -275px no-repeat;
}
.icon-Attachments, .icon-Attachments-Black {
background: url(./images/sprites.png) -150px -275px no-repeat;
}
.icon-Attachments-Red, .horizantTabs .nav-link.active.show .icon-Attachments-Black {
background: url(./images/sprites.png) -225px -275px no-repeat !important;
}
.mainNav li a.active .icon-Attachments, .mainNav li a:hover .icon-Attachments, .icon-Attachments-Blue {
background: url(./images/sprites.png) -50px -275px no-repeat;
}
.icon-Attachments-Dashboard {
background: url(./images/sprites.png) -338px -539px no-repeat;
}
.dark .icon-Vacation {
background: url(./images/sprites.png) left -300px no-repeat;
}
.icon-Vacation, .icon-Vacation-Black {
background: url(./images/sprites.png) -150px -300px no-repeat;
}
.icon-Vacation-Red, .horizantTabs .nav-link.active.show .icon-Vacation-Black {
background: url(./images/sprites.png) -225px -300px no-repeat !important;
}
.mainNav li a.active .icon-Vacation, .mainNav li a:hover .icon-Vacation, .icon-Vacation-Blue {
background: url(./images/sprites.png) -50px -300px no-repeat;
}
.icon-Vacation-Dashboard {
background: url(./images/sprites.png) -338px -586px no-repeat;
}
.dark .icon-ThirdPartyConsultants {
background: url(./images/sprites.png) left -325px no-repeat;
}
.icon-ThirdPartyConsultants, .icon-ThirdPartyConsultants-Black{
background: url(./images/sprites.png) -150px -325px no-repeat;
}
.icon-ThirdPartyConsultants-Red, .horizantTabs .nav-link.active.show .icon-ThirdPartyConsultants-Black {
background: url(./images/sprites.png) -225px -325px no-repeat !important;
}
.mainNav li a.active .icon-ThirdPartyConsultants, .mainNav li a:hover .icon-ThirdPartyConsultants, .icon-ThirdPartyConsultants-Blue {
background: url(./images/sprites.png) -50px -325px no-repeat;
}
.icon-ThirdPartyConsultants-Dashboard {
background: url(./images/sprites.png) -338px -632px no-repeat;
}
.dark .icon-Colleges {
background: url(./images/sprites.png) left -350px no-repeat;
}
.icon-Colleges, .icon-Colleges-Black{
background: url(./images/sprites.png) -150px -350px no-repeat;
}
.icon-Colleges-Red, .horizantTabs .nav-link.active.show .icon-Colleges-Black {
background: url(./images/sprites.png) -225px -350px no-repeat !important;
}
.mainNav li a.active .icon-Colleges, .mainNav li a:hover .icon-Colleges, .icon-Colleges-Blue {
background: url(./images/sprites.png) -50px -350px no-repeat;
}
.icon-Colleges-Dashboard {
background: url(./images/sprites.png) -338px -685px no-repeat;
}
.dark .icon-Jobs {
background: url(./images/sprites.png) left -375px no-repeat;
}
.icon-Jobs, .icon-Jobs-Black{
background: url(./images/sprites.png) -150px -375px no-repeat;
}
.icon-Jobs-Red, .horizantTabs .nav-link.active.show .icon-Jobs-Black {
background: url(./images/sprites.png) -225px -375px no-repeat !important;
}
.mainNav li a.active .icon-Jobs, .mainNav li a:hover .icon-Jobs, .icon-Jobs-Blue {
background: url(./images/sprites.png) -50px -375px no-repeat;
}
.icon-Jobs-Dashboard {
background: url(./images/sprites.png) -387px top no-repeat;
}
.dark .icon-GuestHouse {
background: url(./images/sprites.png) left -400px no-repeat;
}
.icon-GuestHouse, .icon-GuestHouse-Black{
background: url(./images/sprites.png) -150px -400px no-repeat;
}
.icon-GuestHouse-Red, .horizantTabs .nav-link.active.show .icon-GuestHouse-Black {
background: url(./images/sprites.png) -225px -400px no-repeat !important;
}
.mainNav li a.active .icon-GuestHouse, .mainNav li a:hover .icon-GuestHouse, .icon-GuestHouse-Blue {
background: url(./images/sprites.png) -50px -400px no-repeat;
}
.icon-GuestHouse-Dashboard {
background: url(./images/sprites.png) -387px -48px no-repeat;
}
.dark .icon-Admins {
background: url(./images/sprites.png) left -425px no-repeat;
}
.icon-Admins, .icon-Admins-Black{
background: url(./images/sprites.png) -150px -425px no-repeat;
}
.icon-Admins-Red, .horizantTabs .nav-link.active.show .icon-Admins-Black {
background: url(./images/sprites.png) -225px -425px no-repeat !important;
}
.mainNav li a.active .icon-Admins, .mainNav li a:hover .icon-Admins, .icon-Admins-Blue {
background: url(./images/sprites.png) -50px -425px no-repeat;
}
.icon-Admins-Dashboard {
background: url(./images/sprites.png) -387px -96px no-repeat;
}
.dark .icon-Trainers {
background: url(./images/sprites.png) left -450px no-repeat;
}
.icon-Trainers, .icon-Trainers-Black{
background: url(./images/sprites.png) -150px -450px no-repeat;
}
.icon-Trainers-Red, .horizantTabs .nav-link.active.show .icon-Trainers-Black {
background: url(./images/sprites.png) -250px -575px no-repeat !important;
}
.mainNav li a.active .icon-Trainers, .mainNav li a:hover .icon-Trainers, .icon-Trainers-Blue {
background: url(./images/sprites.png) -75px -575px no-repeat;
}
.icon-Trainers-Dashboard {
background: url(./images/sprites.png) -485px -48px no-repeat;
}
.dark .icon-BenchSales {
background: url(./images/sprites.png) -25px top no-repeat;
}
.icon-BenchSales, .icon-BenchSales-Black{
background: url(./images/sprites.png) -175px top no-repeat;
}
.icon-BenchSales-Red, .horizantTabs .nav-link.active.show .icon-BenchSales-Black {
background: url(./images/sprites.png) -250px top no-repeat !important;
}
.mainNav li a.active .icon-BenchSales, .mainNav li a:hover .icon-BenchSales, .icon-BenchSales-Blue {
background: url(./images/sprites.png) -75px top no-repeat;
}
.icon-BenchSales-Dashboard {
background: url(./images/sprites.png) -387px -192px no-repeat;
}
.dark .icon-Accountants {
background: url(./images/sprites.png) -25px -25px no-repeat;
}
.icon-Accountants, .icon-Accountants-Black{
background: url(./images/sprites.png) -175px -25px no-repeat;
}
.icon-Accountants-Red, .horizantTabs .nav-link.active.show .icon-Accountants-Black {
background: url(./images/sprites.png) -250px -25px no-repeat !important;
}
.mainNav li a.active .icon-Accountants, .mainNav li a:hover .icon-Accountants, .icon-Accountants-Blue {
background: url(./images/sprites.png) -75px -25px no-repeat;
}
.icon-Accountants-Dashboard {
background: url(./images/sprites.png) -387px -240px no-repeat;
}
.dark .icon-ResumeSearch {
background: url(./images/sprites.png) -25px -50px no-repeat;
}
.icon-ResumeSearch, .icon-ResumeSearch-Black{
background: url(./images/sprites.png) -175px -50px no-repeat;
}
.icon-ResumeSearch-Red, .horizantTabs .nav-link.active.show .icon-Accountants-Black {
background: url(./images/sprites.png) -250px -50px no-repeat !important;
}
.mainNav li a.active .icon-ResumeSearch, .mainNav li a:hover .icon-ResumeSearch, .icon-ResumeSearch-Blue {
background: url(./images/sprites.png) -75px -50px no-repeat;
}
.icon-ResumeSearch-Dashboard {
background: url(./images/sprites.png) -387px -294px no-repeat;
}
.dark .icon-Clients {
background: url(./images/sprites.png) -25px -75px no-repeat;
}
.icon-Clients, .icon-Clients-Black{
background: url(./images/sprites.png) -175px -75px no-repeat;
}
.icon-Clients-Red, .horizantTabs .nav-link.active.show .icon-Clients-Black {
background: url(./images/sprites.png) -250px -75px no-repeat !important;
}
.mainNav li a.active .icon-Clients, .mainNav li a:hover .icon-Clients, .icon-Clients-Blue {
background: url(./images/sprites.png) -75px -75px no-repeat;
}
.icon-Clients-Dashboard {
background: url(./images/sprites.png) -387px -342px no-repeat;
}
.dark .icon-Policy {
background: url(./images/sprites.png) -25px -100px no-repeat;
}
.icon-Policy, .icon-Policy-Black{
background: url(./images/sprites.png) -175px -100px no-repeat;
}
.icon-Policy-Red, .horizantTabs .nav-link.active.show .icon-Policy-Black {
background: url(./images/sprites.png) -250px -100px no-repeat !important;
}
.mainNav li a.active .icon-Policy, .mainNav li a:hover .icon-Policy, .icon-Policy-Blue {
background: url(./images/sprites.png) -75px -100px no-repeat;
}
.icon-Policy-Dashboard {
background: url(./images/sprites.png) -387px -393px no-repeat;
}
.dark .icon-Accounts {
background: url(./images/sprites.png) -25px -125px no-repeat;
}
.icon-Accounts, .icon-Accounts-Black{
background: url(./images/sprites.png) -175px -125px no-repeat;
}
.icon-Accounts-Red, .horizantTabs .nav-link.active.show .icon-Accounts-Black {
background: url(./images/sprites.png) -250px -125px no-repeat !important;
}
.mainNav li a.active .icon-Accounts, .mainNav li a:hover .icon-Accounts, .icon-Accounts-Blue {
background: url(./images/sprites.png) -75px -125px no-repeat;
}
.icon-Accounts-Dashboard {
background: url(./images/sprites.png) -387px -440px no-repeat;
}
.dark .icon-ReferAFriend {
background: url(./images/sprites.png) -25px -150px no-repeat;
}
.icon-ReferAFriend, .icon-ReferAFriend-Black{
background: url(./images/sprites.png) -175px -150px no-repeat;
}
.icon-ReferAFriend-Red, .horizantTabs .nav-link.active.show .icon-ReferAFriend-Black {
background: url(./images/sprites.png) -250px -150px no-repeat !mportant;
}
.mainNav li a.active .icon-ReferAFriend, .mainNav li a:hover .icon-ReferAFriend, .icon-ReferAFriend-Blue {
background: url(./images/sprites.png) -75px -150px no-repeat;
}
.icon-ReferAFriend-Dashboard {
background: url(./images/sprites.png) -387px -485px no-repeat;
}
.dark .icon-ApprovalTimesheet {
background: url(./images/sprites.png) -25px -175px no-repeat;
}
.icon-ApprovalTimesheet, .icon-ApprovalTimesheet-Black{
background: url(./images/sprites.png) -175px -175px no-repeat;
}
.icon-ApprovalTimesheet-Red, .horizantTabs .nav-link.active.show .icon-ApprovalTimesheet-Black {
background: url(./images/sprites.png) -250px -175px no-repeat !important;
}
.mainNav li a.active .icon-ApprovalTimesheet, .mainNav li a:hover.icon-ApprovalTimesheet, .icon-ApprovalTimesheet-Blue {
background: url(./images/sprites.png) -75px -175px no-repeat;
}
.icon-ApprovalTimesheet-Dashboard {
background: url(./images/sprites.png) -387px -539px no-repeat;
}
.dark .icon-Attendance {
background: url(./images/sprites.png) -25px -200px no-repeat;
}
.icon-Attendance, .icon-Attendance-Black{
background: url(./images/sprites.png) -175px -200px no-repeat;
}
.icon-Attendance-Red, .horizantTabs .nav-link.active.show .icon-Attendance-Black {
background: url(./images/sprites.png) -250px -200px no-repeat !important;
}
.mainNav li a.active .icon-Attendance, .mainNav li a:hover .icon-Attendance, .icon-Attendance-Blue {
background: url(./images/sprites.png) -75px -200px no-repeat;
}
.icon-Attendance-Dashboard {
background: url(./images/sprites.png) -387px -587px no-repeat;
}
.dark .icon-OutsourceJobs {
background: url(./images/sprites.png) -25px -225px no-repeat;
}
.icon-OutsourceJobs, .icon-OutsourceJobs-Black{
background: url(./images/sprites.png) -175px -225px no-repeat;
}
.icon-OutsourceJobs-Red, .horizantTabs .nav-link.active.show .icon-OutsourceJobs-Black {
background: url(./images/sprites.png) -250px -225px no-repeat !important;
}
.mainNav li a.active .icon-OutsourceJobs, .mainNav li a:hover.icon-OutsourceJobs, .icon-OutsourceJobs-Blue {
background: url(./images/sprites.png) -75px -225px no-repeat;
}
.icon-OutsourceJobs-Dashboard {
background: url(./images/sprites.png) -387px -635px no-repeat;
}
.dark .icon-Agreement {
background: url(./images/sprites.png) -25px -250px no-repeat;
}
.icon-Agreement, .icon-Agreement-Black{
background: url(./images/sprites.png) -175px -250px no-repeat;
}
.icon-Agreement-Red, .horizantTabs .nav-link.active.show .icon-Agreement-Black {
background: url(./images/sprites.png) -250px -250px no-repeat !important;
}
.mainNav li a.active .icon-Agreement, .mainNav li a:hover .icon-Agreement, .icon-Agreement-Blue {
background: url(./images/sprites.png) -75px -250px no-repeat;
}
.icon-Agreement-Dashboard {
background: url(./images/sprites.png) -387px -687px no-repeat;
}
.dark .icon-SubmittedVendors {
background: url(./images/sprites.png) -25px -275px no-repeat;
}
.icon-SubmittedVendors, .icon-SubmittedVendors-Black{
background: url(./images/sprites.png) -175px -275px no-repeat;
}
.icon-SubmittedVendors-Red, .horizantTabs .nav-link.active.show .icon-SubmittedVendors-Black {
background: url(./images/sprites.png) -250px -275px no-repeat !important;
}
.mainNav li a.active .icon-SubmittedVendors, .mainNav li a:hover.icon-SubmittedVendors, .icon-SubmittedVendors-Blue {
background: url(./images/sprites.png) -75px -275px no-repeat;
}
.icon-SubmittedVendors-Dashboard {
background: url(./images/sprites.png) -435px top no-repeat;
}
.dark .icon-Resume {
background: url(./images/sprites.png) -25px -300px no-repeat;
}
.icon-Resume, .icon-Resume-Black {
background: url(./images/sprites.png) -175px -300px no-repeat;
}
.icon-Resume-Red, .horizantTabs .nav-link.active.show .icon-Resume-Black {
background: url(./images/sprites.png) -250px -300px no-repeat !important;
}
.mainNav li a.active .icon-Resume, .mainNav li a:hover.icon-Resume, .icon-Resume-Blue {
background: url(./images/sprites.png) -75px -300px no-repeat;
}
.icon-Resume-Dashboard {
background: url(./images/sprites.png) -435px -50px no-repeat;
}
.dark .icon-MyTests {
background: url(./images/sprites.png) -25px -325px no-repeat;
}
.icon-MyTests, .icon-MyTests-Black{
background: url(./images/sprites.png) -175px -325px no-repeat;
}
.icon-MyTests-Red, .horizantTabs .nav-link.active.show .icon-MyTests-Black {
background: url(./images/sprites.png) -250px -325px no-repeat !important;
}
.mainNav li a.active .icon-MyTests, .mainNav li a:hover .icon-MyTests, .icon-MyTests-Blue {
background: url(./images/sprites.png) -75px -325px no-repeat;
}
.icon-MyTests-Dashboard {
background: url(./images/sprites.png) -435px -99px no-repeat;
}
.dark .icon-MyInterviews {
background: url(./images/sprites.png) -25px -350px no-repeat;
}
.icon-MyInterviews, .icon-MyInterviews-Black{
background: url(./images/sprites.png) -175px -350px no-repeat;
}
.icon-MyInterviews-Red, .horizantTabs .nav-link.active.show .icon-MyInterviews-Black {
background: url(./images/sprites.png) -250px -350px no-repeat !important;
}
.mainNav li a.active .icon-MyInterviews, .mainNav li a:hover.icon-MyInterviews, .icon-MyInterviews-Blue {
background: url(./images/sprites.png) -75px -148px no-repeat;
}
.icon-MyInterviews-Dashboard {
background: url(./images/sprites.png) -435px -147px no-repeat;
}
.dark .icon-MISReport {
background: url(./images/sprites.png) -25px -375px no-repeat;
}
.icon-MISReport, .icon-MISReport-Black{
background: url(./images/sprites.png) -175px -375px no-repeat;
}
.icon-MISReport-Red, .horizantTabs .nav-link.active.show .icon-MISReport-Black {
background: url(./images/sprites.png) -250px -375px no-repeat !important;
}
.mainNav li a.active .icon-MISReport, .icon-MISReport-Blue {
background: url(./images/sprites.png) -75px -375px no-repeat;
}
.icon-MISReport-Dashboard {
background: url(./images/sprites.png) -435px -197px no-repeat;
}
.dark .icon-ApplyJobs {
background: url(./images/sprites.png) -25px -400px no-repeat;
}
.icon-ApplyJobs, .icon-ApplyJobs-Black{
background: url(./images/sprites.png) -175px -400px no-repeat;
}
.icon-ApplyJobs-Red, .horizantTabs .nav-link.active.show .icon-ApplyJobs-Black {
background: url(./images/sprites.png) -250px -400px no-repeat !important;
}
.mainNav li a.active .icon-ApplyJobs, .icon-ApplyJobs-Blue {
background: url(./images/sprites.png) -75px -400px no-repeat;
}
.icon-ApplyJobs-Dashboard {
background: url(./images/sprites.png) -435px -245px no-repeat;
}
.dark .icon-Hierachy {
background: url(./images/sprites.png) -25px -425px no-repeat;
}
.icon-Hierachy, .icon-Hierachy-Black{
background: url(./images/sprites.png) -175px -425px no-repeat;
}
.icon-Hierachy-Red, .horizantTabs .nav-link.active.show .icon-Hierachy-Black {
background: url(./images/sprites.png) -250px -425px no-repeat !important;
}
.mainNav li a.active .icon-Hierachy, .icon-Hierachy-Blue {
background: url(./images/sprites.png) -75px -425px no-repeat;
}
.icon-Hierachy-Dashboard {
background: url(./images/sprites.png) -435px -288px no-repeat;
}
.dark .icon-Training {
background: url(./images/sprites.png) left -450px no-repeat;
}
.icon-Training, .icon-Training-Black{
background: url(./images/sprites.png) -150px -450px no-repeat;
}
.icon-Training-Red, .horizantTabs .nav-link.active.show .icon-Training-Black {
background: url(./images/sprites.png) -225px -450px no-repeat !important;
}
.mainNav li a.active .icon-Training, .icon-Training-Blue {
background: url(./images/sprites.png) -50px -450px no-repeat;
}
.icon-Training-Dashboard {
background: url(./images/sprites.png) -387px -145px no-repeat;
}
.dark .icon-AccountsHead {
background: url(./images/sprites.png) -25px -450px no-repeat;
}
.icon-AccountsHead, .icon-AccountsHead-Black {
background: url(./images/sprites.png) -175px -450px no-repeat
}
.icon-AccountsHead-Red, .horizantTabs .nav-link.active.show .icon-AccountsHead-Black {
background: url(./images/sprites.png) -250px -450px no-repeat !important;
}
.mainNav li a.active .icon-AccountsHead, .icon-AccountsHead-Blue {
background: url(./images/sprites.png) -75px -450px no-repeat;
}
.icon-AccountsHead-Dashboard {
background: url(./images/sprites.png) -435px -340px no-repeat;
}
.dark .icon-Accounts {
background: url(./images/sprites.png) left -475px no-repeat;
}
.icon-Accounts, .icon-Accounts-Black {
background: url(./images/sprites.png) -150px -475px no-repeat;
}
.icon-Accounts-Red, .horizantTabs .nav-link.active.show .icon-Accounts-Black {
background: url(./images/sprites.png) -225px -475px no-repeat !important;
}
.mainNav li a.active .icon-Accounts, .icon-Accounts-Blue {
background: url(./images/sprites.png) -50px -475px no-repeat;
}
/*.icon-Accounts-Dashboard{
background: url(./images/sprites.png) -435px -432px no-repeat;
}*/
.dark .icon-AccountsPayable {
background: url(./images/sprites.png) -25px -475px no-repeat;
}
.icon-AccountsPayable, .icon-AccountsPayable-Black {
background: url(./images/sprites.png) -175px -475px no-repeat;
}
.icon-AccountsPayable-Red, .horizantTabs .nav-link.active.show .icon-AccountsPayable-Black {
background: url(./images/sprites.png) -250px -475px no-repeat !important;
}
.mainNav li a.active .icon-AccountsPayable, .icon-AccountsPayable-Blue {
background: url(./images/sprites.png) -75px -475px no-repeat;
}
.icon-AccountsPayable-Dashboard {
background: url(./images/sprites.png) -435px -441px no-repeat;
}
.dark .icon-AccountsReceivable {
background: url(./images/sprites.png) left -500px no-repeat;
}
.icon-AccountsReceivable, .icon-AccountsReceivable-Black {
background: url(./images/sprites.png) -150px -500px no-repeat;
}
.icon-AccountsReceivable-Red, .horizantTabs .nav-link.active.show .icon-AccountsReceivable-Black {
background: url(./images/sprites.png) -225px -500px no-repeat !important;
}
.mainNav li a.active .icon-AccountsReceivable, .icon-AccountsReceivable-Blue {
background: url(./images/sprites.png) -50px -500px no-repeat;
}
.icon-AccountsReceivable-Dashboard {
background: url(./images/sprites.png) -435px -491px no-repeat;
}
.dark .icon-SRecruiters {
background: url(./images/sprites.png) -25px -500px no-repeat;
}
.icon-SRecruiters, .icon-SRecruiters-Black{
background: url(./images/sprites.png) -175px -500px no-repeat;
}
.icon-SRecruiters-Red, .horizantTabs .nav-link.active.show .icon-SRecruiters-Black {
background: url(./images/sprites.png) -250px -500px no-repeat !important;
}
.mainNav li a.active .icon-SRecruiters, .icon-SRecruiters-Blue {
background: url(./images/sprites.png) -75px -500px no-repeat;
}
.icon-SRecruiters-Dashboard {
background: url(./images/sprites.png) -435px -540px no-repeat;
}
.dark .icon-SRecruitersTL {
background: url(./images/sprites.png) left -525px no-repeat;
}
.icon-SRecruitersTL, .icon-SRecruitersTL-Black {
background: url(./images/sprites.png) -150px -525px no-repeat;
}
.icon-SRecruitersTL-Red, .horizantTabs .nav-link.active.show .icon-SRecruitersTL-Black {
background: url(./images/sprites.png) -225px -525px no-repeat !important;
}
.mainNav li a.active .icon-SRecruitersTL, .icon-SRecruitersTL-Blue {
background: url(./images/sprites.png) -50px -525px no-repeat;
}
.dark .icon-SRecruitersTL-Dashboard {
background: url(./images/sprites.png) -435px -587px no-repeat;
}
.icon-BenchSales, .icon-BenchSales-Black {
background: url(./images/sprites.png) -175px -525px no-repeat;
}
.icon-BenchSales-Red, .horizantTabs .nav-link.active.show .icon-BenchSales-Black {
background: url(./images/sprites.png) -250px -525px no-repeat !important;
}
/*.icon-BenchSales-Dashboard{
background: url(./images/sprites.png) -435px -200px no-repeat;
}
*/
.dark .icon-BenchSalesTL {
background: url(./images/sprites.png) left -550px no-repeat;
}
.icon-BenchSalesTL, .icon-BenchSalesTL-Black {
background: url(./images/sprites.png) -150px -550px no-repeat;
}
.icon-BenchSalesTL-Red, .horizantTabs .nav-link.active.show .icon-BenchSalesTL-Black {
background: url(./images/sprites.png) -225px -550px no-repeat !important;
}
.mainNav li a.active .icon-BenchSalesTL, .icon-BenchSalesTL-Blue {
background: url(./images/sprites.png) -50px -550px no-repeat;
}
.icon-BenchSalesTL-Dashboard {
background: url(./images/sprites.png) -435px -635px no-repeat;
}
.dark .icon-OPTRecruiter {
background: url(./images/sprites.png) -25px -550px no-repeat;
}
.icon-OPTRecruiter, .icon-OPTRecruiter-Black{
background: url(./images/sprites.png) -175px -550px no-repeat;
}
.icon-OPTRecruiter-Red, .horizantTabs .nav-link.active.show .icon-OPTRecruiter-Black {
background: url(./images/sprites.png) -250px -550px no-repeat !important;
}
.mainNav li a.active .icon-OPTRecruiter, .icon-OPTRecruiter-Blue {
background: url(./images/sprites.png) -75px -550px no-repeat;
}
.icon-OPTRecruiter-Dashboard {
background: url(./images/sprites.png) -435px -687px no-repeat;
}
.dark .icon-OPTRecruiterTL {
background: url(./images/sprites.png) left -575px no-repeat;
}
.icon-OPTRecruiterTL, .icon-OPTRecruiterTL-Black {
background: url(./images/sprites.png) -150px -575px no-repeat;
}
.icon-OPTRecruiterTL-Red, .horizantTabs .nav-link.active.show .icon-OPTRecruiterTL-Black {
background: url(./images/sprites.png) -225px -575px no-repeat !important;
}
.mainNav li a.active .icon-OPTRecruiterTL, .icon-OPTRecruiterTL-Blue {
background: url(./images/sprites.png) -50px -575px no-repeat;
}
.icon-OPTRecruiterTL-Dashboard {
background: url(./images/sprites.png) -484px top no-repeat;
}
.dark .icon-Trainers {
background: url(./images/sprites.png) -25px -575px no-repeat;
}
.icon-Trainers, .icon-Trainers-Black {
background: url(./images/sprites.png) -175px -575px no-repeat;
}
.icon-MailCampaign, .icon-MailCampaign-Black {
    background: url(./images/sprites.png) -747px -163px no-repeat;
}
.mainNav li a.active .icon-MailCampaign, .mainNav li a:hover .icon-MailCampaign, .icon-MailCampaign-Blue {
    background: url(./images/sprites.png) -719px -163px no-repeat;
}
.icon-Trainers-Red, .horizantTabs .nav-link.active.show .icon-Trainers-Black {
background: url(./images/sprites.png) -250px -575px no-repeat !important;
}
.mainNav li a.active .icon-Trainers, .icon-Trainers-Blue {
background: url(./images/sprites.png) -75px -575px no-repeat;
}
.icon-Trainers-Dashboard {
background: url(./images/sprites.png) -484px -48px no-repeat;
}
.dark .icon-TrainersTL {
background: url(./images/sprites.png) left -600px no-repeat;
}
.icon-TrainersTL, .icon-TrainersTL-Black {
background: url(./images/sprites.png) -150px -600px no-repeat;
}
.icon-TrainersTL-Red, .horizantTabs .nav-link.active.show .icon-TrainersTL-Black {
background: url(./images/sprites.png) -225px -600px no-repeat !important;
}
.mainNav li a.active .icon-TrainersTL, .icon-TrainersTL-Blue {
background: url(./images/sprites.png) -50px -600px no-repeat;
}
.icon-TrainersTL-Dashboard {
background: url(./images/sprites.png) -484px -96px no-repeat;
}
.dark .icon-General {
background: url(./images/sprites.png) -25px -600px no-repeat;
}
.icon-General, .icon-General-Black {
background: url(./images/sprites.png) -175px -600px no-repeat;
}
.icon-General-Red, .horizantTabs .nav-link.active.show .icon-General-Black {
background: url(./images/sprites.png) -250px -600px no-repeat !important;
}
.mainNav li a.active .icon-General, .icon-General-Blue {
background: url(./images/sprites.png) -75px -600px no-repeat;
}
.icon-General-Dashboard {
background: url(./images/sprites.png) -484px -147px no-repeat;
}
.nav-CircleTabContainer .nav-link .icon24 {
margin: 9px 0 0 -2px;
}
.nav-CircleTabContainer .nav-link.active.show .icon24, .nav-CircleTabContainer .nav-link:hover .icon24 {
width: 36px;
height: 36px;
margin: 12px 0 0 0;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-General-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-General-Black {
background: url(./images/sprites.png) -300px top no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Education-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Education-Black {
background: url(./images/sprites.png) -301px -36px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Certification-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Certification-Black {
background: url(./images/sprites.png) -301px -72px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Experience-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Experience-Black {
background: url(./images/sprites.png) -300px -110px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Reference-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Reference-Black {
background: url(./images/sprites.png) -300px -148px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Additional-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Additional-Black {
background: url(./images/sprites.png) -300px -186px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Emergency-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Emergency-Black {
background: url(./images/sprites.png) -300px -222px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Resume-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Resume-Black {
background: url(./images/sprites.png) -300px -259px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Attachments-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-Attachments-Black {
background: url(./images/sprites.png) -300px -295px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-PayRates-Black, .nav-CircleTabContainer .nav-link:hover .icon24.icon-PayRates-Black {
background: url(./images/sprites.png) -300px -332px no-repeat;
}
.dark .icon-Education {
background: url(./images/sprites.png) left -625px no-repeat;
}
.icon-Education, .icon-Education-Black {
background: url(./images/sprites.png) -150px -625px no-repeat;
}
.icon-Education-Red, .horizantTabs .nav-link.active.show .icon-Education-Black {
background: url(./images/sprites.png) -225px -625px no-repeat !important;
}
.mainNav li a.active .icon-Education, .icon-Education-Blue {
background: url(./images/sprites.png) -50px -625px no-repeat;
}
.icon-Education-Dashboard {
background: url(./images/sprites.png) -484px -196px no-repeat;
}
.dark .icon-Certification {
background: url(./images/sprites.png) -25px -625px no-repeat;
}
.icon-Certification, .icon-Certification-Black {
background: url(./images/sprites.png) -175px -625px no-repeat;
}
.icon-Certification-Red, .horizantTabs .nav-link.active.show .icon-Certification-Black {
background: url(./images/sprites.png) -250px -625px no-repeat !important;
}
.mainNav li a.active .icon-Certification, .icon-Certification-Blue {
background: url(./images/sprites.png) -75px -625px no-repeat;
}
.icon-Certification-Dashboard {
background: url(./images/sprites.png) -484px -240px no-repeat;
}
.dark .icon-Experience {
background: url(./images/sprites.png) left -650px no-repeat;
}
.icon-Experience, .icon-Experience-Black {
background: url(./images/sprites.png) -150px -650px no-repeat;
}
.icon-Experience-Red, .horizantTabs .nav-link.active.show .icon-Experience-Black {
background: url(./images/sprites.png) -225px -650px no-repeat !important;
}
.mainNav li a.active .icon-Experience, .icon-Experience-Blue {
background: url(./images/sprites.png) -50px -650px no-repeat;
}
.icon-Experience-Dashboard {
background: url(./images/sprites.png) -484px -290px no-repeat;
}
.dark .icon-Reference {
background: url(./images/sprites.png) -25px -650px no-repeat;
}
.icon-Reference, .icon-Reference-Black {
background: url(./images/sprites.png) -175px -650px no-repeat;
}
.icon-Reference-Red, .horizantTabs .nav-link.active.show .icon-Reference-Black {
background: url(./images/sprites.png) -250px -650px no-repeat !important;
}
.mainNav li a.active .icon-Reference, .icon-Reference-Blue {
background: url(./images/sprites.png) -75px -650px no-repeat;
}
.icon-Reference-Dashboard {
background: url(./images/sprites.png) -484px -344px no-repeat;
}
.dark .icon-Additional {
background: url(./images/sprites.png) left -675px no-repeat;
}
.icon-Additional, .icon-Additional-Black {
background: url(./images/sprites.png) -150px -675px no-repeat;
}
.icon-Additional-Red, .horizantTabs .nav-link.active.show .icon-Additional-Black {
background: url(./images/sprites.png) -225px -675px no-repeat !important;
}
.mainNav li a.active .icon-Additional, .icon-Additional-Blue {
background: url(./images/sprites.png) -50px -675px no-repeat;
}
.icon-Additional-Dashboard {
background: url(./images/sprites.png) -484px -395px no-repeat;
}
.dark .icon-Emergency {
background: url(./images/sprites.png) -25px -675px no-repeat;
}
.icon-Emergency, .icon-Emergency-Black {
background: url(./images/sprites.png) -175px -675px no-repeat;
}
.icon-Emergency-Red, .horizantTabs .nav-link.active.show .icon-Emergency-Black {
background: url(./images/sprites.png) -250px -675px no-repeat !important;
}
.mainNav li a.active .icon-Emergency, .icon-Emergency-Blue {
background: url(./images/sprites.png) -75px -675px no-repeat;
}
.icon-Emergency-Dashboard {
background: url(./images/sprites.png) -484px -444px no-repeat;
}
.dark .icon-PayRates {
background: url(./images/sprites.png) left -700px no-repeat;
}
.icon-PayRates, .icon-PayRates-Black {
background: url(./images/sprites.png) -150px -700px no-repeat;
}
.icon-PayRates-Red, .horizantTabs .nav-link.active.show .icon-PayRates-Black {
background: url(./images/sprites.png) -225px -700px no-repeat !important;
}
.mainNav li a.active .icon-PayRates, .icon-PayRates-Blue {
background: url(./images/sprites.png) -50px -700px no-repeat;
}
.icon-PayRates-Dashboard {
background: url(./images/sprites.png) -484px -490px no-repeat;
}
.dark .icon-Database {
background: url(./images/sprites.png) -25px -700px no-repeat;
}
.icon-Database, .icon-Database-Black {
background: url(./images/sprites.png) -175px -700px no-repeat;
}
.icon-Database-Red, .horizantTabs .nav-link.active.show .icon-Database-Black {
background: url(./images/sprites.png) -250px -700px no-repeat !important;
}
.mainNav li a.active .icon-Database, .icon-Database-Blue {
background: url(./images/sprites.png) -75px -700px no-repeat;
}
.icon-Database-Dashboard {
background: url(./images/sprites.png) -484px -538px no-repeat;
}
.dark .icon-Enquiry {
background: url(./images/sprites.png) left -725px no-repeat;
}
.icon-Enquiry, .icon-Enquiry-Black {
background: url(./images/sprites.png) -150px -725px no-repeat;
}
.icon-Enquiry-Red, .horizantTabs .nav-link.active.show .icon-Enquiry-Black {
background: url(./images/sprites.png) -225px -725px no-repeat !important;
}
.mainNav li a.active .icon-Enquiry, .icon-Enquiry-Blue {
background: url(./images/sprites.png) -50px -725px no-repeat;
}
.icon-Enquiry-Dashboard {
background: url(./images/sprites.png) -484px -588px no-repeat;
}
.dark .icon-inTraining {
background: url(./images/sprites.png) -100px top no-repeat;
}
.icon-inTraining, .icon-inTraining-Black{
background: url(./images/sprites.png) -200px top no-repeat;
}
.icon-inTraining-Red, .horizantTabs .nav-link.active.show .icon-inTraining-Black {
background: url(./images/sprites.png) -275px top no-repeat !important;
}
.mainNav li a.active .icon-inTraining, .icon-inTraining-Blue {
background: url(./images/sprites.png) -125px top no-repeat;
}
.icon-inTraining-Dashboard {
background: url(./images/sprites.png) -484px -687px no-repeat;
}
.dark .icon-TechnicalScreen {
background: url(./images/sprites.png) -100px -25px no-repeat;
}
.icon-TechnicalScreen, .icon-TechnicalScreen-Black {
background: url(./images/sprites.png) -200px -25px no-repeat;
}
.icon-TechnicalScreen-Red, .horizantTabs .nav-link.active.show .icon-TechnicalScreen-Black {
background: url(./images/sprites.png) -275px -25px no-repeat !important;
}
.mainNav li a.active .icon-TechnicalScreen, .icon-TechnicalScreen-Blue {
background: url(./images/sprites.png) -125px -25px no-repeat;
}
.icon-TechnicalScreen-Dashboard {
background: url(./images/sprites.png) -533px top no-repeat;
}
.dark .icon-onBench {
background: url(./images/sprites.png) -100px -50px no-repeat;
}
.icon-onBench, .icon-onBench-Black {
background: url(./images/sprites.png) -200px -50px no-repeat;
}
.icon-onBench-Red, .horizantTabs .nav-link.active.show .icon-onBench-Black {
background: url(./images/sprites.png) -275px -50px no-repeat !important;
}
.mainNav li a.active .icon-onBench, .icon-onBench-Blue {
background: url(./images/sprites.png) -125px -50px no-repeat;
}
.icon-onBench-Dashboard {
background: url(./images/sprites.png) -533px -48px no-repeat;
}
.dark .icon-openBench {
background: url(./images/sprites.png) -100px -75px no-repeat;
}
.icon-openBench, .icon-openBench-Black {
background: url(./images/sprites.png) -200px -75px no-repeat;
}
.icon-openBench-Red, .horizantTabs .nav-link.active.show .icon-openBench-Black {
background: url(./images/sprites.png) -275px -75px no-repeat !important;
}
.mainNav li a.active .icon-openBench, .icon-openBench-Blue {
background: url(./images/sprites.png) -125px -75px no-repeat;
}
.icon-openBench-Dashboard {
background: url(./images/sprites.png) -533px -96px no-repeat;
}
/*.icon-openBench{
background: url(./images/sprites.png) -100px -75px no-repeat;
}
.icon-openBench-Black{
background: url(./images/sprites.png) -200px -75px no-repeat;
}
.mainNav li a.active .icon-openBench{
background: url(./images/sprites.png) -125px -75px no-repeat;
}
*/
.dark .icon-inJob {
background: url(./images/sprites.png) -100px -100px no-repeat;
}
.icon-inJob, .icon-inJob-Black{
background: url(./images/sprites.png) -200px -100px no-repeat;
}
.icon-inJob-Red, .horizantTabs .nav-link.active.show .icon-inJob-Black {
background: url(./images/sprites.png) -275px -100px no-repeat !important;
}
.mainNav li a.active .icon-inJob, .icon-inJob-Blue {
background: url(./images/sprites.png) -125px -100px no-repeat;
}
.icon-inJob-Dashboard {
background: url(./images/sprites.png) -533px -144px no-repeat;
}
.dark .icon-Dropped {
background: url(./images/sprites.png) -100px -125px no-repeat;
}
.icon-Dropped, .icon-Dropped-Black {
background: url(./images/sprites.png) -200px -125px no-repeat;
}
.icon-Dropped-Red, .horizantTabs .nav-link.active.show .icon-inJob-Black {
background: url(./images/sprites.png) -275px -125px no-repeat !important;
}
.mainNav li a.active .icon-Dropped, .icon-Dropped-Blue {
background: url(./images/sprites.png) -125px -125px no-repeat;
}
.icon-Dropped-Dashboard {
background: url(./images/sprites.png) -533px -195px no-repeat;
}
/*Profile*/
.dark .icon-Profile {
background: url(./images/sprites.png) -102px -153px no-repeat;
}
.icon-Profile, .icon-Profile-Black {
background: url(./images/sprites.png) -200px -153px no-repeat;
}
.icon-Profile-Red, .horizantTabs .nav-link.active.show .icon-Profile-Black {
background: url(./images/sprites.png) -275px -153px no-repeat !important;
}
.mainNav li a.active .icon-Profile, .icon-Profile-Blue {
background: url(./images/sprites.png) -126px -153px no-repeat;
}
/*ChanePassword*/
.dark .icon-ChanePassword {
background: url(./images/sprites.png) -102px -175px no-repeat;
}
.icon-ChanePassword, .icon-ChanePassword-Black {
background: url(./images/sprites.png) -202px -175px no-repeat;
}
.icon-ChanePassword-Red, .horizantTabs .nav-link.active.show .icon-ChanePassword-Black {
background: url(./images/sprites.png) -278px -175px no-repeat !important;
}
.mainNav li a.active .icon-ChanePassword, .icon-ChanePassword-Blue {
background: url(./images/sprites.png) -127px -175px no-repeat;
}
/*LogOut*/
.dark .icon-LogOut {
background: url(./images/sprites.png) -102px -200px no-repeat;
}
.icon-LogOut, .icon-LogOut-Black {
background: url(./images/sprites.png) -202px -200px no-repeat;
}
.icon-LogOut-Red, .horizantTabs .nav-link.active.show .icon-LogOut-Black {
background: url(./images/sprites.png) -278px -200px no-repeat !important;
}
.mainNav li a.active .icon-LogOut, .icon-LogOut-Blue {
background: url(./images/sprites.png) -127px -200px no-repeat;
}
/*Technologies*/
.dark .icon-Technologies {
background: url(./images/sprites.png) -102px -225px no-repeat;
}
.icon-Technologies, .icon-Technologies-Black {
background: url(./images/sprites.png) -202px -225px no-repeat;
}
.icon-Technologies-Red, .horizantTabs .nav-link.active.show .icon-Technologies-Black {
background: url(./images/sprites.png) -278px -225px no-repeat !important;
}
.mainNav li a.active .icon-Technologies, .icon-Technologies-Blue {
background: url(./images/sprites.png) -126px -225px no-repeat;
}
.icon-Technologies-Dashboard {
background: url(./images/sprites.png) -538px -254px no-repeat;
}
/*Subjects*/
.dark .icon-Subjects {
background: url(./images/sprites.png) -102px -250px no-repeat;
}
.icon-Subjects, .icon-Subjects-Black {
background: url(./images/sprites.png) -202px -250px no-repeat;
}
.icon-Subjects-Red, .horizantTabs .nav-link.active.show .icon-Subjects-Black {
background: url(./images/sprites.png) -278px -250px no-repeat !important;
}
.mainNav li a.active .icon-Subjects, .icon-Subjects-Blue {
background: url(./images/sprites.png) -126px -250px no-repeat;
}
.icon-Subjects-Dashboard {
background: url(./images/sprites.png) -538px -295px no-repeat;
}
/* QuizTopic */
.dark .icon-QuizTopic {
background: url(./images/sprites.png) -102px -275px no-repeat;
}
.icon-QuizTopic, .icon-QuizTopic-Black {
background: url(./images/sprites.png) -202px -275px no-repeat;
}
.icon-QuizTopic-Red, .horizantTabs .nav-link.active.show .icon-QuizTopic-Black {
background: url(./images/sprites.png) -278px -275px no-repeat !important;
}
.mainNav li a.active .icon-QuizTopic, .icon-QuizTopic-Blue {
background: url(./images/sprites.png) -126px -275px no-repeat;
}
.icon-QuizTopic-Dashboard {
background: url(./images/sprites.png) -538px -346px no-repeat;
}
/*Questions*/
.dark .icon-Questions {
background: url(./images/sprites.png) -102px -300px no-repeat;
}
.icon-Questions, .icon-Questions-Black {
background: url(./images/sprites.png) -202px -300px no-repeat;
}
.icon-Questions-Red, .horizantTabs .nav-link.active.show .icon-Questions-Black {
background: url(./images/sprites.png) -278px -300px no-repeat !important;
}
.mainNav li a.active .icon-Questions, .icon-Questions-Blue {
background: url(./images/sprites.png) -126px -300px no-repeat;
}
.icon-Questions-Dashboard {
background: url(./images/sprites.png) -538px -395px no-repeat;
}
/*Compose*/
.dark .icon-Compose {
background: url(./images/sprites.png) -102px -325px no-repeat;
}
.icon-Compose, .icon-Compose-Black {
background: url(./images/sprites.png) -200px -325px no-repeat;
}
.icon-Compose-Red, .horizantTabs .nav-link.active.show .icon-Compose-Black {
background: url(./images/sprites.png) -278px -325px no-repeat !important;
}
.mainNav li a.active .icon-Compose, .icon-Compose-Blue {
background: url(./images/sprites.png) -126px -325px no-repeat;
}
.icon-Compose-Dashboard {
background: url(./images/sprites.png) -538px -445px no-repeat;
}
/*QuickSms*/
.dark .icon-QuickSms {
background: url(./images/sprites.png) -102px -350px no-repeat;
}
.icon-QuickSms, .icon-QuickSms-Black {
background: url(./images/sprites.png) -200px -350px no-repeat;
}
.icon-QuickSms-Red, .horizantTabs .nav-link.active.show .icon-QuickSms-Black {
background: url(./images/sprites.png) -278px -350px no-repeat !important;
}
.mainNav li a.active .icon-QuickSms, .icon-QuickSms-Blue {
background: url(./images/sprites.png) -125px -350px no-repeat;
}
.icon-QuickSms-Dashboard {
background: url(./images/sprites.png) -538px -495px no-repeat;
}
/*UnicodeSms*/
.dark .icon-UnicodeSms {
background: url(./images/sprites.png) -102px -375px no-repeat;
}
.icon-UnicodeSms, .icon-UnicodeSms-Black {
background: url(./images/sprites.png) -200px -375px no-repeat;
}
.icon-UnicodeSms-Red, .horizantTabs .nav-link.active.show .icon-UnicodeSms-Black {
background: url(./images/sprites.png) -278px -375px no-repeat !important;
}
.mainNav li a.active .icon-UnicodeSms, .icon-UnicodeSms-Blue {
background: url(./images/sprites.png) -125px -375px no-repeat;
}
.icon-UnicodeSms-Dashboard {
background: url(./images/sprites.png) -538px -545px no-repeat;
}
/*GroupSms*/
.dark .icon-GroupSms {
background: url(./images/sprites.png) -102px -400px no-repeat;
}
.icon-GroupSms, .icon-GroupSms-Black {
background: url(./images/sprites.png) -200px -400px no-repeat;
}
.icon-GroupSms-Red, .horizantTabs .nav-link.active.show .icon-GroupSms-Black {
background: url(./images/sprites.png) -278px -400px no-repeat !important;
}
.mainNav li a.active .icon-GroupSms, .icon-GroupSms-Blue {
background: url(./images/sprites.png) -125px -400px no-repeat;
}
/*SmsMerge*/
.dark .icon-SmsMerge {
background: url(./images/sprites.png) -102px -425px no-repeat;
}
.icon-SmsMerge, .icon-SmsMerge-Black {
background: url(./images/sprites.png) -200px -425px no-repeat;
}
.icon-SmsMerge-Red, .horizantTabs .nav-link.active.show .icon-SmsMerge-Black {
background: url(./images/sprites.png) -278px -425px no-repeat !important;
}
.mainNav li a.active .icon-SmsMerge, .icon-SmsMerge-Blue {
background: url(./images/sprites.png) -125px -425px no-repeat;
}
.icon-SmsMerge-Dashboard {
background: url(./images/sprites.png) -538px -595px no-repeat;
}
/*Sheduled*/
.dark .icon-Sheduled {
background: url(./images/sprites.png) -102px -450px no-repeat;
}
.icon-Sheduled, .icon-Sheduled-Black {
background: url(./images/sprites.png) -200px -450px no-repeat;
}
.icon-Sheduled-Red, .horizantTabs .nav-link.active.show .icon-Sheduled-Black {
background: url(./images/sprites.png) -278px -450px no-repeat !important;
}
.mainNav li a.active .icon-Sheduled, .icon-Sheduled-Blue {
background: url(./images/sprites.png) -125px -450px no-repeat;
}
.icon-Sheduled-Dashboard {
background: url(./images/sprites.png) -538px -645px no-repeat;
}
/*SenderId*/
.dark .icon-SenderId {
background: url(./images/sprites.png) -102px -475px no-repeat;
}
.icon-SenderId, .icon-SenderId-Black {
background: url(./images/sprites.png) -200px -475px no-repeat;
}
.icon-SenderId-Red, .horizantTabs .nav-link.active.show .icon-SenderId-Black {
background: url(./images/sprites.png) -278px -475px no-repeat !important;
}
.mainNav li a.active .icon-SenderId, .icon-SenderId-Blue {
background: url(./images/sprites.png) -125px -475px no-repeat;
}
.icon-SenderId-Dashboard {
background: url(./images/sprites.png) -538px -695px no-repeat;
}
/*Groups*/
.dark .icon-Groups {
background: url(./images/sprites.png) -102px -500px no-repeat;
}
.icon-Groups, .icon-Groups-Black {
background: url(./images/sprites.png) -200px -500px no-repeat;
}
.icon-Groups-Red, .horizantTabs .nav-link.active.show .icon-Groups-Black {
background: url(./images/sprites.png) -278px -500px no-repeat !important;
}
.mainNav li a.active .icon-Groups, .icon-Groups-Blue {
background: url(./images/sprites.png) -125px -500px no-repeat;
}
.icon-Groups-Dashboard {
background: url(./images/sprites.png) -585px -5px no-repeat;
}
/*Contacts*/
.dark .icon-Contacts {
background: url(./images/sprites.png) -102px -525px no-repeat;
}
.icon-Contacts, .icon-Contacts-Black {
background: url(./images/sprites.png) -200px -525px no-repeat;
}
.icon-Contacts-Red, .horizantTabs .nav-link.active.show .icon-Contacts-Black {
background: url(./images/sprites.png) -278px -525px no-repeat !important;
}
.mainNav li a.active .icon-Contacts, .icon-Contacts-Blue {
background: url(./images/sprites.png) -125px -525px no-repeat;
}
.icon-Contacts-Dashboard {
background: url(./images/sprites.png) -585px -53px no-repeat;
}
/*SmsSent*/
.dark .icon-SmsSent {
background: url(./images/sprites.png) -102px -550px no-repeat;
}
.icon-SmsSent, .icon-SmsSent-Black {
background: url(./images/sprites.png) -200px -550px no-repeat;
}
.icon-SmsSent-Red, .horizantTabs .nav-link.active.show .icon-SmsSent-Black {
background: url(./images/sprites.png) -278px -550px no-repeat !important;
}
.mainNav li a.active .icon-SmsSent, .icon-SmsSent-Blue {
background: url(./images/sprites.png) -125px -550px no-repeat;
}
.icon-SmsSent-Dashboard {
background: url(./images/sprites.png) -585px -105px no-repeat;
}
/*CreateSmstemplate*/
.dark .icon-CreateSmstemplate {
background: url(./images/sprites.png) -102px -575px no-repeat;
}
.icon-CreateSmstemplate, .icon-CreateSmstemplate-Black {
background: url(./images/sprites.png) -200px -575px no-repeat;
}
.icon-CreateSmstemplate-Red, .horizantTabs .nav-link.active.show .icon-CreateSmstemplate-Black {
background: url(./images/sprites.png) -278px -575px no-repeat !important;
}
.mainNav li a.active .icon-CreateSmstemplate, .icon-CreateSmstemplate-Blue {
background: url(./images/sprites.png) -125px -575px no-repeat;
}
.icon-CreateSmstemplate-Dashboard {
background: url(./images/sprites.png) -585px -155px no-repeat;
}


/* newly added icons **/
.icon-Banking, .icon-Banking-Black {
    background: url(./images/sprites.png) -744px -4px no-repeat;
}
.mainNav li a.active .icon-Banking, .mainNav li a:hover .icon-Banking, .icon-Banking-Blue {
    background: url(./images/sprites.png) -716px -4px no-repeat;
}

.icon-Sales, .icon-Sales-Black {
    background: url(./images/sprites.png) -743px -31px no-repeat;
}
.mainNav li a.active .icon-Sales, .mainNav li a:hover .icon-Sales, .icon-Sales-Blue {
    background: url(./images/sprites.png) -716px -31px no-repeat;
}


.icon-payRolls, .icon-payRolls-Black {
    background: url(./images/sprites.png) -742px -58px no-repeat;
}
.mainNav li a.active .icon-payRolls, .mainNav li a:hover .icon-payRolls, .icon-payRolls-Blue {
    background: url(./images/sprites.png) -716px -58px no-repeat;
}


.icon-Expenses, .icon-Expenses-Black {
    background: url(./images/sprites.png) -742px -83px no-repeat;
}
.mainNav li a.active .icon-Expenses, .mainNav li a:hover .icon-Expenses, .icon-Expenses-Blue {
    background: url(./images/sprites.png) -716px -83px no-repeat;
}



.icon-Reports, .icon-Reports-Black {
    background: url(./images/sprites.png) -742px -109px no-repeat;
}
.mainNav li a.active .icon-Reports, .mainNav li a:hover .icon-Reports, .icon-Reports-Blue {
    background: url(./images/sprites.png) -716px -109px no-repeat;
}

.icon-Settings, .icon-Settings-Black {
    background: url(./images/sprites.png) -742px -135px no-repeat;
}
.mainNav li a.active .icon-Settings, .mainNav li a:hover .icon-Settings, .icon-Settings-Blue {
    background: url(./images/sprites.png) -716px -135px no-repeat;
}

.icon-Banking-Dashboard {
    background: url(./images/sprites.png) -589px -203px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Sales-Dashboard {
    background: url(./images/sprites.png) -589px -251px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-payRolls-Dashboard {
    background: url(./images/sprites.png) -589px -301px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Expenses-Dashboard {
    background: url(./images/sprites.png) -589px -349px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Reports-Dashboard {
    background: url(./images/sprites.png) -589px -397px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Settings-Dashboard {
    background: url(./images/sprites.png) -589px -447px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Submissions-Dashboard {
    background: url(./images/sprites.png) -589px -497px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
/*.icon-ConsultantSummary-Dashboard {
    background: url(./images/sprites.png) -589px -595px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}*/
.icon-ConsultantSummary-Dashboard {
    background: url(./images/sprites.png) -589px -594px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-PurchaseORder-Dashboard {
    background: url(./images/sprites.png) -589px -643px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-payRolls-Dashboard {
    background: url(./images/sprites.png) -637px -5px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MyBench-Dashboard {
    background: url(./images/sprites.png) -637px -53px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Technologies-Dashboard {
    background: url(./images/sprites.png) -637px -100px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Visatypes-Dashboard {
    background: url(./images/sprites.png) -637px -151px no-repeat;
        width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MailSent{
    background: url(./images/sprites.png) -643px -200px no-repeat;
       width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MailReject{
    background: url(./images/sprites.png) -643px -248px no-repeat;
       width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MailBounce{
    background: url(./images/sprites.png) -645px -294px no-repeat;
       width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
/* sideNavLogo */
.sideNavLogo {
padding: 15px 6px 12px 2px;
height: 65px;
}
.logobar {
/* margin-left: 15px; */
/*width: 190px;*/
}
/* border & Shadow none */
.borderShadowNone {
border: none !important;
box-shadow: none !important;
background: none !important;
width: 36px;
height: 36px;
}
.borderShadowNone:focus, .borderShadowNone:active {
background: none !important;
box-shadow: none !important;
outline: 0 !important;
}
.borderShadowNone:hover {
border: none !important;
box-shadow: none !important;
}
.borderShadowNone i {
position: relative;
top: 5px;
}
/* Notification Animation */
.notifiAnim {
max-width: 100%;
/*background: #fe573c;*/
border-radius: 50%;
height: 5px;
width: 5px;
position: absolute;
left: 53%;
top: 32%;
}
.rippleAnim:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fe573c;
    display: inline-block;
    animation: notifiAnim 3s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    margin: -7px 0 0 -18px;
    z-index: 1;
}
@keyframes notifiAnim {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
}
50% {
opacity: 1.0;
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
}
}
/* MainNavBar */
.MainNavBar li.nav-item {
margin: 0 15px;
    flex-shrink: 0;
}
.dropdown-profileMenu {
border-left: 1px solid #e5e5e5;
padding-left: 10px;
}
.dropdown-profileMenu > a {
display: flex;
align-items: center;
color: #000;
    padding-left: 10px;
}
.dropdown-profileMenu .pImage {
width: 34px;
height: 34px;
border-radius: 150px;
margin-right: 10px;
display: inline-block;
object-fit: cover;
}
.dropdown-profileMenu i {
position: relative;
/*top: 9px;*/
float: right;
}
.profileMenuName {
    line-height: 16px;
    white-space: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 15px 15px 15px;
    display: block;
    border-bottom: 1px solid #d9e8ec;
}
}
.dropdown-profileMenu .dropdown-toggle::after {
border: 0;
}
.blueText {
color: #18a0ff;
}
.orangeText {
color: #ffa442;
}
.ResShow {
display: none;
}
.deskShow {
display: inline-block;
}
.profileMenuName.ResShow {
padding: 15px;
background: #0c6dff;
color: #fff;
}
.navShortCut {
margin-left: 10px;
margin-right: 5px;
}
.navShortCut .btn i {
top: 2px;
}
/************ NAVBAR ENDS  ********************/
/************ DROPDOWN STARTS  ********************/
/* dropdown */
.dropdown {
width: 100%;
}
.dropdown .btn {
width: 100%;
}
.dropdown-menu {
top: 16px !important;
/*top: -43px !important;*/
left: 0 !important;
width: 100%;
padding: 0;
border-radius: 0 !important;
}
.dropdown-menu ul {
margin: 0;
padding: 0;
}
.dropdown-menu li {
list-style: none;
}
.dropdown-item:hover, .dropdown-item:focus {
background-color: #f8f8f8;
}
.dropdown-item i {
font-size: 22px;
position: relative;
top: 6px;
margin-right: 8px;
}
.dropdown-outline-default .btn{
	background: #fff;
	    text-align: left;
}
.dropdown-outline-default .dropdown-toggle::after{
	    float: right;
    margin: 9px 0 0 0;
}
.dropdown-outline-default .dropdown-item, .dropdown-outline-primary .dropdown-item, .dropdown-outline-secondary .dropdown-item, .dropdown-outline-success .dropdown-item, .dropdown-outline-info .dropdown-item, .dropdown-outline-warning .dropdown-item, .dropdown-outline-danger .dropdown-item {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dropdown-outline-default .dropdown-item:before, .dropdown-outline-primary .dropdown-item:before, .dropdown-outline-secondary .dropdown-item:before, .dropdown-outline-success .dropdown-item:before, .dropdown-outline-info .dropdown-item:before, .dropdown-outline-warning .dropdown-item:before, .dropdown-outline-danger .dropdown-item:before {
content: "radio";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;/*background: #2098D1;*/
height: 1px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dropdown-outline-default .dropdown-item:hover:before, .dropdown-outline-primary .dropdown-item:hover:before, .dropdown-outline-secondary .dropdown-item:hover:before, .dropdown-outline-success .dropdown-item:hover:before, .dropdown-outline-info .dropdown-item:hover:before, .dropdown-outline-warning .dropdown-item:hover:before, .dropdown-outline-danger .dropdown-item:hover:before {
right: 0;
}
.dropdown-outline-default .dropdown-item:focus:before, .dropdown-outline-primary .dropdown-item:focus:before, .dropdown-outline-secondary .dropdown-item:focus:before, .dropdown-outline-success .dropdown-item:focus:before, .dropdown-outline-info .dropdown-item:focus:before, .dropdown-outline-warning .dropdown-item:focus:before, .dropdown-outline-danger .dropdown-item:focus:before {
right: 0;
}
.dropdown-outline-default .dropdown-item:active:before, .dropdown-outline-primary .dropdown-item:active:before, .dropdown-outline-secondary .dropdown-item:active:before, .dropdown-outline-success .dropdown-item:active:before, .dropdown-outline-info .dropdown-item:active:before, .dropdown-outline-warning .dropdown-item:active:before, .dropdown-outline-danger .dropdown-item:active:before {
right: 0;
}
/* OULINE DROPDOWNS */
.dropdown-outline-primary .dropdown-item.active, .dropdown-outline-primary .dropdown-item:active, .dropdown-outline-secondary .dropdown-item.active, .dropdown-outline-success .dropdown-item:active, .dropdown-outline-success .dropdown-item.active, .dropdown-outline-success .dropdown-item:active, .dropdown-outline-info .dropdown-item.active, .dropdown-outline-info .dropdown-item:active, .dropdown-outline-warning .dropdown-item.active, .dropdown-outline-warning .dropdown-item:active, .dropdown-outline-danger .dropdown-item.active, .dropdown-outline-danger .dropdown-item:active {
color: #fff;
}
.dropdown-outline-default .dropdown-item.active, .dropdown-outline-primary .dropdown-item:active, .dropdown-outline-default .dropdown-item:before {
background-color: #526798;
color: #000;
}
.dropdown-outline-primary .dropdown-item.active, .dropdown-outline-primary .dropdown-item:active, .dropdown-outline-primary .dropdown-item:before {
background-color: #0c6dff;
}
.dropdown-outline-secondary .dropdown-item.active, .dropdown-outline-secondary .dropdown-item:active, .dropdown-outline-secondary .dropdown-item:before {
background-color: #526798;
}
.dropdown-outline-success .dropdown-item.active, .dropdown-outline-success .dropdown-item:active, .dropdown-outline-success .dropdown-item:before {
background-color: #43bc40;
}
.dropdown-outline-info .dropdown-item.active, .dropdown-outline-info .dropdown-item:active, .dropdown-outline-info .dropdown-item:before {
background-color: #03a5ee;
}
.dropdown-outline-warning .dropdown-item.active, .dropdown-outline-warning .dropdown-item:active, .dropdown-outline-warning .dropdown-item:before {
background-color: #ff971b;
}
.dropdown-outline-danger .dropdown-item.active, .dropdown-outline-danger .dropdown-item:active, .dropdown-outline-danger .dropdown-item:before {
background-color: #fe573c;
}
/* SOLID DROPDOWNS */
/* OULINE DROPDOWNS */
.dropdown-primary .dropdown-item.active, .dropdown-primary .dropdown-item:active, .dropdown-secondary .dropdown-item.active, .dropdown-secondary .dropdown-item:active, .dropdown-success .dropdown-item.active, .dropdown-success .dropdown-item:active, .dropdown-info .dropdown-item.active, .dropdown-info .dropdown-item:active, .dropdown-warning .dropdown-item.active, .dropdown-warning .dropdown-item:active, .dropdown-danger .dropdown-item.active, .dropdown-danger .dropdown-item:active {
color: #fff;
}
.dropdown-default .dropdown-item.active, .dropdown-primary .dropdown-item:active {
background-color: #ffffff;
color: #000;
}
.dropdown-primary .dropdown-item.active, .dropdown-primary .dropdown-item:active {
background-color: #0c6dff;
}
.dropdown-secondary .dropdown-item.active, .dropdown-secondary .dropdown-item:active {
background-color: #526798;
}
.dropdown-success .dropdown-item.active, .dropdown-success .dropdown-item:active {
background-color: #43bc40;
}
.dropdown-info .dropdown-item.active, .dropdown-info .dropdown-item:active {
background-color: #03a5ee;
}
.dropdown-warning .dropdown-item.active, .dropdown-warning .dropdown-item:active {
background-color: #ff971b;
}
.dropdown-danger .dropdown-item.active, .dropdown-danger .dropdown-item:active {
background-color: #fe573c;
}
/*  Iconic Dropdown */
.dropdown-iconic .dropdown-toggle::after {
display: inline-block;
margin-left: 0 !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
}
.dropdown-iconic .btn {
padding: .600rem !important
}
.dropdown-iconic .btn i {
margin-right: 0 !important;
}
/* dropdown-Rcircle */
.dropdown-Rcircle .dropdown-menu {
border-radius: 1.2rem !important;
    top: 0px !important;

}
.dropdown-Rcircle .dropdown-menu li:first-child a {
border-radius: 1rem 1rem 0 0;
}
.dropdown-Rcircle .dropdown-menu li:last-child a {
border-radius: 0 0 1rem 1rem;
}
.bootstrap-select .dropdown-menu {
/*top: -43px !important;*/
top: 28px !important;
left: 0 !important;
width: 100%;
padding: 0;
margin-top: 0 !important;
}
.dropdown-menu.show {
animation-name: drpdown;
animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
animation-timing-function: 400ms cubic-bezier(.66, .22, .18, .32);
animation-timing-function: linear;
transform-origin: 15% 28px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transform: translate3d(0, 28px, 0px);/*transform: scaleY(0.5) !important;*/
/*transform-origin: 0 0%;*/
/*transform: translate3d(0, 0, 0px) !important;*/
/*-moz-transform: translate3d(0, 0, 0px) !important;*/
/*transform: translate3d(0, 0px, 0px);*/
/*transform: translate3d(5px, 0%, 0px)  !important;*/
/*transform:  scaleY(1);*/
/*-moz-transform: translate(0, 0px) !important;
-moz-transform:  scaleY(1);
*/
/*transform: scaleY(1) translate3d(10%, 10%, 0)   !important;*/
/*transform:  translate3d(0, 0, 0px) scaleY(1) ;*/
-webkit-animation-name: drpdown;
-webkit-animation-duration: 0.25s;
-webkit-animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32);
-webkit-transform-origin: 15% 28px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(0, 28px, 0px);
}
/*@keyframes drpdown{
0%{ transform: translate3d(0, 0, 0px) scaleY(0) ; opacity: 0;}
100%{  transform: translate3d(0, 0%, 0px) scaleY(1);
opacity: 1;}
}*/
@keyframes drpdown {
0% {
transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
transform: translate3d(0, 28px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
@-webkit-keyframes drpdown {
0% {
-webkit-transform: translate3d(0, 0, 0px) scaleY(0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 28px, 0px) scaleY(1);
opacity: 1;
}
}
/* bootstrap-select */
.bootstrap-select .btn {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.bootstrap-select .btn:before {
content: "radio";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #0c6dff;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.bootstrap-select .btn:hover:before {
left: 0;
right: 0;
}
.bootstrap-select .btn:focus:before {
left: 0;
right: 0;
}
.bootstrap-select .btn:active:before {
left: 0;
right: 0;
}
.bootstrap-select .btn-default:before, .bootstrap-select .btn-primary:before, .bootstrap-select .btn-success:before, .bootstrap-select .btn-info:before, .bootstrap-select .btn-warning:before, .bootstrap-select .btn-danger:before {
background: none !important;
height: 0 !important;
}
.bootstrap-select .btn-default, .bootstrap-select .btn-primary, .bootstrap-select .btn-success, .bootstrap-select .btn-info, .bootstrap-select .btn-warning, .bootstrap-select .btn-danger {
padding: .500rem 25px .500rem .500rem !important;
}
.bootstrap-select .btn {
padding: .375rem .0;
}
.bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus {
box-shadow: none;
border-radius: 0;
}
.bs-actionsbox .btn-default {
background: #fff !important !important;
border: 1px solid #526798 !important;
box-shadow: 0 3px 4px -2px rgba(0, 0, 0, .50), 0 0px 1px 0 rgba(0, 0, 0, 0.50) !important;
}
.bs-actionsbox .btn:before {
background: none !important !important;
}
.btn-group.bootstrap-select.show .dropdown-menu {
display: block;
}
.btn.dropdown-toggle.btn-default {
background: none !important;
border-bottom: 1px solid #526798;
}
.btn.dropdown-toggle.btn-default:hover, .btn.dropdown-toggle.btn-default:focus {
outline: 0 !important;
border: 0 !important;
border-bottom: 1px solid #526798 !important;
}
.bootstrap-select .dropdown-menu.show {
animation-name: seldrpdown;
animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32);
animation-timing-function: linear;
transform-origin: 15% 28px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transform: translate3d(0, 28px, 0px);/*transform: scaleY(0.5) !important;*/
/*transform-origin: 0 0%;*/
/*transform: translate3d(0, 0, 0px) !important;*/
/*-moz-transform: translate3d(0, 0, 0px) !important;*/
/*transform: translate3d(0, 0px, 0px);*/
/*transform: translate3d(5px, 0%, 0px)  !important;*/
/*transform:  scaleY(1);*/
/*-moz-transform: translate(0, 0px) !important;
-moz-transform:  scaleY(1);
*/
/*transform: scaleY(1) translate3d(10%, 10%, 0)   !important;*/
/*transform:  translate3d(0, 0, 0px) scaleY(1) ;*/
-webkit-animation-name: seldrpdown;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: 200ms cubic-bezier(.66, .22, .18, .32);
-webkit-transform-origin: 15% 28px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(0, 28px, 0px);
}
/*@keyframes drpdown{
0%{ transform: translate3d(0, 0, 0px) scaleY(0) ; opacity: 0;}
100%{  transform: translate3d(0, 0%, 0px) scaleY(1);
opacity: 1;}
}*/
@keyframes seldrpdown {
0% {
transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
transform: translate3d(0, 28px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
@-webkit-keyframes seldrpdown {
0% {
-webkit-transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 28px, 0px) scaleY(1) scaleX(1);
opacity: 1;
}
}
.dropdown-item, .bootstrap-select.btn-group .dropdown-menu li {
display: block;
width: 100%;
padding: 0;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;/*min-height: 36px;*/
font-size: 14px;
line-height: 17px;
}
.dropdown-menu a, .bootstrap-select.btn-group .dropdown-menu li a {
padding: 15px;
}
.dropdown-menu li a:focus {
padding: 15px;
}
.bootstrap-select .dropdown-header {
padding-top: 15px !important;
}
.bootstrap-select .dropdown-menu.inner li span.text {
margin-right: 0 !important;
float: left;
width: 88%;
}
.bootstrap-select .dropdown-menu.inner li i {
display: none;
width: 10%;
	    text-align: right;
float: right;
}
.bootstrap-select .dropdown-menu.inner li.selected i {
display: block;
}
.bootstrap-select .btn-default {
background: none !important;
border: none !important;
border-bottom: 1px solid #526798 !important;
}
/************ DROPDOWN ENDS  ********************/
/************ BOOTSTRAP SELECT STARTS  ********************/
/*!
* Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
*
* Copyright 2013-2017 bootstrap-select
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
*/
select.bs-select-hidden, select.selectpicker {
display: none !important;
}
.bootstrap-select {
width: 220px \0;/*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
width: 100%;
padding-right: 25px;
z-index: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #999;
}
.btn-group.bootstrap-select .btn.dropdown-toggle.btn-default:hover, .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default:focus{
	box-shadow: none !important;
	
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;/*width: 220px;*/
/*width: auto;*/
}
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
}
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
    top: 4px;
    position: relative;
    text-transform: capitalize;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: normal;
line-height: 19px;
display: block;
width: 100%;
	color: #000;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 0;
display: block;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
float: right;
margin-top: 10px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
}
/*.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block;
}
.bs-searchbox, .bs-actionsbox, .bs-donebutton {
padding: 15px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
/*.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}*/
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
border-bottom: 1px solid #ccc;
border: none;
border-bottom: 1px solid #5b5d5f;
border-radius: 0;
padding: .375rem 0 .375rem 30px;
}
/* newly added */
.iconSrchSel {
width: 24px;
height: 24px;
display: block;
position: absolute;
z-index: 2;
top: 22px;
}
.bootstrap-select.btn-group .no-results, .bootstrap-select.btn-group .notify {
padding: 15px !important;/* display: none; */
white-space: normal !important;
margin: 0 !important;
background: #03a5ee !important;
color: #fff !important;
line-height: 16px !important;
}
.dropdown-menu .divider {
height: 1px !important;
background: #526798 !important;
line-height: 1px !important;
padding: 0 !important;
min-height: 1px;
margin: 10px 0;
}
.dropdown-header {
font-weight: bold !important;
padding: 0 15px !important;
}
.btn-group-sm>.btn, .btn-sm {
height: 36px;
}
/*# sourceMappingURL=bootstrap-select.css.map */
/************ BOOTSTRAP SELECT ENDS  ********************/
/************ MATERIAL DATE PICKER STARTS  ********************/
.dtp .dtp-close {
display: none;
}
.dtp {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(116, 168, 247, 0.4);
z-index: 2000;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dtp > .dtp-content {
max-width: 96%;/* max-height: 520px;*/
position: relative;
left: 50%;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
background: #0c6dff;
color: #fff;
text-align: center;
padding: 0.3em;
}
.dtp div.dtp-date, .dtp div.dtp-time {
text-align: center;
color: #fff;
padding: 10px;
}
.dtp div.dtp-date > div {
padding: 0;
margin: 0;
}
.dtp div.dtp-actual-month {
font-size: 1.5em;
}
.dtp div.dtp-actual-num {
font-size: 6em;
line-height: 0.9;
font-weight: 700;
}
.dtp div.dtp-actual-maxtime {
font-size: 3em;
line-height: 0.9;
}
.dtp div.dtp-actual-year {
font-size: 1.5em;
color: #DCEDC8;
}
.dtp div.dtp-picker {
padding: 1em 1em 0 1em;
text-align: center;
background: #fff;
}
.dtp div.dtp-picker-month, .dtp div.dtp-actual-time {
font-weight: 500;
text-align: center;
}
.dtp div.dtp-picker-month {
padding-bottom: 20px !important;
text-transform: uppercase !important;
}
.dtp .dtp-close {
position: absolute;
top: 0.5em;
right: 1em;
}
.dtp .dtp-close > a {
color: #fff;
}
.dtp .dtp-close > a > i {
font-size: 1em;
}
.dtp table.dtp-picker-days {
margin: 0;
min-height: 320px;
}
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td {
border: none  !important;
	    box-shadow: none !important;
	    background: none !important;
}
.dtp table.dtp-picker-days tr > td {
font-weight: 700;
font-size: 0.8em;
text-align: center;
	    padding: 0 !important;
}
.dtp table.dtp-picker-days tr > td > span.dtp-select-day {
color: #BDBDBD !important;
padding: 0.4em 0.5em 0.5em 0.6em;
}
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a {
color: #212121;
text-decoration: none;
padding: 0.4em 0.5em 0.5em 0.6em;
border-radius: 50% !important;
}
.dtp table.dtp-picker-days tr > td > a.selected {
background: #0c6dff;
color: #fff;
}
.dtp table.dtp-picker-days tr > th {
color: #757575;
text-align: center;
font-weight: 700;
padding: 0.4em 0.3em;
	border: none !important;
    background: none !important;
}
.dtp .p10 > a {
color: #0c6dff;
text-decoration: none;
}
.dtp .p10 > a i {
color: #fff;
text-decoration: none;
}
.dtp .p10 {
width: 10%;
display: inline-block;
}
.dtp .p20 {
width: 20%;
display: inline-block;
}
.dtp .p60 {
width: 60%;
display: inline-block;
}
.dtp .p80 {
/*width: 80%;*/ display: inline-block;
}
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
position: relative;
top: 10px;
color: #212121;
font-weight: 500;
padding: 0.5em;
border-radius: 50% !important;
text-decoration: none;
background: #eee;
font-size: 1em;
}
.dtp .dtp-actual-meridien a.selected {
background: #0c6dff;
color: #fff;
}
.dtp .dtp-picker-time > .dtp-select-hour {
cursor: pointer;
}
.dtp .dtp-picker-time > .dtp-select-minute {
cursor: pointer;
}
.dtp .dtp-buttons {
padding: 0 1em 1em 1em;
text-align: right;
}
.dtp.hidden, .dtp .hidden {
display: none;
}
.dtp .invisible {
visibility: hidden;
}
.dtp .left {
float: left;
}
.dtp .right {
float: right;
}
.dtp .clearfix {
clear: both;
}
.dtp .center {
text-align: center;
}
.dtp-picker-year {
margin-bottom: 1px;
}
.year-picker-item {
text-align: center;
padding-top: 11px;
font-size: large;
cursor: pointer;
margin: 0 auto;
padding-bottom: 10px;
transition: 1s;
}
.dtp-actual-year:hover {
cursor: pointer;
}
.dtp-actual-year.disabled:hover {
cursor: inherit;
}
.year-picker-item:hover {
color: #000000;
}
.year-picker-item.active {
color: #000000;
font-weight: bold;
}
.dtp-select-year-range {
display: inline-block;
text-align: center;
width: 100%;
height: 48px;
padding: 0 !important;
line-height: 48px;
background: #0c6dff !important;
}
.btn.dtp-select-year-range.after {
box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .50), 0 0px 1px 0 rgba(0, 0, 0, 0.50) !important;
}
.dtp-select-year-range i {
display: block;
line-height: 48px;
color: #fff;
position: static !important;
margin: 0 auto;
width: 26px;
float: none !important;
}
.dtp-select-year-range.after {
margin: 0;
position: absolute;
bottom: 0;
left: 0;
}
/* NEWLY ADDED */
.dtp-date-view {
background: #0c6dff;
box-shadow: -33px -2px 47px -7px rgba(0, 0, 0, 0.7) inset;
}
.dtp .dtp-buttons {
background: #fff;
}
.dtp-buttons .btn {
background: none;
text-transform: uppercase;
font-weight: 700;
font-size: 0.8rem;
padding: 0.7rem 1.2rem;
margin: 0 0 0 10px;
box-shadow: none !important;
}
.dtp-actual-maxtime {
line-height: 181px !important;
font-size: 60px !important;
text-align: center;
}
.dtp-content {
-webkit-animation-duration: .45s;
animation-duration: .45s;
-webkit-animation-name: dtpPickerAnim;
animation-name: dtpPickerAnim;
}
@-webkit-keyframes dtpPickerAnim {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes dtpPickerAnim {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/************ MATERIAL DATE PICKER ENDS  ********************/
/************ TEXTAREA STARTS  ********************/
.animatedTextAutoGrow {
-webkit-transition: height 0.5s0.5s0.5s;
-moz-transition: height 0.5s0.5s;
transition: height 0.5s;
}
.form-ControlTextAreaGrow {
position: relative;
width: 100%;
min-height: 106px !important;
font-size: 14px;
border: none;
background-color: transparent;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
padding: 20px 0 0 0 !important;
z-index: 2;
}
.form-ControlTextAreaGrow + label.form-label {
position: absolute;
top: 75px;
left: 0;
z-index: 2;
font-size: 16px;
color: #7d8094;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
background: #fff;
z-index: 1;
}
.form-ControlTextAreaGrow:focus {
outline: none;
border-width: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.form-ControlTextAreaGrow:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
}
.form-ControlTextAreaGrow:focus + label.form-label {
top: 0px;
color: #0c6dff;
font-size: 12px;
}
.form-ControlTextAreaGrow.has-value + label.form-label {
top: 0px;
color: #526798;
font-size: 12px;
}
.form-ControlTextAreaGrow {
background: none !important;
}
.form-ControlTextAreaGrow:focus ~ .form-controlBrd-Left {
background-size: 100% 2px, 100% 1px;
}
.form-ControlTextAreaGrow:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
}
/************ TEXTAREA ENDS  ********************/
/************ UPLOAD CONTROL STARTS  ********************/
.uploadControl-File input {
cursor: pointer;
height: 100%;
right: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 4;
}
.uploadContainer-File .uploadContainer-Input {
box-sizing: border-box;
width: calc(100% - 32px);
}
.uploadContainer-File .uploadControl-File {
right: 0;
}
.uploadContainer {
position: relative;
font-size: 16px;
display: inline-block;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.uploadContainer-File .uploadContainer-Input {
box-sizing: border-box;
width: calc(100% - 32px);
}
.uploadContainer-Input {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .12);
display: block;
font-size: 16px;
margin: 0;
padding: 4px 0;
width: 100%;
background: 16px;
text-align: left;
color: inherit;
}
.uploadContainer-File .uploadControl-File {
right: 0;
}
.uploadContainer .uploadControl-btn {
position: absolute;
bottom: 0;
}
.uploadControl-btnIcon {
border-radius: 50%;
font-size: 24px;
height: 32px;
margin-left: 0;
margin-right: 0;
min-width: 32px;
width: 32px;
padding: 0;
overflow: hidden;
color: inherit;
line-height: normal;
}
.uploadControl-btn {
background: 0 0;
border: none;
border-radius: 2px;
color: #000;
display: block;
position: relative;
height: 36px;
min-width: 100%;
padding: 0 8px;
display: inline-block;
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0;
overflow: hidden;
will-change: box-shadow, transform;
-webkit-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
outline: none;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 36px;
vertical-align: middle;
}
.uploadControl-btnIcon .material-icons {
position: absolute;
top: 50%;
right: 0%;
-webkit-transform: translate(4px, -12px);
-ms-transform: translate(4px, -12px);
transform: translate(4px, -12px);
line-height: 24px;
width: 24px;
color: #7d8094;
}
.uploadControl-btn:hover i {
color: #0c6dff !important;
}
.uploadControl-File input {
cursor: pointer;
height: 100%;
right: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
.uploadControl-btn:hover ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
-moz-background-size: 100% 2px, 100% 1px;
-webkit-background-size: 100% 2px, 100% 1px;
-ms-background-size: 100% 2px, 100% 1px;
}
/************ UPLOAD CONTROL ENDS  ********************/
/************ CARDS  STARTS  ********************/
.dataListCard {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
color: #526798;
margin-bottom: 30px;
padding-bottom: 15px;
}
.dataListCard h5 {
font-weight: 400;
color: #0c6dff;
margin-bottom: 15px;
}
.dataListCard .card-text {
font-size: 14px;
margin-bottom: 10px;
}
.dataListCard img {
max-width: 100px;
max-height: 100px;
border: 6px solid #eaf4fb;
border-radius: 15px;
margin-bottom: 20px;
}
.dataListCard .card-text i {
position: relative;
top: 6px;
margin-right: 6px;
font-size: 21px;
}
.teamLabel-Ribbon {
}
.teamLabel {
float: right;
margin:15px -16px 0 0;
min-height: 45px;
}
.teamLabel-Name {
background: #43bc40;
float: right;
height: 26px;
padding: 0 10px;
font-size: 14px;
color: #fff;
line-height: 26px;
}
.greenLabel .teamLabel-Ribbon {
border: 13px solid #43bc40;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 0;
height: 5px;
border-top: 0 solid;
border-bottom: 15px solid rgba(0, 0, 0, 0);
font: normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0, 0, 0, 1);
-o-text-overflow: clip;
text-overflow: clip;
-webkit-transform: rotateX(5.729577951308233deg) rotateY(-367.2659466788577deg) rotateZ(90deg);
transform: rotateX(5.729577951308233deg) rotateY(-367.2659466788577deg) rotateZ(90deg);
float: right;
margin: 3px -4px 0 0;
}
.greenLabel .teamLabel-Name {
background: #43bc40;
}
.redLabel .teamLabel-Ribbon {
border: 13px solid #fe573c;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 0;
height: 5px;
border-top: 0 solid;
border-bottom: 15px solid rgba(0, 0, 0, 0);
font: normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0, 0, 0, 1);
-o-text-overflow: clip;
text-overflow: clip;
-webkit-transform: rotateX(5.729577951308233deg) rotateY(-367.2659466788577deg) rotateZ(90deg);
transform: rotateX(5.729577951308233deg) rotateY(-367.2659466788577deg) rotateZ(90deg);
float: right;
margin: 3px -4px 0 0;
}
.redLabel .teamLabel-Name {
background: #fe573c;
}
/************ Cards list STARTS  ********************/
/************ DATA TABLE STARTS  ********************/
.dataTables_length {
float: left;
}
.dataTables_filter {
float: right;
}
.dataTables_length .btn-group .bootstrap-select {
width: 50px;
}
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
border: none !important;
}
table.dataTable td, table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
text-align: center
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
justify-content: flex-end
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
padding-right: 30px
}
table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active {
outline: none
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 0.9em;
display: block;
opacity: 0.3
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
right: 1em;
content: ""
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
right: 0.5em;
content: ''
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
opacity: 1
}
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
opacity: 0
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important
}
div.dataTables_scrollBody table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important
}
div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
display: none
}
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
border-top: none
}
div.dataTables_scrollFoot>.dataTables_scrollFootInner {
box-sizing: content-box
}
div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
margin-top: 0 !important;
border-top: none
}
table.dataTable.table-sm>thead>tr>th {
padding-right: 20px
}
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
top: 5px;
right: 0.85em
}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
top: 5px
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
border-left-width: 0
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
border-right-width: 0
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
border-bottom-width: 0
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0
}
div.table-responsive>div.dataTables_wrapper>div.row {
margin: 0
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
padding-left: 0
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
padding-right: 0
}
/************ DATA TABLE ENDS  ********************/
/************ DATA TABLE FIX HEADER STARTS  ********************/
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
background-color: white;
margin-top: 0 !important;
margin-bottom: 0 !important
}
table.dataTable.fixedHeader-floating {
position: fixed !important
}
table.dataTable.fixedHeader-locked {
position: absolute !important
}
/************ DATA TABLE FIX HEADER ENDS  ********************/
/************ RESPONSIVE DATA TABLE STARTS  ********************/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
cursor: default !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
display: none !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role='']>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="search"]>th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="\2191"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="\2193"]>th:first-child:before {
top: 9px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: "row";
background-color: #337ab7
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
content: "row";
background-color: #d33333
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
padding-left: 27px
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px
}
table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control {
position: relative;
cursor: pointer
}
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: "row";
background-color: #337ab7
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before {
content: "row";
background-color: #d33333
}
table.dataTable>tbody>tr.child {
padding: 0.5em 1em
}
table.dataTable>tbody>tr.child:hover {
background: transparent !important
}
table.dataTable>tbody>tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
padding-top: 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
border-bottom: none
}
table.dataTable>tbody>tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6)
}
/************ RESPONSIVE DATA TABLE ENDS  ********************/
/************ Alert CSS Starts ***************/


.alertBox{
    position: fixed;
    right: 20px;
    /* top: 30%; */
    z-index: 9898;
    width: 360px;
    bottom: 0;
    padding: 10px;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);

}
.alertBox li{
    list-style: none;
}
.alertBox li strong{
    font-weight: normal !important;
}
.alertBox { 
    animation-name: zoomIn;
    animation-duration: 0.5s;
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: zoomIn;
    -moz-animation-duration: 0.5s;
   
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
}
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
      padding: 0 !important;
}

.alert-primary {
background-color: rgba(12, 109, 255, 0.7);
color: white;
}
.alert-secondary {
background-color: rgba(138, 138, 138, 0.7);
color: white;
}
.alert-success {
background-color: rgba(67, 188, 64, 0.7);
color: white;
}
.alert-danger {
background-color: rgba(254, 87, 60, 0.7);
color: white;
}
.alert-warning {
background-color: rgba(255, 151, 27, 0.7);
color: white;
}
.alert-info {
background-color: rgba(3, 165, 238, 0.7);
color: white;
}
/************ Alert CSS Starts ***************/
/************ chat and sider bar Starts *****************/
button:focus, button:active:focus {
outline: none;
}
.sidebar-nav a:hover {
color: #0c6dff !important;
}
.btmItm.chatArwBtm {
position: fixed;
bottom: 0;
z-index: 98;
width: 250px;
left: 0;
}
.btmItm.chatArwBtm button i {
transform: rotate(180deg);
}
.chatlist.fullchatlist {
display: block;
width: 190px;
position: fixed;
top: 0;
left: 60px;
height: 100vh;
}
.chatlist.fullchatlist ul {
position: absolute;
height: 100vh;
left: 0;
top: 53px;
overflow: auto;
padding-bottom: 85px;
width: 190px;
background: #111b2f;
}
.chat.chatminHeight {
min-height: 0 !important;
}
.manNavOverlap {
position: relative;
z-index: 98;
background: #080d17;
}
.sideNav60, .test {
width: 60px !important;
}
.sideNav250 {
width: 250px !important;
}

.favNavBtn {
    width: 42px !important;
    /* float: left; */
    display: block;
    padding: 10px 0 !important;
    height: 42px !important;
    background: #fff !important;
    color: #000 !important;
}
.favNavBtn:hover, .favNavBtn:focus{
    background: #fff !important;
    color: #000 !important;
}
.sideNav250 .favNavBtn, .sidenav:hover .favNavBtn{
    width: 100% !important;
}
.pr-15{
    padding-right: 15px;
}
.favNavBtnText{
    left: 48px;
    line-height: 11px;
    color: #000;
    top: 16px;
    width: 170px;
    text-align: left;
}
.sidenav .navShortCut .dropdown-toggle::after{
     display: none;
}
.sidenav250 .navShortCut .dropdown-toggle::after, .sidenav:hover .navShortCut .dropdown-toggle::after{    
    position: absolute;
    right: 15px;
    top: 20px;
     display: none;
}
.favNavBtnText .navFontSizeIcon{
        top: -6px;
}
.MainNavBar .dropdown-toggle::after{
 display: none;
}
.inboxDrpDown{
    width: 250px;
font-size: 13px !important;
right: 0;
left: auto !important;
max-height: 350px;
overflow: auto;
    overflow-x: auto;
overflow-x: hidden;
}
.inboxDrpDown .liItem-img{
    width: 40px;
    height: 40px;
    border-radius: 150px;
    margin-right: 10px;
    object-fit: cover;
    float: left;
    margin-bottom: 8px;
}
.inboxDrpDown p{
    margin-bottom: 0;
}
.font13{
    font-size: 13px;
}
.font14{
    font-size: 14px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font17{
    font-size: 17px;
}
.font22{
    font-size: 22px;
}
.text-white{
    color: #fff !important;
}
.text-gray{
    color: #666 !important;
}
.text-themeGray{
    color: #526798 !important;
}
.text-green{
    color:#43bc40 !important;
}
.text-navy{
    color:#03a5ee !important;
}
.text-red{
    color:#fe573c !important;
}
.text-orange{
    color:#ff971b !important;
}
.text-blue{
    color:#03409c !important;
}
.bg-white{
    background-color: #fff !important;
    color: #000000 !important;
}
.bg-gray{
    background-color: #666 !important;
    color: #fff !important;
}
.bg-themeGray{
    background-color: #526798 !important;
    color: #fff !important;
}
.bg-green{
    background-color:#43bc40 !important;
    color: #fff !important;
}
.bg-navy{
    background-color:#03a5ee !important;
    color: #fff !important;
}
.bg-red{
    background-color:#fe573c !important;
    color: #fff !important;
}
.bg-orange{
    background-color:#ff971b !important;
    color: #fff !important;
}
.bg-blue{
    background-color:#03409c !important;
    color: #fff !important;
}

.badge-success{
    background: #43bc40 !important;
}

.badge-danger{
 background:#fe573c !important;
}
/*
.sidenav .navShortCut .btn i {
    top: 2px;
    width: 45px;
}
.sidenav .btn-Rcircle-iconic {
    padding: .600rem 1.2rem;
    border-radius: 150px !important;
    text-align: left !important;
    width: 50px !important;
    padding: .600rem 0;
}
.sidenav.sideNav250 .btn-Rcircle-iconic {
    width:100% !important;
}
.sidenav.sideNav250 .navShortCut .btn i {
    top: 2px;
    width: auto;
}*/
.chat .btmItm {
    position: fixed;
    width: 246px;
border-top: 3px solid #fe573c;
    font-weight: bold;
    color: #000;
        z-index: 9;
transition: all 0.3s ease;
        
}
.chat .btmItm .navFontSize{
    opacity: 1;

}
.chat .btmItm-Mini .navFontSize{
    opacity: 0;
    transition: all 0.3s ease;
}
.chat .btmItm-Mini{
    width: 55px;
    overflow: hidden;
transition: all 0.3s ease;

}
.chatlist{
    padding-top: 50px;
}
.chat li i {
    color: #000;
}
.chat .btmItm .navFontSize{
 color: #000;
}
.chat .btmItm .navFontSize {
font-size: 15px;
}
.chat .btmItm li {
background: rgb(62,82,119);
background: -moz-linear-gradient(to bottom, rgb(213, 222, 228) 0%, rgb(215, 224, 231) 100%);
background: -webkit-linear-gradient(to bottom, rgb(213, 222, 228) 0%, rgb(215, 224, 231) 100%);
background: linear-gradient(to bottom, rgb(213, 222, 228) 0%, rgb(215, 224, 231) 100%);
}
.dark .chat .btmItm li {
background: rgb(62,82,119);
background: -moz-linear-gradient(top, rgba(62,82,119,1) 0%, rgba(25,38,63,1) 100%);
background: -webkit-linear-gradient(top, rgba(62,82,119,1) 0%, rgba(25,38,63,1) 100%);
background: linear-gradient(to bottom, rgba(62,82,119,1) 0%, rgba(25,38,63,1) 100%);
}
.sidenav {
display: flex;
flex-flow: column;
flex-wrap: nowrap;
}
.chat {
/* max-height: 33%; */
overflow: auto;
overflow-x: hidden;
/* padding-bottom: 50px; */
/*border-top: 3px solid #43bc40;*/
max-height: 300px;
/* position: absolute; */
bottom: 0;
position: relative;
/* flex-flow: column; */
min-height: 300px;
transition: all 0.7s ease;
}
.mainNav {
max-height: 100%;
overflow: auto;
overflow-x: hidden;
padding: 10px 0 0 0;
}
.two {
position: relative;
z-index: 20;
background: #f00;
}
.chat {
max-height: 40%;
overflow: auto;
overflow-x: hidden;
background: #fff;
}
.dark .chat{
background: #0b162d;/*padding-bottom:50px;*/

}
.chat ul {
margin: 0;
padding: 0;
}
.chat li {
list-style: none;
}
.chat li a {
position: relative;
display: flex;
height: 60px;
border-bottom: 1px solid #dee1e6;
align-items: center;
}
.dark .chat li a{
border-bottom: 1px solid #111b2f;


}
.chat li a.active {
color: #059ee0;
}
.chat li a.active .navFontSize {
color: #059ee0;
}
/*.chat li i {
color: #fff;
}*/
.chat img {
height: 32px;
width: 32px;
object-fit: cover;
border-radius: 50%;
}
.chat small {
position: absolute;
left: 60px;
top: 29px;
transition: all 0.5s ease;
display: block;
}
.chat .btmItm li a {
height: 52px;
}
.chat .user {
top: 14px;
}
/******************/
#sidebar-wrapper-Container {
padding-left: 0;
position: absolute;
transition: all 0.5s ease;
}
#sidebar-wrapper-Container.toggled {
padding-right: 250px;
}
#sidebar-wrapper-right {
z-index: 55;
position: fixed;
right: 250px;
width: 0;
height: 100%;
margin-right: -270px;
overflow-y: auto;
background: white;
overflow-x: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.56, 0.76);
top: 0;
padding: 67px 0 0 0;
box-shadow: 7px 12px 11px 13px rgba(0,0,0,0.1);
}
#sidebar-wrapper-Container.toggled #sidebar-wrapper-right {
width: 250px;
}
#page-content-wrapper {
width: 100%;
position: absolute;
padding: 15px;
}
#sidebar-wrapper-Container.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999999;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
.chat .btmItm button {
width: 36px;
position: absolute;
right: 0 !important;
top: -8px;
left: auto !important;
cursor: pointer;
height: 30px;
background-color: transparent;
border-style: none;
}
.chat .btmItm button i {
}
.chatlist button, input {
background-color: transparent;
border-style: none;
color: white;
}
.chatlist .searchInline {
display: inline-flex;
}
.searchInline input {
margin-left: 11px;
}
.chatListSrch {
margin-bottom: 0;
}
.chatListSrch .form-controlBrd-Left {
width: 100%;
display: block;
height: 2px;
background: #000 no-repeat;
background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #0c1323, #35408e);
background-size: 0 2px, 100% 1px; /* positions for the 2. images. Change both "50%" to "0%" or "100%" and tri again */
background-position: 0% 100%, 0% 100%; /* animation solely on background-size */
transition: background-size 0.3s cubic-bezier(0.55, 0.09, 0.08, 1);
-moz-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-webkit-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
position: absolute;
bottom: 0;
}
.chatListSrch .navFontSize {
left: 56px !important;
}
.chatListSrch .form-control.form-controlLftIcon {
padding-left: 56px !important;
color: #ffffff;
}
.chatListSrch .icon24 {
top: 13px;
left: 15px;
color: #ffffff;
}
.chat ::-webkit-scrollbar {
width: 3px;
}
.chat ::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
background-color: #fff !important;
border-radius: 50px;
}
.chat ::-webkit-scrollbar-thumb {
background-color: #43bc40 !important;
border-radius: 50px;
}
@charset "utf-8";
/* CSS Document */
/************ chat and sider bar Ends *****************/
/************ Media Query Starts *****************/
@media (min-width: 320px) and (max-width: 1023px) {
.vTabs .nav-tabs > li > a {
height: 100px;
}
.vTabs .pmd-tab-active-bar {
margin-top: 27% !important;
}
}
@media(min-width:320px) and (max-width:575px) {
    #allrights{
        position: relative !important;
    }
.ml-auto.MainNavBarContainer {
padding-left: 60px !important;
width: 100%;
margin: 0;
}
#slide {
font-size: 30px;
cursor: pointer;/* margin-left: 250px; */
/*position: absolute;*/
/*left: 255px;*/
color: #0c6dff;
top: 0;
/*left: 255px !important;*/
}
.navShortCut {
margin-left: 124px;
position: absolute;
right: 4px;
top: 5px;
}
.navShortCut .dropdown-Rcircle .btn {
width: 36px;
height: 36px;
text-align: center;
padding: 0;
}
.navShortCut .btn i.left {
left: 10px;
}
.navShortCut .dropdown-toggle::after {
border: 0;
}
.navShortCut .dropdown-menu {
right: 0 !important;
left: auto !important;
}
.navShortCutLabel {
display: none;
}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
flex-flow: nowrap;
justify-content: space-around;
}
.dropdown-profileMenu {
position: relative;
width: 85px;
}
.navbar-nav .dropdown-menu {
position: absolute;
float: none;
left: auto !important;
right: 0 !important;
}
.deskShow {
display: none;
}
.ResShow {
display: block;
}
#sidebar-wrapper-right {
padding: 103px 0 0 0 !important;
}
}
@media(min-width:576px) and (max-width:767px) {
.navbar-nav {
flex-flow: wrap;
}
.deskShow {
display: none;
}
.ResShow {
display: block;
}
.dropdown-profileMenu {
position: relative;
}
.navbar-nav .dropdown-menu {
position: absolute;
float: none;
left: auto !important;
right: 0 !important;
}
}
@media (min-width:320px) and (max-width:575px) {
.dtp {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.dtp-date-view {
box-shadow: none;
}
.dtp > .dtp-content {
margin: 0 auto !important;
left: auto !important;
top: auto !important;
text-align: center;
width: 96%;
max-height: 96%;
overflow: auto;
}
}
@media (min-width:576px) and (max-width:22222px) {
.disShow {
display: block !important;
}
.dtp-RDiv {
float: right !important;
width: 65%;
margin: 0 auto;
background: #f60;
}
.dtp {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.year-picker-item.waves-effect {
display: block !important;
}
.dtp > .dtp-content {
margin: 0 auto !important;
left: auto !important;
width: 550px;
top: auto !important;
text-align: center;
}
.dtp-date-view {
float: left;
width: 35%;
height: 220px;
margin-top: 19%;
padding: 10px 0 0 0;
}
.dtp-picker {
float: right;
width: 65%;
}
.dtp-buttons {
clear: both;
}
.dtp-monthPN {
position: absolute;
right: 0;
width: 65%;
top: 0;
}
.dtp-picker-year {
position: absolute;
height: 100%;
left: 0;
top: 0;
background: #0c6dff;
width: 35%;
z-index: 98;
color: #fff;
}
.dtp .dtp-buttons {
background: #fff;
width: 65%;
float: right;
}
.dtp-actual-day {
font-size: 2rem;
font-weight: 300;
}
.dtp .p10 {
width: 38px;
display: inline-block;
height: 38px;
line-height: 38px;
}
.dtp .p10 > a {
color: #689F38;
text-decoration: none;
line-height: 38px;
width: 38px;
height: 38px;
}
.dtp .p10 > a i {
display: block;
line-height: 38px;
}
.dtp-date-view .p10 > a i {
color: #fff;
}
.dtp-monthPN .p10 > a i {
color: #000 !important;
}
.dtp .p80 {
width: auto;
display: inline-block;
line-height: 38px;
padding: 0 20px;
}
.dtp div.dtp-actual-month {
display: none;
}
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a {
color: #212121;
text-decoration: none;
padding: 0.4em 0.5em 0.5em 0.5em;
border-radius: 50% !important;
width: 38px;
height: 38px;
line-height: 30px;
font-size: 0.8rem;
}
}
@media only screen and (max-width:767px) {
.dynamic-tabs-container .tabs-dropdown .dropdown-menu {
position: fixed;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
padding-top: 10px;
padding-bottom: 10px;
overflow-y: scroll;
}
.dynamic-tabs-container .tabs-dropdown .dropdown-menu li a {
padding-top: 10px;
padding-bottom: 10px;
}
.dynamic-tab {
width: 100%;
}
}
@media only screen and (max-width:767px) {
.dynamic-tabs-container .tabs-dropdown .dropdown-menu {
height: 300px;/*height: auto !important;*/
}
}
@media only screen and (max-width:767px) {
.dynamic-tabs-container .tabs-dropdown .dropdown-menu {
position: fixed;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
padding-top: 10px;
padding-bottom: 10px;
overflow-y: scroll;
}
.dynamic-tabs-container .tabs-dropdown .dropdown-menu li a {
padding-top: 10px;
padding-bottom: 10px;
}
.dynamic-tab {
width: 100%;
}
}
@media screen and (max-width:767px) {
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
text-align: center
}
}
@media print {
table.fixedHeader-floating {
display: none
}
}
@media screen and (max-width:767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%
}
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none
}
/************ Media Query Ended *****************/
/*********** DASHBOARD COMPONENTS STARTS *************/
.card-DboardStats {
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 15px;
display: flex;
flex-wrap: nowrap;
position: relative;
border-radius: 2px;
min-height: 100px;
margin-bottom: 30px;
}
.card-DboardStats .icon60 {
display: flex;
width: 60px;
height: 50px;
margin-right: 15px;
text-align: center;
}
.card-DboardStats-CountNum {
font-size: 22px;
font-weight: bold;
line-height: 26px;
}
.card-DboardStats-Count p {
color: #999;
margin-bottom: 0;
}
.iconic-div i {
width: 48px;
height: 48px;
font-size: 38px;
}
.card-DboardStats-Count {
display: flex;
flex-flow: column;
width: 100%;
margin: 15px 0 0 0;
}
.card-DboardStats .btn-group.bootstrap-select {
position: absolute;
right: 5px;
top: 0;
width: auto !important;
}
.card-DboardStats {
}
.card-DboardStats .bootstrap-select .btn-default {
padding: 000rem 25px 000rem .500rem !important;
}
.card-DboardStats .statsPercent {
position: absolute;
bottom: -8px;
right: 12px;
display: flex;
text-align: right;
}
.card-DboardStats a{
    color: #000;
}
.card-DboardStats a:hover{
    color: #000;
    text-decoration: none;

}
.statsPercent.statsPercent-down i {
color: #F33442;
}
.statsPercent.statsPercent-up i {
color: #48BF6D;
}
.dashBoardstats .col-lg-3 {
margin-bottom: 40px;
}
.recentActs-Dshbrd {
}
.recentActs-DshbrdContent {
display: flex;
border-bottom: 1px solid #7d8094;
margin-bottom: 10px;
padding: 10px 0;
}
.recentActs-DshbrdContent i {
font-size: 14px;
margin-right: 16px;
color: #7d8094;
margin-right: 20px;
}
.recentActs-DshbrdContent .recentActs-DshbrdContent-dtls {
flex-flow: column;
}
.recentActs-DshbrdContent-dtls h6 {
margin-bottom: 0px;
font-size: 15px;
font-weight: 700;
}
.recentActs-DshbrdContent-dtls p {
font-size: 14px;
color: #7d8094;
line-height: 22px;
}
.recentActs-Dshbrd h5 {
margin-bottom: 20px;
}
.priority_1 {
display: flex;
}
.candidates_list {
background-color: white;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
padding: 10px;
}
.candidates_list span {
float: left;
margin-right: 16px;
}
.candidates_list i {
float: right;
}
.candidates_list h5 {
float: left;
}
.candidates_list_header {
margin-bottom: 50px;
}
.updates_content:last-child {
border-bottom: 0px;
}
.accordion.accor-Dshbrd{
  margin-bottom: 30px;  
}
.accor-Dshbrd .card-header button i {
position: relative;
top: 6px;
}
.accor-Dshbrd .card-header button{
  cursor:pointer;
}
.accor-Dshbrd .card-header button:focus {
outline: none;
box-shadow: none;
}
.accor-Dshbrd .card-header h5 {
display: inline;
}
.accor-Dshbrd .card-header .btn {
float: right;
background: none;
border: none;
}
.accor-Dshbrd .card-header {
background: none;
}
.accor-Dshbrd .card-header .icon24 {
margin-right: 10px;
}
/*********** DASHBOARD COMPONENTS ENDS *************/
/*********** JQUERY DATA TABLE STARTS  *************/
.dataTable {
border-collapse: separate;
border-spacing: 0px 15px;
}
.dataTable thead th {
border-bottom: 3px solid #FE573C;
background-color: #EAF4FB;
}
.dataTable td, .dataTable th {
border-top: 0px solid #dee2e6;
}
.dataTable tr {
box-shadow: 0px 3px 10px -2px rgba(153,153,153,0.5);
background-color: #fff;
}
.dataTable td, .dataTable th {
padding: 1rem;
vertical-align: top;
border-top: 0px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
border: 0px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(255, 255, 255) !important;
}
.dataTable tr>th {
background-color: white !important;
}
.dataTables_length, .dataTables_info {
float: left !important;
}
.table-bordered {
border: 0px solid #dee2e6 !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0em !important;
white-space: nowrap;
}
.dataTables_filter .form-control {
position: relative;
border-bottom: 2px solid #0c6dff !important;
min-height: 30px;
font-size: 15px;
border: none;
/* border-bottom: 1px solid #7d8094; */
background-color: transparent;
background: none !important;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
}
.dataTables_filter i {
position: relative;
top: 8px;
}
table.dataTable {
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_length label {
margin-top: 10px;
}
.dataTable thead tr:first-child th {
background: #eaf4fb !important;
}
.dataTable thead tr {
box-shadow: none;
background: #eaf4fb !important;
}
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
background: none !important;
}
#dataTables_filter {
float: right;
}
#dataTables_filter label {
display: flex;
}
.dataTables_length .btn-group.bootstrap-select {
width: 50px !important;
}
.dataTables_length .btn-group.bootstrap-select .btn {
width: 50px;
}
/*********** JQUERY DATA TABLE ends  *************/
/********* VERTICAL TABS STARTS **************/
.vTabsContainer .nav-tabs {
border-bottom: none;
display: flex;
flex-wrap: nowrap;
flex-flow: column;
}
.vTabsContainer .pmd-tabs {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.vTabs .pmd-tab-active-bar {
position: absolute;
bottom: 0;
width: 25%;
height: 27px;
/* background: #ffc107; */
/* background: url(darow.png) 48% 0 no-repeat; */
transition: all 0.2s ease-in-out;
z-index: 55 !important;
margin-top: 13%;
width: 100% !important;/*background: #f60;*/
/*width: 25px !important;*/
}
.vTabs .pmd-tab-active-bar::after {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -0.2em;
bottom: 0px;
left: 91% !important;
box-sizing: border-box;
border: 0.8em solid black;
border-color: transparent transparent #ffffff #ffffff;
transform-origin: 0 0;
transform: rotate(-135deg);
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index: 55;
}
.vTabsContainer {
display: flex;
flex-wrap: wrap;
}
.vTabs .nav-tabs {
border-bottom: none;
display: flex;
flex-wrap: nowrap;
flex-flow: column;
width: 90% !important;
background-color: rgba(255,255,255,0.5);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
color: #000;
}
.vTabs .nav-tabs > li > a {
color: #000 !important;
width: 100%;
background: transparent;
text-align: center;
border-bottom: 1px solid #d9e7ef !important;
}
.vTabs .nav-tabs > li.active > a:hover, .vTabs .nav-tabs > li.active > a:focus, .vTabs .nav-tabs > li > a.active {
color: #000;
background-color: #fff;
width: 100%;
text-align: center;
border-bottom: 1px solid #d9e7ef !important;
}
.vTabs {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.vTabsBodyContainer {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
background-color: #fff;
padding: 1.25rem;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
/******** VERTICAL TABS ENDS **************/
/******** PROFILE STARTS  **************/
.profilePage {
/*margin-top: -14px;*/
}
.profileBanner {
width: 100%;
height: 150px;
overflow: hidden;
position: relative;
}
.profileBannerImg {
background: rgba(12, 39, 2, 0.3);
width: 100%;
position: absolute;
z-index: 1;
height: 150px;
top: 0;
display: inline-block;
}
.profileBanner img {
max-width: 100%;
}
.profileBanner-Overlay {
/*margin-top: -150px;*/
background: rgba(0, 64, 133, 0.3);
width: 100%;
position: absolute;
z-index: 1;
height: 150px;
}
.profile-Info {
width: 100%;
margin-top: -100px;
position: relative;
z-index: 2;
display: flex;
flex-wrap: nowrap;
}
.profilePic {
width: 176px;
height: 200px;
padding: 12px 12px 50px 12px;
background-color: #fff;
text-align: center;
border-radius: 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
margin: 0 15px;
}
.profilePic-Image {
width: 100%;
height: 150px;
margin: 0 auto;
object-fit: cover;
}
.profileName {
color: #fff;
font-size: 26px;
font-weight: 700;
}
.profileNameCaption {
text-align: left;
color: #fff;
}
.profileNameLabel {
font-size: 26px;
font-weight: 700;
text-align: center;
}
.profilevalueLabel {
font-size: 16px;
font-weight: 400;
text-align: center;
}
.profile-InfoContainer {
width: 100%;
display: flex;
justify-content: space-around;
}
.profileInfoBlock {
width: 25%;
color: #fff;
}
/******** PROFILE ENDS  **************/
@media (min-width:768px) and (max-width: 1119px) {
.profileName {
font-size: 20px;
}
.profilevalueLabel {
font-size: 14px;
line-height: 18px;
}
}
@media (min-width:640px) and (max-width: 767px) {
.profilePic {
height: 170px;
}
.profileName {
font-size: 22px;
}
.profile-InfoContainer {
width: 100%;
display: block;
justify-content: space-around;
padding: 25px 0 0 0;
}
.profileInfoBlock {
width: 50%;
float: left;
margin-bottom: 15px;
}
.profileInfoBlock:nth-child(3), .profileInfoBlock:nth-child(4) {
color: #000;
}
}
/*.profileInfoBlock{
height: 60px;
}*/
@media (min-width:320px) and (max-width:639px) {
.profileInfoBlock {
width: 100%;
}
.profileNameBlock {
width: 100%;
display: inline-block !important;
margin-bottom: 10px;
}
.profile-InfoContainer {
width: 100%;
display: block;
justify-content: space-around;
padding: 0;
}
.profile-Info {
flex-wrap: wrap;
}
.profilePic {
margin: 0 auto;
}
.profileName {
text-align: center;
color: #000;
}
.profileNameCaption {
color: #000;
text-align: center;
}
.profileNameLabel {
position: relative;
top: -3px;
width: 30px;
margin-right: 10px;
}
.profileInfoBlock {
color: #000;
display: flex;
}
.profilevalueLabel {
color: #000;
display: inline-block;
text-align: left;
}
}
/************ TIMELINE STARTS  ********************/
.timeLine
{
margin-left: 100px;
}
.timeLine ul
{
list-style: none;
margin:0;
padding: 0;
position: relative;
}
.timeLine ul:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
border:1px solid #0c6dff;
}
.timeLine ul li
{
margin:0 20px 0 30px;
}
.timeLine ul li:before
{
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50px;
border: 2px solid #0c6dff;
left: -7px;
background-color: #fff;
}
.timeLine ul li div span
{
position: absolute;
left: -100px;
}
.timeLine li p{
        margin-bottom: 20px;
}
/************ TIMELINE ENDS  ********************/
/************ DASHBOARD CHAT STARTS  ********************/
/*
.card p.card-title
{
text-align: center;
font-size: 18px;
margin-top: 20px;
display:block;
}*/
.ChatContent-Img
{
width: 60px;
height: 60px;
border-radius: 50%;
background:#eaf4fb;
display: flex;
flex:0 0 60px;
margin-right: 15px;
}
.ChatContent-Img img
{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.ChatContent-MsgContainer{
display: flex;
position: relative;
}
.ChatContent-Msg , .ChatContent .Left .ChatContent-Msg{
padding: 10px;
border-radius: 7px;
}
.ChatContent-Msg
{
background:#243350;
margin: 0 0 0 15px;
color: #fff;
}
.Left .ChatContent-Msg
{
background:#f4f7fd;
color: #000;
margin: 0 30px 0 -15px;
}
.ChatContent-Msg:before
{
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 20px solid #243350;
border-left: 20px solid transparent;
top: 13px;
left: -5px;
}
.Left
{
display: flex;
flex-direction: row-reverse;
right: -15px;
position: relative;
}
.Left .ChatContent-Msg:before
{
content: '';
border:none;
}
.Left .ChatContent-Msg:after
{
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 20px solid #edf1f9;
border-right: 20px solid transparent;
top: 13px;
right: 10px;
}
.ChatContent-Msg p
{
/* margin: 0 auto; */
padding: 00;
}
.ChatContent-MsgContainer small.text-muted
{
position: absolute;
right: 30px;
bottom: -19px;
}
.card-footer
{
background: none;
padding: 10px;
border-top: none;
border-top: 1px solid #0c6dff;
}
.card-footer .ChtMsg-Send
{
padding: 10px;
background:#fff;
border-radius: 5px;
display: flex;
flex-direction: row;
}
.card-footer .ChtMsg-Send input
{
border: 0;
width: 100%;
color: #000;
}
.ChtMsg-Send  input:focus{
outline: none;
}
.card-footer .ChtMsg-Send a
{
text-decoration: none;
background:#fff;
border:none;
}
.card-footer .ChtMsg-Send button
{
background:#fff;
box-shadow: none;
border-left: 2px solid #7876ce36;
border-radius: 0;
}
.card-footer .ChtMsg-Send i{
position: relative;
top: 5px;
margin-right: 5px;
}
.chatContentRow{
display: flex;
align-items: flex-start;
margin: 0px 0px 3px 0px;
}
/************ DASHBOARD CHAT ENDS  ********************/
/*********** FULL CALENDAR (SCHEDULING CALENDAR) STARTS ****/
/*modal Animation starts*/
.modal.schTbModal {
-webkit-animation-duration: .50s;
-webkit-animation-name: modal;
-moz-animation-duration: .50s;
-moz-animation-name: modal;
animation-duration: .50s;
animation-name: modal;
}
.modal.schTbModal .modal-body {
position: relative;
padding: 0 15px 15px 15px;
}
.modal.schTbModal p {
color: #526798;
margin-bottom: 8px;
}
.modal.schTbModal h4 {
margin: 0 0 10px 0;
font-weight: bold;
}
@-webkit-keyframes modal {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
}
}
@keyframes modal {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes modal {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
}
}
/*modal Animation ends*/
.modal.schTbModal .modal-dialog {
height: 100%;
overflow: hidden;
}
.modal.schTbModal .modal-content {
/* 80% of window height */
/*height: 100%;*/
/* overflow-y: scroll; */
overflow-x: hidden;
border-radius: 0px;
}
.modal.schTbModal .modal-lg {
width: 100%;
padding: 50px;
}
.modal.schTbModal .modal-header {
border-bottom: none;
}
.modal.schTbModal .modal-content.slot h3 {
text-transform: uppercase !important;
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
}
.modal.schTbModal .modal-content.slot .modal-body .SlBook-Intvw h5 {
display: inline-block;
color: #6f7a9c;
margin: 0 20px 0 0;
font-size: 16px;
}
.modal.schTbModal .modal-content.slot .modal-body .SlBook-Intvw {
display: inline;
}
.modal-content.slot .modal-body .SlBook-Intvw .selectpicker {
margin: 0 30px 10px 0;
}
.modal-content.slot .modal-body .slotQuickBook h4, .slotMeeInfo h4, .slotSdt-Info h4 {
font-weight: 600;
}
.modal-content.slot .modal-body .slotQuickBook-Menu .slotQuickBook-MenuBnt {
text-align: center;
}
.slotQuickBook-Menu .slotQuickBook-MenuBnt .btn {
width: 100%;
background: #43bc40 !important;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 0px !important;
}
.slotQuickBook-Menu .SlotMD-Radio, .slotSdt-Info-Menu .SlotMD-Radio {
display: inline-flex;
}
.slotQuickBook-Menu .SlotMD-Radio .md-radio, .slotSdt-Info .slotSdt-Info-Menu .SlotMD-Radio .md-radio {
margin: 0 20px 0 0;
}
.slotQuickBook-Menu p {
color: #7d8094;
font-size: 15px;
}
.slotQuickBook-Menu {
margin-top: 10px;
margin-bottom: 10px;
}
.modal-content.slot .modal-body .slotQuickBook:after, .slotMeeInfo:after {
content: '';
position: absolute;
/*  background: url("../images/slot-sep.png");*/
width: 100%;
height: 3px;
}
/*scrollbar starts*/
.modal.schTbModal .modal-content::-webkit-scrollbar {
width: 3px;
}
/* Track */
.modal.schTbModal .modal-content::-webkit-scrollbar-track {
background: #fff;
}
/* Handle */
.modal.schTbModal .modal-content::-webkit-scrollbar-thumb {
background: #888;
}
/*scrollbar ends*/
.blockSeperation {
background: url(./images/seperatioinRep.png) repeat-x;
height: 6px;
width: 100%;
display: inline-block;
margin: 0 0 15px 0;
}
.md-radio {
height: 30px;
line-height: 26px;
margin: 0 20px 0 0 !important;
}
.md-radio.left {
float: left;
}
/* .schTbblockRep {
margin-bottom: 15px;
} */
.schTbblockRep .btn {
border-radius: 0;
font-size: 15px;
text-transform: uppercase;
bottom: 0;
}
.inlineBlock {
display: inline-block;
}
/************ TEXTFIELD STARTS  ********************/
.form-group {
position: relative;
border: none;
min-height: 50px;
/* Clarify BY Krishna */
    /*padding-bottom: 15px;*/
    margin-bottom: 1.8rem;
    width: 100%;
}
.form-group input.form-control {
z-index: 2 !important;
padding-left: 0px;
}
.form-group .form-control {
position: absolute;
width: 100%;
min-height: 30px;
font-size: 14px;
font-weight: normal;
border: none;
border: 0 !important;/*  border-bottom: 1px solid #526798;
*/
background-color: transparent;
background: none !important;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
}
.form-group .form-control + label.form-label {
position: absolute;  /*top: 5px;*/
top: 22px;
z-index: 2;
font-size: 14px;
color: #526798;
font-weight: normal;
transition: all 0.2s ease;  /*-webkit-transition: all 0.2s ease;*/
-webkit-transition: top 0.2s, font-size 0.1s;
-moz-transition: top 0.2s, font-size 0.1s;
-ms-transition: all 0.2s ease;
z-index: 1;
left: 0;
}
.form-control:focus {
outline: none;
border-width: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.form-control:focus + label.form-label {
top: 0px;
color: #526798;
font-size: 13px;
}
.form-control.has-value + label.form-label {
top: 0px;
color: #aeafb9;
font-size: 13px;
}
.form-control {
box-shadow: none !important;
width: 100%;
border: 0;
}
.form-controlBrd {
width: 100%;
display: block;
height: 2px;
background: #fff no-repeat;
background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #526798, #526798);
-webkit-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #526798, #526798);
-moz-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #526798, #526798);
-ms-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #526798, #526798); /* sizes for the 2. images (default state) */
background-size: 0 2px, 100% 1px;
-webkit-background-size: 0 2px, 100% 1px;
-moz-background-size: 0 2px, 100% 1px;
-ms-background-size: 0 2px, 100% 1px; /* positions for the 2. images. Change both "50%" to "0%" or "100%" and tri again */
background-position: 50% 100%, 50% 100%;
-webkit-background-position: 50% 100%, 50% 100%;
-moz-background-position: 50% 100%, 50% 100%;
-ms-background-position: 50% 100%, 50% 100%; /* animation solely on background-size */
transition: background-size 0.3s cubic-bezier(0.55, 0.09, 0.08, 1);
-moz-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-webkit-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
-ms-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
position: absolute;
bottom: 0;
}
.form-control:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
-moz-background-size: 100% 2px, 100% 1px;
-webkit-background-size: 100% 2px, 100% 1px;
-ms-background-size: 100% 2px, 100% 1px;
}
.form-controlDate:hover ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
-moz-background-size: 100% 2px, 100% 1px;
-webkit-background-size: 100% 2px, 100% 1px;
-ms-background-size: 100% 2px, 100% 1px;
}
.form-controlBrd:focus {
/* sizes for the 2. images (focus state) */
background-size: 100% 2px, 100% 1px;
outline: none;
}
/* TEXTAREA  */
.form-groupTextArea {
position: relative;
border: none;
min-height: 116px;
	    margin-bottom: 15px;
}
.form-ControlTextArea {
position: absolute;
width: 100%;
min-height: 106px !important;
max-height: 106px !important;
font-size: 14px;
border: none;
background-color: transparent;
border-radius: 0;
bottom: 2px;
padding: .275rem 0 !important;
padding: 13px 0 0 0 !important;
z-index: 2;
}
.form-ControlTextArea + label.form-label {
position: absolute;
top: 88px;
z-index: 2;
font-size: 16px;
color: #526798;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
/*background: #fff;*/
z-index: 1;
}
.form-ControlTextArea:focus {
outline: none;
border-width: 2px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.form-ControlTextArea:focus ~ .form-controlBrd {
background-size: 100% 2px, 100% 1px;
}
.form-ControlTextArea:focus + label.form-label {
top: 0px;
color: #0c6dff;
font-size: 12px;
}
.form-ControlTextArea.has-value + label.form-label {
top: 0px;
color: #526798;
font-size: 12px;
}
.form-ControlTextArea {
background: none !important;
}
.TextArea60 {
min-height:60px !important;
}
.TextArea60 .form-ControlTextArea{
min-height:50px !important;
max-height:50px !important;
}
.TextArea60 .form-ControlTextArea + label.form-label {
    position: absolute;
    top: 0;
    }


 .TextArea48{
min-height:48px !important;
}
.TextArea48 .form-ControlTextArea{
min-height:48px !important;
max-height:48px !important;
}
.TextArea48 .form-ControlTextArea + label.form-label {
    position: absolute;
    top: 0;
    } 
.TextArea48 .form-ControlTextArea{
       padding: 22px 0 0 0 !important; 
}  
.TextArea48 .form-groupTextArea{
    min-height: 48px;
}
/* EFFECT FOR TEXT */
.form-control + label.form-label-txt {
position: absolute;
top: -10px;
left: 0px;
z-index: 2;
font-size: 16px;
color: #526798;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
}
.form-control.has-value:not(:focus) + label.form-label-txt {
color: #526798;
}
.form-control-txt:focus + label.form-label-txt {
color: #0c6dff !important;
transition: all 0.5s ease !important;
}
/************ TEXTFIELD ENDS  ********************/
/************ RADIO BUTTONS, CHECKBOX AND SWITCHES STARTS  ********************/
.custom-control.material-checkbox {
color: #0c6dff;
}
.custom-control.material-checkbox .material-control-input {
display: none;
}
.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
border-color: var(--color);
transform: rotateZ(45deg) translate(1px, -5px);
-webkit-transform: rotateZ(45deg) translate(1px, -5px);
-moz-transform: rotateZ(45deg) translate(1px, -5px);
-ms-transform: rotateZ(45deg) translate(1px, -5px);
width: 10px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
}
.custom-control.material-checkbox .material-control-indicator {
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
transition: .2s;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
}
.custom-control.fill-checkbox {
--color: #0c6dff;
}
.custom-control.fill-checkbox .fill-control-input {
display: none;
}
.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
background-color: var(--color);
border-color: var(--color);
background-size: 80%;
}
.custom-control.fill-checkbox .fill-control-indicator {
border-radius: 3px;
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
-webkit-transition: .3s;
transition: .3s;
background: transperent;
background-size: 0%;
background-position: center;
background-repeat: no-repeat;/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E");*/
}
.custom-control.overflow-checkbox .overflow-control-input {
display: none;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
-webkit-transform: rotateZ(45deg) scale(1);
transform: rotateZ(45deg) scale(1);
top: -6px;
left: 5px;
}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
opacity: 1;
}
.custom-control.overflow-checkbox .overflow-control-indicator {
border-radius: 3px;
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
}
.custom-control.overflow-checkbox .overflow-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
transition: .2s;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
transform: rotateZ(80deg) scale(0);
-webkit-transform: rotateZ(80deg) scale(0);
-moz-transform: rotateZ(80deg) scale(0);
-ms-transform: rotateZ(80deg) scale(0);
width: 10px;
border-bottom: 4px solid #0c6dff;
border-right: 4px solid #0c6dff;
border-radius: 3px;
top: -2px;
left: 2px;
}
.custom-control.overflow-checkbox .overflow-control-indicator::before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
-webkit-transition: .3s;
transition: .3s;
width: 10px;
border-right: 7px solid #fff;
border-radius: 3px;
-webkit-transform: rotateZ(45deg) scale(1);
transform: rotateZ(45deg) scale(1);
top: -4px;
left: 5px;
opacity: 0;
}
.custom-control.material-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.material-switch .material-switch-control-input {
display: none;
}
.custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
background-color: var(--color);
left: 17px;
}
.custom-control.material-switch .material-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 16px;
background: #ddd;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
}
.custom-control.material-switch .material-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: -1px;
left: -1px;
background: #fdfdfd;
-webkit-box-shadow: 0 2px 10px #aaa;
box-shadow: 0 2px 10px #aaa;
}
.custom-control.ios-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.ios-switch .ios-switch-control-input {
display: none;
}
.custom-control.ios-switch .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
width: 20px;
}
.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
border: 10px solid var(--color);
}
.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
top: -8px;
left: 4px;
}
.custom-control.ios-switch .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
left: 0px;
}
.custom-control.ios-switch .ios-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #0c6dff;
}
.custom-control.ios-switch .ios-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
top: 0px;
left: 0px;
background: #fff;
-webkit-box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
}
.custom-control.border-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.border-switch .border-switch-control-input {
display: none;
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
border-color: var(--color);
}
.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
left: 14px;
background-color: var(--color);
}
.custom-control.border-switch .border-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #526798;
}
.custom-control.border-switch .border-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
left: 2px;
background: #ccc;
}
.custom-control.teleport-switch {
--color: #0c6dff;
padding-left: 0;
}
.custom-control.teleport-switch .teleport-switch-control-input {
display: none;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
border-color: var(--color);
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
left: -14px;
}
.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
right: 2px;
background-color: var(--color);
}
.custom-control.teleport-switch .teleport-switch-control-indicator {
display: inline-block;
position: relative;
margin: 0 10px;
top: 4px;
width: 32px;
height: 20px;
background: #fff;
border-radius: 16px;
-webkit-transition: .3s;
transition: .3s;
border: 2px solid #0c6dff;
overflow: hidden;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
left: 2px;
background: #ccc;
}
.custom-control.teleport-switch .teleport-switch-control-indicator::before {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
top: 2px;
right: -14px;
background: #ccc;
}
@keyframes ripple {
0% {
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
}
50% {
box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
}
100% {
box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
}
}
.md-radio {
margin: 16px 0;
position: relative;
text-align: left;
cursor: pointer;
}
.md-radio input[type="radio"] {
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
height: 25px;
z-index: 5;
cursor: pointer;
}
.md-radio.md-radio-inline {
display: inline-block;
}
.md-radio input[type="radio"] {
opacity: 0;/*display: none;*/
}
.md-radio input[type="radio"]:checked + label:before {
border-color: #0c6dff;
animation: ripple 0.8s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
transform: scale(1);
}
.md-radio label {
display: inline-block;
/*height: 20px;*/
/*position: relative;*/
padding: 0 0 0 30px;
margin-bottom: 0;
cursor: pointer;
vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
position: absolute;
content: '';
border-radius: 50%;
transition: all .8s ease;
transition-property: transform, border-color;
}
.md-radio label:before {
left: 0;
top: 3px;
width: 20px;
height: 20px;
border: 2px solid #0c6dff;
}
.md-radio label:after {
top: 8px;
left: 5px;
width: 10px;
height: 10px;
transform: scale(0);
background: #0c6dff;
}
/************ RADIO BUTTONS, CHECKBOX AND SWITCHES ENDS  ********************/
/*********  scheduleTable starst ***********/
.scheduleTable {
/*      border-collapse: collapse;*/
border-collapse: separate;
border-spacing: 0 0;
/*      ;*/
background: #eaf4fb;
border-top: 3px solid #b1d7f2;
border-left: 3px solid #b1d7f2;
border-bottom: 3px solid #b1d7f2;
table-layout: fixed;/*      border-spacing: 5px;*/
}
.scheduleTable tbody {
border-collapse: collapse !important;
border-spacing: 0 !important;
}
.scheduleTable thead td {
border-right: 3px solid #b1d7f2;
border-bottom: 1px solid #ced8e8;
padding-bottom: 10px;
font-weight: 600;
height: 45px;
font-size: 13px;
}
.scheduleTable tbody td:nth-child(even) {
border-right: 3px solid #b1d7f2;
}
.scheduleTable td {
text-align: center;
padding: 10px 4px 0 4px;
border-right: 1px solid #b4d8f2;
}
.scheduleTable tbody tr:nth-child(1) td:nth-child(1), .scheduleTable tbody tr:nth-child(1) td:nth-child(3), .scheduleTable tbody tr:nth-child(1) td:nth-child(5), .scheduleTable tbody tr:nth-child(1) td:nth-child(5), .scheduleTable tbody tr:nth-child(1) td:nth-child(7), .scheduleTable tbody tr:nth-child(1) td:nth-child(9), .scheduleTable tbody tr:nth-child(1) td:nth-child(11), .scheduleTable tbody tr:nth-child(1) td:nth-child(13) {
/*border-right: none !important;*/
width: 70px;
}
.scheduleTable tbody tr:last-child td .SchTbtmBrd {
border-bottom: none !important;
}
.scheduleTable tr {
background: #fff;
}
.schTable-DTime {
border-bottom: 2px solid #afcaff;
display: block;
padding-bottom: 10px;
padding-bottom: 17px;
padding-top: 7px;
font-weight: 600;
font-size: 13px;
}
.SchTbtmBrd {
border-bottom: 1px solid #afcaff;
display: block;
width: 100%;
padding: 5px 0 15px 0;
color: #65728c;
line-height: 30px;
min-height: 55px;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
}
.scheduleTable .busy {
width: 100%;
background: #03a5ee;
height: 55px;
display: flex;
margin: -21px -7px -21px -6px;
}
.scheduleTable .label-primary {
width: 100%;
/*background: #03409c;*/
height: 55px;
display: flex;
margin: -21px -7px -21px -6px;
box-shadow: none;
border-radius: 0;
}
.scheduleTable span.label {
/*-webkit-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);
box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);*/
height: 28px;
width: 100%;
display: block;
line-height: 16px;
font-size: 12px;
cursor: pointer;
border-radius: 3px;
margin: 0 auto 2px auto;
/*color: #fff !important;*/
}
.scheduleTable .label-success, .scheduleTableNotify .label-success {
/*background: #43bc40;*/
color: #43bc40 !important;

}
.scheduleTableNotify .label-success {
background: #03a5ee;

}
.scheduleTableNotify .label-busy {
/*background: #03a5ee;*/
color: #03a5ee !important;

}
.scheduleTableNotify .label-busy {
background: #03a5ee;

}
.scheduleTable .label-danger, .scheduleTableNotify .label-danger {
/*background: #fe573c;*/
color: # #fe573c !important
}
.scheduleTableNotify .label-danger{
background: #fe573c;
}
.scheduleTable .label-primary, .scheduleTableNotify .label-primary {
/*background: #03409c;*/
color: #03409c !important;

}
.scheduleTableNotify  .label-primary{
background: #03409c;
}
.scheduleTable .label-warning, .scheduleTableNotify .label-warning {
/*background: #ff971b;*/
color: #ff971b !important;

}
.scheduleTableNotify .label-warning{
background: #ff971b;
}
.scheduleTable .label-default, .scheduleTableNotify .label-default {
/*background: #8a8a8a;*/
color: #8a8a8a !important;

}
.scheduleTableNotify .label-default{
background: #8a8a8a;
}
.scheduleTableNotify {
display: flex;
}
.scheduleTableNotify ul {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.scheduleTableNotify li {
list-style: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: 600;
margin: 15px 0;
}
.scheduleTableNotify li span.colorInfo {
width: 25px;
height: 12px;
display: flex;
margin-right: 10px;
}
.scTbweekends {
float: right;
margin-top: 10px;
}
.scTbweekends .custom-controls-stacked {
float: left;
}
.scTbweekends .scTbweekendsLbl {
float: left;
margin: 4px 0 0 0;
font-weight: 600;
}
.schTbHead {
margin-bottom: 15px;
align-items: center;
}
.schTbHead-Text {
        /*text-align: center;*/
    align-items: center;
    /*display: flex;*/
    justify-content: center;
    background: #fff;
    border-radius: 150px;
    display: inline-block;
    height: 44px;
    line-height: 37px;
        box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
    /* margin-bottom: 25px !important; */
}
.schTbHead-TextBtn{
        width: 33px;
    height: 44px;
    line-height: 44px;
    background: none;
    border: none;
    cursor: pointer;
}
.schTbHead-TextBtn i{
    display: block;
    line-height: 44px;    
}
.schTbHead-Text .btn, .schTbHead-Text h4 {
display: inline-block;
}
.schTbHead-Text .button {
color: #333;
background-color: #fff;
border: 1px solid #ccc;
width: 30px;
height: 30px;
line-height: 20px;
text-align: center;
border-radius: 150px;
padding: 0 !important;
margin: 6px 0 0 0;

}
.schTbHead-Text .button i{
position: relative;
top:2px;
}
.schTbHead-Text h4 {
margin: 0 5px !important;
position: relative;
color: #0c6dff;
top: 3px;
text-decoration: none;
}
/*********  scheduleTable ends ***********/
.new_event_class:hover  .label:empty {
width: 100%;
background: #03409c;
height: 55px;
display: flex;
margin: -21px -7px -21px -6px;
box-shadow: none;
border-radius: 0;
background:rgba(3,64,156,0.3);
display: block;
cursor:pointer;
}
.new_event_class:hover .label-primary{
background: #03409c !important;
}

/*********** FULL CALENDAR (SCHEDULING CALENDAR) ENDS  ****/


/*********** TABLE CSS STARTS  ****/
.table{
border-collapse: separate;
border-spacing: 0px 10px;

}
.table thead th {

border-bottom: 3px solid #FE573C;
background-color: #EAF4FB;
}
.table thead th a{
    color: #000;
}
.table td,.table th {
border-top: 0px solid #dee2e6;
}
tr{
box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.3);
background-color: #fff;
}
.table td, .table th {
padding: 1rem;
vertical-align: top;
border-top: 0px solid #dee2e6;
line-height: 18px;
font-size:14px;
}
.table-bordered td, .table-bordered th {
border: 0px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(255, 255, 255) !important;
}
tr>th{
background-color: white !important;
}
.dataTables_length,.dataTables_info{
float: left !important;
}
.table-bordered {
border: 0px solid #dee2e6 !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0em !important;
white-space: nowrap;
}
span>a{
border: 0px solid #8a8a8a !important;
}
div >a {
border: 0px solid #8a8a8a !important;
}
input[type="search"]{
border: 1px solid #FE573C;
}
#example_filter .form-control {
position:relative;
border-bottom: 2px solid #0c6dff !important;
}
#example_filter i{
position: relative;
top: 8px;
}
table.dataTable {
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_length label {
margin-top: 10px;
}
.table thead tr:first-child th{
background: #eaf4fb !important;
}
.dtp table.dtp-picker-days tr > th {
	background: none !important;
}
.table thead tr{
box-shadow: none;
background: #eaf4fb !important;
}
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
background:none !important;
}
#example_filter{
float: right;
}
#example_filter label{
display: flex;
}

/*********** TABLE CSS ENDS  ****/





/********* SMS ICON STARTS ********/

.icon-Technologies-Dashboard, .icon-Subjects-Dashboard, .icon-QuizTopic-Dashboard,
.icon-Questions-Dashboard, .icon-Compose-Dashboard, .icon-QuickSms-Dashboard,.icon-UnicodeSms-Dashboard,
.icon-SmsMerge-Dashboard, .icon-Sheduled-Dashboard,.icon-SenderId-Dashboard, .icon-Groups-Dashboard,
.icon-Contacts-Dashboard, .icon-SmsSent-Dashboard,.icon-CreateSmstemplate-Dashboard {
width: 48px;
height: 48px;
position: relative;
top: 2px;
}
/*Profile*/
.icon-Profile {
background: url(./images/sprites.png) -102px -153px no-repeat;
}
.dark .icon-Profile-Black {
background: url(./images/sprites.png) -200px -153px no-repeat;
}
.icon-Profile-Red, .horizantTabs .nav-link.active.show .icon-Profile-Black {
background: url(./images/sprites.png) -275px -153px no-repeat !important;
}
.mainNav li a.active .icon-Profile, .icon-Profile-Blue {
background: url(./images/sprites.png) -126px -153px no-repeat;
}
/*ChanePassword*/
.icon-ChanePassword {
background: url(./images/sprites.png) -102px -175px no-repeat;
}
.dark .icon-ChanePassword-Black {
background: url(./images/sprites.png) -202px -175px no-repeat;
}
.icon-ChanePassword-Red, .horizantTabs .nav-link.active.show .icon-ChanePassword-Black {
background: url(./images/sprites.png) -278px -175px no-repeat !important;
}
.mainNav li a.active .icon-ChanePassword, .icon-ChanePassword-Blue {
background: url(./images/sprites.png) -127px -175px no-repeat;
}
/*LogOut*/
.icon-LogOut {
background: url(./images/sprites.png) -102px -200px no-repeat;
}
.dark .icon-LogOut-Black {
background: url(./images/sprites.png) -202px -200px no-repeat;
}
.icon-LogOut-Red, .horizantTabs .nav-link.active.show .icon-LogOut-Black {
background: url(./images/sprites.png) -278px -200px no-repeat !important;
}
.mainNav li a.active .icon-LogOut, .icon-LogOut-Blue {
background: url(./images/sprites.png) -127px -200px no-repeat;
}
/*Technologies*/
.icon-Technologies {
background: url(./images/sprites.png) -102px -225px no-repeat;
}
.dark .icon-Technologies-Black {
background: url(./images/sprites.png) -202px -225px no-repeat;
}
.icon-Technologies-Red, .horizantTabs .nav-link.active.show .icon-Technologies-Black {
background: url(./images/sprites.png) -278px -225px no-repeat !important;
}
.mainNav li a.active .icon-Technologies, .icon-Technologies-Blue {
background: url(./images/sprites.png) -126px -225px no-repeat;
}
.icon-Technologies-Dashboard {
background: url(./images/sprites.png) -538px -254px no-repeat;
}
/*Subjects*/
.icon-Subjects {
background: url(./images/sprites.png) -102px -250px no-repeat;
}
.dark .icon-Subjects-Black {
background: url(./images/sprites.png) -202px -250px no-repeat;
}
.icon-Subjects-Red, .horizantTabs .nav-link.active.show .icon-Subjects-Black {
background: url(./images/sprites.png) -278px -250px no-repeat !important;
}
.mainNav li a.active .icon-Subjects, .icon-Subjects-Blue {
background: url(./images/sprites.png) -126px -250px no-repeat;
}
.icon-Subjects-Dashboard {
background: url(./images/sprites.png) -538px -295px no-repeat;
}
/* QuizTopic */
.icon-QuizTopic {
background: url(./images/sprites.png) -102px -275px no-repeat;
}
.dark .icon-QuizTopic-Black {
background: url(./images/sprites.png) -202px -275px no-repeat;
}
.icon-QuizTopic-Red, .horizantTabs .nav-link.active.show .icon-QuizTopic-Black {
background: url(./images/sprites.png) -278px -275px no-repeat !important;
}
.mainNav li a.active .icon-QuizTopic, .icon-QuizTopic-Blue {
background: url(./images/sprites.png) -126px -275px no-repeat;
}
.icon-QuizTopic-Dashboard {
background: url(./images/sprites.png) -538px -346px no-repeat;
}
/*Questions*/
.icon-Questions {
background: url(./images/sprites.png) -102px -300px no-repeat;
}
.dark .icon-Questions-Black {
background: url(./images/sprites.png) -202px -300px no-repeat;
}
.icon-Questions-Red, .horizantTabs .nav-link.active.show .icon-Questions-Black {
background: url(./images/sprites.png) -278px -300px no-repeat !important;
}
.mainNav li a.active .icon-Questions, .icon-Questions-Blue {
background: url(./images/sprites.png) -126px -300px no-repeat;
}
.icon-Questions-Dashboard {
background: url(./images/sprites.png) -538px -395px no-repeat;
}
/*Compose*/
.icon-Compose {
background: url(./images/sprites.png) -102px -325px no-repeat;
}
.dark .icon-Compose-Black {
background: url(./images/sprites.png) -200px -325px no-repeat;
}
.icon-Compose-Red, .horizantTabs .nav-link.active.show .icon-Compose-Black {
background: url(./images/sprites.png) -278px -325px no-repeat !important;
}
.mainNav li a.active .icon-Compose, .icon-Compose-Blue {
background: url(./images/sprites.png) -126px -325px no-repeat;
}
.icon-Compose-Dashboard {
background: url(./images/sprites.png) -538px -445px no-repeat;
}
/*QuickSms*/
.icon-QuickSms {
background: url(./images/sprites.png) -102px -350px no-repeat;
}
.dark .icon-QuickSms-Black {
background: url(./images/sprites.png) -200px -350px no-repeat;
}
.icon-QuickSms-Red, .horizantTabs .nav-link.active.show .icon-QuickSms-Black {
background: url(./images/sprites.png) -278px -350px no-repeat !important;
}
.mainNav li a.active .icon-QuickSms, .icon-QuickSms-Blue {
background: url(./images/sprites.png) -125px -350px no-repeat;
}
.icon-QuickSms-Dashboard {
background: url(./images/sprites.png) -538px -495px no-repeat;
}
/*UnicodeSms*/
.icon-UnicodeSms {
background: url(./images/sprites.png) -102px -375px no-repeat;
}
.dark .icon-UnicodeSms-Black {
background: url(./images/sprites.png) -200px -375px no-repeat;
}
.icon-UnicodeSms-Red, .horizantTabs .nav-link.active.show .icon-UnicodeSms-Black {
background: url(./images/sprites.png) -278px -375px no-repeat !important;
}
.mainNav li a.active .icon-UnicodeSms, .icon-UnicodeSms-Blue {
background: url(./images/sprites.png) -125px -375px no-repeat;
}
.icon-UnicodeSms-Dashboard {
background: url(./images/sprites.png) -538px -545px no-repeat;
}
/*GroupSms*/
.icon-GroupSms {
background: url(./images/sprites.png) -102px -400px no-repeat;
}
.dark .icon-GroupSms-Black {
background: url(./images/sprites.png) -200px -400px no-repeat;
}
.icon-GroupSms-Red, .horizantTabs .nav-link.active.show .icon-GroupSms-Black {
background: url(./images/sprites.png) -278px -400px no-repeat !important;
}
.mainNav li a.active .icon-GroupSms, .icon-GroupSms-Blue {
background: url(./images/sprites.png) -125px -400px no-repeat;
}
/*SmsMerge*/
.icon-SmsMerge {
background: url(./images/sprites.png) -102px -425px no-repeat;
}
.dark .icon-SmsMerge-Black {
background: url(./images/sprites.png) -200px -425px no-repeat;
}
.icon-SmsMerge-Red, .horizantTabs .nav-link.active.show .icon-SmsMerge-Black {
background: url(./images/sprites.png) -278px -425px no-repeat !important;
}
.mainNav li a.active .icon-SmsMerge, .icon-SmsMerge-Blue {
background: url(./images/sprites.png) -125px -425px no-repeat;
}
.icon-SmsMerge-Dashboard {
background: url(./images/sprites.png) -538px -595px no-repeat;
}
/*Sheduled*/
.icon-Sheduled {
background: url(./images/sprites.png) -102px -450px no-repeat;
}
.dark .icon-Sheduled-Black {
background: url(./images/sprites.png) -200px -450px no-repeat;
}
.icon-Sheduled-Red, .horizantTabs .nav-link.active.show .icon-Sheduled-Black {
background: url(./images/sprites.png) -278px -450px no-repeat !important;
}
.mainNav li a.active .icon-Sheduled, .icon-Sheduled-Blue {
background: url(./images/sprites.png) -125px -450px no-repeat;
}
.icon-Sheduled-Dashboard {
background: url(./images/sprites.png) -538px -645px no-repeat;
}
/*SenderId*/
.icon-SenderId {
background: url(./images/sprites.png) -102px -475px no-repeat;
}
.dark .icon-SenderId-Black {
background: url(./images/sprites.png) -200px -475px no-repeat;
}
.icon-SenderId-Red, .horizantTabs .nav-link.active.show .icon-SenderId-Black {
background: url(./images/sprites.png) -278px -475px no-repeat !important;
}
.mainNav li a.active .icon-SenderId, .icon-SenderId-Blue {
background: url(./images/sprites.png) -125px -475px no-repeat;
}
.icon-SenderId-Dashboard {
background: url(./images/sprites.png) -538px -695px no-repeat;
}
/*Groups*/
.icon-Groups {
background: url(./images/sprites.png) -102px -500px no-repeat;
}
.dark .icon-Groups-Black {
background: url(./images/sprites.png) -200px -500px no-repeat;
}
.icon-Groups-Red, .horizantTabs .nav-link.active.show .icon-Groups-Black {
background: url(./images/sprites.png) -278px -500px no-repeat !important;
}
.mainNav li a.active .icon-Groups, .icon-Groups-Blue {
background: url(./images/sprites.png) -125px -500px no-repeat;
}
.icon-Groups-Dashboard {
background: url(./images/sprites.png) -585px -5px no-repeat;
}
/*Contacts*/
.icon-Contacts {
background: url(./images/sprites.png) -102px -525px no-repeat;
}
.dark .icon-Contacts-Black {
background: url(./images/sprites.png) -200px -525px no-repeat;
}
.icon-Contacts-Red, .horizantTabs .nav-link.active.show .icon-Contacts-Black {
background: url(./images/sprites.png) -278px -525px no-repeat !important;
}
.mainNav li a.active .icon-Contacts, .icon-Contacts-Blue {
background: url(./images/sprites.png) -125px -525px no-repeat;
}
.icon-Contacts-Dashboard {
background: url(./images/sprites.png) -585px -53px no-repeat;
}
/*SmsSent*/
.icon-SmsSent {
background: url(./images/sprites.png) -102px -550px no-repeat;
}
.dark .icon-SmsSent-Black {
background: url(./images/sprites.png) -200px -550px no-repeat;
}
.icon-SmsSent-Red, .horizantTabs .nav-link.active.show .icon-SmsSent-Black {
background: url(./images/sprites.png) -278px -550px no-repeat !important;
}
.mainNav li a.active .icon-SmsSent, .icon-SmsSent-Blue {
background: url(./images/sprites.png) -125px -550px no-repeat;
}
.icon-SmsSent-Dashboard {
background: url(./images/sprites.png) -585px -105px no-repeat;
}
/*CreateSmstemplate*/
.icon-CreateSmstemplate {
background: url(./images/sprites.png) -102px -575px no-repeat;
}
.dark .icon-CreateSmstemplate-Black {
background: url(./images/sprites.png) -200px -575px no-repeat;
}
.icon-CreateSmstemplate-Red, .horizantTabs .nav-link.active.show .icon-CreateSmstemplate-Black {
background: url(./images/sprites.png) -278px -575px no-repeat !important;
}
.mainNav li a.active .icon-CreateSmstemplate, .icon-CreateSmstemplate-Blue {
background: url(./images/sprites.png) -125px -575px no-repeat;
}
.icon-CreateSmstemplate-Dashboard {
background: url(./images/sprites.png) -585px -155px no-repeat;
}
#date{
border: 1px solid black !important;
}
.page-header-text{
font-family: Calibri;
font-size: 26px;
color: #000000;
font-weight: 500;
}
/******** SMS ICON ENDS *********/


/******* SMS MENU STARTS **********/


.pn-ProductNav_Wrapper {
	position: relative;
	padding: 0 36px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.pn-ProductNav {
	/* Make this scrollable when needed */
	overflow-x: auto;
	/* We don't want vertical scrolling */
	overflow-y: hidden;
	/* For WebKit implementations, provide inertia scrolling */
	-webkit-overflow-scrolling: touch;
	/* We don't want internal inline elements to wrap */
	white-space: nowrap;
	/* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
	position: relative;
	font-size: 0;
}
.js .pn-ProductNav {
	/* Make an auto-hiding scroller for the 3 people using a IE */
	-ms-overflow-style: -ms-autohiding-scrollbar;/* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {
 display: none;
}
.pn-ProductNav_Contents {
	float: left;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	position: relative;
}
.pn-ProductNav_Contents-no-transition {
	transition: none;
}
.pn-ProductNav_Link {
	text-decoration: none;
	color: #888;
	font-size: 1.2rem;
	font-family: -apple-system, sans-serif;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	border: 1px solid transparent;
	padding: 0 11px;
}
.pn-ProductNav_Link + .pn-ProductNav_Link {
	border-left-color: #eee;
}
.pn-ProductNav_Link[aria-selected="true"] {
	color: #111;
}
.pn-Advancer {
	/* Reset the button */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	/* Now style it as needed */
	position: absolute;
	top: 0;
	bottom: 0;
	/* Set the buttons invisible by default */
	opacity: 0;
	transition: opacity .3s;
}
.pn-Advancer:focus {
	outline: 0;
}
.pn-Advancer:hover {
	cursor: pointer;
}
.pn-Advancer_Left {
	left: 12px;
	width: 36px;
	text-align: center;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
	opacity: 1;
}
.pn-Advancer_Right {
	right: -12px;
	width: 36px;
	text-align: center;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
	opacity: 1;
}
.pn-Advancer_Icon {
	width: 10px;
	/*height: 44px;*/
	fill: #000;
	/*margin-right: 15px;*/
	display: block;
}
.pn-ProductNav_Indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100px;
	background-color: transparent;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out, background-color .2s ease-in-out;
	transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.pn-ProductNav_Contents a {
	margin: 0 10px;
}


/******** SMS MENU ENDS HERE ************/



.CreateConsultant-Cont .d-flex.justify-content-center button{
    margin-left: 15px;
}

.CreateConsultant-Cont .d-flex.justify-content-center 
{
    border-top: 1px solid #ddd;
    padding-top:20px;
}
.CreateConsultant-Cont small 
{
    color:#526798;
}



/* Added By Danda Satish*/

.aw-more-block {
display:none;
}
.aw-logo img {
display:none !important;
}
.aw-get-this-widget {
display:none;
}
.aw-six-hours {
display:none;
}
div.aw-widget-36hour-inner div.aw-top-content {
border-width:0px !important;
}
div.aw-widget-36hour-inner div.aw-fc-status {
display:none;
}

.pageTitle {
  width: 100%;
  display: flex;
  
}
.pageTitle .RgtContainer {
  margin-left: auto;
}
.searchBox {
  width: 220px;
  border: 1.5px solid #fe573c;
  border-radius: 25px;
  float: left;
  height: 40px;
}
.searchBox button {
  border: none;
  cursor: pointer;
  height: 36px;
  border-radius: 0px 13px 11px 0;
  width: 40px;
  line-height: 44px;
  background: transparent;
  float: right;
  display: inline-block;
  margin: -35px 0 0 0;
  position: relative;
  z-index: 15;
  color: #fe573c;
}
.searchBox input:focus, .searchBox button:focus {
  outline: none;
  box-shadow: none;
}
.searchBox input[type="text"] {
  background: transparent;
  font-size: 15px;
  border: none;
  box-shadow: none;
  height: 36px;
  display: inline-block;
  width: 100%;
  padding: 0 36px 0 15px;
}
/*newly added*/
.card-header{
    background-color: #fff;
}


.card p.card-title
{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    display:block;
}
.ChatContent-Img
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:#000;
    display: flex;
    flex:0 0 60px;
    margin-right: 15px;
}
 .ChatContent-Img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.ChatContent-MsgContainer{
    display: flex;
    position: relative;
}
 .ChatContent-Msg ,.ChatContent .Left .ChatContent-Msg{
    padding: 10px;
    border-radius: 7px;
    }
 .ChatContent-Msg
{
        background: #ececf6;
    margin: 0 0 0 15px;
    color: #000;
}
.ChatContent-Msg h2 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 4px 0;
    letter-spacing: 0.6px;
}
 .Left .ChatContent-Msg
{
        background: #a6a5d436;
    color: #000;
    margin: 0 30px 0 -15px;
}
 .ChatContent-Msg:before
{   
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #d8d8e6;

    border-left: 20px solid transparent;
    top: 13px;
    left: -5px;
}

.Left
{
    display: flex;
    flex-direction: row-reverse;
    right: -15px;
    position: relative;
}
.Left .ChatContent-Msg:before
{
    content: '';
    border:none;
}
.Left .ChatContent-Msg:after
{   
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #7876ce36;
    border-right: 20px solid transparent;
    top: 13px;
    right: 10px;

}
 .ChatContent-Msg p
{
    margin: 0 ;
    padding: 0;
}
.ChatContent-MsgContainer small.text-muted
{
    position: absolute;
    right: 30px;
    bottom: -19px;
}

.card-footer 
{
background:#7876ce36;
padding: 10px;
border-top: none;
}

.card-footer .ChtMsg-Send
{
    padding: 6px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
}

.card-footer .ChtMsg-Send input
{
    border: 0;
    width: 100%;
}

input:focus
{
    outline: none;
}

.card-footer .ChtMsg-Send a 
{
    text-decoration: none;
    background:#fff;
    border:none;
}
.card-footer .ChtMsg-Send button
{
    background:#fff;
    box-shadow: none;
    border-left: 2px solid #7876ce36;
    border-radius: 0;
}

.card-footer .ChtMsg-Send i{
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.chatContentRow{
    display: flex; 
    align-items: flex-start;
    margin: 0px 0px 3px 0px;
}
/***** newly added *****/

.btn34{
     width: 34px;
    height: 34px;
    line-height: 22px;
    text-align: center;

}
.btn34 i{
        position: relative;
    top: 6px;
    font-size: 20px;

}
form button.btn34{
    margin-left: 15px;
}
button.btn34 i {
    top: 0px;
}
.table td{
    vertical-align: middle;
      text-align: left;
}

.pageTitle .RgtContainer {
    margin-left: auto;
    position: relative;
}

small{
   top:0px;
    color: #526798;
    font-size: 13px;
}

.help-block.with-errors{
    position: absolute;
    bottom: -15px;
    color: #f00;
    font-size: 13px;
    line-height: 8px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder{
    color: #000;
}
.form-group-View{
    margin-bottom: 20px;
}

.form-group-View .form-label{
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
    color: #526798;
    letter-spacing: 0.3px;
}
.form-group-View p{
     font-size: 18px;
     color: #000;
}
.form-label2{
    font-size: 15px;
    margin-bottom: 10px;
    color: #526798;
}
.removeBtn{
       padding: 0.25rem 0.2rem;
    margin-right: 15px;
    height: 40px;
    width: 40px;
}
.removeBtn i.left{
    margin-right: 0;
}
.mgrT-80{
    margin-top: -80px;
}
.pmd-tabs.pmd-tabs-bg.nav-CircleTabContainer{
    margin-bottom: 70px;
}
#resume_skills_tagsinput{
    height: auto;
    min-height: auto;
}
.btn-QuestionPMIcon i{
    font-size: 22px;
}
.table th {
    padding: 0 1rem 1rem 1rem;
    }
a:hover, a:focus{
    text-decoration: none !important;
}
.bootstrap-select.btn-group .dropdown-menu.show{
   transform: translate3d(0px, 28px, 0px) !important;
   top: 0 !important;
}
.pmd-tabs .nav-tabs > li > a{
  font-weight: 600;
       font-size: 13px;
    letter-spacing: 0.7px;
}
.table td a{
    text-decoration: none !important;
}
.dFCenter{
    align-items: center;
    justify-content: center;
    display: flex;
}
.dFCenter .modal-content{
    height: auto;
}
.card h4{
    font-size:18px;
    font-weight: 600;
}
.recentActivity li{
    list-style: none;
    display:flex;
    width: 100%;
}
.recentActivity li img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    flex: 0 0 80px;
    margin-right: 15px;
}
.recentActivity li .message_date{
    font-size:16px;
}

.dropdown-menu a{
          padding: 15px;
    color: #333;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #d9e8ec;
    font-weight:400;
}
.schdeRes{
    margin-top: -100px;
}
.scTbweekends{
    margin-right: 0 !important;
}
.schTbHead-Text h4{
    font-size: 18px;
}

.SchTbtmBrd .label-success, .label-success{
    background: radial-gradient(circle at 50%, #72bc6f, #9fbe9e) !important;
    color: #fff !important;
}

.SchTbtmBrd .label-gotjob, .label-gotjob{
   background: radial-gradient(circle at 50%, #72bc6f, #9fbe9e) !important;
    color: #fff !important;
}

.SchTbtmBrd .label-warning, .label-warning{
    background: radial-gradient(circle at 50%, #e4a254, #f3c691) !important;
    color: #fff !important;
}
.SchTbtmBrd .label-danger, .label-danger, .label-deleted{
     background: radial-gradient(circle at 50%, #c97070, #c89797) !important;
    color: #fff !important;
}
.SchTbtmBrd .label-unconfirmed, .label-unconfirmed{
    background: radial-gradient(circle at 50%, #c97070, #c89797) !important;
    color: #fff !important;
}
.SchTbtmBrd .label-smissed, .label-smissed{
     background: radial-gradient(circle at 50%, #c97070, #c89797) !important;
    color: #fff !important;
}
.SchTbtmBrd .label-default, .label-default{
      
    background: radial-gradient(circle at 50%, #688fcc, #90a8cf) !important;  
    color: #fff !important;
}
.SchTbtmBrd .label-class, .label-class{
    /* color: #03409c !important; */
    font-weight: bold;
}
.SchTbtmBrd .label-busy, .label-busy{
       background: radial-gradient(circle at 50%, #03a5ee, #a2d2e8) !important;
    color: #fff !important;
}
.SchTbtmBrd .label-booked, .label-booked{
    background: radial-gradient(circle at 50%, #d8cef8, #eee9ff) !important;
    color: #fff !important;
}
.SchTbtmBrd span.label{
    box-shadow: none;
    position: relative;

}
.SchTbtmBrd .label.label-null{
    width:120px;
    /*background: #f2f7fd;*/
    background: #fff;    
    text-align: center;
}
.SchTbtmBrd .label.label-null:hover, .SchTbtmBrd .label.label-null:focus{
 background: #fff;    
     box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
     border: 1px solid #f8f8f8;
}
h3.modal-title{
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.modal.schTbModal .modal-body {
    position: relative;
        padding: 1rem 1rem 1rem 1rem;
}
.modal.schTbModal .modal-header {
    border-bottom: none;
    min-height:60px;
    background: #fff;
    box-shadow: 0 0px 2px 2px rgba(0,0,0,0.2);
}
.pb-0{
    padding-bottom: 0;
}
.modal.schTbModal h4 {
    font-size: 15px;
}
h4 {
    font-size: 15px;
}
.pt-0{
    padding-top: 0 !important;
}

.alert-info-outline {
    background-color: #00b0ff;
    color: white;
    border: 1px solid #00b0ff;
    background: none;
    color: #00b0ff;
    font-weight: 600;
}
.table100 tr, .table100 table, .table100 tbody, .table100 thead{
    width: 100%;
    display: block;
}
.rotate90deg{
    transform: rotate(90deg);
}
.btn-Rcircle-iconic i.left{
    left: 0;
}
.navShortCut .btn-Rcircle-iconic i.left {
    left: 12px;
}

.moreIcon .dropdown-toggle::after{
    display: none;
}
.moreIcon a{
    cursor: pointer;
}
.dropdown-menu button.delete-link {
       padding: 15px;
    color: #333;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #d9e8ec;
    font-weight: 400;
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
    text-align: left;
}
.wid100-Hidden{
    width: 100%;
    overflow: hidden;
}


  /**** ALERTS **/



  /* Time Sheet*/
  .ViewTm-CntDts
{
    margin-bottom: 20px;
}
.ViewTm-Sht span:before
{
    content: ':';
    position: relative;
    font-weight: 600;
    margin-right: 6px;
}
.ViewTm-Sht
{
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px 0;
}
tr>th {
    background-color: white !important;
    padding: 4px 0;
}

.View-TimeSheet
{
    overflow-x: auto;
}

.View-TimeSheet tr
{
    text-align: center;
}
.View-TimeSheet tr th
{
    white-space: nowrap;
}

.View-TimeSheet .SchTbtmBrd {
     border-bottom: none;
    padding: 20px 0 15px 0;
 }

.View-TimeSheet .scheduleTable .SchTbtmBrd .label-default
{
 background: #03a5ee !important;
     color: #fff !important;
    text-align: center;
}
.dateRangeIcon{
    font-size: 20px;
    position: relative;
    top: 3px;
}

/* Remove Field Number controls up and down */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
    color: #000;
}
/* Ends Here */


.list-group {

    overflow-x: hidden;
}
.nav-CircleTabContainer .btn{
    margin-left: 15px;
}
.width100P{
    width: 100%;
}

.x_content{
    display: block;
    width: 100%;
    overflow-x: auto;
    }

    .page-title{
    width: 100%;
    display: flex;
    /* padding-left: 15px; */
    /* padding-top: 20px; */
    padding-top: 10px;
    margin-bottom: 15px;

}

.page-title h3 {
    font-size: 1.5rem;
}
.labelwidth100{
     width: 100%;
}
.labelwidth100 label{
    width: 100%;
        text-align: left;
}


.secondarySubMeu {
     background-color: #fff;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);
    color: #000;
    position: relative;
    /* width: 100%; */
    display: flex;
    margin-bottom: 15px;
    /* margin: -30px -15px 15px -35px; */
}
.secondarySubMeu a{
  padding: 20px 25px;
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .2px;
    /* border-right: 1px solid #d9e7ef !important; */
}
.secondarySubMeu a:hover{
    color: #fb6104;
}
.secondarySubMeu a:last-child{
        border-right: none !important;

    }
.secondarySubMeu a.active {
    /*background: #fff;*/
    color: #fb6104;
   /* border-right: 1px solid #d9e7ef;
    position: relative;*/
}
/*.secondarySubMeu a.active::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: 0px;
    left: 44%;
    box-sizing: border-box;
    border: 0.8em solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
       top: 47px;
}*/

.stepsBoxContainer{
    width: 100%;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 15px;
}
/*.stepsBoxContainerBrd{
    height: 2px;
    background: #000;
    width: 100%;

}*/
.stepsBox{
         padding:20px;
    display: inline-block;
    justify-content: center;
    /* border-top: 2px solid #D6DCE0; */
    position: relative;
    transition: all 200ms ease-in;
    margin-right: 5%;
    width: 20.5%;
    height: 100px;
    background: #000;
    z-index: 2;
    color:#fff;
}
.stepsBox.bg-default{
      color:#000;
}
.stepsBox:last-child{
    margin-right: 0;
}
.stepsBox::before{
   font-family: 'Material Icons';
    content: "\e315";
    width: 0;
    height: 40px;
    background-color: #eaf4fb;
    border-radius: 25px;
    /* border: 1px solid #ddd; */
    position: absolute;
    top: 28px;
    left: 106%;
    transition: all 200ms ease-in;
    z-index: 2;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    color: #b5c2cc;
}
.stepsBox::after{
       content: "";
    width: 100%;
    height: 5px;
    background-color: #b5c2cc;
    border: none;
    position: absolute;
    top: 46px;
    left: 100%;
    transition: all 200ms ease-in;
    z-index: 1;
}
.stepsBox:last-child::before{
    display: none;
}
.stepsBox:last-child::after{
    display: none;
}
.stepsBox-Content{
    height: 60px;

}
.stepsBox-Content h4{
        font-size: 18px;
    font-weight: 500;
}
.bg-primary{
    background: #0c6dff !important;
}
.bg-secondary {
    background: #526798 !important;
}
.bg-success{
    background: #43bc40 !important;
}
.bg-info{
    background: #03a5ee !important;
}
.bg-warning{
    background: #ff971b !important;
}
.bg-danger{
    background: #fe573c !important;
}


.sidenav .collapse.show , .sidenav .dropdown-menu.show {
    display: none;
    transition: all 0.3s ease;
}
.sideNav250 .collapse.show , .sideNav250 .dropdown-menu.show {
    display: block;
    transition: all 0.3s ease;
}
.form-group.no-margin{
    margin: 0;
    padding: 0;
}
.mr-15{
    margin-right: 15px;
}
.bootstrap-select .bs-searchbox {
    position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #526798;
}
.bootstrap-select  .bs-searchbox .form-control {
        top: 0;
    padding-left: 30px !important;
    width: 95%;
        position: absolute;
    border: none;

}
.bootstrap-select  .bs-searchbox .iconSrchSel {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 8px;
}
.body-container.width100P{
    /*overflow-x: hidden;*/
}
.loaderGif{
    height: calc(100vh - 100px);
}
.loaderGif img{
    max-width: 100px;
}
/****** NEW MEDIA QUERIES ******************/

@media(min-width: 320px) and (max-width: 767px){
    .pageTitle{
        flex-flow: column;
    }
    .h2, h2 {
        font-size: 1.2rem;
    }
.sidenav{
display:none;
}
.sidenav.sideNav250{
display: block !important;
}
.body-container {
    padding-left: 00px !important;
    padding-top: 65px;
    }
#sidebar-wrapper{
        top: 97px;
}
.sideNav250 {
    width: 250px !important;
    position: absolute;
    left: 0;
}
.navShortCut {
    margin-left: 0;
    position: relative;
    right: auto;
    top: 5px;
    width: 100%;
    left: 0 !important;
    /* margin-right: auto; */
}
.dropdown-Rcircle .dropdown-menu {
       width: 95%;
    top: -2px !important;
    left: auto !important;
    right: auto !important;
}
.col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.navbar{
    text-align: left;
    justify-content: flex-start;
}
.ml-auto.MainNavBarContainer {
    padding-left: 60px !important;
    width: 100%;
    margin: 0;
}
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-flow: nowrap;
    justify-content: space-around;
}
.navbar .dropdown {
width: auto;
}
}

@media (min-width: 640px) and (max-width: 767px){
.col-sm-3, .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width:768px) and (max-width:1023px){
.col-sm-3, .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}





/***** LOADERS ****/

.lds-dual-ring {
  display: inline-block;
      width: 16px;
    height: 15px;
    margin: 0 auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
 width: 16px;
    height: 16px;
  margin: 1px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: #fff !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}




/******* NEWLY ADDED BY KRISH 31-03-20198 **********/

.topNav{
    display: flex;
    /* width: 100%; */
    justify-content: flex-end;
    margin-right: auto;
}
.topNav ul.topNavItems{
    display: flex;
    margin: 0;
    /* width: 100%; */
}
.topNav li{
    list-style: none;
}
.topNav ul.topNavItems li a{
    display: block;
    display: flex;
    flex-flow: column;
    padding:0 19px;
    justify-content: center;
    color: #000;
}
.topNav ul.topNavItems .dropdown-menu a{
    display: block;
    padding:15px;
}

.topNav ul.topNavItems .dropdown-menu {
    top:14px !important;
    min-width: 200px;
}
.topNav ul.topNavItems li a .icon24{
    margin:0 auto;
}

.dropdown-topNav .dropdown-toggle::after {
    border: 0;
}

.dropdown-topNav .txtBlock{
    display: flex;
    align-items: flex-start;
}
.dropdown-topNav i{
    /* font-size: 18px; */
    top: 1px;
    position: relative;
    color: #595e61;
}
.txtBlock i{
    font-size: 18px;
    top: 1px;
    position: relative;
}

.topNavItems .icon24{
    top: 0px;
}
.topNavItems .dropdown-menu .icon24 {
    top: 4px;
}
.topNavItems .font13 {
    font-size: 13px;
    text-transform: capitalize;
    /* font-weight: 600; */
    letter-spacing: 0.4px;
    position: relative;
}

.dropdown-profileMenu .dropdown-menu{
    position: absolute;
    right: 0;
    left: auto !important;
    width: 200px;
    top: 21px !important;
}






/***************** SLOT CSS ****************/

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../opensans-font/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('../opensans-font/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../opensans-font/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../opensans-font/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../opensans-font/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../opensans-font/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  .schTbModal .modal-dialog{
    margin:0 auto !important;
  
  }
  .schTbModal label{
    color: #201f23;
  }
  .schTbModal .modal-footer{
    border-top: none !important;
  
  }
  /*modal Animation starts*/
  .modal.schTbModal {
      -webkit-animation-duration: .50s;
      -webkit-animation-name: modal;
      -moz-animation-duration: .50s;
      -moz-animation-name: modal;
      animation-duration: .50s;
      animation-name: modal;
      font-family: 'Roboto', sans-serif !important;
  }
  .modal.schTbModal .modal-body {
      position: relative;
      padding: 0 15px 15px 15px;
  }
  .modal.schTbModal p {
      color: #94a0bb;
      margin-bottom: 8px;
      margin-top:8px;
  }
  .modal.schTbModal h4 {
      margin: 0 0 15px 0;
      font-weight: bold;
    color: #000;
    text-decoration: none;
  }
  @-webkit-keyframes modal {
   0% {
   opacity: 0;
   -webkit-transform: scale3d(0.3, 0.3, 0.3);
   -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
   100% {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   -moz-transform: scale3d(1, 1, 1);
  }
  }
   @keyframes modal {
   0% {
   opacity: 0;
   transform: scale3d(0.3, 0.3, 0.3);
   -webkit-transform: scale3d(0.3, 0.3, 0.3);
   -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
   100% {
   opacity: 1;
   transform: scale3d(1, 1, 1);
   -webkit-transform: scale3d(1, 1, 1);
   -moz-transform: scale3d(1, 1, 1);
  }
  }
   @-moz-keyframes modal {
   0% {
   opacity: 0;
   -webkit-transform: scale3d(0.3, 0.3, 0.3);
   -moz-transform: scale3d(0.3, 0.3, 0.3);
  }
   100% {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   -moz-transform: scale3d(1, 1, 1);
  }
  }
  /*modal Animation ends*/
  
  .modal.schTbModal .modal-dialog {
    height: 100vh;
    overflow: hidden;
  }
  .modal.schTbModal .modal-content {
      /* 80% of window height 
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      border-radius: 0px;*/
  }
  .modal.schTbModal .modal-lg {
      width: 100%;
      padding: 50px;
  }
  .modal.schTbModal .modal-header {
      border-bottom: none;
  }
  .modal.schTbModal .modal-content.slot h3 {
      text-transform: uppercase !important;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 0px;
    color: #000;
  }
  .modal.schTbModal .modal-content.slot .modal-body .SlBook-Intvw h5 {
      display: inline-block;
      color: #6f7a9c;
      margin: 0 20px 0 0;
      font-size: 16px;
  }
  .modal.schTbModal .modal-content.slot .modal-body .SlBook-Intvw {
      display: inline;
  }
  .modal-content.slot .modal-body .SlBook-Intvw .selectpicker {
      margin: 0 30px 10px 0;
  }
  .modal-content.slot .modal-body .slotQuickBook h4, .slotMeeInfo h4, .slotSdt-Info h4 {
      font-weight: 600;
  }
  .modal-content.slot .modal-body .slotQuickBook-Menu .slotQuickBook-MenuBnt {
      text-align: center;
  }
  .slotQuickBook-Menu .slotQuickBook-MenuBnt .btn {
      width: 100%;
      background: #43bc40 !important;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-radius: 0px !important;
  }
  .slotQuickBook-Menu .SlotMD-Radio, .slotSdt-Info-Menu .SlotMD-Radio {
      display: inline-flex;
  }
  .slotQuickBook-Menu .SlotMD-Radio .md-radio, .slotSdt-Info .slotSdt-Info-Menu .SlotMD-Radio .md-radio {
      margin: 0 20px 0 0;
  }
  .slotQuickBook-Menu p {
      color: #7d8094;
      font-size: 15px;
  }
  .slotQuickBook-Menu {
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .modal-content.slot .modal-body .slotQuickBook:after, .slotMeeInfo:after {
      content: '';
      position: absolute;
      /*  background: url("../images/slot-sep.png");*/
      width: 100%;
      height: 3px;
  }
  
  /*scrollbar starts*/
  .modal.schTbModal .modal-content::-webkit-scrollbar {
   width: 3px;
  }
  
  /* Track */
  .modal.schTbModal .modal-content::-webkit-scrollbar-track {
   background: #fff;
  }
   
  /* Handle */
  .modal.schTbModal .modal-content::-webkit-scrollbar-thumb {
   background: #888;
  }
  /*scrollbar ends*/
  
  .blockSeperation {
      background: url(../images/seperatioinRep.png) repeat-x;
      height: 6px;
      width: 100%;
      display: inline-block;
      margin: 0 0 15px 0;
  }
  .md-radio {
      height: 30px;
      line-height: 26px;
      margin: 0 20px 0 0 !important;
  }
  .md-radio.left {
      float: left;
  }
  .schTbblockRep {
      margin-bottom: 20px;
  }
  .schTbblockRep .btn {
      border-radius: 0;
      font-size: 15px;
      text-transform: uppercase;
      bottom: 0;
  }
  .inlineBlock {
      display: inline-block;
  }
  
  
  
  
  
  
  /************ TEXTFIELD STARTS  ********************/
  .form-group {
    position: relative;
    border: none;
    min-height: 50px;
  }
  .form-group input.form-control {
    z-index: 2 !important;
    padding-left: 0px;
  }
  .form-group .form-control {
    position: absolute;
    width: 100%;
    min-height: 30px;
    font-size: 14px;
      font-weight: normal;
    border: none;
    border: 0 !important;/*  border-bottom: 1px solid #94a0bb;
    */
    background-color: transparent;
    background: none !important;
    border-radius: 0;
    bottom: 2px;
    padding: .275rem 0 !important;
  }
  .form-group .form-control + label.form-label {
    position: absolute;  /*top: 5px;*/
    top: 22px;
    z-index: 2;
    font-size: 14px;
    color: #94a0bb;
      font-weight: normal;
    transition: all 0.2s ease;  /*-webkit-transition: all 0.2s ease;*/
    -webkit-transition: top 0.2s, font-size 0.1s;
    -moz-transition: top 0.2s, font-size 0.1s;
    -ms-transition: all 0.2s ease;
    z-index: 1;
  }
  .form-control:focus {
    outline: none;
    border-width: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
  }
  .form-control:focus + label.form-label {
    top: 0px;
    color: #0c6dff;
    font-size: 12px;
  }
  .form-control.has-value + label.form-label {
    top: 0px;
    color: #aeafb9;
    font-size: 12px;
  }
  .form-control {
    box-shadow: none !important;
    width: 100%;
    border: 0;
  }
  .form-controlBrd {
    width: 100%;
    display: block;
    height: 2px;
    background: #fff no-repeat;
    background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #94a0bb, #94a0bb);
    -webkit-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #94a0bb, #94a0bb);
    -moz-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #94a0bb, #94a0bb);
    -ms-background-image: linear-gradient(to bottom, #0c6dff, #0c6dff), linear-gradient(to bottom, #94a0bb, #94a0bb); /* sizes for the 2. images (default state) */
    background-size: 0 2px, 100% 1px;
    -webkit-background-size: 0 2px, 100% 1px;
    -moz-background-size: 0 2px, 100% 1px;
    -ms-background-size: 0 2px, 100% 1px; /* positions for the 2. images. Change both "50%" to "0%" or "100%" and tri again */
    background-position: 50% 100%, 50% 100%;
    -webkit-background-position: 50% 100%, 50% 100%;
    -moz-background-position: 50% 100%, 50% 100%;
    -ms-background-position: 50% 100%, 50% 100%; /* animation solely on background-size */
    transition: background-size 0.3s cubic-bezier(0.55, 0.09, 0.08, 1);
    -moz-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
    -webkit-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
    -ms-transition: background-size 0.3s cubic-bezier(0.6, 0.09, 0.08, 1);
    position: absolute;
    bottom: 0;
  }
  .form-control:focus ~ .form-controlBrd {
    background-size: 100% 2px, 100% 1px;
    -moz-background-size: 100% 2px, 100% 1px;
    -webkit-background-size: 100% 2px, 100% 1px;
    -ms-background-size: 100% 2px, 100% 1px;
  }
  .form-controlDate:hover ~ .form-controlBrd {
    background-size: 100% 2px, 100% 1px;
    -moz-background-size: 100% 2px, 100% 1px;
    -webkit-background-size: 100% 2px, 100% 1px;
    -ms-background-size: 100% 2px, 100% 1px;
  }
  .form-controlBrd:focus {
    /* sizes for the 2. images (focus state) */
    background-size: 100% 2px, 100% 1px;
    outline: none;
  }
  /* TEXTAREA  */
  .form-groupTextArea {
    position: relative;
    border: none;
    min-height: 116px;
  }
  .form-ControlTextArea {
    position: absolute;
    width: 100%;
    min-height: 106px !important;
    max-height: 106px !important;
    font-size: 14px;
    border: none;
    background-color: transparent;
    border-radius: 0;
    bottom: 2px;
    padding: .275rem 0 !important;
    padding: 13px 0 0 0 !important;
    z-index: 2;
  }
  .form-ControlTextArea + label.form-label {
    position: absolute;
    top: 88px;
    z-index: 2;
    font-size: 16px;
    color: #94a0bb;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    /*background: #fff;*/
    z-index: 1;
  }
  .form-ControlTextArea:focus {
    outline: none;
    border-width: 2px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
  }
  .form-ControlTextArea:focus ~ .form-controlBrd {
    background-size: 100% 2px, 100% 1px;
  }
  .form-ControlTextArea:focus + label.form-label {
    top: 0px;
    color: #0c6dff;
    font-size: 12px;
  }
  .form-ControlTextArea.has-value + label.form-label {
    top: 0px;
    color: #94a0bb;
    font-size: 12px;
  }
  .form-ControlTextArea {
    background: none !important;
  }
  
  
  /* EFFECT FOR TEXT */
  .form-control + label.form-label-txt {
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 2;
    font-size: 16px;
    color: #94a0bb;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
  }
  .form-control.has-value:not(:focus) + label.form-label-txt {
    color: #94a0bb;
  }
  .form-control-txt:focus + label.form-label-txt {
    color: #0c6dff !important;
    transition: all 0.5s ease !important;
  }
  /************ TEXTFIELD ENDS  ********************/
  
  
  /************ RADIO BUTTONS, CHECKBOX AND SWITCHES STARTS  ********************/
  .custom-control.material-checkbox {
   color: #0c6dff;
  }
  .custom-control.material-checkbox .material-control-input {
    display: none;
  }
  .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
    border-color: var(--color);
    transform: rotateZ(45deg) translate(1px, -5px);
    -webkit-transform: rotateZ(45deg) translate(1px, -5px);
    -moz-transform: rotateZ(45deg) translate(1px, -5px);
    -ms-transform: rotateZ(45deg) translate(1px, -5px);
    width: 10px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
  }
  .custom-control.material-checkbox .material-control-indicator {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #0c6dff;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
  }
  .custom-control.fill-checkbox {
   --color: #0c6dff;
  }
  .custom-control.fill-checkbox .fill-control-input {
    display: none;
  }
  .custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
    background-color: var(--color);
    border-color: var(--color);
    background-size: 80%;
  }
  .custom-control.fill-checkbox .fill-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #0c6dff;
    -webkit-transition: .3s;
    transition: .3s;
    background: transperent;
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E");*/
  }
  .custom-control.overflow-checkbox .overflow-control-input {
    display: none;
  }
  .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
    -webkit-transform: rotateZ(45deg) scale(1);
    transform: rotateZ(45deg) scale(1);
    top: -6px;
    left: 5px;
  }
  .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
    opacity: 1;
  }
  .custom-control.overflow-checkbox .overflow-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #0c6dff;
  }
  .custom-control.overflow-checkbox .overflow-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    transform: rotateZ(80deg) scale(0);
    -webkit-transform: rotateZ(80deg) scale(0);
    -moz-transform: rotateZ(80deg) scale(0);
    -ms-transform: rotateZ(80deg) scale(0);
    width: 10px;
    border-bottom: 4px solid #0c6dff;
    border-right: 4px solid #0c6dff;
    border-radius: 3px;
    top: -2px;
    left: 2px;
  }
  .custom-control.overflow-checkbox .overflow-control-indicator::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 10px;
    border-right: 7px solid #fff;
    border-radius: 3px;
    -webkit-transform: rotateZ(45deg) scale(1);
    transform: rotateZ(45deg) scale(1);
    top: -4px;
    left: 5px;
    opacity: 0;
  }
  .custom-control.material-switch {
   --color: #0c6dff;
    padding-left: 0;
  }
  .custom-control.material-switch .material-switch-control-input {
    display: none;
  }
  .custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
    background-color: var(--color);
    left: 17px;
  }
  .custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 16px;
    background: #ddd;
    border-radius: 16px;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .custom-control.material-switch .material-switch-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    top: -1px;
    left: -1px;
    background: #fdfdfd;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
  }
  .custom-control.ios-switch {
   --color: #0c6dff;
    padding-left: 0;
  }
  .custom-control.ios-switch .ios-switch-control-input {
    display: none;
  }
  .custom-control.ios-switch .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
    width: 20px;
  }
  .custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
    border: 10px solid var(--color);
  }
  .custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
    top: -8px;
    left: 4px;
  }
  .custom-control.ios-switch .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
    left: 0px;
  }
  .custom-control.ios-switch .ios-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 2px solid #0c6dff;
  }
  .custom-control.ios-switch .ios-switch-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    top: 0px;
    left: 0px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
    box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
  }
  .custom-control.border-switch {
   --color: #0c6dff;
    padding-left: 0;
  }
  .custom-control.border-switch .border-switch-control-input {
    display: none;
  }
  .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
    border-color: var(--color);
  }
  .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
    left: 14px;
    background-color: var(--color);
  }
  .custom-control.border-switch .border-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 2px solid #94a0bb;
  }
  .custom-control.border-switch .border-switch-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    top: 2px;
    left: 2px;
    background: #ccc;
  }
  .custom-control.teleport-switch {
   --color: #0c6dff;
    padding-left: 0;
  }
  .custom-control.teleport-switch .teleport-switch-control-input {
    display: none;
  }
  .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
    border-color: var(--color);
  }
  .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
    left: -14px;
  }
  .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
    right: 2px;
    background-color: var(--color);
  }
  .custom-control.teleport-switch .teleport-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 2px solid #0c6dff;
    overflow: hidden;
  }
  .custom-control.teleport-switch .teleport-switch-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    top: 2px;
    left: 2px;
    background: #ccc;
  }
  .custom-control.teleport-switch .teleport-switch-control-indicator::before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    top: 2px;
    right: -14px;
    background: #ccc;
  }
   @keyframes ripple {
   0% {
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
  }
   50% {
   box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
   100% {
   box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
  }
  }
  .md-radio {
    margin: 16px 0;
    position: relative;
    text-align: left;
    cursor: pointer;
  }
  .md-radio input[type="radio"] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    height: 25px;
    z-index: 5;
    cursor: pointer;
  }
  .md-radio.md-radio-inline {
    display: inline-block;
  }
  .md-radio input[type="radio"] {
    opacity: 0;/*display: none;*/
  }
  .md-radio input[type="radio"]:checked + label:before {
    border-color: #0c6dff;
    animation: ripple 0.8s linear forwards;
  }
  .md-radio input[type="radio"]:checked + label:after {
    transform: scale(1);
  }
  .md-radio label {
    display: inline-block;
    /*height: 20px;*/
    /*position: relative;*/
    padding: 0 0 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
  }
  .md-radio label:before, .md-radio label:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all .8s ease;
    transition-property: transform, border-color;
  }
  .md-radio label:before {
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    border: 2px solid #0c6dff;
  }
  .md-radio label:after {
    top: 8px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #0c6dff;
  }
  /************ RADIO BUTTONS, CHECKBOX AND SWITCHES ENDS  ********************/
  
  
  
  
  
  /*********  scheduleTable starst ***********/
      
          
  .scheduleTable {
      /*			border-collapse: collapse;*/
      border-collapse: separate;
      border-spacing: 0 0;
      /*			;*/
      background: #eaf4fb;
      border-top: 3px solid #b1d7f2;
      border-left: 3px solid #b1d7f2;
      border-bottom: 3px solid #b1d7f2;
      font-family: 'Roboto', sans-serif !important;
      /*table-layout: fixed;*/
    /*			border-spacing: 5px;*/
  }
  .scheduleTable tbody {
      border-collapse: collapse !important;
      border-spacing: 0 !important;
  }
  .scheduleTable thead td {
      border-right: 3px solid #b1d7f2;
      border-bottom: 1px solid #ced8e8;
      padding-bottom: 10px;
      font-weight: 600;
      height: 45px;
      font-size: 13px;
    color: #000;
    text-transform: uppercase;
  }
  .scheduleTable tbody td:nth-child(even) {
      border-right: 3px solid #b1d7f2;
  }
  .scheduleTable td {
      text-align: center;
      padding: 10px 4px 0 4px !important;
      border-right: 1px solid #b4d8f2;
      position: relative;
  }
  .scheduleTable thead tr:nth-child(2) td:nth-child(1), .scheduleTable thead tr:nth-child(2) td:nth-child(3), .scheduleTable thead tr:nth-child(2) td:nth-child(5), .scheduleTable thead tr:nth-child(2) td:nth-child(5), .scheduleTable thead tr:nth-child(2) td:nth-child(7), .scheduleTable thead tr:nth-child(2) td:nth-child(9), .scheduleTable thead tr:nth-child(2) td:nth-child(11), .scheduleTable thead tr:nth-child(2) td:nth-child(13) {
      border-right: none !important;
      width: 70px;
  }
  .scheduleTable thead tr:nth-child(2) td{
    border-bottom: none !important;
  }
  .scheduleTable tbody tr:last-child td .SchTbtmBrd {
      border-bottom: none !important;
  }
  th {
      border: 1px solid #f60;
      background: #fff;
  }
  .scheduleTable tr {
      background: #fff;
  }
  .schTable-DTime {
      border-bottom: 2px solid #afcaff;
      display: block;
      padding-bottom: 10px;
      padding-bottom: 17px;
      padding-top: 7px;
      font-weight: 600;
      font-size: 13px;
  }
  .SchTbtmBrd {
      border-bottom: 1px solid #afcaff;
      display: block;
      width: 100%;
      padding: 5px 0 15px 0;
      color: #65728c;
      line-height: 30px;
      min-height: 55px;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .scheduleTable .busy .label-default{
      width: 100%;
      background: #03a5ee !important;
      height: 55px;
      display: flex;
      margin: -21px -7px -21px -6px;
    box-shadow: none;
    border-radius: 0;
  }
  .scheduleTable .shade_class .SchTbtmBrd .label-success{
    width: 100%;
    background: #eee9ff !important;
    height: 55px;
    display: flex;
    margin: -21px -7px -21px -6px;
    box-shadow: none;
    border-radius: 0;
  
  }
  .scheduleTable .shade_class .SchTbtmBrd .label-default{
    width: 100%;
    background: #eee9ff !important;
    height: 55px;
    display: flex;
    margin: -21px -7px -21px -6px;
    box-shadow: none;
    border-radius: 0;
  
  }
  
  .scheduleTable .SchTbtmBrd .label-booked{
    /* width: 100%; */
    background: #a2e0ff !important;
    /* height: 55px; */
    display: flex;
    margin: -21px -7px -21px -6px;
    /* box-shadow: none; */
    /* border-radius: 0; */
    justify-content: right;
    color: #03409c !important;
  
  }
  
  .scheduleTable .SchTbtmBrd .label-others{
    /* width: 100%; */
    background: #65c3f2 !important;
    text-align: center !important;
    /* height: 55px; */
    display: flex;
    justify-content: center;
    color: #fff;
    align-items:center;
    
    margin: -21px -7px -21px -6px;
    /* box-shadow: none; */
    /* border-radius: 0; */
  
  }
  
  .scheduleTable .SchTbtmBrd .label-busy{
    /* width: 100%; */
    background: #cfcfcf !important;
    /* height: 55px; */
    display: flex;
    margin: -21px -7px -21px -6px;
    /* box-shadow: none; */
    /* border-radius: 0; */
    text-align: center !important;
  
  }
  
  .scheduleTable .shade_class .SchTbtmBrd .label-null{
    width: 100%;
    background: #fff !important;
    height: 55px;
    display: flex;
    margin: -21px -7px -21px -6px;
    box-shadow: none;
    border-radius: 0;
  
  }
  .scheduleTable .label-primary {
    width: 100%;
    background: #03409c;
    height: 55px;
    display: flex;
    margin: -21px -7px -21px -6px;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
  }
  span.label {
      -webkit-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);
      -moz-box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);
      box-shadow: 0px 10px 17px -6px rgba(0,0,0,0.7);
      height: 28px;
      width: 100%;
      display: block;
      line-height: 26px;
      font-size: 12px;
      cursor: pointer;
      border-radius: 3px;
      margin: 0 auto 2px auto;
  }
  .scheduleTable .label-success, .scheduleTableNotify .label-success, .table .label-success {
      background: #43bc40;
    color: #fff;
  }
  .scheduleTableNotify .label-busy, .table .label-busy {
    background: #cfcfcf;
    color: #fff;
  }
  .scheduleTableNotify .label-booked, .table .label-booked {
      background: #a2e0ff;
  }
  .scheduleTableNotify .label-others, .table .label-others {
      background: #65c3f2 !important;
  }
  .scheduleTable .label-danger, .scheduleTableNotify .label-danger, .table .label-danger, .scheduleTable .label-unconfirmed, .scheduleTable .label-smissed{
      background: #b24848;
    color: #fff;
  }
  .scheduleTable .label-primary, .scheduleTableNotify .label-primary, .table .label-primary{
      /* background: #03409c; */
      background: #8a8a8a;
    color: #fff;
  }
  .scheduleTable .label-warning, .scheduleTableNotify .label-warning, .table .label-warning{
      background: #ff971b;
    color: #fff;
  }
  .scheduleTable .label-default, .scheduleTableNotify .label-default, .table .label-default{
      /* background: #8a8a8a; */
      background: #03409c;
    color: #fff;
  }
  .table .label-default, .table .label-warning, .table .label-primary, .table .label-danger, .table .label-success, .table .label-busy, .table .label-booked, .table .label-booked, .table .label-others, .table .label-unconfirmed, .table .label-smissed, .table .label-gotjob{
    /* padding: 7px 12px; */
    padding: 4px 8px;

    border-radius: 3px;
  }
  .scheduleTableNotify {
      display: flex;
      font-family: 'Roboto', sans-serif !important;
  }
  .scheduleTableNotify ul {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
  }
  .scheduleTableNotify li {
      list-style: none;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      font-weight: 600;
      margin: 15px 0;
  }
  .scheduleTableNotify li span.colorInfo {
      width: 25px;
      height: 12px;
      display: flex;
      margin-right: 10px;
  }
  .scTbweekends {
      float: right;
      font-family: 'Roboto', sans-serif !important;
    margin: 5px -10px 0 0;
  }
  .scTbweekends .custom-controls-stacked {
      float: left;
  }
  .scTbweekends .scTbweekendsLbl {
      float: left;
      margin: 4px 10PX 0 0;
      font-weight: 600;
  }
  .schTbHead {
      margin: 15px 0;
  }
  .schTbHead-Text {
      text-align: center;
        /* margin-bottom: 15px; */
    /* margin-left: 55px; */
  }
  .schTbHead-Text .btn, .schTbHead-Text h4 {
      display: inline-block;
  }
  .schTbHead-Text .btn.btn-default {
      color: #333;
      background-color: #fff;
      border-color: #ccc;
      width: 30px;
      height: 30px;
      line-height: 20px;
      text-align: center;
    margin-bottom: 0;
      border-radius: 150px;
  }
  .schTbHead-Text .btn.btn-default i.fa-chevron-left {
      position: relative;
      left: -3px;
      top: -2px;
  }
  .schTbHead-Text .btn.btn-default i.fa-chevron-right {
      position: relative;
      top: -2px;
      right: 1px;
  }
  .schTbHead-Text h4 {
      font-family: 'Roboto', sans-serif !important;
      margin: 0 5px;
      position: relative;
      color: #0c6dff;
      top: 2px;
  }
  
  .schTbHead .select2 {
  
      width: 100% !important;
      margin: 0 0 15px -10px;
  
  }
  .schTbactiveDate{
    border-bottom: 3px solid #0c6dff;
  }
  /*********  scheduleTable ends ***********/
  
  
  
  .new_event_class:hover  .label:empty {
      width: 100%;
      background: #03409c;
      height: 55px;
      display: flex;
      margin: -21px -7px -21px -6px;
      box-shadow: none;
      border-radius: 0;
      background:rgba(3,64,156,0.3);
      display: block;
       cursor:pointer;
  }
  .new_event_class:hover .label-primary{
  background: #03409c !important;
  }
  

  @media(max-width:991px){
     .rwd-table {
        border-top: 3px solid #FE573C !important;
    }
    .scheduleTable tbody tr:nth-child(1) td:nth-child(1), .scheduleTable tbody tr:nth-child(1) td:nth-child(3), .scheduleTable tbody tr:nth-child(1) td:nth-child(5), .scheduleTable tbody tr:nth-child(1) td:nth-child(5), .scheduleTable tbody tr:nth-child(1) td:nth-child(7), .scheduleTable tbody tr:nth-child(1) td:nth-child(9), .scheduleTable tbody tr:nth-child(1) td:nth-child(11), .scheduleTable tbody tr:nth-child(1) td:nth-child(13) {
        /* border-right: none !important; */
        width: 100px;
        display: block;
    }
    .scheduleTable span.label{
        max-width: 95px;
        display: block;
    }
    .scheduleTableNotify li {
        
        font-size: 11px;
    }
    .scheduleTableNotify li span.colorInfo {
        width: 16px;
        top: 0;
    }
  }
  @media (min-width: 320px) and (max-width: 575px){
  .schTbHead-Text h4{
    margin: 0 5px;
  
  }

    .scheduleTableNotify ul{
      display: block;
    }
    .scheduleTableNotify li {
      width: 49%;
      display: inline-block;
      margin: 5px 0;
    }
    .scheduleTableNotify li span.colorInfo{
      float: left;
      position: relative;
  top: 5px;
    }
    .schTbHead-Text{
      margin: 0 -10px !important;
  position: relative;
  height: 34px;
    }
   .schTbHead-Text #previousWeek{
      position: absolute;
      left: 0;
    }
    .schTbHead-Text #nextWeek{
      position: absolute;
      right: 0;
      margin-right: 0;
    }
    .schdeRes {
        margin-top: 0;
    }
    .schTbHead-Text {
        margin: 0 0 !important;
        position: relative;
        height: 34px;
        width: 260px;
        font-size: 15px;
        line-height: 45px;
    }
    .schTbHead-TextBtn {
        width: 34px;
        height: 31px;
    }
    .schTbHead-TextBtn i {
        display: block;
        line-height: 16px;
    }
    .schTbHead-Text h4 {
        margin: 0 5px;
        font-size: 16px;
    }
  }
  

  @media(min-width:576px) and (max-width:767px){
    .schdeRes {
        margin-top: 0;
    }
    .schTbHead-Text {
        margin: 0 0 !important;
        position: relative;
        height: 34px;
        width: 100%;
        font-size: 15px;
        line-height: 45px;
    }
    .schTbHead-TextBtn {
        width: 34px;
        height: 31px;
    }
    .schTbHead-TextBtn i {
        display: block;
        line-height: 16px;
    }
    .schTbHead-Text h4 {
        margin: 0 5px;
        font-size: 16px;
    }
  }
  @media(min-width:768px) and (max-width:1023px){
      .schTbHead .col-sm-3.col-md-3, .schdeRes .col-sm-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .schTbHead-Text h4 {
       
        margin: 0 0;
      }
  }
  @media(min-width:576px) and (max-width:991px){
    .scheduleTableNotify ul{
      display: block;
    }
    .scheduleTableNotify li {
      width: 32%;
      display: inline-block;
      margin: 5px 0;
    }
    .scheduleTableNotify li span.colorInfo{
      float: left;
      position: relative;
  top: 5px;
    }
  }
  
  
  @media(min-width:992px) and (max-width:1024px){
    .scheduleTableNotify ul{
      display: block;
    }
    .scheduleTableNotify li {
      width: 24%;
      display: inline-block;
      margin: 5px 0;
    }
    .scheduleTableNotify li span.colorInfo{
      float: left;
      position: relative;
  top: 5px;
    }
  }
  @media(min-width:992px) {
  .scheduleTable { 
    table-layout: fixed;
  }
  }
  
  
  .table-responsive {  
      min-height: .01%;
      overflow-x: inherit;
  
  }
  

  .ChatContent-Msg p {
    margin: 0;
    padding: 0;
    word-break: break-all;
    white-space: pre;
    word-wrap: break-word;
  }
.msg_history .card-body{
    padding: 15px;
    width: 100%;
    display: flex;
    flex-flow: column;
}
.chatContentRow{
    display: flex;
    align-items: flex-start;
    margin: 0px 0px 10px 0px;
    width: 100%;
    flex-shrink: 0;
        right: auto !important;
}
.Left .ChatContent-Msg{
    margin: 0 30px 0 0;
}
.ChatContent-Msg, .ChatContent .Left .ChatContent-Msg {
    padding: 8px 12px;
    border-radius: 7px;
}

.hgt100P{
    height:100%;
}
.p-20{
    padding: 20px;
}



@media (min-width: 768px){
.chatMainContainer .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

}
@media (min-width: 768px)
{
.chatToggler {
    display: none;
}
}
@media (max-width: 767px)
{
.chatToggler {
    display: block;
    position: absolute;
    background: #0c6dff;
    border: 1px solid #0c6dff;
    color: #fff;
    width: 40px;
    height: 40px;
    left: 0;
    top: 68px;
    text-align: center;
    z-index: 10;
    box-shadow: 0 -2px 4px 3px rgba(0,0,0,0.4);
    border-radius: 0;
}
.inbox_people{
    position: absolute;
    width: 100% !important;
    background: #fff !important;
    z-index: 9;
    height: 100% !important;
    overflow: auto !important;
    left: 0;
    overflow-x: hidden !important;
    top: 0;
    z-index: 9;
    padding-top: 120px
}
.chatMainContainer {
    margin-top: -125px !important;
    padding-top: 100px  !important;

}
.mesgs, .chatBoxMsg, .msg_history{
    
    width: 100%  !important;
}
.headind_srch h4{
    font-size: 15px !important;
}
.font22 {
    font-size: 16px !important;
}
}

@media (min-width:992px){
.navbar-expand-md .navbar-toggler {
    display: none !important;
}
.scheduleTable{
    display: inline-table;
}
}
@media (min-width: 992px){
.navbar-expand-md .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
}

@media (max-width:991px){
    .navbar-expand-md .navbar-toggler {
        display: block !important;
        margin-right: 15px;
        border-radius: 28px;
        width: 34px;
        border: 1px solid #ffffff;
        height: 34px;
        text-align: center;
        line-height: 38px;
        padding: 0;
        color: #000000;
    }
    }
    @media (max-width: 991px){
    .navbar-expand-md .navbar-collapse {
     
        display: none !important;
       
    }
    .navbar-expand-md .navbar-collapse.show {
     
        display: block !important;
        position: absolute;
        width: 100%;
        height: 100vh;
        flex-flow: column;
        background: #fff;
        top: 67px;
        z-index: 989;
        left: 0;
           max-width: 300px;
    }

/*
==============================================
stretchRight
==============================================
*/

.inbox_people{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}


.topNavBar {
    /* animation-name: drpdown;
    animation-duration: 0.25s;
    -moz-animation-duration: 0.25s; */
    /* animation-timing-function: 400ms cubic-bezier(.66, .22, .18, .32);  */
    animation-timing-function: linear;
    transform-origin: 15% 28px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
   
    /* -webkit-animation-name: drpdown;
    -webkit-animation-duration: 0.25s; */
    /* -webkit-animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32); */
    -webkit-transform-origin: 15% 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    /* -webkit-transform: translate3d(0, 0, 0px); */
    }
    /*@keyframes drpdown{
    0%{ transform: translate3d(0, 0, 0px) scaleY(0) ; opacity: 0;}
    100%{  transform: translate3d(0, 0%, 0px) scaleY(1);
    opacity: 1;}
    }*/
    /* @keyframes drpdown {
    0% {
    transform: translate3d(0, 0, 0px) scaleY(0) scaleX(0);
    opacity: 0;
    }
    100% {
    transform: translate3d(0, 0, 0px) scaleY(1) scaleX(1);
    opacity: 1;
    }
    }
    @-webkit-keyframes drpdown {
    0% {
    -webkit-transform: translate3d(0, 0, 0px) scaleX(0);
    opacity: 0;
    }
    100% {
    -webkit-transform: translate3d(0, 0, 0px) scaleX(1);
    opacity: 1;
    }
    } */

/*
==============================================
slideLeft
==============================================
*/

    .topNavBar{
        animation-name: slideRight;
        -webkit-animation-name: slideRight;	
        animation-duration: 0.5s;	
        -webkit-animation-duration: 0.5s;
        animation-timing-function: ease-in-out;	
        -webkit-animation-timing-function: ease-in-out;	
        visibility: visible !important;	
    }
    @keyframes slideRight {
        0% {
            transform: translateX(-150%);
        }
        /* 50%{
            transform: translateX(8%);
        }
        65%{
            transform: translateX(-4%);
        }
        80%{
            transform: translateX(4%);
        }
        95%{
            transform: translateX(-2%);
        }			 */
        100% {
            transform: translateX(0%);
        }	
    }
    @-webkit-keyframes slideRight {
        0% {
            -webkit-transform: translateX(-150%);
        }
        /* 50%{
            -webkit-transform: translateX(8%);
        }
        65%{
            -webkit-transform: translateX(-4%);
        }
        80%{
            -webkit-transform: translateX(4%);
        }
        95%{
            -webkit-transform: translateX(-2%);
        }			 */
        100% {
            -webkit-transform: translateX(0%);
        }
    }
    .navbar-collapse.show .mr-auto{
        width: 100%;
        display: flex;
        flex-flow: column;
        height: 100%;
    }
    .topNav{
        margin: 0;
        flex-flow: column;
        justify-content: flex-start;
    }
    .topNav ul.topNavItems {
        padding-left: 15px;
        flex-flow: column;
        justify-content: flex-start;
        width: 100%;
        display: flex;
    }
    .topNav ul.topNavItems li a{
        flex-flow: wrap;
        justify-content: flex-start;
        padding: 14px 0 !important;
        align-items: center;
        border:none;    
    }
    .topNav ul.topNavItems li a .icon24 {
        margin: 0 15px 0 0;
    }
    .topNav ul.topNavItems .dropdown-menu {
        top: -26px !important;
        min-width: 100%;
        position: relative;
        width: 100%;
        border: none;
        box-shadow: none;
        padding-left:25px;
    }
    .MainNavBarContainer{
        margin: 0 !important;
        padding: 0 !important;
        position: absolute;
        right: 0;
        top: 10px;
        left: auto !important;
        width: auto !important;
    }
    .MainNavBar li.nav-item {
        margin: 0 0  !important;
    }
    .dropdown-profileMenu {
        padding-left: 0 !important;
    }
}
@media (min-height:100px) and (max-height:480px){
    .chatBoxMsg {
        height: 82%  !important;
    }
    .chatBoxFot {
        height: 18%  !important;
    }
}
@media (min-width:320px) and (max-height:575px){
   
    .scheduleTable td {
        width:160px;
    }
    .table td{
       width:160px;
      }
    .chatBoxMsg {
        height: 82%  !important;
    }
    .chatBoxFot {
        height: 18%  !important;
    }
    .logobar{
        width: 130px;
    }
    .logobar img{
        max-width: 100%;

        height: auto !important;
    }
}
@media (min-width:992px) and (max-width:1023px){
    .logobar{
        width: 120px !important;
    }
    .logobar img{
        max-width: 100%;

        height: auto !important;
    }
    .topNav ul.topNavItems li a{
        padding:0 15px;
        white-space: nowrap;
    }
    .topNav ul.topNavItems{
        padding:0 0 0 30px;
    }
}
/**** RESPONSIVE TABLE ******/
.rwd-table {
  margin: 0;
  min-width: 300px;
}
.table.rwd-table {
    border-collapse: separate;
    border-spacing: 0;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td{
    font-size: 15px;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}
@media (min-width:768px) {
  .rwd-table td:before {
    display: none;
  }  
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 768px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}
.rwd-table {
 
  overflow: hidden;
}
.rwd-table th, .rwd-table td {
  margin: 0;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
}
.table-xAuto{
    overflow-x: auto !important;
}
.notifiAnim-Count{
    position: absolute;
    top: -7px;
    /*background: #ffa242;*/
    width: 16px;
    height: 16px;
    border-radius: 150px;
    text-align: center;
    color: #ffa242;
    right: -9px;
    z-index: 9;
    font-size: 11px;
    line-height: 16px;
}
.card-header .btn-QuestionPMIcon i {
    font-size: 22px;
    position: relative;
    top: 7px;
}
.topNav ul.topNavItems li a.active{
    color: #0c6dff;
}
.SchTbtmBrd{
    position: relative;
}
.SchTbtmBrd .label-success:hover:after,.SchTbtmBrd .label-gotjob:hover:after, .SchTbtmBrd .label-default:hover:after, .SchTbtmBrd .label-warning:hover:after, .SchTbtmBrd .label-unconfirmed:hover:after, .SchTbtmBrd .label-smissed:hover:after, .SchTbtmBrd .label-booked:hover:after, .SchTbtmBrd .label-busy:hover:after, .SchTbtmBrd .label-danger:hover:after{
    padding: 0;
    position: absolute;
    left: 0;
    bottom: -29px;
    width: 100px;
    height:16px;
    font-size:13px;
    line-height: 16px;
    border-radius: 4px;
    /*box-shadow: 0 1px 1px 1px rgba(0,0,0,0.4);*/
    z-index: 98;
    text-align: center;
        width: 102%;
    padding: 0;
    margin: 0;
}
.SchTbtmBrd .label-success:hover.SchTbtmBrd .label-gotjob:hover, .SchTbtmBrd .label-default:hover, .SchTbtmBrd .label-warning:hover, .SchTbtmBrd .label-unconfirmed:hover, .SchTbtmBrd .label-booked:hover, .SchTbtmBrd .label-busy:hover,  .SchTbtmBrd .label-danger:hover{
    position: relative;
}
.SchTbtmBrd .label-success:after,.SchTbtmBrd .label-gotjob:after, .SchTbtmBrd .label-success:before, .SchTbtmBrd .label-default:after, .SchTbtmBrd .label-default:before, .SchTbtmBrd .label-warning:after, .SchTbtmBrd .label-warning:before, .SchTbtmBrd .label-unconfirmed:after, .SchTbtmBrd .label-unconfirmed:before, .SchTbtmBrd .label-unconfirmed2:before, .SchTbtmBrd .label-unconfirmed3:before, .SchTbtmBrd .label-booked:after, .SchTbtmBrd .label-booked:before, .SchTbtmBrd .label-busy:after, .SchTbtmBrd .label-busy:before,  .SchTbtmBrd .label-danger:after, .SchTbtmBrd .label-danger:before{
    top: -17px;
    left: 61%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.SchTbtmBrd .label-success:hover:after,.SchTbtmBrd .label-gotjob:hover:after, .SchTbtmBrd .label-default:hover:after, .SchTbtmBrd .label-warning:hover:after, .SchTbtmBrd .label-unconfirmed:hover:after, .SchTbtmBrd .label-unconfirmed2:hover:after, .SchTbtmBrd .label-unconfirmed3:hover:after, .SchTbtmBrd .label-booked:hover:after, .SchTbtmBrd .label-busy:hover:after {
    border-color: rgba(136, 183, 213, 0);
    margin-left: 0;
    /*display: none;*/
}
.SchTbtmBrd .label-success:hover:before,.SchTbtmBrd .label-gotjob:hover:before, .SchTbtmBrd .label-default:hover:before, .SchTbtmBrd .label-warning:hover:before, .SchTbtmBrd .label-unconfirmed:hover:before,  .SchTbtmBrd .label-booked:hover:before, .SchTbtmBrd .label-warning:hover:before, .SchTbtmBrd .label-unconfirmed:hover:before,  .SchTbtmBrd .label-busy:hover:before, .SchTbtmBrd .label-danger:hover:before{
    border-color: rgba(194, 225, 245, 0);
    border-width: 7px;
    margin-left: -31px;
    /*display: none;*/
}

.SchTbtmBrd .label-success:hover:after{
  background: #fff !important;
    color: #43bc40 !important;
    content: 'MEETING SUCCESS';
        font-size: 8px;
           
}
.SchTbtmBrd .label-success:hover:before{
    border-bottom-color: #43bc40;  
    display: none;  
}
.SchTbtmBrd .label-gotjob:hover:after{
  background: #fff !important;
    color: #43bc40 !important;
    content: 'GOT JOB';
        font-size: 8px;
           
}
.SchTbtmBrd .label-gotjob:hover:before{
    border-bottom-color: #43bc40;  
    display: none;  
}
.SchTbtmBrd .label-default:hover:after{
  background: #ffffff !important;
    color: #03409c !important;
    content: 'BOOKED BY ME'; 
       font-size: 10px;
}
.SchTbtmBrd .label-default:hover:before{
    border-bottom-color: #03409c;  
    display: none;  
}
.SchTbtmBrd .label-warning:hover:after{
  background: #fff !important;
    color: #ff971b !important;
    content: 'TRAINER MISSED';   
    font-size: 9px;
}
.SchTbtmBrd .label-warning:hover:before{
    border-bottom-color: #ff971b;  
    display: none;  
}
.SchTbtmBrd .label-unconfirmed:hover:after, .SchTbtmBrd .label-danger:hover:after{
  background: #fff !important;
    color: #b24848 !important;
    content: 'CLIENT MISSED';
    font-size: 9px;   
    /*left: -17px;*/
     top: -17px;
   /* width: 148px;
    height: auto;*/
}
.SchTbtmBrd .label-unconfirmed:hover:before, .SchTbtmBrd .label-danger:hover:before{
    border-bottom-color:#b24848;   
    display: none; 
}
.SchTbtmBrd .label-smissed:hover:after, .SchTbtmBrd .label-danger:hover:after{
    background: #fff !important;
    color: #b24848 !important;
    content: 'STUDENT MISSED';
    font-size: 10px;   
    /*left: -17px;*/
    top: -17px;
    /*width: 148px;*/
    /*height: auto;*/
}
.SchTbtmBrd .label-smissed:hover:before, .SchTbtmBrd .label-danger:hover:before{
    border-bottom-color:#b24848;   
    display: none; 
}
.SchTbtmBrd .label-unconfirmed3:hover:after, .SchTbtmBrd .label-danger:hover:after{
  background: #fff !important;
    color: #b24848 !important;
    content: 'UNCONFIRMED';
    font-size: 8px;   
    /*left: -17px;*/
     top: -17px;
   /* width: 148px;
    height: auto;*/
}
.SchTbtmBrd .label-unconfirmed3:hover:before, .SchTbtmBrd .label-danger:hover:before{
    border-bottom-color:#b24848;  
    display: none;  
}
.SchTbtmBrd .label-booked:hover:after{
  background:#fff !important;
    color: #a2e0ff !important;
    content: 'BOOKED BY OTHERS';
    font-size: 8px;   
}
.SchTbtmBrd .label-booked:hover:before{
    border-bottom-color:#a2e0ff;   
    display: none; 
}
.SchTbtmBrd .label-busy:hover:after{
  /*background:#000 !important;*/
    color: #cfcfcf !important;
    content: 'TRAINER BUSY';  
    font-size: 9px; 
}
.SchTbtmBrd .label-busy:hover:before{
    border-bottom-color:#cfcfcf;    
    display: none;
}
.form-groupIcon .icon26{
        width: 26px;
    position: absolute;
    bottom: 4px;
}
.form-groupIcon .form-label{
       left: 30px !important;
}
.form-groupIcon .form-control.has-value + label.form-label{
        left: 30px !important;
}
.form-groupIcon .form-control{
    padding-left: 30px !important;
}
.mb-30{
    margin-bottom: 30px;
}
.arwchange i{
    transform: rotate(90deg);

}
.arwchange.collapsed i{
    transform: rotate(360deg);
}
.topNavItems-Count{
    position: absolute;
    top: -5px;
    right: -12px;
    /* background: #fb6104;*/
    color: #fb6104;
    width: 16px;
    height: 16px;
    border-radius: 150px;
    line-height: 17px;
    text-align: center;
    font-size: 11px;
}

.affix {
     position: fixed;
    top: 67px;
    right: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    display: table;
    padding: 15px 15px 0 16px;
    background: #eaf4fb;
    /* border: 5px solid #f60; */
    table-layout: fixed;
}
.affix tr.text-center td{
    border-top: 3px solid #b1d7f2;
}
.affix tr:first-child td:first-child, .affix tr:nth-child(2) td:first-child{
    border-left: 3px solid #b1d7f2;
}

.affix-top {
  position: static;
  opacity: 0.8;
}
.viewDetailsForm  label {
    font-size:16px;
    color:#000;
    display: inline-block;
   margin-bottom: 0;
   /* border-bottom:1px dashed #8e8e8e ; */
}
.viewDetailsForm h4{
    border-radius:10px;
    color:#fff;
    width:180px;
    padding:3px 10px 3px 10px;
    background-color:#0c6dff;
    margin-bottom: 10px;
   box-shadow:  3px 3px 5px 6px #fff;
}

.card-DboardStats h5 {
    margin: -5px 0 8px 0;
        font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.card-DboardStats .width100P {
    width: 100%;
    align-items: center;
}
.morris-hover.morris-default-style{
    position: absolute;
}
.mbox {   
    /*display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px 55px 10px 25px;
    padding-left: 4px;*/
        display: flex;
    align-items: center;
    margin-right: 10px;
}
.mbox span.bgColor-indication{
    width: 10px;
    height: 10px;
    display: block;
    margin-right: 5px;
    display: flex;
}
.mtext {   
    display: inline-block;
}
.slotStatus{
    position: absolute;
    left: 4px;
    top: 2px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #000;
}
.slotStatus1{
    position: absolute;
    right: 4px;
    top: 2px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #000;
}
.modal-header .close {
   
    visibility: visible !important;
}

.table-xAuto::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
width: 5px;
height: 5px;

}
.table-xAuto::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track  {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #eaf4fb;
border-radius: 50px;
height: 5px;
}
.table-xAuto::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb  {
background-color: #8cbaff;
border-radius: 50px;
height: 5px;

}

@media (max-width: 1038px){
    .affix{
      width:auto !important;
      
      overflow-x: auto;
    }
    .schTable-DTime{
         width: 91px;   
    }
}




.posAbsRgtTop{
    position: absolute;
    right: 10px;
    top: 5px;  
    display: flex;  
}
.icon-ClienMissed-Dashboard {
    background: url(./images/sprites.png) -745px -199px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-StudentsMissed-Dashboard {
    background: url(./images/sprites.png) -693px -200px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-TrainersMissed-Dashboard {
    background: url(./images/sprites.png) -700px -258px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-TrainerMissed-Dashboard {
    background: url(./images/sprites.png) -700px -258px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MeetingSuccess-Dashboard {
    background: url(./images/sprites.png) -702px -307px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-MeetingSuccess-Dashboard {
    background: url(./images/sprites.png) -702px -307px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-SlotsDeleted-Dashboard {
    background: url(./images/sprites.png) -760px -297px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-SlotsDeleted-Dashboard {
    background: url(./images/sprites.png) -760px -297px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-SlotsBooked-Dashboard {
    background: url(./images/sprites.png) -761px -251px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}
.icon-Unconfirmed-Dashboard {
    background: url(./images/sprites.png) -760px -341px no-repeat;
    width: 48px;
    height: 48px;
    position: relative;
    top: 2px;
}

.card legend{
    font-size: 1.1rem;
        font-weight: 600;
}
.mt-10{
    margin-top: 10px;
}

.sideForm label{
    left:0 !important;
    padding-left: 0 !important;
}

.btn-group.bootstrap-select.show .dropdown-menu {
    display: block;
    max-height: 4000px !important;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    max-height: 400px !important;
}
.plr-10{
    padding-left: 10px;
    padding-right: 10px;
}
.ptb-5{
    padding-bottom: 5px;
    padding-top: 5px;
}

.infoModalIcon{
     position: absolute;
    top: 0px;
    right: 1px;
    cursor: pointer;
}
.infoModalIcon i{
    font-size: 22px;
    color: #0062cc;
}
.slotStatus i{
    font-size: 16px;
}
.slot-count{
    
    color: #fff;
    
        
}
.slot-count .come-up{
    position: absolute;
    top: -9px;
    right: 0;
    line-height: 20px;
    padding-top:0px;
    color:#fff;
    font-size:16px;
    border:1px solid #fe573c;
    border-radius:50%;
    width:25px;
    height:25px;
    background-color:#fe573c;}

/*  switch control */
body {
 
  -webkit-backface-visibility: hidden;
}

.switch {
  margin: 0 auto;
}
/* main styles */
.switch {
  width: 100%;
  position: relative;
}
.switch input {
  position: absolute;
  top: 8px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.switch input:checked {
  z-index: 1;
}
.switch input:checked + label {
  opacity: 1;
  cursor: default;
  color: #000;
}
.switch input:not(:checked) + label:hover {
  opacity: 0.5;
}
.switch label {
  color: #94a0bb;
  opacity: 1;
  transition: opacity 0.25s ease;
  cursor: pointer;
}
.switch .toggle-outside {
  height: 24px;
  border-radius: 2rem;
  padding: 0;
  overflow: hidden;
  transition: 0.25s ease all;
}
.switch .toggle-inside {
  border-radius: 5rem;
  background: #0c6dff;
  position: absolute;
  transition: 0.25s ease all;
}
.switch--horizontal {
  width: 100%;
  height: auto;
  margin: 15px auto 0 auto;
  font-size: 0;
  margin-bottom: 0;
}
.switch--horizontal input {
  height: 20px;
  width: 50px;
  left: 100px;
  margin: 0;
}
.switch--horizontal label {
  font-size: 0.9rem;
  line-height: 30px;
  display: inline-block;
  width: 95px;
  height: 30px;
  margin: 0;
  text-align: center;
}
.switch--horizontal label:last-of-type {
     margin-left: 40px;
    margin-top: 3px;
}
.switch--horizontal .toggle-outside {
  background: #fff;
  position: absolute;
  width: 40px;
  left: 100px;
  top: 6px;
  border: 2px solid #3c71c3;
}
.switch--horizontal .toggle-inside {
  height: 16px;
  width: 16px;
  top: auto;
}
.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
  left: 02px;
  top: 2px;
}
.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 18px;
  top: 2px;
}

.switch--no-label label {
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.switch--no-label input:checked ~ .toggle-outside .toggle-inside {
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.2);
}
.switch--no-label input ~ input:checked ~ .toggle-outside {
  background: #fff;
}
.switch--no-label input ~ input:checked ~ .toggle-outside .toggle-inside {
  background: #2ecc71;
      border: 2px solid #0c6dff;
}
.switch--no-label.switch--vertical {
  width: 3rem;
}
.switch--no-label.switch--horizontal {
  width: 6rem;
}
.switch--no-label.switch--horizontal input,
.switch--no-label.switch--horizontal .toggle-outside {
  left: 0;
}
.switch--expanding-inner input:checked + label:hover ~ .toggle-outside .toggle-inside {
  height: 2.5rem;
  width: 2.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ .toggle-outside .toggle-inside {
  width: 3.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 2.25rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ .toggle-outside .toggle-inside {
  height: 3.5rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
  top: 2.25rem;
}
/* mixin */


/* 3d flip rotator css */
.flashMessage{
    position: absolute;
right: -60px;
top: 20px;
}

.boxroll-slider {
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
      -ms-perspective: 800px;
       -o-perspective: 800px;
          perspective: 800px;
          
  -webkit-transform-origin: 50% 0%;
     -moz-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
       -o-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
          
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
   
   position: relative;
   background: #fff;
   overflow: hidden;
box-shadow: 0 3px 3px 3px rgba(0, 0, 0, .05);

}
.boxroll-slider-item { 
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: -1;
  visibility: hidden;
  
  transition: transform 1.0s ease-in-out, opacity 1.0s cubic-bezier(1,-1,0.3,1);
  -webkit-transition: -webkit-transform 1.0s ease-in-out, opacity 10s cubic-bezier(1,-1,0.3,1);
      -moz-transition: -moz-transform 1.0s ease-in-out, opacity 10.0s cubic-bezier(1,-1,0.3,1);
         -ms-transition: -ms-transform 1.0s ease-in-out, opacity 1.0s cubic-bezier(1,-1,0.3,1);
              -o-transition: transform 1.0s ease-in-out, opacity 10.0s cubic-bezier(1,-1,0.3,1);
  
  -webkit-transform: rotateX(-90deg) translate3d( 0px, 50%, 50% );
     -moz-transform: rotateX(-90deg) translate3d( 0px, 50%, 50% );
      -ms-transform: rotateX(-90deg) translate3d( 0px, 50%, 50% );
       -o-transform: rotateX(-90deg) translate3d( 0px, 50%, 50% );
          transform: rotateX(-90deg) translate3d( 0px, 50%, 50% );
          text-align: left;
padding: 10px;
box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .08);
}



.band img{position:absolute;top:24px; left:-10px;}



#data_table{position:relative;}
.search-opt{position:relative;top:8px;}
.search-opt input{color:#000 !important; }

#view_div label{margin-bottom:0px !important;}

.affixTable{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.affixTableHead{
    padding: 0 15px !important;
}
.calender{margin-top:10px;}

.bs-placeholder{padding-top:20px;}

.span-head{border-radius: 10px;
    font-size:18px;
    color: #fff !important;
    width: 155px;
    padding: 3px 10px 3px 10px;
    background-color: #3c71c3;
   
    box-shadow: 3px 3px 5px 6px #fff;
}

    .schTbblockRep .small{top: 0px;
    color: #526798;
    font-size: 13px;
    padding-top: 20px;}

    .span-head1{
    margin-left:-3px;
    border-radius: 10px;
    font-size:18px;
    color: #fff !important;
    width: 184px;
    padding: 3px 10px 3px 10px;
    background-color: #3c71c3;
   
    box-shadow: 3px 3px 5px 6px #fff;}

    .span-head2{border-radius: 10px;
    font-size:18px;
    color: #fff !important;
    width: 200px;
    padding: 3px 10px 3px 10px;
    background-color: #3c71c3;
   
    box-shadow: 3px 3px 5px 6px #fff;}

.colorInfo:hover, .colorInfo:focus {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.width250{
    width: 250px !important;
}

.width270{
    width: 270px !important;
}

.frm-footer{padding:10px 0px;
    width:560px;
    background-color:#fff;
    text-align:center;
    position:sticky;
    bottom:-16px;
    z-index:999;}
.new-frm-footer{padding:5px 5px;
   width:598px;
    background-color:#fff;
    text-align:center;
    position:absolute;
    bottom:0px;
    z-index:999;}
.new-event-frm-footer{padding:10px 0px;
     width:598px;
    background-color:#fff;
    text-align:center;
    position:absolute;
    bottom:0px;
    z-index:999;
}
#edit_div{position:relative;}
@media (min-width: 320px) and (max-width:600px) {
    .new-frm-footer{width:320px !important;}
    .new-event-frm-footer{width:320px !important;}
    .frm-footer{width:320px !important;}
}