/************ DEFAULT STARTS  ********************/

/* latin */
@font-face {
  font-family: 'Bevan';
  font-style: normal;
  font-weight: 400;
  src: local('Bevan Regular'), local('Bevan-Regular'), url(https://fonts.gstatic.com/s/bevan/v11/4iCj6KZ0a9NXjG8dWCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
body {
background: #eaf4fb;
}
body, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
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.25rem;
}
.h3, h3 {
    
    font-size: 1.15rem;
}
.body-container {
    padding-left:50px !important;
    padding-top: 45px;
    transition:0.2s ease-in;
    /*overflow-x:hidden;*/
    /*overflow:auto;*/
}

/*scrollbar code*/
::-webkit-scrollbar {
width: 5px;
height: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: 120px !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: 10px;
}
.pageTitle h2{
    padding-top:10px;
    margin-bottom: 0px;
    font-size:1.25rem !important;
        letter-spacing: 0.3px;
}
.pageTitle .RgtContainer {
margin-left: auto;
}
.searchBox {
width: auto;

float: left;
height: 40px;
 position: relative;
}
.searchBox .form-controlBrd.width-80 {
    width: 100% !important;
}

.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 {
  position:relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
max-width: 500px;
margin: 0 auto;
height: auto;
padding: 50px 0 50px 0;
}
.modal-content {
max-height: 100%;
}
.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; */
}

.modal {
  position:fixed !important;
-webkit-animation-name: zoomIn;
-webkit-animation-duration: .70s;
-moz-animation-name: zoomIn;
-moz-animation-duration: .70s;
animation-name: zoomIn;
animation-duration: .70s;
z-index:99999999;
}
.modal-header .close{
  visibility: visible !important; 
}
@-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-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: .600rem 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: 1px;
position: relative;
margin-right: 5px;
font-size: 19px;
}
.btn i.right {
display: inline-block;
float: right;
top: 1px;
position: relative;
margin-left: 5px;
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: #0c6dff !important;
}
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
background: #526798 !important;
}
.btn-success, .btn-success:hover, .btn-success:focus {
background: #43bc40 !important;
}
.btn-info, .btn-info:hover, .btn-info:focus {
background: #03a5ee !important;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus {
background: #ff971b !important;
color: #fff !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus {
background: #fe573c !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;
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-group .form-control:focus + label.form-label, .form-group .form-control:visited + label.form-label {
top: 0px ;
color: #0c6dff ;
font-size: 12px;
}
.form-group .form-control.has-value + label.form-label {
top: 0px !important;
color: #aeafb9 !important;
font-size: 14px  !important;
}
.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 !important;
color: #aeafb9 !important;
font-size: 14px  !important;
}
.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;
}
.pmd-tabs .nav-tabs {
border-bottom: none;
/*background-color:#fff;*/
}
.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: -20px;
}
.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 {
background: #fff !important;
color: #0c6dff !important;
}
.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;
overflow:auto;
}
.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: #fff;
color: #000;
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: 2px;
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;
overflow:auto;
}
.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: 30px;
right: -15px;
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;
    display: flex !important;
    float: right;
    flex-shrink: 0;
}
.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;
    padding-top: 54px;
}
.sideFormBox .tranDiv {
background: #000;
position: fixed;
width: 100%;
height: 100%;
}
.sideFormBox {
/*position: absolute;*/
margin: 0;
/*background: transparent;*/
width: auto;
/*height: 50px;*/
/*overflow: hidden;*/
/*transition: all 0.2s ease;*/
left: 0;
top: 0;
z-index: 98;
opacity: 1 !important;
}
.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: slideLeft;
animation-duration:0.5s;
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;
}
}
*/


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


.slideLeft{
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;  

    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 slideLeft {
    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 slideLeft {
    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%);
    }
}


.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;
}
.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: 50px;
}
.sideNav250 #sidebar-wrapper{
width: 250px;
}

#sidebar-wrapper{
/*width: 60px;*/
display: block;
position: fixed;
height: calc(118vh - 66px);
left: 0;
top: 45px;
/*z-index: 9898998;*/
z-index: 9999990;
  background-color: #fff;
transition: all 0.3s ease;

/*overflow-x: hidden;
overflow-y: auto;*/
box-shadow: 3px 1px 10px rgba(0,0,0,0.1);
}
.dark .sidenav{
    background-color: #080d17;
}
.sidenav a {
padding: 8px 16px;
text-decoration: none;
font-size: 14px;
color: #818181;
display: block;
transition: all 0.5s ease;
}
.navFontSize {
position: absolute;
left: 58px;
top: 18px;
transition: all 0.2s ease;
color: #6c6e73;

width: 180px;
line-height: 12px;
}
.collapsed .navFontSizeIcon{
    float:right;
    position: relative;
    top: -6px;
    right:10px;
    transform: rotate(-180deg) !important;
}
.navFontSizeIcon{
    float:right;
    position: relative;
    top: -6px;
    right:10px;
    transform: rotate(-180deg) !important;
}
.noWhiteBg{
    background: none !important;
    padding:0 !important;
    box-shadow: none !important;
}
.child_menu{
       padding-left: 0px !important;
       margin-left:0px !important;
}
.dark .navFontSize{
color: #fff;
}

.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: 9999999;
}
.navbar-toggler {
border: 1px solid #fe573c;
}
/* mainNavigation */
.mainNav {
/*position:sticky;
height: calc(118vh - 66px);*/
/*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;*/
}
.child_menu li a:hover .pin-normal img{display:block;}

