html {
    height: 100%;
    color: #333;
    font-size: 12px;
}

body {
    background-color: #f0f0f0 !important;
    min-height: 90%;
    padding: 0;
    margin: 0;
    position: relative;
}

.text-tturbo {
    color: #37a0e4 !important;
}

.mar-top {
    margin-top: 0!important;
}

.bg-tturbo {
    background-color: #37a0e4 !important;
}

.text-tturbo-light {
    color: #eff6fc !important;
}

.bg-tturbo-light {
    background-color: #eff6fc !important;
}

.driver-model .prrr {
    margin-left: 55px;
}

.data-view label {
    border-bottom: 2px solid #37a0e4;
    padding-bottom: 5px;
    width: auto;
}

.data-view .flex-fill {
    background-color: #eff6fc !important;
}

a,
a:hover,
a:visited {
    text-decoration: none !important;
}

.recscroll {
    max-height: 417px;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
}

ul.ul-horizontal>li {
    display: inline-block;
    margin: 0px 2px;
}

#wrapper {
    min-height: 100%;
    padding: 0;
    margin: 0;
}

#main-header {
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    padding: 0px;
}

#main-header .logo {
    display: block;
    margin-top: 10px;
}

#main-header .main-menu li>a {
    color: #333;
    padding: 10px;
    display: block;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}

#main-header .main-menu li.active>a,
#main-header .main-menu li a:hover {
    color: #2980b9;
}

#main-header .main-menu li.active>a:before,
#main-header .main-menu li a:hover:before {
    content: "";
    height: 4px;
    background-color: #2980b9;
    width: 100%;
    display: block;
    bottom: 0px;
    left: 0px;
    position: absolute;
    border-radius: 10px;
}

#main-header .sub-menu {
    color: #333;
    padding: 21px 5px;
    display: block;
    transition: all 0.3s ease-in-out;
    text-align: right;
}

#main-header .sub-menu li a {
    color: #333;
}

#main-header .sub-menu .tadmin {
    margin-right: 20px;
    display: block;
}

#sub-header {
    min-height: 80px;
    background-color: #2980b9;
    /*background: linear-gradient(#e8e8e8, #F0F0F0);*/
}

.fluid-box {
    margin: -5px 15px;
}


/*.box-wrapper{
    margin:15px; 
} */

.mtb-4 {
    margin: 15px 0px;
}

.pos-rel {
    position: relative;
}

.load-indicator {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/loader.svg) 50% 50% no-repeat #6ab187;
    display: none;
}

.form-check-input {
    margin: 0;
}

.slideinputcontainer {
    width: 100%;
}

.slider-input {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.slider-input:hover {
    opacity: 1;
}

.slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #37a0e4;
    cursor: pointer;
}

.slider-input::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #37a0e4;
    cursor: pointer;
}

.all-table thead th {
    background-color: #2980b9;
    border-bottom: 2px solid #2980b9;
    color: #e6e6e6;
    padding: 1rem 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 11.5px;
    border-bottom: 5px solid #fff;
}

.all-table tbody td {
    vertical-align: middle;
    padding: 5px 0.75rem;
    background-color: #f6f7f8;
    border-bottom: 1px solid #e3e6e8;
    transition: all 0.2s ease-in-out;
}

.all-table tbody tr:hover td,
.all-table tbody tr.selected td {
    background-color: #e6e9ec;
}

.all-table .td-hidden {
    padding: 0 !important;
    min-height: 1px !important;
    border-bottom: 5px solid #fff;
    display: table-cell;
    background-color: #e6e9ec;
}


/* candidate education table start */

.cand-education-table thead th {
    background-color: #2980b9;
    border-bottom: 2px solid #2980b9;
    color: #e6e6e6;
    padding: 1rem 0.5rem;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 11.5px;
    border-bottom: 5px solid #fff;
}

.cand-education-table tbody td {
    vertical-align: middle;
    padding: 5px 0.75rem;
    background-color: #f6f7f8;
    border-bottom: 1px solid #e3e6e8;
    transition: all 0.2s ease-in-out;
}

.cand-education-table tbody td:nth-child(3) {
    width: 65px !important;
}

.cand-education-table tbody tr:hover td,
.cand-education-table tbody tr.selected td {
    background-color: #e6e9ec;
}

.cand-education-table .td-hidden {
    padding: 0 !important;
    min-height: 1px !important;
    border-bottom: 5px solid #fff;
    display: table-cell;
    background-color: #e6e9ec;
}


/* candidate education table end */

.td-panel {
    display: none;
    padding: 10px;
}

.phoneborder .phone-border {
    border: none!important;
    border-bottom: 1px solid #ced4da !important;
}

h4.page-title {
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.box-tools li a {
    font-size: 15px;
    color: #333333;
    transition: all 0.3s ease-in-out;
}


/*        #quick-search:hover .box-tools li a{
    color: #000;
}*/

#main-search .lbl {
    text-align: left;
}

#main-search .lbl label {
    color: #2f2f2f;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0px;
}

#main-search input[type="text"],
#main-search input[type="number"] {
    width: 100%;
    height: 26px;
    padding: 2px 10px;
    background-color: #ffff;
    outline: 0;
    border: 1px solid #ced4da;
    box-shadow: none;
    border-radius: 2px !important;
}

#main-search input[type="text"]:focus {
    z-index: 0 !important;
}

#main-search .select2,
.main-search .select2 {
    width: 100% !important;
    min-height: 30px;
    border: 1px solid #e8e8e8;
    box-shadow: none;
    border-radius: 2px !important;
}

#main-search .select2multiple {
    width: 100%;
    min-height: 30px;
    border: 1px solid #e8e8e8;
    box-shadow: none;
    border-radius: 2px !important;
}

.select2-selection__choice {
    font-size: 11px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #e9ecef;
    /*border: 1px solid #e8e8e8!important;*/
    border-radius: 2px;
}

.calendar-addon {
    position: absolute;
    right: 8px;
    top: 3px;
    font-size: 14px;
    color: #757171;
    z-index: 999;
}

.filter-list li {
    margin-right: 5px;
}

ul.ul-horizontal.filter-list li img {
    width: 16px;
}

.accordion .card-header {
    padding: 0;
}

.accordion .card-header .btn-link {
    color: #000;
}

.table-fields input[type="checkbox"].field-chekbox {
    display: none;
}

.table-fields input[type="checkbox"].field-chekbox+label {
    transition: all 0.3s ease;
    font-size: 11px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgba(55, 160, 228, 0.4);
    padding: 2px 4px;
    display: inline-block;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}

.table-fields input[type="checkbox"].field-chekbox:checked+label {
    transition: all 0.3s ease;
    background-color: rgb(55, 160, 228);
    border-color: #2980b9;
    color: #fff;
}

.table-fields input[type="checkbox"].field-chekbox:checked+label {
    color: white;
    -webkit-animation: check 1s;
    animation: check 1s;
}

.table-fields input[type="checkbox"].field-chekbox:checked+label {
    -webkit-animation: check 1s;
    animation: check 1s;
}

.table-fields input[type="checkbox"].field-chekbox:checked+label:hover {
    color: #fff;
    background-color: #2980b9;
    border-color: #2980b9;
}


/* Basic styles */

input[type="checkbox"].form-check-input,
input[type="radio"].form-check-input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

label.form-check-label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}

label.form-check-label::before,
label.form-check-label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
}

label.form-check-label::before {
    content: " ";
    border: 2px solid #c7c7c7;
    background-color: #ced0e0;
    border-radius: 4%;
}

.tab-section {
    border: 1px #c8c8c8 !important;
    border-radius: 1rem !important;
    box-shadow: 1px 1px 8px 1px #c8c8c8 !important;
}

.tab-section:hover {
    box-shadow: 1px 1px 8px 1px #7fb1d2bf !important;
}

.socialmedia-tab-icon {
    box-shadow: 1px 1px 8px 1px #c8c8c8 !important;
}

.socialmedia-tab-icon:hover {
    box-shadow: 1px 1px 8px 1px #7fb1d2bf !important;
}

.socialmedia-btn {
    display: inline-block;
    color: #fff !important;
    text-transform: none !important;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    text-align: left;
    vertical-align: middle;
    outline: 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.socialmedia-btn:hover {
    /*-moz-box-shadow: 2px 3px 8px #888 !important;
    -webkit-box-shadow: 2px 3px 8px #888 !important;
    box-shadow: 2px 3px 8px #888 !important;*/
    -moz-box-shadow: -7px 4px 12px -7px #333 !important;
    -webkit-box-shadow: -7px 4px 12px -7px #333 !important;
    box-shadow: -7px 4px 12px -7px #333 !important;
}

.blue-bg {
    background-color: #2980b9 !important;
}


/* Checkbox */

input[type="checkbox"].form-check-input+label.form-check-label::after {
    font-family: "themify";
    content: "\e64c";
    color: #fff;
    line-height: 15px;
    text-align: center;
}


/* Radio */

input[type="radio"].form-check-input+label.form-check-label::before {
    border-radius: 50%;
}

input[type="radio"].form-check-input+label.form-check-label::after {
    content: " ";
    top: 0.25em;
    left: 0.25em;
    width: 1em;
    height: 1em;
    background: #e8e8e8;
    border: 2px solid #000;
    border-radius: 4%;
}


/* :checked */

input[type="checkbox"].form-check-input:checked+label.form-check-label::before,
input[type="radio"].form-check-input:checked+label.form-check-label::before {
    background: rgb(55, 160, 228);
    border-color: #2980b9;
}

input[type="checkbox"].form-check-input+label.form-check-label::after,
input[type="radio"].form-check-input+label.form-check-label::after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

input[type="checkbox"].form-check-input:checked+label.form-check-label::after,
input[type="radio"].form-check-input:checked+label.form-check-label::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Transition */

label.form-check-label::before,
label.form-check-label::after {
    transition: 0.25s all ease;
}

.tab-status {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.tab-status li {
    margin-right: 5px;
    margin-bottom: 5px;
    color: #656565;
    font-size: 10px;
}

.tab-status li span {
    color: #000;
    font-size: 11px;
    font-weight: 600;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: rgb(55, 160, 228);
    border-color: rgb(55, 160, 228);
    -moz-box-shadow: 2px 3px 8px #888 !important;
    -webkit-box-shadow: 2px 3px 8px #888 !important;
    box-shadow: 2px 3px 8px #888 !important;
    outline: 0;
}

.btn-primary {
    color: #fff;
    background-color: rgb(55, 160, 228);
    border-color: rgb(55, 160, 228);
    -moz-box-shadow: 2px 3px 8px #888 !important;
    -webkit-box-shadow: 2px 3px 8px #888 !important;
    box-shadow: 2px 3px 8px #888 !important;
    outline: 0;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #2980b9;
    border-color: #2980b9;
    box-shadow: none;
    outline: 0;
}

.tab-data ul {
    display: block;
    width: 100%;
    border-bottom: 2px solid #2980b9;
}

.tab-data ul li {
    padding: 3px 6px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #eee;
    cursor: pointer;
}

.tab-data ul li.active {
    background-color: #37a0e4;
    color: #fff;
}

.tab-data .tab-contents {
    display: none;
}

.tab-data .tab-contents.active {
    display: block;
    width: 100%;
    background-color: rgba(55, 160, 228, 0.2);
    padding: 10px;
    min-height: 80px;
}

a.expand {
    color: #000;
    font-size: 14px;
}

.more-span {
    transform: rotate(90deg) !important;
    font-size: 14px;
}

td .dropdown-item {
    padding: 0.25rem 0.8rem;
}

.hide-div {
    display: none !important;
}

table .form-check {
    margin: 0px !important;
}

table label.form-check-label {
    padding-left: 1.25rem !important;
}

.form-check-inline {
    margin-right: 0px;
}

#main-header.fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: -2px -3px 5px 2px rgba(0, 0, 0, 0.5);
}

.userprofile.dropdown-toggle::after {
    display: none;
}

.userprofile-submenu li a {
    display: block;
    padding: 3px 10px;
}

.userprofile-submenu li a:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

.notification-icon {
    padding-right: 10px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-r {
    position: relative;
}

.p-a {
    position: absolute !important;
    width: 100% !important;
    bottom: 10px;
}

.p-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dropdown-menu a {
    padding: 5px 10px;
}

.dropdown-menu {
    padding: 0px;
}

#main-header .main-menu li a img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#main-header .main-menu li a img.hovericon {
    display: none;
}

#main-header .main-menu li.active a img.menuicon,
#main-header .main-menu li a:hover img.menuicon {
    display: none;
}

