.f-22-700 {
    font-size: 22px;
    font-weight: 700
}
.f-24-700 {
    font-size: 24px;
    font-weight: 700
}
.f-14-400 {
    font-size: 14px;    
}
.f-14-500 {
    font-size: 14px;
    font-weight: 500;
}
.f-12-400 {
    font-size: 12px;
}
.f-16-600 {
    font-size: 16px;
    font-weight: 600
}
.f-16-400 {
    font-size: 16px;
    font-weight: normal
}
.f-16-500 {
    font-size: 16px;
    font-weight: 500
}
.border-radius-8 {
    border-radius: 8px
}
.w-304 {
    width: 304px;
}
.bg-orange {    
    background: #FC833C;
}
.bg-green-new {
    background: #3EA414;
}
.bg-blue {
    background: #25B1DE;
}
.bg-goldenrod {
    background: #E4B200;
}
.shift-coun-wrapper {
    margin: 0 -8px;
}
.shift-coun-wrapper .shift-coun-box {
    width: calc(25% - 16px);
    margin: 0 8px;
    padding: 12px
}
.shift-coun-wrapper .shift-coun-box p {
    width: calc(100% - 62px);
    padding-right: 5px
}
.shift-coun-wrapper .shift-coun-box span {
    width: 62px;
    text-align: right
}
.w-30 {
    width: 30%;
}
.w-70 {
    width: 70%;
}
.leave-today p {
    width: calc(100% - 62px);
}
.today-leave-left {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #222;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center
}
.today-leave-wrapper {
    margin-bottom: 16px;
}
.today-leave-wrapper:last-child {
    margin-bottom: 0;
}
.w-170 {
    width: 170px !important;
}
.shift-time-wrapper {
    margin: 0 -8px;
}
/*.shift-time-wrapper .shift-time-box  {
    width: calc(25% - 16px);
    margin: 0 8px 16px 8px;
}*/
.shift-time-wrapper .shift-time-box .shift-left {
    width: 18px;
}
.shift-time-wrapper .shift-time-box .shift-right {
    width: calc(100% - 18px);
    padding-left: 8px;
}
.text-grey {
    color: #5A5E63
}
.shift-status {
    padding-left: 26px;
    position: relative;
}
.shift-status:before {
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 7px;
    left: 6px;
}
.orange {
    color: #FC833C;
}
.orange.shift-status:before {
    background: #FC833C
}
.green {
    color: #3EA414;
}
.green.shift-status:before {
    background: #3EA414
}
.blue {
    color: #25B1DE
}
.blue.shift-status:before {
    background: #25B1DE
}
.red {
    color: #F64D4D
}
.red.shift-status:before {
    background: #F64D4D
}
.goldenrod {
    color: #E4B200
}

.goldenrod.shift-status:before {
    background: #E4B200
}
.paused {
    color: #808080
}

.paused.shift-status:before {
    background: #808080
}

.received-color {
    color: #B00C0C
}
.dashboard-table table th {
    background: #343A40;
    padding: 8px;
    font-weight: normal
}
.dashboard-table table th:first-child {
    border-top-left-radius: 8px;
}
.dashboard-table table th:last-child {
    border-top-right-radius: 8px;
}
.dashboard-table table td {
    background: #ffffff;
    padding: 8px;
    border-bottom: 1px solid rgba(52, 58, 64, 0.2)
}
.dashboard-table table tr:last-child td {
    border-bottom: none
}
.dashboard-table table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}
.dashboard-table table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}
.paid {
    color: #008000
}
.unpaid {
    color: #FFA500
}
.applicant-status-wrapper {
    margin: 0 -8px;
}
.applicant-status-wrapper .applicant-status-box {
    width: calc(12.5% - 16px);
    margin: 0 8px;
    padding: 16px 12px;
    border-radius: 8px;
}
.interview-scheduled {    
    background: #F3A93C;
}
.candidate-verified {
    background: #65B869;
}
.hr-round {
    background: #A1887F;
}
.offer-made {
    background: #4DB6AC;
}
.accepted {
    background: #5DAFF1;
}
.declined {
    background: #8896E0;
}
.rejected {
    background: #EF9A9A;
}
.screening {
    background: #CE93D8;
}
.highlight-bg-color td {
    -webkit-animation: infinity-bg 1s infinite;
    -moz-animation: infinity-bg 1s infinite;
    -o-animation: infinity-bg 1s infinite;
    animation: infinity-bg 1s infinite; 
}


@-webkit-keyframes infinity-bg {
    0%, 49% {
        background-color: #FFCCCC;
    }

    50%, 100% {
        background-color: #fff;        
    }
}