.mainNav li a:hover .navFontSize{color:#0c6dff;}
.mainNav li:hover, .mainNav li:active {
    color: #0c6dff !important;
    background-color:#ebebeb;
}

.dark .mainNav li a {
position: relative;
border-bottom: 1px solid #111b2f;
}

.mainNav li a.active .navFontSize {
    /*color: #059ee0;*/
color: #0c6dff;
}
.icon24 {
width: 25px;
height: 25px;
position: relative;
top: 2px;
right: 4px;
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) -76px -1px 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;
}
.mainNav li a.active .icon-Hierachy, .mainNav li a:hover .icon-Hierachy, .icon-Hierachy-Blue {
background: url(./images/sprites.png) -75px -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) -176px -524px 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, .mainNav li a:hover .icon-OPTRecruiterTL, .icon-OPTRecruiterTL-Blue {
background: url(./images/sprites.png) -50px -575px no-repeat;
}
.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 6px;
}
.nav-CircleTabContainer .nav-link.active.show .icon24, .nav-CircleTabContainer .nav-link:hover .icon24 {
width: 36px;
height: 36px;
margin: 12px 0 0 7px;
}
.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;
}
.icon-Employee-Blue {
background: url(./images/sprites.png) -51px -425px no-repeat !important;
}
.icon-Expenses-Blue {
background: url(./images/sprites.png) -77px -224px no-repeat !important;
}
.icon-Profit-Blue {
background: url(./images/sprites.png) -74px -475px 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) -743px -4px no-repeat;
}
.mainNav li a.active .icon-Banking, .mainNav li a:hover .icon-Banking, .icon-Banking-Blue {
    background: url(./images/sprites.png) -717px -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) -717px -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-manageCompany, .icon-manageCompany-Black {
    background: url(./images/sprites.png) -150px -326px no-repeat;
}
.mainNav li a.active .icon-manageCompany, .mainNav li a:hover .icon-manageCompany, .icon-manageCompany-Blue {
    background: url(./images/sprites.png) -50px -326px 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: 54px;
    height: 54px;
    position: relative;
    top: 2px;
}
.icon-MailReject{
    background: url(./images/sprites.png) -643px -248px no-repeat;
       width: 54px;
    height: 54px;
    position: relative;
    top: 2px;
}
.icon-MailBounce{
    background: url(./images/sprites.png) -645px -294px no-repeat;
    width: 54px;
    height: 54px;
    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;
right:0px;
}
/* Notification Animation */
.notifiAnim {
max-width: 100%;
background: #fe573c;
border-radius: 50%;
height: 5px;
width: 5px;
position: absolute;
left: 53%;
top: 32%;
}
.notifiAnim:after {
content: "";
position: absolute;
width: 26px;
height: 26px;
border-radius: 50%;
border: 2px solid #fe573c;
display: inline-block;
animation: notifiAnim 3s ease-out;
animation-iteration-count: infinite;
opacity: 0.0;
margin: -10px 0 0 -14px;
}
@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;
}
.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: 32px;
/*height: 27px;*/
border-radius: 15px;
margin-right: 10px;
display: inline-block;
object-fit: cover;
}
.dropdown-profileMenu i {
position: relative;
top: 0px;
float: right;
}
.profileMenuName {
    position:relative;
    top:-1px;
    line-height: 16px;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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;
margin-bottom:5px;
}
.navShortCut .btn i {
top: 2px;
}
/************ NAVBAR ENDS  ********************/
/************ DROPDOWN STARTS  ********************/
/* dropdown */
.dropdown {
width: 100%;
}
.dropdown .btn {
width: 100%;
}
.dropdown-menu {
    z-index:99999 !important;
/*top: 16px !important;*/
top: 0px !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-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus{background-color: #ebebeb !important;}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
background-color: #ebebeb !important;
}
.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: translate3d(0, 0, 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.01s;
-webkit-animation-timing-function: 500ms cubic-bezier(.66, .22, .18, .32);
-webkit-transform-origin: 0 0;
/*-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);*/
-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, 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: 8px;
}
.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: 1px;
}
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;
}
.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;
}
.text-gray{
    color: #666;
}
.text-themeGray{
        color: #526798;
}
.text-green{
    color:#43bc40 !important;
}
.text-navy{
    color:#03a5ee !important;
}
.text-red{
    color:#fe573c !important;
}
.text-orange{
    color:#ff971b !important;
}
.text-black{
    color:#000 !important;
}
.badge-success{
    background: #43bc40 !important;
}