#main-header .main-menu li.active a img.hovericon,
#main-header .main-menu li a:hover img.hovericon {
    display: block;
}

.userprofile-submenu .dropdown-toggle::after {
    display: none;
}

.one-content {
    display: none;
}

.one-content.active {
    display: block;
}

.driver-model .card-body {
    padding: 0px;
}

.driver-model .driver-tab-list .card-header li a {
    width: 100%;
    height: 100%;
    text-align: center;
    /*background-color: #f0f0f0;*/
    color: #333;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 5px;
}

.driver-tab-list {
    width: 100%;
}

.driver-model .driver-tab-list .card-header li {
    display: inline;
    float: left;
    width: auto;
    height: 32px;
    margin-right: 3px;
    background-color: #d4d4d4;
}

.driver-model .driver-tab-list .card-header>ul>li a.active,
.driver-model .driver-tab-list .card-header>ul>li a:hover {
    background-color: rgb(55, 160, 228);
    color: #fff;
    border-color: rgb(55, 160, 228);
}

.driver-model .card-header {
    padding: 0px;
    background-color: transparent;
    border-bottom: 0px solid transparent;
}

.driver-model .tab_pad {
    padding-bottom: 5px;
}

.driver-model .card .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.driver-model .driver-tab-list .card-header ul {
    border-bottom: 3px solid rgb(55, 160, 228);
    width: 100%;
    background: #f0f0f0;
    margin: 0px;
    display: flex;
}

.card-header {
    font-weight: 600;
    font-size: 13px;
}

.radio_btns {
    top: 4px;
}

.radio_btns p {
    display: inline-block;
    margin-bottom: 5px !important;
    line-height: 1;
}

.radio_btns [type="radio"]:checked,
.radio_btns [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio_btns [type="radio"]:checked+label,
.radio_btns [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    padding-right: 10px;
    margin-bottom: 0px;
}

.radio_btns [type="radio"]:checked+label:before,
.radio_btns [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.radio_btns [type="radio"]:checked+label:after,
.radio_btns [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: rgb(55, 160, 228);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio_btns [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio_btns [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.required-field-block {
    position: relative;
}

.required-field-block .required-icon {
    display: inline-block;
    border-color: rgba(255, 132, 132, 0.69);
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    background-color: transparent;
    bottom: 0em;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 10;
    width: 30px;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
    overflow: hidden;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    bottom: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    transform: rotate(90deg);
}

.ten-columns {
    margin: 5px 0px !important;
}

.select2-container--default .select2-selection--single {
    height: 30px;
}

.color-bg {
    background: #ddd;
    margin: 0px;
    padding: 5px;
    border-radius: 3px;
}

.calendar-addon,
.search-addon {
    position: absolute;
    right: 8px;
    top: 3px;
    font-size: 14px;
    color: #727272;
}

.calendar-addon {
    z-index: 1;
}

.shadow {
    -moz-box-shadow: 2px 3px 8px #888 !important;
    -webkit-box-shadow: 2px 3px 8px #888 !important;
    box-shadow: 2px 3px 8px #888 !important;
}

.modal.show {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
}

table#example.dataTable tr th.select-checkbox.selected::after,
table#example.dataTable tr.selected td.select-checkbox:after {
    content: "\e64c";
    font-family: "themify";
    top: 12px !important;
    right: 1px !important;
}

table#example.dataTable td.select-checkbox:before,
table#example.dataTable td.select-checkbox:after,
table#example.dataTable th.select-checkbox:before,
table#example.dataTable th.select-checkbox:after {
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    left: 5px !important;
}

#example p {
    margin-bottom: 0px;
}

#gpmruleModal .modal-dialog {
    max-width: 80% !important;
}

td i.ti-trash {
    padding-left: 15px;
    font-size: 16px;
    position: relative;
    top: 3px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-3 {
    margin-bottom: 3px;
}

.all-table thead th {
    color: #fff;
    padding: 10px 0.75rem;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px;
    border-bottom: 5px solid #fff;
    vertical-align: middle;
    white-space: nowrap;
}

.modal-lg {
    max-width: 80% !important;
}

.modal-dialog {
    width: 100% !important;
}


/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) {}


/* Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
    .modal-dialog {
        max-width: 100%;
    }
    ul.ul-horizontal.main-menu>li {
        display: block;
        text-align: center;
    }
    .p-r,
    .p-a {
        position: unset;
    }
    .p-r-5 {
        padding-right: 15px;
    }
    .p-l-5 {
        padding-left: 15px;
    }
}


/* Set width to make card deck cards 100% width */

@media (max-width: 950px) {}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (max-width: 768px) {
    .mb-10-mr {
        margin-bottom: 10px;
    }
}


/* Small devices (landscape phones, 544px and up) */

@media (max-width: 575px) {
    #main-search .lbl {
        text-align: left;
        padding-right: 15px;
    }
    .modal-lg {
        max-width: 100% !important;
    }
}


/* Login and registration styles */

#login-form.tt_form input[type="text"],
#login-form.tt_form input[type="email"],
#login-form.tt_form input[type="password"] {
    height: 35px !important;
}

#login a.logo {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#login a.logo img {
    max-width: 175px;
}

.login_div {
    height: 100vh;
}

.login_div h4 {
    float: left;
    width: 100%;
    color: rgb(55, 160, 228);
}

form#login-form {
    float: left;
    width: 100%;
}

.m-t-15 {
    margin-top: 15px;
}

.pos-rel {
    position: relative;
    float: left;
    width: 100%;
    box-shadow: 2px 3px 8px #888 !important;
}

.forgot-btns a {
    color: rgb(55, 160, 228);
    font-size: 12px;
}

.filled .form-control {
    background-color: #f6f7f8;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

.all-table tbody tr.filled:hover .form-control {
    background-color: #e6e9ec;
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
}

.filled .addmoretextbox,
.filled .removemoretextbox,
.fill .removemoretextbox,
.fill.filled-last .addmoretextbox,
.filled1 .removeskill,
.filled1.filled1-last .addskills,
.filled2 .removepreference,
.filled2.filled2-last .addpreference,
.filled3 .removeeducation,
.filled3.filled3-last .addeducation {
    display: none;
}

.pos-relative {
    position: relative;
}

.fill.filled-last .removemoretextbox,
.filled1.filled1-last .removeskill,
.filled2.filled2-last .removepreference,
.filled3.filled3-last .removeeducation {
    display: block;
}

.pos-absolute {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.ti-plus,
.ti-trash,
.ti-bell,
.ti-pencil {
    font-weight: bold;
    font-size: 16px;
}

.ti-small1 {
    font-size: 9px !important;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload span {
    color: #212529;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.fileUpload img {
    height: 18px;
}

.pull-right {
    float: right;
    text-align: center;
}


/* For Firefox */

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

select.form-control[multiple],
select.form-control[size] {
    height: 30px !important;
}

.logo-img img {
    max-width: 100%;
}

#clientContract textarea.form-control {
    height: 35px !important;
}

#clientContract .card-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.modal-btns {
    padding: 10px 0px;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px !important;
    }
}

.tbl-add-icon {
    margin-top: 6px !important;
    margin-left: 6px !important;
}

.more_link_color {
    color: #007bff;
}

.whole_no {
    color: #4cb9dd;
}

.max_limit {
    color: #f72525;
}

.climax_limit {
    height: 36px;
    width: 300px;
    margin: 10px 10px;
    float: center;
    background-color: #37a0e4;
    float: right;
    text-align: center;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    border-radius: 4px;
}

.maxLimt {
    background-color: #37a0e4;
    padding: 8px 10px;
    color: #fff;
    border-radius: 4px;
    margin-right: 20px;
    font-weight: bold;
}

.imagePreview {
    width: 75px;
    height: 75px;
    background-position: center center;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/avatar.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
}

.imgUp {
    margin-bottom: 15px;
    margin: 0 auto 15px;
    position: relative;
}

.user-card {
    color: #303336;
    /*  padding: 20px 0;*/
}

.information {
    text-align: center;
    width: 100%;
    float: left;
}

.information p {
    text-align: left;
}

.avatar {
    margin: 0 auto;
    display: block;
}

.name {
    font-size: 16px;
}

.information h4 {
    font-size: 14px;
    color: #8c98a8;
    font-weight: normal;
    float: left;
    width: 100%;
}

.position {
    font-size: 14px;
    color: #8c98a8;
    margin-bottom: 2px;
    float: left;
    width: 100%;
}

.information .progress {
    float: left;
    width: 100%;
}