.nightmode .highlight-bg-color td {
    -webkit-animation: infinity-bg-night 1s infinite;
    -moz-animation: infinity-bg-night 1s infinite;
    -o-animation: infinity-bg-night 1s infinite;
    animation: infinity-bg-night 1s infinite;
}


@-webkit-keyframes infinity-bg-night {
    0%, 49% {
        background-color: #FFCCCC;
        color: #000
    }

    50%, 100% {
        background-color: #323539;
        color: #fff;
    }
}
.full-borader-22 {
    border: 1px solid #222
}
.border-bottom-22 {
    border-bottom: 1px solid #222
}
.risk-img-profile {
    width: 6%;
    height: 100px;
    border-radius: 10px;
    border: 1px solid #CDCDCD;
}
    .risk-img-profile img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
.w-28 {
    width: 28%;
}
.w-72 {
    width: 72%;
}
.w-50-new {
    width: 50%;
}
.risk-file-upload {
    border-radius: 8px;
    border: 2px dashed #222;
    height: 80px;
}
.risk-file-upload input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}
.w-150 {
    width: 150px;
}
.subject-document-img {
    height: 100px
}
.subject-document-name p {    
    width: calc(100% - 16px);
    padding-right: 5px;    
    word-break: break-all;
}
.other-detail-wrapper {
    padding-left: 52px;
    position: relative;
}
.other-detail-wrapper:before {
    content: '';
    height: 100%;
    width: 1px;
    background: rgba(52, 58, 64, 0.2);
    position: absolute;
    top: 0;
    left: 20px
}
.other-detail-wrapper .other-detail-inner {
    position: relative;
}
.other-detail-wrapper .other-detail-inner:before {        
    content: '';
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: -51px;
}
.other-detail-wrapper .other-detail-inner.identify:before {
    background: url('../images/identify.svg') no-repeat;
}
.other-detail-wrapper .other-detail-inner.analysis:before {
    background: url('../images/analysis.svg') no-repeat;
}
.other-detail-wrapper .other-detail-inner.implement-solution:before {
    background: url('../images/implement-solution.svg') no-repeat;
}
.other-detail-wrapper .other-detail-inner.monitor-result:before {
    background: url('../images/monitor-result.svg') no-repeat;
}
.other-detail-wrapper .other-detail-inner.completed:before {
    background: url('../images/completed.svg') no-repeat;
}
.other-setail-heading-text span {
    width: calc(100% - 30px);
    padding-right: 10px;
}
.other-setail-heading-text label {
    width: 30px;    
}
.interview-scheduleds {
    color: #F3A93C;
}

.candidate-verifieds {
    color: #65B869;
}

.hr-rounds {
    color: #A1887F;
}

.offer-mades {
    color: #4DB6AC;
}

.accepteds {
    color: #5DAFF1;
}

.declineds {
    color: #8896E0;
}

.rejecteds {
    color: #EF9A9A;
}

.screenings {
    color: #CE93D8;
}
.hrms-New {
    color: #3498DB;
}
.hrms-Qualified {
    color: #2ECC71;
}
.hrms-ContactMode {
    color: #9B59B6;
}
.hrms-ServiceExplained {
    color: #00BCD4;
}
.hrms-ProposalMade {
    color: #FF9800;
}
.hrms-NeartoClose {
    color: #F0DC26;
}
.hrms-Closed {
    color: #E74C3C;
}
.hrms-Win {
    color: #8BC34A;
}

.shift-time-wrapper .shift-time-box .shift-right .shift-staffname {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;    
    display: block;
}
.shift-time-wrapper .shift-time-box .shift-right .shift-staffname-tooltip {
    position: absolute;
    bottom: 26px;
    left: 0;
    background: rgba(0, 0, 0, 1);
    border-radius: 6px;
    color: #fff;
    padding: 8px;
    font-size: 12px;
    display: none;
}
.shift-time-wrapper .shift-time-box .shift-right.shift-staffname-hover:hover .shift-staffname-tooltip {
    display: block
}
.shift-time-wrapper .shift-time-box .shift-right .shift-staffname-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, 0);
}
.admin-dash-date .date-icon {
    position: absolute;
    top: 6px;
    right: 10px;
}

.staff-dash-date .dates-icon {
    position: absolute;
    top: 6px;
    right: 10px;
}
.hrms-wrapper-bottom.hrms-wrapper .hrms-right-section.hrms-right-section-staff {
    width: 100%;
    margin-left: 0;
}
.w-250 {
    width: 250px;
}