.badge-danger{
 background:#fe573c !important;
}
.badge-primary{
 background:#0c6dff !important;
}
.badge-warning{
    color:#fff;
 background:#d39e00 !important;
}
.badge-info{
 background:#03a5ee !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;
overflow-y:auto;*/

padding: 0px 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) {
.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;
}
}
.admn-menu{left:30px !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) {
    .admn-menu{left:0px !important;}

.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: 10px;
min-height: 100px;
margin-bottom: 30px;
}
.card-DboardStats .icon60 {
display: flex;
width: 60px;
height: 60px;
margin-right: 15px;
text-align: center;

}
.card-DboardStats-CountNum {
font-size: 26px;
font-weight: bold;
line-height: 26px;
}
.card-DboardStats-Count p {
color: #000;
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: 5px;
}
.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 0 20px 0;
}
/************ 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: #aeafb9;
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-group label.form-label{color:#aeafb9;}
label .control-label{color:#000;}

.form-control {
box-shadow: none !important;
width: 100%;
border: 0;
}
.width-60{width:60% !important;}
.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: 10px 0 0 0 !important;
z-index: 2;
}
.form-ControlTextArea + label.form-label {
position: absolute;
top: 88px;
z-index: 2;
font-size: 14px;
color: #212529;
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: 14px;
}
.form-ControlTextArea.has-value + label.form-label {
top: 0px;
color: #212529;
font-size: 14px;
}
.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: 0px;
left: 0;
width: 16px;
height: 16px;
border: 2px solid #0c6dff;
cursor: pointer;
}
.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: 90%;
display: block;
line-height: 26px;
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: 34px;
    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 15px;
position: relative;
color: #0c6dff;
top: 3px;
}
/*********  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 5px;

}
.table thead th {
/*padding-left:-30px;*/
line-height:20px;
border-bottom: 3px solid #FE573C;
background-color: #EAF4FB;
text-align: left;
}
.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 {

vertical-align: top;
border-top: 0px solid #dee2e6;
line-height: 16px;
font-size:14px;
}
.table-bordered td, .table-bordered th {
border: 0px solid #dee2e6;
}
#timesheetdetails .table th {
vertical-align: middle !important;
}
tr>th{
background-color:#eaf4fb !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;
}
.dtp table.dtp-picker-days tr > th {
  background: none !important;
}
.table thead tr{
 margin-bottom:10px;
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;
  /*padding-left: 15px;*/
    /*padding-top:20px;*/
    padding-top:10px;

}
.pageTitle .RgtContainer {
  margin-left: auto;
  color:#000 !important;
}

.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: 52px;
  display: inline-block;
  width: 100%;
  padding: 0 25px 0 30px;
}
/*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: #eaf4fb;
    margin: 10px 0 0 15px;
    color: #000;
}
 .ChatContent-Msg h2{
    font-size:15px;
 }
 .Left .ChatContent-Msg
{
        background: #f2f2f2;
    color: #000;
    margin: 0 30px 0 -15px;
}
 .ChatContent-Msg:before
{   
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #eaf4fb;

    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 #f2f2f2;
    border-right: 20px solid transparent;
    top: 13px;
    right: 10px;

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

.card-footer 
{
background:#8cbaff;
padding: 5px;
border-top: none;
}

.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%;
}

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 #8cbaff;
    border-radius: 0;
}

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

.chatContentRow{
    display: flex; 
    align-items: flex-start;
    margin: 10px 0px 10px 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: #aeafb9;
    font-size: 14px;
}

.help-block.with-errors{
    position: absolute;
    bottom: -33px;
    color: #f00;
    font-size: 14px;
    line-height: 20px;
}

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

.form-group-View .form-label{
     font-weight: 500;
    margin-bottom: 5px;
   font-size: 13px;
    color: #526798;
    letter-spacing: 0.5px;
}
.form-group-View p{
     font-size: 15px;
     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: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.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: 8px;
    color: #333;
    font-size: 14px;
    display: block;
    /*border-bottom: 1px solid #d9e8ec;*/
    font-weight:400;
}
.schdeRes{
    margin-top: -32px;
}
.scTbweekends{
    margin-right: 0 !important;
}
.schTbHead-Text h4{
    font-size: 18px;
}

.SchTbtmBrd .label-success{
        background: #fff !important;
    color: #43bc40 !important;
}
.SchTbtmBrd .label-warning{
        background: #fff !important;
    color: #ff971b !important;
}
.SchTbtmBrd .label-danger{
        background: #fff !important;
    color: #fe573c !important;
}
.SchTbtmBrd .label-default{
        background: #fff !important;
    color: #8a8a8a !important;
}
.SchTbtmBrd .label-busy{
        background: #fff !important;
    color: #03a5ee !important;
}
.SchTbtmBrd .label-booked{
        background: #fff !important;
    color: #eee9ff !important;
}
.SchTbtmBrd span.label{
    box-shadow: none;

}
.SchTbtmBrd .label.label-null{
    /*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: 20px;
    font-weight: 600;
}
.modal.schTbModal .modal-body {
    position: relative;
        padding: 1rem 1rem 1rem 1rem;
}
.modal.schTbModal .modal-header {
    border-bottom: none;
    min-height:60px;
    background: #fff;
}
.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: 8px;
    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;
    cursor:pointer;
}
.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: #fff !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: 5px;
}

/* 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;
}
.inner-submenu{
    border-bottom:1px solid #ccc;
    margin-top:10px !important;
}
.inner-submenu a:hover{color:#fb6104 !important;}
.inner-submenu a.active{  
  font-weight:500; 
  border-top:3px solid #0c6dff !important;
  color:#000 !important;
  background-color:#fff !important;
}
.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: 10px 0px 0px 0px;
   
}
.secondarySubMeu a{
  margin:0px 5px;
  padding: 8px 20px;
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: .2px;
    background-color:#f6fafc;
    border: 1px  solid #f6fafc !important; 
    border-radius:3px;
}
.secondarySubMeu a:hover{
    color: #fb6104;
   
}
.secondarySubMeu a:first-child{
        margin: 0px 5px 0px 0px !important;

    }
.secondarySubMeu a:last-child{
        border-right: none !important;

    }
.secondarySubMeu a.active {
    background: #fff !important;
   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: #afd8f8;
    border-radius:10px;
    z-index: 2;
    color:#000;
}
.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{
    color:#fff;
    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;*/
}
.body-container-sideNav250{ 
  padding-left: 40px !important;
  padding-top: 45px;
  transition:0.2s ease-in;
   }