.upload-icon {
    position: absolute;
    bottom: -8px;
    left: 45%;
    /* icon align center for interviewer profile*/
    width: 25px;
    height: 25px;
    margin-bottom: 0px;
    line-height: 25px;
    background-color: #2980b9;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.uploadleft {
    left: 38% !important;
}

.delete-icon {
    position: absolute;
    bottom: 60px;
    left: 58%;
    width: 17px;
    height: 17px;
    margin-bottom: 0px;
    line-height: 17px;
    background-color: #eb4646;
    border-radius: 100%;
    color: #fff;
    font-size: 13px;
    box-shadow: 0px 4px 6px 2px rgb(0 0 0 / 20%);
    cursor: pointer;
}

.closefont {
    font-size: 10px!important;
}

.deleteleft {
    left: 87%!important;
}

.deleteclient {
    left: 77%!important;
}

.border-5 {
    border-top: 5px solid #2980b9;
}

.progress-bar {
    background-color: #2980b9;
    width: 0;
    -webkit-animation: progress 1.5s ease-in-out forwards;
    animation: progress 1.5s ease-in-out forwards;
}

.progress-bar .title {
    opacity: 0;
    -webkit-animation: show 0.35s forwards ease-in-out 0.5s;
    animation: show 0.35s forwards ease-in-out 0.5s;
}

@-webkit-keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.viewonly input,
.viewonly select,
.viewonly textarea,
.viewonly input[type="radio"],
.viewonly input[type="checkbox"],
.viewonly label.form-check-label,
.viewonly span.select2-selection {
    pointer-events: none;
    background-color: #e9ecef !important;
}

.viewonly .required-icon,
.noaddedmore,
.viewonly .removeaddbtn {
    display: none !important;
}

.norecordfound {
    display: none !important;
}

.icon-ul li {
    margin: 0px 5px !important;
}

.user-card {
    display: block;
    border-radius: 8px;
}

.open-button,
.close-button {
    cursor: pointer;
}

.rating {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}

.rating input {
    display: none;
}

.rating label {
    float: right;
    font-size: 0;
    color: #d9d9d9;
    padding-right: 3px;
}

.rating label:before {
    content: "\e60a";
    font-family: "themify";
    font-size: 16px;
    line-height: 16px;
}

.rating label:hover,
.rating label:hover~label {
    color: #2980b9;
    transition: 0.2s;
}

.rating input:checked~label {
    color: #2980b9;
}

.rating input:checked~label:hover,
.rating input:checked~label:hover~label {
    color: #2980b9;
    transition: 0.2s;
}

.rating-star {
    color: #2980b9;
    font-size: 1.5rem;
}

.border-1-bottom {
    border-bottom: 1px solid #ddd;
}

.pos-relative {
    position: relative;
}

.pt-8 {
    display: block;
    padding-top: 8px;
}

#calendar {
    max-width: 100%;
    margin: 10px auto;
}

.user-profile {
    display: inline-block;
    border-right: 1px solid #ddd;
    background-color: #f5f5f5;
    text-align: center;
    width: 81px;
    float: left;
    margin-right: 10px;
}

.profile {
    margin: 10px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #ddd;
}

.last-submit {
    font-size: 16px;
    color: #999;
}

.user-stats {
    display: inline-block;
    padding: 0px 0 0 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.w-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.name {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    font-size: 20px;
    line-height: 25px;
    color: #222;
    text-align: center;
    width: 100%;
}

.score {
    display: -webkit-flex;
    display: flex;
    padding: 5px 0px;
}

.my-score {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    color: #524fa1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-align: left;
    width: 43%;
    position: relative;
}

.my-score:after {
    position: absolute;
    content: ":";
    display: block;
    top: 0px;
    right: 5px;
}

.total-score {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #524fa1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    width: 57%;
    overflow: hidden;
}

.meta-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.meta-stat {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.meta-stat-label {
    margin-top: 0px;
    margin-bottom: 16px;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.meta-stat-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -msflexbox;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.meta-stat-num {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #524fa1;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.meta-stat-total {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #524fa1;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.widget-content {
    background-color: white;
    border-radius: 5px;
    border: 1px solid lightgray;
}

.header {
    border-bottom: 2px solid lightblue;
    padding: 5px;
}

.header .title {
    font-weight: bold;
    float: left;
}

.header .icons {
    float: right;
    color: black;
    position: relative;
}

.icons .fa {
    transition: all 2s;
    cursor: pointer;
    opacity: 1;
}

.display-mode .icons .edit-only {
    display: none;
    transition: all 2s;
}

.edit-mode .icons .display-only {
    display: none;
    z-index: -1;
}

.icons .fa-times:hover {
    color: red;
    transition: all 1s;
    z-index: 1;
}

.icons .fa-floppy-o:hover {
    color: lightgreen;
    transition: all 1s;
}

.icons .fa-pencil {
    position: absolute;
    z-index: 2;
    right: 5px;
}

.icons .fa-pencil:hover {
    color: blue;
    transition: color 1s;
}

.inner-content {
    padding: 5px;
}

.data-cell {
    position: relative;
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.data-output-label {
    width: 30%;
    display: block;
    float: left;
    text-align: left;
    position: relative;
}

.data-output-label:after {
    position: absolute;
    content: ":";
    display: block;
    top: 0px;
    right: 10px;
}

.data-output-value {
    float: left;
}

.data-output-input input,
.data-output-input select {
    position: absolute;
    width: 70%;
    box-sizing: border-box;
}

.data-output-value,
.data-output-input input {
    position: absolute;
}

.display-mode .data-output-input {
    display: none;
    transition: all 1s;
}

.edit-mode .data-output-input {
    transition: all 1s;
    border: 0px;
    border-bottom: 1px solid #ddd;
}

.display-only,
.edit-only {
    cursor: pointer;
    padding: 0px 2px;
}

.pos-abs-icon,
.pos-abs-icon-delete {
    position: absolute;
    right: 0px;
}

.pos-abs-icon.edit-mode,
.pos-abs-icon-delete {
    display: none;
}

.pos-abs-icon-delete.show-delete-icon {
    display: block;
}

.edit-mode input[type="text"]:focus.data-output-input {
    outline: none;
}

.edit-mode .data-output-value {
    display: none;
    transition: all 1s;
}

@media screen and (max-width: 550px) {
    .data-cell {
        width: 100%;
        float: none;
        padding: 3px 0px;
    }
}

.thisModalRef {
    position: absolute;
    top: 0;
    right: 100px;
    width: auto;
}

.textRef {
    width: 300px;
    border: 1px solid rgb(216, 215, 215);
    border-radius: 3px;
    padding: 5px;
    resize: none;
    max-height: 70px;
}

.dropdown.show .dropdown-menu.show {
    padding: 0px;
}

.act_option.show {
    margin-left: -51px;
}

.dropdown-menu a {
    padding: 3px 10px;
}

.fc-day-grid-event .fc-time {
    white-space: initial;
}

.disable-btn button {
    pointer-events: none;
    opacity: 0.4;
}

.fc-day-grid-event.fc-h-event {
    cursor: pointer;
}

.accordion-content.collapse,
.accordion-content.collapse .card-body .accordion-content.collapse.show,
.accordion-content.collapse.show .card-body {
    /*max-height: 155px;
    overflow-y: auto;*/
}

.feedback-title:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-color: #2980b9;
    transform: rotate(45deg);
    right: 415px;
    top: 33px;
    z-index: 0;
}

.feedback-title,
.blue-bg-title {
    font-size: 14px !important;
    position: relative;
    background-color: #2980b9;
}


/** <!--custom style **/


/*a.edit-only.save-icon.btn.btn-primary {
    margin-right: 10px;
}*/

a.edit-only.btn.save-icon,
a.edit-only.btn.close-icon {
    width: auto;
}

.input-group.timepick.data-output-input {
    width: auto;
}

.invalid-feedback {
    display: block !important;
    margin-top: 2rem !important;
    font-size: 95% !important;
}

.btn.btn-primary.filter-button {
    margin-left: 10px;
    margin-top: 24px;
    padding: 6px 10px;
    width: auto;
}

#fc-schedule-interview .fc-content,
#fc-interviewer-calendar .fc-content {
    display: grid;
    line-height: 1.6;
}

#fc-schedule-interview .fc-title,
#fc-interviewer-calendar .fc-title {
    order: 1;
    font-weight: bold;
}

#fc-schedule-interview .fc-time,
#fc-interviewer-calendar .fc-time {
    order: 2;
    font-weight: 300 !important;
}

.interviewer-feedback .header,
.schedule-interview .header {
    border-bottom: #2980b9;
    background-color: #2980b9;
    color: #fff;
}

.bg-blue-header {
    border-bottom: #37a0e4 !important;
    background-color: #37a0e4 !important;
    color: #fff !important;
}

.schedule-interview .data-output-input {
    display: flex;
}

.schedule-interview .ti-plus {
    color: #fff;
}

.schedule-interview .icons .edit-only {
    display: inline-block;
}

.interviewer-feedback .row>span.data-output-value,
.schedule-interview .row>span.data-output-value {
    position: relative;
    padding-right: 10px;
}

.schedule-interview .icons {
    color: #fff;
}

.interview-feedback-accordion .btn-info:hover,
.interview-feedback-accordion .btn-info:active {
    color: #fff !important;
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
    box-shadow: #2980b9 !important;
}

a.btn.btn-info.btn-block {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none !important;
}

.interviewer-feedback .candidate_info .row,
.interviewer.interview-schedule .candidate_info .row {
    padding: 5px;
    font-size: 14px;
}

.inner-content {
    padding: 5px;
}

.interviewer-feedback .inner-content {
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.fc-popover>.fc-header {
    display: list-item !important;
}

.fc-popover .fc-header .fc-close.fc-icon {
    float: right;
}

#recruitment-carousel .carousel-indicators li {
    background-color: #2980b9 !important;
}

#recruitment-carousel .carousel-caption {
    right: 5%;
    left: 5%;
    color: #333;
    text-align: left;
    text-shadow: none;
    position: static;
}

#recruitment-carousel .img-fluid {
    max-width: 0%;
}

.carousel-control-prev,
.carousel-control-next {
    top: 0% !important;
    z-index: 1 !important;
    opacity: 1 !important;
    bottom: 87% !important;
    width: 2% !important;
    /*left: 64%;*/
    position: absolute !important;
}

.recruitment-feedback.modal.show {
    justify-content: unset !important;
}

#recruitment-carousel .carousel-caption {
    padding-top: 0px;
}

.opacity-100 {
    opacity: 1 !important;
}