.loaderGif{
    height: calc(100vh - 100px);
}
.loaderGif img{
    max-width: 100px;
  }

  .loaderSmall {
    position: absolute;
   z-index: 999;
 
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
     border:8px solid #f3f3f3;
  border-left: 8px solid #fb6104 ; /* Orange */
  border-right: 8px solid #0c6dff; /* Blue */
   border-top: 8px solid #fb6104 ; /* Orange */
  border-bottom: 8px solid #0c6dff; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/****** NEW MEDIA QUERIES ******************/

@media(min-width: 300px) and (max-width: 571px){

.secondarySubMeu a {
    padding: 5px;
    font-size:0.6rem;
}
.btn-support {
    display: inline-block;
    line-height: 40px;
    margin-top: 1px !important;
    right: 4px !important;
}
.date-range-pic {
   top: -35px;
    position: absolute;
    right: 7px;
}

.sidenav{
display:none;
}
.sidenav.sideNav250{
display: block !important;
}
.body-container {
    padding-left: 00px !important;
    padding-top: 25px;

    }
#sidebar-wrapper{
      top: 45px;
}
.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: 6px;
    list-style: none;
    flex-flow: nowrap;
    justify-content: space-around;
}
/*.navbar .dropdown {
width: 120px;
}*/
}

@media (min-width: 641px) 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%;
}
#sidebar-wrapper{
        top: 80px;
}
}
@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%;
}
#sidebar-wrapper{
        top: 45px;
}
}

/***** 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 #00f;
  border-color: #00f transparent #00f 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;
}
 .add-bttn{position:relative;}
 .add-bttn button{position:absolute;top:26px;right:20px;}
.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 240px !important;
    z-index:999998;
}
.tabl-input .form-group {
    position: relative;
    border: none;
    min-height: 2px !important;
    /* padding-bottom: 15px; */
    margin-bottom: 4px;
    width: 100%;}
.tabl-input tbody>tr>td>.form-group input.form-control
{
    position:absolute;
    top:-7px !important;
}
.tabl-input tbody>tr>td>.form-group .form-controlBrd
{
    position:absolute;
    top:16px !important;
}
.tabl-input tbody>tr>td>.form-groupIcon .form-controlBrd{
    position:absolute;
    top:18px !important;
}
.tabl-input tbody>tr>td>.form-groupIcon input.form-control{
    position:absolute;
    top:-10px !important;
}
.tabl-input tbody>tr>td>.form-group .form-control + label.form-label {
    position:absolute;
    top:-22px !important;
}
.tabl-input tbody>tr>td>.form-groupIcon label.form-label {
    position:absolute;
    top:-25px !important;
}
.tabl-payment td {
    vertical-align: middle;
    text-align: left;
}
.tabl-payment td .form-group{
    min-height:10px;
    margin-bottom: 0px !important;
}
.tabl-payment tbody>tr>td>.form-group .form-controlBrd{
    position:absolute;
    top:18px !important;
}
.tabl-payment tbody>tr>td>.form-group .form-control + label.form-label {
    position:absolute;
    top:-18px !important;
}
.tabl-payment tbody>tr>td>.form-group input.form-control{
    position:absolute;
    top:-4px !important
    ;}
.tabl-bill tbody>tr>td>input.form-control{
    position:absolute;
    bottom:35px !important;}
.grey_color{color:#ccc !important;
}
/* Input For label with icon */
.form-groupIcon .form-control.has-value + label.form-label {
    left: 30px !important;
}
.form-groupIcon .icon26 {
    width: 26px;
    position: absolute;
    bottom: 4px;
}
.form-groupIcon .form-control {
    padding-left: 30px !important;
}
.margin30 {
    margin-left: 30px !important;
}