.modal-header>ul {
    margin-left: auto;
    padding: 0;
    margin: 0;
}

.modal-header>ul>li {
    display: inline-block;
}

.modal-header>ul>li>a {
    margin-top: 0px !important;
}

.modal-header>ul>li>a.ctm-btn {
    background-color: transparent;
    border: 0;
    padding: 6px;
    margin: 0;
}

div.tooltip {
    top: -90px !important;
}

.tooltip .tooltip-inner {
    background-color: #8f8f90;
    color: #fff;
}

.tooltip .arrow::before {
    border-top-color: #8f8f90 !important;
}

.interviewer.interview-schedule .header-top {
    margin-left: 15px;
    margin-right: 15px;
}


/** custom style--> **/


/** <--Recruitment Plan **/

.jobinfo-edit {
    position: absolute;
    top: -34px;
    right: 10px;
    z-index: 999;
}


/*.form-control.readonly {
    background-color: #e9ecef;
    opacity: 1;
}*/

.multiselect__option--highlight {
    background-color: #37a0e4 !important;
}

.multiselect__option--selected {
    background-color: #f3f3f3 !important;
    color: #35495e !important;
}

.multiselect__option--selected.multiselect__option--highlight {
    background-color: #afafaf !important;
    color: #000 !important;
}

.multiselect__tag {
    background-color: #37a0e4 !important;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background-color: #37a0e4 !important;
}

.multiselect.form-control,
.multiselect__input,
.multiselect__placeholder,
.multiselect__element,
.multiselect__tag,
.multiselect__single {
    font-size: 11px !important;
}

.multiselect--above .multiselect__content-wrapper {
    max-height: 240px !important;
    z-index: 1040 !important;
}

.btn {
    color: #fff !important;
    -moz-box-shadow: 2px 3px 8px #888 !important;
    -webkit-box-shadow: 2px 3px 8px #888 !important;
    box-shadow: 2px 3px 8px #888 !important;
    outline: 0 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
}

.btn-primary {
    background-color: rgb(55, 160, 228) !important;
    border-color: rgb(55, 160, 228) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #bd2130 !important;
    border-color: #b21f2d !important;
}

.ti-plus.button {
    font-size: 10px !important;
}

.vdp-datepicker__calendar {
    z-index: 1000 !important;
    min-width: 190px;
}

.slstatus.Talent.Identified {
    background-color: #007bff !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Talent.Rejected {
    background-color: #dc3545 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Interview.Scheduled {
    background-color: #ffc107 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Interview.Completed {
    background-color: #17a2b8 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Client.Reviewed {
    background-color: #ff9c07 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Candidate.Hired {
    background-color: #28a745 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Terminated {
    background-color: #ff0000 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Resigned {
    background-color: #662d24 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Follow.Up {
    background-color: #99a728c9 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Offer.Declined {
    background-color: #e9967a !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Offer.Given {
    background-color: #99a728c9 !important;
    color: #fff !important;
    width: auto;
}
.slstatus.Returned {
    background-color: #605d5fc9 !important;
    color: #fff !important;
    width: auto;
}
.slstatus.Interview.Cancelled {
    background-color: red !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Pre.Screened {
    background-color: #76b2bc !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Profile.Submitted {
    background-color: #678990 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Technical.Screened {
    background-color: #72bac9 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.End.Client.Interview.Scheduled {
    background-color: #069595 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Offer.Accepted {
    background-color: #1ad697 !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Offer.Withdrawn {
    background-color: #e9a43d !important;
    color: #fff !important;
    width: auto;
}

.slstatus.Returned {
    background-color: #cd9e58 !important;
    color: #fff !important;
    width: auto;
}

.offerbtn {
    position: absolute;
    top: 80%;
    left: 30%;
}

.plan-recruitment .dropdown-toggle::after {
    vertical-align: 0 !important;
}


/** Recruitment Plan--> **/

.candidate-title {
    font-size: 14px !important;
    position: relative;
    background-color: #2980b9;
}

.candidate-title:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-color: #2980b9;
    transform: rotate(45deg);
    right: -7px;
    top: 15px;
    z-index: 0;
}

.candidate-details li p a,
.candidate-details li p {
    font-size: 14px;
    /*color: #212529;*/
}

.date-time-cell .data-output-input {
    width: 100%;
    float: left;
    height: auto;
}

.min-scroll {
    min-height: 0px;
    overflow: scroll;
    max-height: 240px;
}

.mt-80 {
    margin-top: 80px;
}

.about-box {
    background-color: #ddd;
    line-height: initial;
}

textarea.more-text-area {
    height: 150px !important;
    width: 100%;
}

.tab-bg {
    background-color: #f0f0f0;
}

.Assigned {
    background-color: #007bff !important;
}

.Accepted {
    background-color: #17a2b8 !important;
}

.Conducted {
    background-color: #ffc107 !important;
}

.Completed {
    background-color: #28a745 !important;
}

.Postponed {
    background-color: #3807ff !important;
}

.Open {
    background-color: #007bff !important;
}

.Inprogress {
    background-color: #17a2b8 !important;
}

.Closed {
    background-color: #ffc107 !important;
}

.w-50-auto {
    width: 70px;
    float: left;
    text-align: center;
}

span.select2-selection__rendered {
    text-align: left !important;
    border: ;
}

span.select2-selection {
    border: 1px solid #ced4da !important;
}

.titlebg {
    background-color: rgb(55, 160, 228) !important;
    color: #fff;
}

.clientinfo {
    max-height: 400px !important;
    overflow: auto !important;
}

.progress-bar {
    -webkit-transition: width 5s ease;
    -moz-transition: width 5s ease;
    -o-transition: width 5s ease;
    transition: width 5s ease;
}

.userplus {
    bottom: 10px;
    font-size: 18px;
    color: #34a1e5;
}

.full-screen {
    min-height: calc(100vh - 100px);
}

.full-screen-1 {
    min-height: calc(100vh - 70px);
}

.login_div1 {
    height: 80vh;
}

.dashboard-icon-hover {
    display: none;
}

.dashboard-menu:hover .dashboard-icon-hover {
    display: block;
    margin: 0 auto;
}

.dashboard-menu:hover .dashboard-icon {
    display: none;
}

.dashboard-menu:hover .card-title {
    padding: 10px 0px;
    margin-bottom: 0px;
    color: #909090;
}

.dashboard-menu .card-title {
    color: #37a0e4;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.dashboard-menu-border {
    border-color: #37a0e4 !important;
    border-radius: 30px !important;
}

.inbox-tab-list .nav-tabs .nav-link {
    padding: 0.5rem 0.5rem !important;
}


/*----------------My Inbox Style  START --------------*/

.u-float-right {
    float: right;
}

.u-flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.subtle {
    color: #888;
    font-size: 12px;
}

.card-media {
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    height: auto;
    margin-bottom: 10px;
    transition: all 300ms ease-out;
    width: 100%;
    float: left;
}

.card-media:hover {
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
}

.card-media-object-container {
    background: none;
    float: left;
    height: 60px;
    width: 25%;
    position: relative;
    padding: 5px;
}

.card-media-object {
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.card-media-object-tag {
    background-color: #fff;
    border-radius: 2px;
    padding: 2px 7px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.card-media-object-social-list {
    bottom: 4px;
    left: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 20;
}

.card-media-object-social-list li {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 6px;
    opacity: 0;
    overflow: hidden;
    transform: translateY(5px);
    transition: all 300ms ease-out;
    width: 30px;
}

.card-media:hover .card-media-object-social-list li {
    opacity: 1;
    transform: translateY(0);
}

.card-media-object-social-list li:nth-child(1) {
    transition-delay: 0;
}

.card-media-object-social-list li:nth-child(2) {
    transition-delay: 75ms;
}

.card-media-object-social-list li:nth-child(3) {
    transition-delay: 150ms;
}

.card-media-object-social-list-item-additional {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding-top: 7px;
    text-align: center;
}

.card-media-body {
    background-color: #fff;
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
    width: 100%;
}

.card-media-body-top {
    display: block;
}

.card-media-body-top-icons {
    margin-top: -2px;
    opacity: 0;
    transition: all 300ms ease-out;
    transform: translateY(-5px);
}


/*.card-media:hover .card-media-body-top-icons {
    opacity: 1;
    transform: translateY(0);
}*/

.card-media-body-top-icons>a {
    cursor: pointer;
    margin-left: 10px;
    transition: all 300ms ease-out;
    color: #888;
}

.card-media-body-top-icons>a:hover {
    fill: #444;
}

.card-media-body-heading {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.card-media-body-supporting-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    opacity: 1;
    padding: 0 15px;
    transition: all 300ms ease-out;
    width: 100%;
}

.subheading {
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.subtext {
    color: #6a6a6a;
    line-height: 35px;
    font-size: 14px;
}

.subtext ul {
    padding-left: 30px;
}

.subtext ul li {
    position: relative;
}

.subtext ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #cecece;
    left: -20px;
    top: 15px;
}

.inboxcolor {
    color: #007bff;
}


/*--- Plan Recruitment Starts---*/

.u-float-right {
    float: right;
}

.u-flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.subtle {
    color: #888;
    font-size: 12px;
}

.card-media {
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    height: auto;
    margin-bottom: 10px;
    transition: all 300ms ease-out;
    width: 100%;
    float: left;
}

.card-media:hover {
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
}

.card-media-object-container {
    background: none;
    float: left;
    height: 60px;
    width: 25%;
    position: relative;
    padding: 5px;
}

.card-media-object {
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.card-media-object-tag {
    background-color: #fff;
    border-radius: 2px;
    padding: 2px 7px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.card-media-object-social-list {
    bottom: 4px;
    left: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 20;
}

.card-media-object-social-list li {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 6px;
    opacity: 0;
    overflow: hidden;
    transform: translateY(5px);
    transition: all 300ms ease-out;
    width: 30px;
}

.card-media:hover .card-media-object-social-list li {
    opacity: 1;
    transform: translateY(0);
}

.card-media-object-social-list li:nth-child(1) {
    transition-delay: 0;
}

.card-media-object-social-list li:nth-child(2) {
    transition-delay: 75ms;
}

.card-media-object-social-list li:nth-child(3) {
    transition-delay: 150ms;
}

.card-media-object-social-list-item-additional {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding-top: 7px;
    text-align: center;
}

.card-media-body {
    background-color: #fff;
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
    width: 100%;
}

.card-media-body-top {
    display: block;
}

.card-media-body-top-icons {
    margin-top: -2px;
    opacity: 0;
    transition: all 300ms ease-out;
    transform: translateY(-5px);
}

.card-media:hover .card-media-body-top-icons {
    opacity: 1;
    transform: translateY(0);
}

.card-media-body-top-icons>a {
    cursor: pointer;
    margin-left: 10px;
    transition: all 300ms ease-out;
    color: #888;
}

.card-media-body-top-icons>a:hover {
    fill: #444;
}

.card-media-body-heading {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #37a0e4;
}

.card-media-body-supporting-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    opacity: 1;
    padding: 0 15px;
    transition: all 300ms ease-out;
    width: 100%;
}

.subheading {
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.subtext {
    color: #6a6a6a;
    line-height: 35px;
    font-size: 14px;
}

.subtext ul {
    padding-left: 30px;
}

.subtext ul li {
    position: relative;
}

.subtext ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #cecece;
    left: -20px;
    top: 15px;
}


/*--- Plan Recruitment Ends---*/


/*----------------My Inbox Style  END --------------*/

.headersearchbox {
    position: relative;
}

.recruiter_menu {
    margin-bottom: 18px;
}

.recruiter-img {
    margin-bottom: 0px!important;
}

.headersearchbox input {
    width: 100%;
    padding-right: 55px;
}

.headersearchbox button {
    position: absolute;
    right: 0px;
    height: 29px;
}


/* Dashboard */

.recruiter-dashboard .sidebar .nav-link {
    padding: 15px;
}

.recruiter-dashboard .sidebar {
    background-color: #fff;
    box-shadow: none;
}

.recruiter-dashboard .sidebar {
    position: fixed !important;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ddd;
}

.recruiter-dashboard .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0px;
}

.recruiter-dashboard .sidebar .nav-link.active,
.recruiter-dashboard .sidebar .nav-link:hover {
    border-left: 5px solid #2298f1;
    background: rgba(221, 221, 221, 0.5);
}

.recruiter-dashboard .sidebar .nav-link {
    border-left: 5px solid #fff;
    font-size: 14px;
}

.recruiter-dashboard .card-list {
    width: 100%;
}

.recruiter-dashboard .card.blue {
    background-color: #2298f1;
}

.recruiter-dashboard .card.pink {
    background-color: #ca69c7;
}

.recruiter-dashboard .card.green {
    background-color: #66b92e;
}

.recruiter-dashboard .card.orange {
    background-color: #da932c;
}

.recruiter-dashboard .card.red {
    background-color: #a9a9a9;
}

.recruiter-dashboard .card.lightred {
    background-color: #ce99fc;
}

.recruiter-dashboard .card.darkshadegreen {
    background-color: #5B6D5B;
}

.recruiter-dashboard .card.yellowgreen {
    background-color: #c0ca33;
}

.recruiter-dashboard .card.sanmarino {
    background-color: #3f729b;
}

.recruiter-dashboard .card.darkgreen {
    background-color: green;
}

.recruiter-dashboard .card.grey {
    background-color: grey;
}

.recruiter-dashboard .card {
    border-radius: 8px;
    color: #fff;
    padding: 8px;
    position: relative;
}

.recruiter-dashboard .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 1.5remrem;
}

.recruiter-dashboard .card .title {
    display: inline-block;
    padding: 10px 10px 0;
    text-transform: uppercase;
}

.recruiter-dashboard .card i {
    color: white;
    font-size: 28px;
    opacity: 0.3;
    position: absolute;
    right: 13px;
    top: 13px;
}

.recruiter-dashboard i {
    line-height: 1;
    vertical-align: middle;
}

.recruiter-dashboard .card .value {
    font-size: 13px;
    padding: 0px;
}

.recruiter-dashboard .card .stat {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 8px;
    margin-top: 10px;
    padding: 1px 0px 0;
    text-transform: uppercase;
}

.recruiter-dashboard .card .stat-rm {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 7px;
    margin-top: 10px;
    padding: 1px 0px 0;
    text-transform: uppercase;
}

.recruiter-dashboard .u-float-right {
    float: right;
}

.recruiter-dashboard .u-flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.recruiter-dashboard .subtle {
    color: #888;
    font-size: 12px;
}

.recruiter-dashboard .card-media {
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    height: auto;
    margin-bottom: 10px;
    transition: all 300ms ease-out;
    width: 100%;
    float: left;
}

.recruiter-dashboard .card-media:hover {
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
}

.recruiter-dashboard .card-media-object-container {
    background: none;
    float: left;
    height: 60px;
    width: 25%;
    position: relative;
    padding: 5px;
}

.recruiter-dashboard .card-media-object {
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.recruiter-dashboard .card-media-object-tag {
    background-color: #fff;
    border-radius: 2px;
    padding: 2px 7px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.recruiter-dashboard .card-media-object-social-list {
    bottom: 4px;
    left: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 20;
}

.recruiter-dashboard .card-media-object-social-list li {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 6px;
    opacity: 0;
    overflow: hidden;
    transform: translateY(5px);
    transition: all 300ms ease-out;
    width: 30px;
}

.recruiter-dashboard .card-media:hover .card-media-object-social-list li {
    opacity: 1;
    transform: translateY(0);
}

.recruiter-dashboard .card-media-object-social-list li:nth-child(1) {
    transition-delay: 0;
}

.recruiter-dashboard .card-media-object-social-list li:nth-child(2) {
    transition-delay: 75ms;
}

.recruiter-dashboard .card-media-object-social-list li:nth-child(3) {
    transition-delay: 150ms;
}

.recruiter-dashboard .card-media-object-social-list-item-additional {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding-top: 7px;
    text-align: center;
}

.recruiter-dashboard .card-media-body {
    background-color: #fff;
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
    width: 100%;
}

.recruiter-dashboard .card-media-body-top {
    display: block;
}

.recruiter-dashboard .card-media-body-top-icons {
    margin-top: -2px;
    opacity: 0;
    transition: all 300ms ease-out;
    transform: translateY(-5px);
}

.recruiter-dashboard .card-media:hover .card-media-body-top-icons {
    opacity: 1;
    transform: translateY(0);
}

.recruiter-dashboard .card-media-body-top-icons>a {
    cursor: pointer;
    margin-left: 10px;
    transition: all 300ms ease-out;
    color: #888;
}

.recruiter-dashboard .card-media-body-top-icons>a:hover {
    fill: #444;
}

.recruiter-dashboard .card-media-body-heading {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.recruiter-dashboard .card-media-body-supporting-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    opacity: 1;
    padding: 0 15px;
    transition: all 300ms ease-out;
    width: 100%;
}

.recruiter-dashboard .subheading {
    font-weight: 700;
    color: #000;
    font-size: 18px;
}

.recruiter-dashboard .subtext {
    color: #6a6a6a;
    line-height: 35px;
    font-size: 14px;
}

.recruiter-dashboard .subtext ul {
    padding-left: 30px;
}

.recruiter-dashboard .subtext ul li {
    position: relative;
}

.recruiter-dashboard .subtext ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #cecece;
    left: -20px;
    top: 15px;
}

.recruiter-dashboard .sidebar .nav-link i {
    padding: 0px 10px;
}

.recruiter-dashboard .interviewers-inbox .card-body {
    padding: 0px;
}


/* Funnel chart */

.recruiter-dashboard .img-fluid.graph {
    height: 100%;
}

.badgebg {
    height: 27px;
    width: 30px;
    padding: 0.5rem 0.4rem !important;
    font-size: 90% !important;
    background-color: #37a0e4;
    border-radius: 50px !important;
    color: #fff;
}

.add_mar {
    margin: 10px;
}

.edit_plan {
    font-size: 15px;
    color: #007bff;
    cursor: pointer;
}

.check_plan {
    font-size: 12px;
    font-weight: bold;
    color: #369633;
    cursor: pointer;
}

.close_plan {
    font-size: 12px;
    font-weight: bold;
    color: #ee2c46;
    cursor: pointer;
}

.text_per {
    height: 25px!important;
}

.badgebgdashboard {
    height: 23px;
    width: 30px;
    padding: 0.5rem 0.4rem !important;
    font-size: 90% !important;
    background-color: #37a0e4;
    border-radius: 50px !important;
    color: #fff;
}

.h-38 {
    height: 38px !important;
}

.job-link {
    padding: 6px;
}

.mt-70 {
    margin-top: 70px;
}

.progress-interview .dropdown-toggle::after {
    vertical-align: unset !important;
}

.hrline {
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    background-color: #dee2e6;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.border_top {
    border-top: 1px solid rgb(151 147 147 / 30%);
    margin-top: 15px;
    margin-left: 10px;
}


/* Chart  */

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title {
    color: #515252 !important;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
    color: #000 !important;
}

.input-group.extended>div {
    width: auto;
}


/* Dashboard MyInbox */

.scroll-down {
    max-height: 600px;
    overflow-y: auto;
}

.scroll-down-list {
    max-height: 400px;
    overflow-y: auto;
}

.scroll-down-inbox {
    max-height: 550px;
    overflow-y: auto;
}

.planrec {
    padding: 0px !important;
}


/* comparecandidate start */

.btn:hover {
    text-decoration: none !important;
}

.btn: {
    text-decoration: none;
}

.accordion .fa {
    margin-right: 0.5rem;
    font-size: 20px;
    color: #939393;
}

.widt {
    width: 33.3%;
}

.s_table {
    width: 92%;
    margin: 10px auto;
}

.s_table th {
    padding: 4px 4px;
}

.s_table td {
    padding: 2px 4px;
}


/* comparecandidate end */

.plan-recruitment .driver-model .card-header {
    padding: 0;
}

.plan-recruitment .driver-model .card-header>h5 {
    padding: 5px 20px;
    font-size: 12px;
}

.s_caps tr td {
    font-size: 15px;
    font-weight: 500;
}

#demo-navbar {
    height: 72px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 11px !important;
    margin-top: 10px;
}

.plan-recruitment .daysmore {
    position: relative;
    top: -18px;
}

.plan-recruitment .link {
    font-size: 12px !important;
    margin-top: 7px;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #37a0e4 !important;
    border-color: #37a0e4 !important;
}

.btn-info:not(:disabled):not(.disabled).hover,
.btn-info:not(:disabled):not(.disabled):hover,
.show>.btn-info.dropdown-toggle {
    background-color: #2980b9 !important;
    border-color: #2980b9 !important;
}


/* interviewer dashboard -- */

.interviewer.dashboard .tab-content .card-body {
    padding: 0px !important;
}


/* -- interviewer dashboard -- */

p.htmlText ul {
    list-style-type: initial !important;
    padding: initial !important;
    margin: 0 0 0 44px !important;
    display: block !important;
}

div.ti-input {
    border-radius: 0.25rem !important;
}

input.ti-new-tag-input,
div.ti-tag-center {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

ul.ti-tags>li.ti-tag:before {
    content: "" !important;
}

div.vue-tags-input {
    width: 100% !important;
}


/* ti-tag-center */


/* Settings */

.settings-leftbar {
    background-color: #f7fbfd85;
}

.text-blue {
    color: #54afea !important;
}

.left-bar-tab:hover {
    background-color: #f7fbfd85 !important;
    box-shadow: 1px 1px 8px 1px #c8c8c8 !important;
}

.left-bar-tab.left-tab-active {
    background-color: #92929147;
}

.hover-text-blue:hover {
    color: #54afea !important;
}

.hover-hand {
    cursor: pointer;
}

.job-info-bg {
    background-color: #f1f1f1 !important;
}


/* Settings */


/* Reports */

.reports-badge {
    font-size: 14px;
    font-family: cursive;
    font-weight: bolder;
    background-color: #45aeef;
    color: #fff;
    border-radius: 49%;
    padding: 2px 8px;
}

.tab-disabled {
    background-color: #ececec !important;
}


/* Reports */

@media (min-width: 576px) {
    .dashboard-admin .col-sm-2 {
        max-width: 12% !important;
        padding-left: 0px;
    }
    .dashboard-admin-ad .col-sm-2 {
        max-width: 10% !important;
        padding-left: 0px;
    }
    /* for recruitment manager dashboard */
    .dashboard-admin-superAdmin .col-sm-2,
    .dashboard-admin-rm .col-sm-2 {
        max-width: 10.7% !important;
        padding-left: 0px;
    }
    .dashboard-admin-rm .col-sm-3 {
        max-width: 12% !important;
        padding-left: 0px;
    }
}

div.skillList {
    padding: 2px;
    height: auto;
}

div.skillList>ul {
    list-style-type: none;
    margin: 0;
}

div.skillList>ul>li {
    display: inline-block;
    padding: 0 2px 2px 0;
}

div.skillList>ul>li.item {
    background-color: #84b9f1;
    margin: 2px;
}

div.skillList>ul>li.item>span.text {
    padding: 2px 2px;
    color: #000000;
}

.item-close-icon1 {
    font-size: 70%;
    color: #cc0000;
}

h4 a.btn-back {
    font-size: 13px;
}

h4 a.btn-back i {
    font-size: 10px;
}

div.group-ctrl {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding-right: 0;
    padding-left: 5px;
    margin: 5px 5px 5px 0;
    float: left;
}

div.group-ctrl>ul {
    margin: 0;
    list-style: none;
}

div.group-ctrl>ul>li {
    display: inline-block;
    padding: 2px;
}

div.group-ctrl>ul>li.icon {
    background-color: #e9ecef;
    float: right;
    text-align: center;
}

.badgebgcaninbox {
    height: 23px;
    width: 38px;
    padding: 0.5rem 0.4rem !important;
    font-size: 90% !important;
    background-color: #37a0e4;
    border-radius: 50px !important;
    color: #fff;
}


/* Tools */

.tools-input.form-control {
    height: 3.3rem !important;
    border: 1px solid #e8e8e8 !important;
}

.settings-leftbar.accordion .accordion-header:after {
    font-family: "FontAwesome";
    content: "\f068";
    float: right;
    align-self: center;
    color: #878686;
}

.settings-leftbar.accordion .accordion-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    align-self: center;
    color: #878686;
}

.settings-leftbar.accordion .accordion-sub-menu {
    background-color: #e8e8e8;
    padding: 1.5rem 7rem;
}

.settings-leftbar.accordion .accordion-sub-menu:hover {
    background-color: #eff6fc;
    padding: 1.5rem 7rem;
}

.settings-leftbar.accordion .accordion-sub-menu>span {}

.media-container-row {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-content: center;
}

.media-container {
    position: relative;
    word-wrap: break-word;
}

.video-text-content {
    padding: 1rem;
    text-align: center;
    font-weight: 500;
}


/* Tools */


/* Common styles */

.overflow-visible {
    overflow: visible !important;
}

.error {
    color: red;
}


/* Common styles */


/*Reports*/

.customreport-title {
    background-color: #37a0e4;
    color: #fff;
    padding: 5px;
}

.mt-minus-5 {
    margin-top: -5px;
}


/*Reports*/


/*Tasks*/

.stages-list>.stage {
    background-color: #eff6fc;
}

.stages-list .stage-header {
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}

.stages-list .stage-card {
    background-color: #fff;
    padding: 1rem;
    margin: 1rem 0.5rem;
}

.stages-list .assignees>span {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #37a0e4;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: #717170;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}

.circle-icon {
    background: #c7c7c7;
    padding: 9px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
}

.circle-icon:hover {
    background-color: #37a0e4a1;
}

.comment-box {
    line-height: 0.4;
}

.taskComments .comments {
    background-color: #eff6fc;
    border-left: 2px solid #717170;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    checkbox_style/*position: absolute;*/
    opacity: 1;
    pointer-events: none;
}

[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

[type="checkbox"]:checked+span:not(.lever):before {
    top: 2px;
    left: -2px;
    width: 7px;
    height: 14px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #37a0e4;
    border-bottom: 2px solid #37a0e4;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked+span:not(.lever) {
    color: #a5a5a5;
}

.task-status-update {
    margin-right: 50px;
    border-right: 12px solid #f0f0f0;
}

.main-sidebar.right-sidemenu {
    margin-left: 60px !important;
}

.bg-grey {
    background-color: #f0f0f0 !important;
}

.task-status-update .activity {
    padding: 50px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}


/*Tasks*/


/* report*/

.content-wrapper,
.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 300px;
    z-index: 820;
}

.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 300px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.sub-sidebar {
    min-height: 0!important;
    left: 28.5% !important;
    width: 550px!important;
}

.main-sidebar.right-sidemenu {
    /*padding-top: 50px;*/
    position: absolute;
    top: 0;
    left: unset;
    right: 0 !important;
    min-height: 100%;
    width: 300px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.content-wrapper {
    min-height: 100vh;
    background-color: #ecf0f5;
    z-index: 800;
}

.content-wrapper,
.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 300px;
    z-index: 820;
}

.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-300px, 0);
    -ms-transform: translate(-300px, 0);
    -o-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
}

.sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
}

i {
    font-family: "themify";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.sidebar-toggle i:before {
    content: "\e629";
}

.sidebar-collapse .sidebar-toggle i:before {
    content: "\e628";
}

.main-sidebar .sidebar-menu li {
    border-bottom: 1px solid #ddd;
}

.sidebar-menu li>a {
    position: relative;
}

.sidebar-menu>li>a {
    padding: 15px;
    display: block;
}

.sidebar-menu img {
    margin-right: 15px;
    width: 25px;
}

.main-sidebar .sidebar-menu li:hover {
    background: #ddd;
}

@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper {
        margin-left: 50px !important;
        z-index: 840;
    }
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        width: 50px !important;
        z-index: 850;
    }
    .apply-wrapper {
        margin-left: 0px!important;
    }
    .btn-position {
        position: absolute;
        top: 80%;
        left: 30%;
    }
    .downloadhide {
        position: absolute;
        top: 10%;
        left: 83%;
    }
    #loadImg {
        top: 50%;
        left: 43%;
        opacity: 0.5;
        position: absolute;
    }
    .sidebar-collapse .sidebar-menu>li {
        position: relative;
    }
    .sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0;
    }
    .sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px;
    }
    .sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px;
    }
    .sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
    }
    .sidebar-collapse .main-sidebar .user-panel>.info,
    .sidebar-collapse .sidebar-form,
    .sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .sidebar-collapse .sidebar-menu>li>a>.pull-right,
    .sidebar-collapse .sidebar-menu>li>a>span>.pull-right,
    .sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
    }
    .sidebar-collapse .main-header .logo {
        width: 50px;
    }
    .sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }
    .sidebar-collapse .main-header .logo>.logo-lg {
        display: none;
    }
    .sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
    .sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 240px;
        left: 50px;
    }
    .sidebar-collapse .right-sidemenu .sidebar-menu>li:hover>a>span:not(.pull-right),
    .sidebar-collapse .right-sidemenu .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 140px;
        right: 50px;
        left: unset;
    }
    .sidebar-menu>li>a>span {
        color: #212529;
        font-size: 14px;
    }
    .sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        bottom: 0px;
        margin-left: 0px;
        padding: 10px;
        background: #ddd;
        color: #212529;
        font-size: 14px;
        height: 56px;
        /* image's height */
        line-height: 35px;
    }
    .sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        position: relative !important;
        float: right;
        width: auto !important;
        left: 180px !important;
        top: -22px !important;
        z-index: 900;
    }
    .sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
        display: none;
    }
    .sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0;
    }
}

.sidebar-collapse .reports-title {
    display: none;
}

.sidebar-collapse .back-link {
    display: none;
}

.m-0 {
    margin: 0px;
}

.task-grp .slider-input {
    -webkit-appearance: none;
    width: 89%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.notify .badge {
    position: absolute;
    top: -4px;
    right: 3px;
    padding: 3px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

.clearboth {
    clear: both;
}


/* Interviewer Availabilty Time Control */

.timeselector__box__item--is-selected {
    background: #2980b9 !important;
}

#candidateAccount {
    z-index: 999;
}

.modal-backdrop {
    z-index: 998 !important;
}

.default {
    cursor: default;
}


/* profile-image with progress */

.circle {
    background: transparent !important;
}


/*.circle-percent-text-body {
    left: 30% !important;
    padding-top: 85px !important;
}*/

.percent-text {
    font-size: 14px !important;
    left: 60px;
    position: relative;
}

.progress-circle .circle {
    padding: 0px !important;
    height: unset !important;
}

.userimage-progress .imagePreview {
    box-shadow: unset !important;
}


/*.userimage-progress {
    position: relative;
}
*/

.progress-circle canvas {
    width: 90px !important;
    height: 90px !important;
}

.progress-circle {
    display: inline-block;
}

.userimage-progress .imgUp {
    width: max-content;
    position: absolute;
    /* top: 15px;*/
    left: 0px;
    margin: 0px !important;
}

.userimage-progress .imgUp .imagePreview {
    width: 73px !important;
    height: 73px !important;
}

.progress-circle .circle-percent-text-body {
    top: 0px;
    transform: inherit !important;
}

.table-responsive .table-width {
    width: 65px !important;
}

.yearexperience-select select {
    padding: 4.5px 1px !important;
}

.w-40 {
    width: 40% !important;
}

.p-0-5 {
    padding: 0px 5px !important;
}

.bulk-upload .checkbox-text {
    position: relative;
    top: 6px;
}

.objective {
    height: 100px !important;
    overflow: scroll !important;
}

.notes-scroll {
    height: 150px !important;
    overflow-y: auto !important;
}

.notes-scroll-not{
    border:0px !important;
    overflow: unset !important;
    height: 50px !important;
}

.modal-backdrop.show {
    opacity: 0 !important;
    display: none !important;
}

.errorcolor {
    color: #dc3545 !important;
}

.clear-both {
    clear: both;
}


/* START Add New Collapse  */

.newcan.content-wrapper,
.newcan.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 500px;
    z-index: 820;
}