/*.affix-addHead .affixTableHead{
    padding: 0 17px 0 280px !important;
}
.affixTableHead {
    padding: 0 17px 0 77px !important;
}
.affix {
    position: fixed;
    top: 61px;
    right: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    display: table;
    padding: 15px 15px 0 16px;
    background: #eaf4fb;
    table-layout: fixed;
}

    .affixTable {
    width: 100%;
    display: table;
    table-layout: fixed;
}*/
.mainNav ul li:hover .child_menu{display:block;}

  .mainNav ul li {position:relative;}
  .child_menu{
    display:none;
    min-width:220px;
    max-width:100%;
    max-height: calc(100vh - 64px);

    background-color:#fff;
    z-index:9999990 !important;
    position:absolute;
    top:-25px;
    left:225px;
    text-align:left;
    box-sizing:border-box;
   border:1px solid #ccc;
   pointer-events: auto;
    transform: translate3d(8px, 40px, 0px);
    will-change: transform;
}
.mrg-5{margin-left:-50px !important;}
.child_menu a{padding:15px 0px 20px 0px !important;}
.child_menu li:hover .pin{display:block;}
.child_menu li:hover .unpin{display:block;}
.fav-item:hover .unpin{display:block;}
.company i{position:relative;top:8px;right:0px;}
.company a{font-size:8px;color:#000 !important;}
.comp-name{
    font-weight:bold;
    position:relative;
    top:10px;
    display:inline-block;
    min-width:50px;
}

.table-accounts {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.table-accounts thead {
    flex: 0 0 auto;
}

.table-accounts tbody {

    height: 360px !important;
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.table-accounts tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.table-accounts tbody>tr {
    margin-bottom: 10px !important;
}


/* Time Sheet Table  */

  .mylabel{
    display: block;
    /*margin: auto; */
    font-size: 95%;
  }

.current_cell {
   
   color: #529214 !important;
    border: 1px solid #529214;
    height: 24px;
    width: 70px;
}

.grid{
padding: 0px 0px 0px 0px;
text-align: center;
width:80px;border:1px solid #3e94f0;
height: 24px;
line-height: 24px;

}
.tablemiddel{
text-align: center; 
width: 105px; 
font-weight: normal;
border-top: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 2px solid #DADADA; 
padding: 6px 22px 6px 0px !important;

}
.editdisable{
background-color:#d0e1f3;
color: #000;
width: 70px;
text-align: center;
border: none;
height: 24px;
line-height: 24px;
}
#weekly_timecard_unsaved_msg {
  color: #D12F19;
  background-color: #fbe3e4;
  border: 1px solid #d12f19;
  padding: 3px;
}
#weekly_timecard_saved_msg {
    color: green;
    background-color: #dbf0df;
    border: 1px solid green;
    padding: 3px;
}

  
table.timesheet {
  
  width: 100%;
}
table.timesheet td,
table.timesheet th {
  border: 1px solid #fff;
  padding: 8px;
  text-align: center;
}

table.timesheet td {
  padding-top: 0px;
  padding-bottom: 6px;
  font-size:14px;
  color: black;
 
}

.mrg-top-5{margin-top:5rem;}
.box-body h3{padding-bottom:10px;}
.span-loader{
    position: absolute;
    height: 100%; 
    width: 100%;
    z-index: 99;
   /* background: #aec3a4; opacity: 0.4;*/
}
 #horizontalTabs .nav-tabs .nav-link.active {
  background-color:#fff !important;
    
}
#timesheetdetails .nav-tabs .nav-link.active {
  background-color:#fff !important;
    
}
.horizantTabs .nav-tabs > li > a:hover {
   
    color:#0c6dff;
}
.payrole-dataTable .dataTable{
    margin: 0 !important;
    }
.MainNavBar li{    text-align: justify;
    margin: auto !important;}

.nav-item .dropdown-menu li:hover {
    color: #0c6dff !important;
    background-color: #ebebeb;
}
.nav-item .dropdown-menu li:hover a{
    color: #0c6dff !important;
   
}
.width300{width:320px;}
   

.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    top: 28px !important;
    width:100px;
}

.list-unstyled li a{    cursor: pointer;} 
.list-unstyled li a:active{
    color:#0c6dff !important;
     background-color: #ebebeb;
 }
.list-unstyled li a:hover{
    color:#0c6dff !important; 
    background-color: #ebebeb;
}
#approved_button {
    position: absolute;
    top: 300px;
  } 
  .mrgn-top-3{margin-top:35px;}
 .icon-invoice {
    background: url(./images/sprites.png) -435px -3px  no-repeat;
    width: 48px;
    height: 48px;
    top: 2px;
    position: relative;
}
.icon-dash-expenses{
     background: url(./images/sprites.png) -388px -203px no-repeat;
    width: 48px;
    height: 48px;
    top: 0px;
    left:-5px;
    position: relative;

}
.icon-profit{
     background: url(./images/sprites.png) -338px -52px no-repeat;
    width: 48px;
    height: 48px;
    top: 0px;
    left:-5px;
    position: relative;

}
.icon-income{
     background: url(./images/sprites.png) -436px -249px no-repeat;
    width: 48px;
    height: 48px;
    top: 0px;
    left:-5px;
    position: relative;

}
.depst-head{font-weight: bold;}

/* PIN Menu STARTS HERE */
.unpin{
    display:none;
     background: url(./images/sprites.png) -723px -192px no-repeat;
    cursor:pointer;
     }

.pin{
   display:none;
   background: url(./images/sprites.png) -772px -190px no-repeat;
  cursor:pointer;
}
.pin:hover:after{
    background: #6a6a6a !important;
    color: #f8f8f8 !important;
    content: 'Pin'; 
    font-size: 14px;
    line-height: 65px;
    padding:5px;
     z-index:999999999;
     border-radius:5px;
}

.unpin:hover:after{
  background:#6a6a6a !important;
  color: #fff !important;
  content: 'Unpin'; 
  font-size: 14px;
  line-height: 65px;
  padding:5px;
  z-index:999999999;
  border-radius:5px;
}
.pin-normal{
   position:absolute;
    top:8px;
    right:-10px;
    z-index:9999998; 
       
}
/*.pin-active{
    

    position:absolute;
    top:12px;
    right:10px;
    z-index: 9999998;
}*/
.pin-active-fav{
    position:absolute;
    top:8px;
    right:-10px;
    z-index: 9999998;
}

.fav-item{
    position: relative;
}
/* PIN Menu ENDS HERE */

.box-title{color:#0c6dff ;}
.child_menu .navFontSize{   
     position: absolute;
    left: 60px;
    top: 10px;
    line-height:18px;}
.dropbtn{border:none;background:none;}

.dropdown-favrite:hover .dropdown-menu {display: block;}
.drop-fav{
    width:72%;
    top:25px !important;
    left:0px;
    border:none !important;
}
.drop-column .dropdown-item:active , .drop-column .dropdown-item:hover { 
    color:#0c6dff !important;
    background-color:#ebebeb !important;

}
.drop-column .show{transform:none !important;}
.dropdown-table-column{width:30%; background-color:#ebebeb;}
.dropdown-table-column:hover .dropdown-menu {display: block;}
.drop-column{
    width:100%;
    top:35px !important;
    left:0px;
    border:none !important;
}
.drop-column .dropdown-item:active , .drop-column .dropdown-item:hover { 
    color:#0c6dff !important;
    background-color:#ebebeb !important;
}
.menu-head-container{
    width: 100%;
    position: relative;
    height: 40px;
    margin:4px 0px;
}
.menu-head{
  text-transform: uppercase;
}
.mainNav .menu-head{display:none;}
.menu-head-responsive{
    width: 26px;
    height: 26px;
    font-size:14px;
    font-weight:600;
    color: #000;
    display: block;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    position: relative;
    left: 12px;
    top: 12px;
    visibility: visible !important;    
  }

.sideNav250 .menu-head{
    display:block;
    margin: 4px 0px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.6px;
    top: 8px;
    left: 3px;
    position: absolute;
    width: 100%;
    padding:5px 5px 5px 5px;
}

.sideNav250 .menu-head-responsive{
    display: none;

}
.RED-Star{color:red;}
/*.drop-management{
 transform: translate3d(0px, 0px, 0px) !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
will-change: transform !important;
}*/
/*
==============================================
hatch
==============================================
*/

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }   
    65% {
        transform: rotate(1deg);
    }   
    80% {
        transform: rotate(-1deg);
    }       
    100% {
        transform: rotate(0deg);
    }                                   
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-2deg);
    }   
    65% {
        -webkit-transform: rotate(1deg);
    }   
    80% {
        -webkit-transform: rotate(-1deg);
    }       
    100% {
        -webkit-transform: rotate(0deg);
    }       
}


.width-80{width:80% !important;}
.width-50{width:50% !important;}
.width-40{width:40% !important;}


.table-show {
    display: flex;
    flex-flow: column;
    width: 100%;
   table-layout: fixed;
}

.table-show thead {
    
    table-layout: fixed;
}

.table-show tbody {

    height: calc(100vh - 160px) !important;
    flex: 1 1 auto;
    display: block;
    table-layout: fixed;
   /* overflow:auto;*/
    overflow-y: auto;
   /* overflow-x: scroll;*/
}

.table-show tr {
  white-space: nowrap;
    width: 100%;
    display: table;
   table-layout: fixed;
}

.table-show tbody>tr {
    margin-bottom: 10px !important;
   
}
.table-invoice {
  display:flex;
    flex-flow: column;
    width: 100%;
   table-layout: auto;
}

.table-invoice thead {
    table-layout: auto;
}

.table-invoice tbody {

    height: calc(100vh - 120px) !important;
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
   /* overflow-x: hidden;*/
}

.table-invoice tr {
    width: 100%;
    display: table;
   table-layout: auto;
}

.table-invoice tbody>tr {
    margin-bottom: 10px !important;
   
}
.compny-name{
    font-size:9px;
    position:absolute;
    top:20px;
    left:52px;
}
.search-icn{
    position:absolute;
    top:15px;
    left:0;
}
.titl-name{font-size:7px;
    display:block;
    text-align:center;
    position:relative;
    top:5px;right:0px;
    line-height:6px;
}
.btn-height{line-height:20px !important;}
/*.pmd-tabs .nav-tabs > li a.active {font-weight:bold; 
    border-bottom:3px solid #0c6dff !important;
  color:#000 !important;}*/
.inv-amount{
    color:#000;
    display:block;
    font-size:16px;
}
 .timesheet-title{font-weight:bold;text-decoration:underline;}
.inv-text{font-size: 13px;}
.due-amount{
    color:#e6c5ad;
    display:block;
    font-size:18px;
}
.due-text{font-size: 14px;}

.item-title{font-size:1.30rem !important;}
.table-responsive {
    display: inline-flex;
    max-width: 100%;
    overflow-x: auto;
}
.menuBtnPad{
    margin: 0px 10px 0 0;
}
.responsive-table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.responsive-table th, .responsive-table  td {
  padding: 8px 16px;
  border: 1px solid #ddd;
  width: 100px;
  white-space: nowrap;

}
.width-310{width:310px !important;}
.width-auto{width:auto !important;}
.emp_timesheet{min-height:500px;}
.runpay-role{min-height:500px;}
/* #timesheetdetails{height:300px;overflow:auto;overflow-y:scroll;}*/