.newcan.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 500px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.newcan.main-sidebar.right-sidemenu {
    /*padding-top: 50px;*/
    position: absolute;
    top: 0;
    left: unset;
    right: 0 !important;
    min-height: 100%;
    width: 500px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.newcan.content-wrapper {
    min-height: 100vh;
    background-color: #ecf0f5;
    z-index: 800;
}

.newcan.content-wrapper,
.newcan.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 500px;
    z-index: 820;
}

.newcan.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-500px, 0);
    -ms-transform: translate(-500px, 0);
    -o-transform: translate(-500px, 0);
    transform: translate(-500px, 0);
}

.newcan.sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
}

.newcan.sidebar-toggle i:before {
    content: "\e629";
}

.newcan.sidebar-collapse .sidebar-toggle i:before {
    content: "\e628";
}

.newcan.main-sidebar .sidebar-menu li {
    border-bottom: 1px solid #ddd;
}

.newcan.sidebar-menu li>a {
    position: relative;
}

.newcan.sidebar-menu>li>a {
    padding: 15px;
    display: block;
}

.newcan.sidebar-menu img {
    margin-right: 15px;
    width: 25px;
}

.newcan.main-sidebar .sidebar-menu li:hover {
    background: #ddd;
}

@media (min-width: 768px) {
    .newcan.sidebar-collapse .content-wrapper {
        margin-left: 50px !important;
        z-index: 840;
    }
    .newcan.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850;
    }
    .newcan.sidebar-collapse .sidebar-menu>li {
        position: relative;
    }
    .newcan.sidebar-collapse .sidebar-menu>li>a {
        margin-right: 0;
    }
    .newcan.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 4px;
    }
    .newcan.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
        border-bottom-right-radius: 4px;
    }
    .newcan.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
    }
    .newcan.sidebar-collapse .main-sidebar .user-panel>.info,
    .newcan.sidebar-collapse .sidebar-form,
    .newcan.sidebar-collapse .sidebar-menu>li>a>span,
    .newcan.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .newcan.sidebar-collapse .sidebar-menu>li>a>.pull-right,
    .newcan.sidebar-collapse .sidebar-menu>li>a>span>.pull-right,
    .newcan.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
    }
    .newcan.sidebar-collapse .main-header .logo {
        width: 50px;
    }
    .newcan.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }
    .newcan.sidebar-collapse .main-header .logo>.logo-lg {
        display: none;
    }
    .newcan.sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }
}

@media (min-width: 768px) {
    .newcan.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
    .newcan.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 240px;
        left: 50px;
    }
    .newcan.sidebar-collapse .right-sidemenu .sidebar-menu>li:hover>a>span:not(.pull-right),
    .newcan.sidebar-collapse .right-sidemenu .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        width: 140px;
        right: 50px;
        left: unset;
    }
    .newcan.sidebar-menu>li>a>span {
        color: #212529;
        font-size: 14px;
    }
    .newcan.sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        bottom: 0px;
        margin-left: 0px;
        padding: 10px;
        background: #ddd;
        color: #212529;
        font-size: 14px;
        height: 56px;
        /* image's height */
        line-height: 35px;
    }
    .newcan.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
        position: relative !important;
        float: right;
        width: auto !important;
        left: 180px !important;
        top: -22px !important;
        z-index: 900;
    }
    .newcan.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
        display: none;
    }
    .newcan.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 44px;
        margin-left: 0;
    }
}

.newcan.sidebar-collapse .reports-title {
    display: none;
}

.newcan.sidebar-collapse .back-link {
    display: none;
}

.newcan-scroll {
    min-height: 0px;
    overflow: scroll;
    max-height: 580px;
}


/* END Add New Collapse  */

@media (min-width: 992px) {
    .modal .modal-small {
        max-width: 45% !important;
        width: 45% !important;
    }
}

.resumeExtract.sidebar-collapse p.htmlText {
    display: none;
}

.w-110 {
    width: 110% !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.editcan.content-wrapper {
    min-height: 100vh;
    background-color: #ecf0f5;
    z-index: 800;
}

.editcan.content-wrapper,
.editcan.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 170px;
    z-index: 820;
}

.filter.form-control {
    height: 26px !important;
}

.experience.w-100 {
    width: 100px !important;
}

.timezone-title {
    background-color: #ffd700;
}

.fa-lg {
    line-height: normal !important;
}

@media (max-width:768px) {
    .font24 {
        font-size: 20px !important;
    }
}

.font24 {
    font-size: 24px !important;
}

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

.text-green {
    color: #28a745 !important;
}

.text-blue {
    color: #007bff !important;
}

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

.dashboard-rec-chart {
    display: inline-block;
    padding: 5px 0px;
    color: #777;
    font-size: 15px;
    margin-right: 20px;
}

.dashboard-mr {
    margin-right: -27px;
    margin-left: 20px;
}

.progress-bar-vertical {
    width: 20px;
    min-height: 40px;
    display: flex;
    align-items: flex-end;
    margin-right: 20px;
    float: left;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

.modal-open {
    overflow: visible !important;
    padding-right: 0px !important;
}

.modal {
    padding-left: 40px !important;
    padding-right: 54px !important;
}

*:focus {
    outline: 0;
}

.icon-color-blue {
    color: #37a0fb !important;
}

.mt-10 {
    margin-top: 10px;
}

.w-100 {
    width: 100% !important;
}

.mt-11 {
    margin-top: -11px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.color-black {
    color: black !important;
}

.text-center {
    text-align: center !important;
}

.multiselect__tag {
    margin-bottom: 0px !important;
}

.multiselect__tags {
    min-height: 26px !important;
    padding: 3px 40px 0 8px !important;
    margin-bottom: 0px !important;
}

.multiselect__tag-icon {
    line-height: initial !important;
}

.multiselect__tags .multiselect__input {
    height: auto !important;
    margin-bottom: 0px !important;
    min-height: 18px !important;
}

.multiselect__placeholder {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

.multiselect,
.multiselect__select {
    /*height: 26px !important;*/
    min-height: 26px !important;
}

.multiselect-arrow .multiselect__select {
    height: 26px !important;
    right: 15px;
    width: unset;
}

.multiselect-arrow .multiselect__select:before {
    position: absolute;
    /* right: unset !important; */
    top: 50%;
    color: #999;
    margin-top: 0px;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    vertical-align: middle;
    line-height: initial;
    bottom: 0px;
}

.multiselect-arrow .multiselect--active .multiselect__select {
    right: 5px;
    width: unset;
}

.multiselect__single {
    margin-bottom: 0px !important;
}

.specialization-form .multiselect__tags {
    min-height: 29px !important;
}

.specialization-form .multiselect,
.specialization-form .multiselect__select {
    height: 29px !important;
    min-height: 29px !important;
}

.mail-multi-select .multiselect__tags {
    min-height: 39px !important;
}

.mail-multi-select .multiselect,
.mail-multi-select .multiselect__select {
    height: 39px !important;
    min-height: 39px !important;
}

.mail-multi-select .multiselect__input,
.mail-multi-select .multiselect__single {
    line-height: 30px;
}

.multiselect__option {
    padding: 5px 12px !important;
    min-height: 20px !important;
}

.resumeExtract.sidebar-collapse .sidebar iframe {
    display: none;
}

.max-w-45 {
    width: 45px !important;
    max-width: 45px !important;
}

.phone-border {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.assign-job-list li span {
    display: inline-block;
}

.assign-job-list li {
    padding: 5px 10px;
}

.popup-height {
    height: 335px;
    overflow-x: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.plr-5 {
    padding: 0px 5px;
}


/* Social Login Buttons */

#loginHead {
    position: absolute;
    top: 510px;
    left: 480px;
    width: 500px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

#orSeparator {
    position: absolute;
    top: 0px;
    right: -10px;
    height: 115px;
    width: 60px;
}

#socialSeparatorTop {
    position: absolute;
    top: 0px;
    left: 30px;
    height: 100px;
    width: 1px;
    background-color: rgb(187, 183, 183);
}

#or {
    position: absolute;
    top: 115px;
    left: 8px;
    width: 40px;
    height: 16px;
    display: inline-block;
    border-radius: 22px;
    line-height: 1px;
    padding: 12px 0px;
    border: 1px solid rgb(187, 183, 183);
    color: rgb(187, 183, 183);
    font-weight: bold;
    text-align: center;
}

#socialSeparatorBottom {
    position: absolute;
    top: 160px;
    left: 30px;
    height: 100px;
    width: 1px;
    background-color: rgb(187, 183, 183);
}

#socialLogin {
    /* position: absolute;
    top: 0px;
    left: 15px;*/
    height: 300px;
    width: 290px;
}

#socialHead {
    /* position: absolute;
    top: 0px;
    left: 0px;
    width: 300px; */
    color: #666;
    text-align: center;
    font-size: 18px;
}

#socialNote {
    position: absolute;
    top: 250px;
    left: 0px;
    width: 280px;
    color: #666;
    text-align: left;
}

#fblogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    top: 40px;
    /* left: 0px; */
    height: 50px;
    position: absolute;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 290px;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient( rgb(86, 120, 188), rgb(49, 74, 123)) repeat scroll 0% 0% / auto padding-box border-box;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(86, 120, 188), rgb(49, 74, 123)) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 1px solid rgb(49, 74, 123);
    border-right: 1px solid rgb(42, 64, 105);
    border-bottom: 1px solid rgb(42, 64, 105);
    border-left: 1px solid rgb(42, 64, 105);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#fbname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0784314) no-repeat scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#fbtext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 16px / normal "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", arial, sans-serif;
    margin: -3px 0px 0px 42px;
    outline: rgb(255, 255, 255) none 0px;
}

#gpluslogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    top: 110px;
    /* left: 0px; */
    height: 50px;
    position: absolute;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 290px;
    background-color: #dd4b39;
    background: -webkit-linear-gradient(#dd4b39, #d14836);
    background: linear-gradient(#dd4b39, #d14836);
    border-top: 1px solid rgb(230, 88, 88);
    border-right: 1px solid rgb(227, 66, 66);
    border-bottom: 1px solid rgb(227, 66, 66);
    border-left: 1px solid rgb(227, 66, 66);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#gpname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0666667) no-repeat scroll -43px -44px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#gptext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 133px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 16px / normal "Helvetica Neue", Helvetica, arial, sans-serif;
    margin: -3px 0px 0px 42px;
    outline: rgb(255, 255, 255) none 0px;
}

#twtrlogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    top: 180px;
    /* left: 0px; */
    height: 50px;
    position: absolute;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 290px;
    background-color: #3fa7d0;
    background: -webkit-linear-gradient(#5fbee4, #2091bd);
    background: linear-gradient(#5fbee4, #2091bd);
    border: 1px solid #1c82a7;
    border-top-color: #2091bd;
    text-shadow: 0 1px #ffffff;
    border-top: 1px solid rgb(32, 145, 189);
    border-right: 1px solid rgb(28, 130, 167);
    border-bottom: 1px solid rgb(28, 130, 167);
    border-left: 1px solid rgb(28, 130, 167);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#twtrname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0666667) no-repeat scroll -43px -44px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 16px / normal "Helvetica Neue", Helvetica, arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#twtrtext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 133px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 16px / normal "Helvetica Neue", Helvetica, sans-serif;
    margin: -3px 0px 0px 42px;
    outline: rgb(255, 255, 255) none 0px;
}

.f-size-20 {
    font-size: 20px;
}

.bl-5 {
    border-left: 3px solid #b6acac;
}

.badge-bg {
    width: 30px;
    padding: 0.5rem 0.4rem !important;
    font-size: 90% !important;
    background: #fff;
    border: 2px solid #37a0e4;
    color: #37a0e4;
    border-radius: 50px !important;
    /* color: #fff; */
}

.form_wrapper {
    background: #fff;
    width: 600px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 25px;
    margin: 6% auto 0;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.form_wrapper h2 {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0;
}

.form_wrapper .title_container {
    text-align: center;
    padding-bottom: 15px;
}

.form_wrapper h3 {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
}

.form_wrapper .row {
    margin: 10px -15px;
}

.form_wrapper .row>div {
    padding: 0 15px;
    box-sizing: border-box;
}

.form_wrapper .col_half {
    width: 50%;
    float: left;
}

.form_container .row .col_half.last {
    border-left: 1px solid #ccc;
    position: relative;
}

.form_container .row .col_half.last:before {
    content: "or";
    position: absolute;
    left: -13px;
    top: 50%;
    background: #ddd;
    padding: 5px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
}

.Or-line {
    border-bottom: 1px solid #ccc;
    position: relative;
    width: 100%;
    margin: 20px auto;
}

.Or-line:before {
    content: "or";
    position: absolute;
    left: 50%;
    top: -15px;
    background: #ddd;
    padding: 5px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
}

.remember_me {
    display: flex;
}

.forgot_pw {
    text-align: right;
}

.social_btn {
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
    border-radius: 5px;
}

.social_btn a {
    align-items: center;
    color: #fff;
    display: flex;
    height: 50px;
    text-decoration: none;
    font-size: 18px;
}

.social_btn a span {
    align-items: center;
    align-self: stretch;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    width: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.social_btn:hover a {
    color: #fff;
}

.social_btn.fb {
    background: #3b5ca1;
}

.social_btn.fb span {
    background: #314d87;
}

.social_btn.tw {
    background: #45b0e4;
}

.social_btn.tw span {
    background: #26a3df;
}

.social_btn.gplus {
    background: #de4c33;
}

.social_btn.gplus span {
    background: #cc3a21;
}

.bottom_row {
    color: #ababab;
}

.bottom_row a {
    text-decoration: none;
    color: #ababab;
}

@media (max-width: 600px) {
    .form_wrapper {
        width: 100%;
    }
    .form_wrapper .col_half {
        width: 100%;
        float: none;
    }
    .bottom_row .col_half {
        width: 50%;
        float: left;
    }
    .form_container .row .col_half.last {
        border-left: none;
    }
    .form_container .row .col_half.last::before {
        content: "";
        display: none;
    }
    .remember_me {
        padding-bottom: 20px;
    }
}

#loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 50px auto;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

#loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 5px solid;
    border-color: #2a93d570 transparent;
}

.redclr {
    color: red;
}

.blueclr {
    color: blue;
}

.vacancies {
    display: flex;
    justify-content: flex-end;
}

.hotJob {
    text-align: end;
}

.Shared-Info-details {
    width: 100%;
}

.Shared-Info-details th,
.Shared-Info-details td {
    border: 1px solid #ddd;
}

.Shared-Info-details th {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 3px 6px;
}

.Shared-Info-details td {
    width: 50%;
    padding: 3px 6px;
}

@media (min-width: 576px) {
    .dashboard-candidate .col-sm-2 {
        max-width: 13.7% !important;
        padding-left: 0px;
    }
}

.mt-15 {
    margin-top: 15px;
}

.w-55-auto {
    width: 70px;
    float: left;
    text-align: center;
}

.task_attachment {
    padding: 0px;
    display: contents;
    margin-bottom: 20px;
}

.task_mb_pd {
    margin-bottom: 10px;
    padding: 0px !important;
}

.br_5px {
    border-radius: 5px;
}

.pd_right {
    padding-right: 0px;
}

.attach_fileName {
    margin-left: 15px;
}

.task_attachment_flx {
    padding: 0px !important;
    display: flex;
    margin-bottom: 20px;
    overflow-x: auto;
}

.attach_fileName_edit {
    margin-left: 18px;
}

.fs_ml {
    font-size: 8px!important;
    margin-left: 3px;
}

.attach_delete {
    position: absolute;
    bottom: 60px;
    left: 94%;
    width: 15px;
    height: 15px;
    margin-bottom: 25px;
    line-height: 13px;
    background-color: #eb4646;
    border-radius: 100%;
    color: #fff;
    font-size: 15px;
    box-shadow: 0px 4px 6px 2px rgb(0 0 0 / 20%);
    cursor: pointer;
}

.fs-12 {
    font-size: 12px;
}

.taskname {
    background-color: white;
    opacity: 66%;
    position: absolute;
    left: 15px;
    top: 62px;
    width: 141px;
    height: 39px;
    overflow: hidden;
    cursor: pointer;
}

.tsknmeUpdate {
    background-color: white;
    opacity: 66%;
    position: absolute;
    left: 15px;
    top: 62px;
    width: 130px;
    height: 37px;
    overflow: hidden;
    cursor: pointer;
}

.d-flex_flt-r {
    display: flex;
    float: right;
}

.mt-22 {
    margin-top: 22px;
}

.mrt-1 {
    margin-right: 2.25rem!important;
}

.mb-18 {
    margin-bottom: 18px;
}

.mr_ml {
    margin-left: 15px;
    margin-right: 15px;
}

.fixed-top {
    z-index: 997 !important;
}

.d-height {
    height: calc(100vh - 75px);
}

.loader-img-height {
    height: 67px;
}

.fW_bold {
    font-weight: bold;
}

.d-flex-end {
    display: flex;
    justify-content: flex-end;
}

.pb_20 {
    padding-bottom: 20px;
}

.p-0 {
    padding: 0;
}

.b-1 {
    border: 1px solid #ccc;
}

.jc-space {
    display: flex;
    justify-content: space-around;
}

.p-12 {
    padding: 12px;
}

.p-30 {
    padding: 30px;
}

.salary_inp {
    width: 100%;
    text-align: center;
    border: none;
}

.mt-25 {
    margin-top: 25px;
}

.ml-8 {
    margin-left: 8px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.pl-36 {
    padding-left: 36px !important;
}

.plr-15-10 {
    padding-left: 15px;
    padding-right: 10px;
}

.salaryNeg {
    padding: 8px !important;
    background-color: #6f6fff !important;
}

.stepSuccess {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.w-70 {
    width: 70px !important;
}

.w-88 {
    width: 88px !important;
}

.w-96 {
    width: 96px !important;
}

.w-64 {
    width: 64px !important;
}

.w-50px {
    width: 50px !important;
}

.p-15 {
    padding: 15px;
}

.p-8 {
    padding: 8px;
}

.jc-c {
    justify-content: center;
}

.c-white {
    color: white;
}

.t-history {
    padding: 18px 10px;
}

.fs-fw {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.c-black {
    color: #000;
}


/* Spinner */


/* .bs-custom-loader>div {
    background: #145388!important;
}

.dot-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.dot-spinner div {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: dot-spinner 1.2s linear infinite;
}

.dot-spinner div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}

.dot-spinner div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}

.dot-spinner div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}

.dot-spinner div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}

.dot-spinner div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}

.dot-spinner div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}

.dot-spinner div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}

.dot-spinner div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}

.dot-spinner div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}

.dot-spinner div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}

.dot-spinner div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}

.dot-spinner div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

@keyframes dot-spinner {
    0%,
    20%,
    80%,
    100% {
        transform: scale(.7);
    }
    50% {
        transform: scale(1.5);
    }
} */


/* End*/

.pl-22 {
    padding-left: 22px !important;
}


/* Offer Letter*/

.withdraw-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.file {
    position: relative;
    font-size: 15px;
    padding-left: 15px;
    color: #0069d9;
    top: 3px;
}

.remov-icon {
    position: absolute;
    top: 72%;
    left: 93%;
    transform: translate(-50%, -50%);
    color: red;
}

.refreshIcon {
    cursor: pointer;
    color: #0069d9;
}

.w-100px {
    width: 100px !important;
}

.w-72px {
    width: 72px;
}

.w-95px {
    width: 95px !important;
}


/* End*/

.logoPreview {
    width: 75px;
    height: 75px;
    background-position: center center;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/avatar.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    background-position: center center;
}

.ml-7 {
    margin-left: 10px;
}

.acceptd {
    background-color: green;
    color: #fff !important;
    width: auto;
    margin-left: 15px;
    border-radius: 4px;
}

.acceptd span {
    padding: 5px;
}

.rejectd {
    background-color: red;
    color: #fff !important;
    width: auto;
    margin-left: 15px;
    border-radius: 4px;
}

.rejectd span {
    padding: 5px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/loading.gif') 50% 50% no-repeat rgba(249,249,249,0.3);
    background-size: 5%;
}
.maR_5{
    margin-right: 5px;
}