/* Select Add New*/
.select-add-icon{
  background-color: rgb(235, 235, 235) !important;
  background-image: url(/public/acs/custom/images/add.png);
  background-repeat: no-repeat !important;
  text-align: 23px !important;
  background-position: 6% 45% !important;
  color: rgb(12, 109, 255) !important;
  text-align: left !important;
  padding-left: 42px !important;
   
}
.CreateConsultant-Cont .nav-tabs .nav-link.active {
   background-color: #eaf4fb !important;
}
h3.btn-info{background-color: #0c6dff !important;}
h3.btn-info:hover{background-color: #0c6dff !important;}
.custom-control.overflow-checkbox .overflow-control-indicator.disabled::after{
  color:#999 !important; 
  border-right:3px solid #999 !important; 
  border-bottom: 3px solid #999 !important;
  cursor:no-drop;
}
.custom-control.overflow-checkbox .overflow-control-indicator.disabled{
  color:#999 !important;
   border:2px solid #999 !important;
   cursor:no-drop;
 }
 .small-logo{display:none;}
 .resp-search{
    display:none; 
   
  }

@media (min-width: 320px) and (max-width: 767px){

    .inner-submenu {
    margin: 30px 0 0 0 !important;
    overflow-x: auto;
}
    .comp-name {
   
    position: relative;
    top: 0px;
    }
    .table th {
    padding-top: 20px !important;
}

.profileMenuName {
  width: 158px;
}

.card-DboardStats-CountNum {
    float:left;
    padding-right:20px;
    margin-top: 0px !important;
}
.card-DboardStats-CountNum {
   
    line-height: 20px;
}
.stepsBox {
    padding: 5px;
    height:50px;

}
.stepsBox-Content h4 {
    font-size: 14px;
 }
 .stepsBox-Content p {
    font-size: 10px;
 }
 .stepsBox::before {top:0px;}
 .stepsBox::after {top:18px;}
} 

@media (min-width: 320px) and (max-width: 576px){
  .secondarySubMeu {
    margin: 30px 0px 0px 0px;
  }
  .secondarySubMeu .btn{padding:2px !important;}
  .card-DboardStats {
    margin-top:10px !important;
   }
    .affix{
      padding:15px 0px 0px 15px !important;
    }
.form-group.no-margin {margin-top:10px;}
  .application-search input[type="text"] {
    border: none !important;
  }
  .application-search {display:none !important;}
  .resp-search{
    display:inline-block;
  }
  .searchBox {
    width: 40px;
  }
  .searchBox button {
    margin:-53px 0px 0px 0px;
  }
  .notify .info-number{width:20px !important;}
  .fvrt-menu {display:none;}
  .logobar{display:none;}
  .small-logo{display:inline-block;}
 .to-do{display:none;}
 .restore{display:none;}
 .width-310{width:auto !important;}
  .add-bttn button {
    position: absolute;
    top: -22px;
    right: 15px;
}
.drop-fav-responsive{
  top: 0px;
    position: relative;
    float: left;
    width: auto;
}
.ml-auto.MainNavBarContainer {
    padding-left: 0 !important;
    width: 85px;
    margin: 0;
}

.secondarySubMeu a {
    padding: 5px;
    font-size: 0.9rem;
    white-space: nowrap;
}
.pageTitle {
    width: 100%;
    display: flex;
    /* padding-left: 15px; */
     padding-top: 20px; 
    flex-flow: column;
}
.pageTitle h2 {
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: 1.05rem !important;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.pageTitle .RgtContainer {
      width: 100%;
  }
  .addNewButton, .sideFormBox{
        float: none;
        width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: center;
  }
 .sideFormBox a.btn.btn-info{
    font-size: 0px;
    padding: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    float: none;
}
.sideFormBox a i{
    display: block;
    margin: 0 !important;
    font-size: 24px;
}
.logobar {
    /* margin-left: 15px; */
    width: auto;
}
.sample-invoice .mrgn-top-5{margin-top:5px !important;}

  .searchBox input[type="text"] {
    padding:0 0 0 10px;
    height:58px;
  }
  .sideFormBox .searchBox input[type="text"] {
    padding:0 0 0 25px;
  }
  .sideFormBox .searchBox {
    width: 120px;
  }
}
@media (min-width: 576px) and (max-width: 767px){
  .logobar {
   
    width: 165px;
}
  .application-search {display:none !important;}
   .resp-search{
    display:inline-block;
  }
  .searchBox {
    width: 40px;
}
.searchBox button {
  margin:-48px 0 0 0;
}
 /* .application-search {
    width: 115px !important;
  }*/

.fvrt-menu {display:none;}
.width-310{width:auto !important;}
#sidebar-wrapper {
    top: 45px;
}
  .dropdown {
    width: auto;
}
.drop-fav-responsive{
  left:15px;
  top: 0px;
    position: relative;
    float: left;
   width:auto;
}
.card-DboardStats h5 {
    position: absolute;
    top: 16px;
 }
 .date-range-pic {
    top: -25px;
  }
.card-DboardStats {
  min-height:190px;
}

}

@media (min-width: 768px) and (max-width: 1023px){
  .searchBox input[type="text" button]{border: none;}
  .fvrt-menu {display:none;}
  .searchBox input[type="text"] {
    font-size:11px;
     padding: 0 5px 0 5px !important;
   }
   .searchBox button.material-icons{font-size:22px;}
  }

@media (min-width: 1024px) and (max-width: 1200px){
   
    }
 @media (min-width: 541px) and (max-width: 564px){
  #sidebar-wrapper {
    top: 45px;
}
}
/*Safari*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{
 @media {
   .table{table-layout:fixed;}
   .table thead th{table-layout:fixed;padding-right:30px;}
}
}


.modal.fade.in {
    opacity: 1;
}
  
/* Text Color */
.error {
    color: red !important;
}


/* Background Text Colors */
    .bg-gray {
        color: #000;
        background-color:#ebebeb !important;
    }

    .bg-gray-light {
        background-color: #f7f7f7 !important;
    }

    .bg-black {
        background-color: #111 !important;
    }

    .bg-red {
        background-color: #dd4b39 !important;
    }

    .bg-yellow {
        background-color: #f39c12 !important;
    }

    .bg-aqua {
        background-color: #00c0ef !important;
    }

    .bg-blue {
        background-color: #0073b7 !important;
    }

    .bg-light-blue {
        background-color: #3c8dbc !important;
    }

    .bg-green {
        background-color: #00a65a !important;
    }

    .bg-navy {
        background-color: #001f3f !important;
    }

    .bg-teal {
        background-color: #39cccc !important;
    }

    .bg-olive {
        background-color: #3d9970 !important;
    }

    .bg-lime {
        background-color: #01ff70 !important;
    }

    .bg-orange {
        background-color: #ff851b !important;
    }

    .bg-fuchsia {
        background-color: #f012be !important;
    }

    .bg-purple {
        background-color: #605ca8 !important;
    }

    .bg-maroon {
        background-color: #d81b60 !important;
    }

    .bg-gray-active {
        color: #000;
        background-color: #b5bbc8 !important;
    }

    .bg-black-active {
        background-color: #000 !important;
    }

    .bg-red-active {
        background-color: #d33724 !important;
    }

    .bg-yellow-active {
        background-color: #db8b0b !important;
    }

    .bg-aqua-active {
        background-color: #00a7d0 !important;
    }

    .bg-blue-active {
        background-color: #005384 !important;
    }

    .bg-light-blue-active {
        background-color: #357ca5 !important;
    }

    .bg-green-active {
        background-color: #008d4c !important;
    }

    .bg-navy-active {
        background-color: #001a35 !important;
    }

    .bg-teal-active {
        background-color: #30bbbb !important;
    }

    .bg-olive-active {
        background-color: #368763 !important;
    }

    .bg-lime-active {
        background-color: #00e765 !important;
    }

    .bg-orange-active {
        background-color: #ff7701 !important;
    }

    .bg-fuchsia-active {
        background-color: #db0ead !important;
    }

    .bg-purple-active {
        background-color: #555299 !important;
    }

    .bg-maroon-active {
        background-color: #ca195a !important;
    }

    [class^="bg-"].disabled {
        opacity: .65;
        filter: alpha(opacity=65)
    }

    .text-red {
        color: #dd4b39 !important;
    }

    .text-yellow {
        color: #f39c12 !important;
    }

    .text-aqua {
        color: #00c0ef !important;
    }

    .text-blue {
        color: #0c6dff;
    }

    .text-black {
        color: #111 !important;
    }

    .text-light-blue {
        color: #3c8dbc !important;
    }

    .text-green {
        color: #00a65a !important;
    }

    .text-gray {
        color: #d2d6de !important;
    }

    .text-navy {
        color: #001f3f !important;
    }

    .text-teal {
        color: #39cccc !important;
    }

    .text-olive {
        color: #3d9970 !important;
    }

    .text-lime {
        color: #01ff70 !important;
    }

    .text-orange {
        color: #ff851b !important;
    }

    .text-fuchsia {
        color: #f012be !important;
    }

    .text-purple {
        color: #605ca8 !important
    }

    .text-maroon {
        color: #d81b60 !important;
    }
/* Text BackgroundsEnds */
.temp-title{
  margin-left:-30px;
  margin-bottom:15px;
  text-decoration:underline;
}
.sample-invoice{padding:20px;}
.sample-invoice .mrgn-top-5{margin-top:3.4rem;}
.role-permission .btn{margin:5px !important;}
.nav-icon{
cursor: pointer;
padding:0px 15px;
position:relative;
}
/*.nav-icon:hover, .nav-icon:active .text-blue{
  color:#fe573c !important;
  }*/
.icon-desc{
  font-size:9px;
  position: absolute;
   top:22px;
   left:15px;
}
.application-search{
    width: 300px;
    margin-top:2px;
    float: left;
    height: 38px;
}
.application-search button{margin:-32px 0 0 0 !important;}
.application-search input[type="text"] {
    border: 1.5px solid #fe573c;
    border-radius: 10px;
    height:35px;
    color:#000 !important;
  }
  .application-search .app-search:hover, .app-:focus {
    color:#fe573c;
   background-color:#fafafa;
    border-radius: 10px;
    box-shadow:0 0 0 0.1rem rgb(254 131 112);
  }

.phpdebugbar {
    z-index: 99999999 !important;

  }
 /* .sideNav250 .mainNav ul{margin-left:10px;}*/

 
.disp-none{display:none;}

 .affix {
     position: fixed;
    top: 25px;
    right: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    display: table;
    padding: 15px 15px 0 65px;
    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;
}

@media (max-width: 1038px){
    .table-show{
      width:100vw !important;
      overflow:auto;
      overflow-x: scroll;
    }
  
    .table-show thead{
      table-layout:auto !important;
       /* overflow-x: scroll; */
    }
    .table-show tr{
     
      table-layout: auto !important;
      white-space: nowrap !important;
     
    }
   }
/*outlook css*/
.out-lookmail{
  border-right:1px solid #ccc;
  padding:10px;
}
.outlook-chart{
 /* border:1px solid #ccc;*/
  padding:10px;
}
.outlook-chart .searchBox{display:block;}
.chart-list{}
.body-container-sideNav250 .affix{padding:15px 15px 0px 55px;}
.filter-div{
    border:1px solid #ccc;
    margin:10px 0px;
    padding:3px;
}
.pt-8{padding-top:8px;}
.pt-10{padding-top:10px;}
#dataRange{
    line-height:28px;
    cursor:pointer;
}
.ml-35{
    margin-left:35px;
}
.bench-db{
    position:absolute;
    top:3px;
    right:3px;
    height:25px !important;
    border-radius:3px;
    border-radius:5px !important;}
#dataRange1{
    cursor: pointer;
}
.bench-db #dataRange{line-height:16px;}
.date-range-pic{border-radius:5px !important;}