/* @font-face {
    font-family: 'quicksand-regular';
    src: url('http://source.karirpad.com/rms-v7.karirpad.com/assets/fonts/Quicksand-Bold.ttf');
}

@font-face {
    font-family: 'quicksand-medium';
    src: url('http://source.karirpad.com/rms-v7.karirpad.com/assets/fonts/Quicksand-Medium.ttf');
}

@font-face {
    font-family: 'quicksand-bold';
    src: url('http://source.karirpad.com/rms-v7.karirpad.com/assets/fonts/Quicksand-Bold.ttf');
}

@font-face {
    font-family: 'quicksand-light';
    src: url('http://source.karirpad.com/rms-v7.karirpad.com/assets/fonts/Quicksand-Light.ttf');
} */

@media only screen and (min-width: 768px) {
    .btn-fixed__footer__styling {
        padding: 20px;
        background: linear-gradient(to right, transparent 31.45%, #efefef 28%)
    }
}

@media only screen and (min-width: 960px) and (max-width: 1366px) {
    .btn-fixed__footer__styling {
        padding: 20px;
        background: linear-gradient(to right, transparent 31.45%, #efefef 28%)
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1960px) {
    .btn-fixed__footer__styling {
        padding: 20px;
        background: linear-gradient(to right, transparent 31.8%, #efefef 28%)
    }
}

@media only screen and (max-width: 960px) {
    .btn-fixed__footer__styling {
        padding: 20px;
        background: linear-gradient(to right, transparent 31.45%, #efefef 28%)
    }
}

@media only screen and (min-width: 768px) {
    .btn-fixed__footer__styling {
        padding: 20px;
        background: linear-gradient(to right, transparent 31.45%, #efefef 28%)
    }
}

@media only screen and (min-width: 960px) and (max-width: 1366px) {
    .btn-fixed__footer__styling2 {
        padding: 20px;
        background: #003857
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1960px) {
    .btn-fixed__footer__styling2 {
        padding: 20px;
        background: #003857
    }
}

@media only screen and (max-width: 960px) {
    .btn-fixed__footer__styling2 {
        padding: 20px;
        background: #003857
    }
}

@media only screen and (min-width: 960px) and (max-width: 1366px) {
    .btn-fixed__footer__stylingg {
        padding: 20px;
        background: linear-gradient(to right, #efefef 31.8%, #003857 28%)
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1960px) {
    .btn-fixed__footer__stylingg {
        padding: 20px;
        background: linear-gradient(to right, #efefef 31.8%, #003857 28%)
    }
}

@media only screen and (min-width: 960px) and (max-width: 1366px) {
    .btn-fixed__footer__report {
        padding: 20px;
        background: #efefef
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1960px) {
    .btn-fixed__footer__report {
        padding: 20px;
        background: #efefef
    }
}

.btn-disabled {
    pointer-events: none;
    cursor: default;
}

.quicksand {
    font-family: 'quicksand-regular' !important;
    font-weight: normal !important;
}

.quick-bold {
    font-family: 'quicksand-bold' !important;
    font-weight: normal !important;
}

.quick-medium {
    font-family: 'quicksand-medium' !important;
    font-weight: normal !important;
}

input[type="text"].search_global_class::placeholder {
    font-size: 13px !important;
    color: #b6c7d9 !important;
    opacity: 1;
}

*:focus {
    outline: none;
}

.f10 {
    font-size: 10px
}

.f11 {
    font-size: 11px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f22 {
    font-size: 22px
}

.f23 {
    font-size: 23px
}

.f24 {
    font-size: 24px
}

.f25 {
    font-size: 25px
}

.f30 {
    font-size: 30px
}

.f40 {
    font-size: 40px
}

.col-left-panel__blue {
    width: 27.5%;
}

.col-right-panel__grey {
    width: 71.36%;
}

.w-378 {
    width: 378px;
}

.gj-icon {
    font-size: 15px !important
}

.p10 {
    padding: 0 !important;
}

.p10px {
    padding: 10px !important;
}

.p20px {
    padding: 20px !important;
}

.pl0px {
    padding-left: 0px !important;
}

.pl5px {
    padding-left: 5px !important;
}

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

.pl10px {
    padding-left: 10px !important
}

.pl12px {
    padding-left: 12px
}

.pl15px {
    padding-left: 15px !important
}

.pl20px {
    padding-left: 20px !important
}

.pl22px {
    padding-left: 22px !important
}

.pl23px {
    padding-left: 23px !important
}

.pl25px {
    padding-left: 25px !important
}

.pl30px {
    padding-left: 30px !important
}

.pl35px {
    padding-left: 35px !important
}

.pl40px {
    padding-left: 40px !important
}

.pl45px {
    padding-left: 45px !important
}

.pl50px {
    padding-left: 50px !important
}

.pl60px {
    padding-left: 60px !important
}

.pl65px {
    padding-left: 65px !important
}

.pl70px {
    padding-left: 70px !important
}

.pl75px {
    padding-left: 75px !important
}

.pl85px {
    padding-left: 85px !important
}

.pt25 {
    padding-top: 25%;
}

.pt1px {
    padding-top: 1px;
}

.pt2px {
    padding-top: 2px;
}

.pt3px {
    padding-top: 3px;
}

.pt5px {
    padding-top: 5px;
}

.pt7px {
    padding-top: 7px !important;
}

.pt10px {
    padding-top: 10px !important
}

.pt8px {
    padding-top: 8px !important
}

.pt12px {
    padding-top: 12px !important
}

.pt15px {
    padding-top: 15px
}

.pt20px {
    padding-top: 20px !important
}

.pt25px {
    padding-top: 25px
}

.pt30px {
    padding-top: 30px
}

.pt35px {
    padding-top: 35px
}

.pb1px {
    padding-bottom: 1px !important
}

.pb2px {
    padding-bottom: 2px !important
}

.pb3px {
    padding-bottom: 3px !important
}

.pb5px {
    padding-bottom: 5px !important
}

.pb10px {
    padding-bottom: 10px !important
}

.pb15px {
    padding-bottom: 15px !important
}

.pb20px {
    padding-bottom: 20px !important
}

.pb25px {
    padding-bottom: 25px !important
}

.pb30px {
    padding-bottom: 30px !important
}

.pb35px {
    padding-bottom: 35px !important
}

.pb45px {
    padding-bottom: 45px !important
}

.pb50px {
    padding-bottom: 50px !important
}

.pb55px {
    padding-bottom: 55px !important
}

.pb130px {
    padding-bottom: 130px !important
}

.pb375px {
    padding-bottom: 375px !important
}

.pr0px {
    padding-right: 0px !important
}

.pr3px {
    padding-right: 3px !important
}

.pr5px {
    padding-right: 5px !important
}

.pr9px {
    padding-right: 9px !important
}

.pr10px {
    padding-right: 10px !important
}

.pr12px {
    padding-right: 12px
}

.pr15px {
    padding-right: 15px
}

.pr20px {
    padding-right: 20px !important
}


.pr25px {
    padding-right: 25px !important
}

.pr30px {
    padding-right: 30px !important
}

.pr35px {
    padding-right: 35px
}

.pr40px {
    padding-right: 40px !important
}

.pr45px {
    padding-right: 45px !important
}

.pr50px {
    padding-right: 50px !important
}

.pr85px {
    padding-right: 85px !important
}

.mauto {
    margin: auto !important;
}

.m0 {
    margin: 0 !important;
}

.m3 {
    margin: 3px !important;
}

.mt-3 {
    margin-top: -3px !important
}

.mt-5 {
    margin-top: -5px !important
}

.mt-12 {
    margin-top: -12px !important
}

.mt-14 {
    margin-top: -14px !important
}

.mt-15 {
    margin-top: -15px !important
}

.mt-10 {
    margin-top: -10px !important
}

.mt3px {
    margin-top: 3px !important
}

.mt5px {
    margin-top: 5px !important
}

.mt10px {
    margin-top: 10px
}

.mt15px {
    margin-top: 15px !important
}

.mt20px {
    margin-top: 20px
}

.mt25px {
    margin-top: 25px !important;
}

.mt30px {
    margin-top: 30px
}

.mt35px {
    margin-top: 35px
}

.mt45px {
    margin-top: 45px
}

.mt50px {
    margin-top: 50px
}

.mt55px {
    margin-top: 55px
}

.mt65px {
    margin-top: 65px
}

.mt70px {
    margin-top: 70px
}

.mt100px {
    margin-top: 100px
}

.mt120px {
    margin-top: 120px
}

.mt150px {
    margin-top: 150px
}

.mb0px {
    margin-bottom: 0px !important
}

.mb5px {
    margin-bottom: 5px !important
}

.mb10px {
    margin-bottom: 10px !important
}

.mb15px {
    margin-bottom: 15px
}

.mb20px {
    margin-bottom: 20px !important
}

.mb25px {
    margin-bottom: 25px
}

.mb30px {
    margin-bottom: 30px !important
}


.mb40px {
    margin-bottom: 40px !important
}

.mb50px {
    margin-bottom: 50px
}

.mb110px {
    margin-bottom: 110px
}

.mb-5 {
    margin-bottom: -5px !important
}

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

.ml3px {
    margin-left: 3px !important
}

.ml5px {
    margin-left: 5px !important
}

.ml10px {
    margin-left: 10px !important
}

.ml15px {
    margin-left: 15px !important
}

.ml25px {
    margin-left: 25px !important
}

.ml30px {
    margin-left: 30px !important
}

.ml35px {
    margin-left: 35px !important
}

.ml45px {
    margin-left: 45px !important
}

.ml50px {
    margin-left: 50px !important
}

.ml60px {
    margin-left: 60px !important
}

.ml70px {
    margin-left: 70px !important
}

.ml75px {
    margin-left: 75px !important
}

.ml80px {
    margin-left: 80px !important
}

.ml-12 {
    margin-left: -12px !important
}

.ml85px {
    margin-left: 85px !important
}

.ml165px {
    margin-left: 165px !important
}

.ml410px {
    margin-left: 410px !important
}

.ml176px {
    margin-left: 176px !important
}

.mr3px {
    margin-right: 3px !important
}

.mr5px {
    margin-right: 5px !important
}

.mr10px {
    margin-right: 10px !important
}

.mr15px {
    margin-right: 15px
}

.mr25px {
    margin-right: 25px
}

.mr165px {
    margin-right: 165px !important
}

.width__15px {
    width: 15px
}

.width__20px {
    width: 20px
}

.width__50px {
    width: 50px
}

.width__45px {
    width: 45px
}

.width__50px {
    width: 50px !important
}

.width__55px {
    width: 55px
}

.width__60px {
    width: 60px
}

.width__90 {
    width: 90% !important
}

.width__100 {
    width: 100% !important
}

.width__100px {
    width: 100px !important
}

.width__115px {
    width: 115px !important
}

.width__120px {
    width: 120px !important
}

.width__135px {
    width: 135px !important
}

.width__140px {
    width: 140px !important
}

.width__150px {
    width: 150px !important
}

.width__142-5px {
    width: 142.5px
}

.width__160px {
    width: 160px
}

.width__170px {
    width: 170px
}

.width__180px {
    width: 180px
}

.width__195px {
    width: 195px
}

.width__205px {
    width: 205px !important
}

.width__210px {
    width: 210px !important
}

.width__215px {
    width: 215px !important
}

.width__230px {
    width: 230px !important
}

.width__245px {
    width: 245px !important
}

.width__410px {
    width: 410px !important;
}

.width__280px {
    width: 280px !important
}

.width__305px {
    width: 305px !important
}

.width__420px {
    width: 420px !important
}

.width__620px {
    width: 620px
}

.width__645px {
    width: 645px
}

.width__935px {
    width: 935px
}

.width__70 {
    width: 70% !important
}

.height__auto {
    height: auto !important;
}

.height__15px {
    height: 15px
}

.height__20px {
    height: 20px
}

.height__30px {
    height: 30px
}

.height__35px {
    height: 35px
}

.height__40px {
    height: 40px
}

.height__45px {
    height: 45px
}

.height__50px {
    height: 50px;
}

.height__55px {
    height: 55px
}

.height__60px {
    height: 60px
}

.height__70px {
    height: 70px
}

.height__75px {
    height: 75px
}

.height__82px {
    height: 82px
}

.height__165px {
    height: 165px !important
}

.height__245px {
    height: 245px !important
}

.height__305px {
    height: 305px !important
}

.height__315px {
    height: 315px !important
}

.height__350px {
    height: 350px !important
}

.height__400px {
    height: 400px
}

.line-height-0__5 {
    line-height: 0.5rem
}

.line-height-1__2 {
    line-height: 1.2rem
}

.line-height-1_1 {
    line-height: 1.1
}

.line-height-1 {
    line-height: 1
}

.line-height-14 {
    line-height: 14px;
}

.line-height-15 {
    line-height: 15px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-17 {
    line-height: 17px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-25 {
    line-height: 25px;
}

.dsp_flx {
    display: flex !important;
}

.dsp_flr {
    display: flow-root !important;
}

.jst_cnt {
    justify-content: center !important;
}

.flx_cnt {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.padding-0 {
    padding: 0 !important;
}

.border-rds__0px {
    border-radius: 0px
}

.border-rds__5px {
    border-radius: 5px
}

.border-rds__7px {
    border-radius: 7px
}

.border-rds__10px {
    border-radius: 10px
}

.border-rds__50px {
    border-radius: 50px !important
}

.pt__pb__10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-color__red__1 {
    color: #ff0066 !important
}

.text-color__red__2 {
    color: #ff4757 !important
}

.text-color__red__3 {
    color: #fe3636 !important
}

.text-color__red__4 {
    color: #c5636c !important
}

.text-color__green__1 {
    color: #00c200
}

.text-color__green__2 {
    color: #35c94f
}

.text-color__blue_1 {
    color: #b5c7d8
}

.text-color__blue_2 {
    color: #596074
}

.text-color__blue_3 {
    color: #00affb
}

.text-color__blue_4 {
    color: #48befd !important
}

.text-color__blue_5 {
    color: #5cbacd !important
}

.shdw_nn {
    box-shadow: none !important;
}

.h-100vh {
    height: 100vh !important;
}

.brd_btm_gray {
    border-bottom: 1px solid #ededed;
    padding-top: 1px;
}

.bgwht {
    background: white !important;
}

.bggld {
    background: #fff2c2 !important;
}

.pst_rltv {
    position: relative !important;
}

.h_dsh {
    height: calc(100vh - 58px) !important;
}

.n_pnt {
    pointer-events: none !important;
}

.text-colos__blue_4 {
    color: #0080c8
}

.text-color__blue_5 {
    color: #51b6cb !important
}

.text-color__blue_6 {
    color: #2db8fd !important
}

.text-color__blue_7 {
    color: #3eb1c8 !important
}

.text-color__grey__ee {
    color: #eeeeee
}

.text-color__grey__1 {
    color: #5d6376 !important
}

.text-color__grey__2 {
    color: #979797 !important
}

.text-color__grey__3 {
    color: #b6c7d9 !important
}

.text-color__grey__4 {
    color: #434955 !important
}

.text-color__grey__5 {
    color: #5d6276 !important
}

.text-color__grey__6 {
    color: #888da1 !important
}


.text-color__white__ff {
    color: #ffffff
}

.text-color__white__92 {
    color: #929292
}

.text-color__yellow__1 {
    color: #ffc72c !important;
}

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

.bg-color__white__f2 {
    background-color: #ffffff;
}

.bg-color__white__ff {
    background-color: #ffffff !important;
}

.bg-color__grey__fa {
    background-color: #fafafa !important;
}

.bg-color__grey__ef {
    background-color: #efefef;
}

.bg-color__grey__f2 {
    background-color: #f2f2f2;
}

.bg-color__grey__f5 {
    background-color: #f5f5f5;
}

.bg-color__grey__f7 {
    background-color: #f7f7f7
}

.bg-color__grey__f8 {
    background-color: #f8f8f8
}

.bg-color__grey__da {
    background-color: #dadada;
}

.bg-color__grey__1 {
    background-color: #b6c7d9
}

.bg-color__blue__1 {
    background-color: #003857;
}

.bg-color__blue__2 {
    background-color: #2db8fd;
}

.bg-color__blue__3 {
    background-color: #00afbb;
}

.bg-color__blue__9 {
    background-color: #00affb;
}

.bg-color__blue__4 {
    background-color: #013350
}

.bg-color__blue__5 {
    background-color: #0080c8
}

.bg-color__blue_6 {
    background-color: #00affb
}

.bg-color__blue__7 {
    background-color: #1796cd
}

.bg-color__green__1 {
    background-color: #36c94f;
}

.bg-color__green__2 {
    background-color: #3dcdad;
}

.bg-color__green__3 {
    background-color: #35c94f
}

.bg-color__green__4 {
    background-color: #ceface
}

.bg-color__green__5 {
    background-color: #7bdeb7
}

.bg-color__yellow__1 {
    background-color: #ffc72c
}

.bg-color__red__1 {
    background-color: #ff4757
}

.bg-color__red__2 {
    background-color: #fff6fa;
}

.bg-color__red__3 {
    background-color: #ffdee1;
}

.border-bottom__blue__1 {
    border-bottom: 1px solid #184a66
}

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

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

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

.border-bottom__df {
    border-bottom: 1px solid #dfdfdf
}

.border-bottom__f7 {
    border-bottom: 1px solid #f7f7f7
}

.border-bottom__e7 {
    border-bottom: 1px solid #e7e7e7
}

.border-bottom__ef {
    border-bottom: 1px solid #efefef
}

.border-bottom__eff {
    border-bottom: 1px solid #efefef;
	padding-top: 2px;
}

.border-bottom__ee {
    border-bottom: 1px solid #eeeeee
}

.border-top__e7 {
    border-top: 1px solid #e7e7e7
}

.border-none {
    border: none !important;
}

.min__height__600 {
    min-height: 600px
}

.min__height__95 {
    min-height: 95vh
}

.compulsary-card {
    padding: 0px;
    margin: 17px 0 0;
}

.btn-collapse-style__1 {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top: 1px solid #ececec;
}

input:-moz-read-only {
    /* For Firefox */
    background-color: #f4f4f4 !important;
}

input:read-only {
    background-color: #f4f4f4 !important;
}

textarea:-moz-read-only {
    /* For Firefox */
    background-color: #f4f4f4 !important;
}

textarea:read-only {
    background-color: #f4f4f4 !important;
}

button.btn.btn-link.collapsed.quick-bold:hover {
    text-decoration: none !important
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none !important
}

.carousel-indicators {
    position: inherit !important
}

ol.carousel-indicators.carousel-indicators-bullets {
    position: absolute !important;
    top: 330px;
    z-index: 99;
}

ol.carousel-indicators.carousel-indicators-bullets li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}

.box-shadow-none {
    box-shadow: 0 0 0 0 !important;
}

.noUi-connect {
    background: #ff0565 !important;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
    background: #ff0565 !important;
}

.noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: #ff0565 !important;
}

.filter-extend {
    width: 380px;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .175) !important
}

.filter-extend-date {
    width: 330px;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .175) !important
}

.bg-gray-rnd {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 8px;
}

/* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-ddown {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-ddown input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}



/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #f5f5f5;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.checkround3 {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.checkround-search {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #6c757d;
    border-radius: 50%;
}

/* Create a custom radio button */
.checkround-ddown {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radio input:checked~.checkround {
    background-color: #fff;
}

.radio input:checked~.checkround3 {
    background-color: #fff;
}

.radio input:checked~.checkround-search {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
    transition: all .2s ease;
}

.checkround3:after {
    content: "";
    position: absolute;
    display: none;
    transition: all .2s ease;
}

.checkround-search:after {
    content: "";
    position: absolute;
    display: none;
    transition: all .2s ease;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked~.checkround:after {
    display: block;
    transition: all .2s ease;
}

.radio input:checked~.checkround3:after {
    display: block;
    transition: all .2s ease;
}

.radio input:checked~.checkround-search:after {
    display: block;
    transition: all .2s ease;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 2.75px;
    top: 2.5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00affb;
    transition: all .2s ease;
}

.radio .checkround3:after {
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00affb;
    transition: all .2s ease;
}

.radio .checkround-search:after {
    left: 2.6px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00affb;
    transition: all .2s ease;
}


/* Custom filter dropdown */
/* When the radio button is checked, add a blue background */
.radio-ddown input:checked~.checkround-ddown {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround-ddown:after {
    content: "";
    position: absolute;
    display: none;
    transition: all .2s ease;
}

/* Show the indicator (dot/circle) when checked */
.radio-ddown input:checked~.checkround-ddown:after {
    display: block;
    transition: all .2s ease;
}

/* Style the indicator (dot/circle) */
.radio-ddown .checkround-ddown:after {
    left: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00affb;
    transition: all .2s ease;
}

.add-job input {
    border: none;
    border-radius: 2px;
    padding: 0 25px;
    height: 40px;
}

.candidate-search input {
    border: none;
    border-radius: 2px;
    padding: 0 25px;
    height: 40px;
}


.col-right-panel__grey>div>div.add-job>div.col.col-8.fill-form>div:nth-child(2)>div.col.col-6.p-0.class-age input {
    width: 195px
}

.col-right-panel__grey>div>div.add-job>div.col.col-8.fill-form input {
    margin-bottom: 0.5rem !important
}

.col-right-panel__grey>div>div.add-job>div.col.col-8.fill-form>div:nth-child(3)>div>div {
    margin-bottom: 5px
}

.col-right-panel__grey>div>div.add-job>div.col.col-8.fill-form>div:nth-child(1)>div.col.col-6 {
    margin-bottom: 0.5rem;
    height: 22px;
    padding: 10px 0px 32px;
}

.job-radio-location>.locate {
    height: 22px;
    padding: 10px 0px 32px !important;
}

.col-left-panel__blue.job-left-panel>div.form-group input {
    border: none;
    border-radius: 2px;
    background-color: #1a4c68;
    height: 40px;
    color: #ffffff;
}

.nav-tab-profile__1 {
    font-size: 14px;
    border: none !important;
    border-radius: 0px !important;
    padding: 15px 25px;
}

a#candidate-profile.nav-link.active.nav-tab-profile__1 {
    color: #0079b0 !important;
    font-family: 'quicksand-bold' !important;
    background-color: #f7f7f7
}

a#candidate-profile.nav-link.nav-tab-profile__1 {
    background-color: #f7f7f7;
    font-family: 'quicksand-bold' !important;
}

a#tab-active.nav-link.active.nav-tab-profile__1 {
    color: #0079b0 !important;
    font-family: 'quicksand-bold' !important;
    background-color: #f7f7f7;
    border-bottom: 2px solid #2583b5 !important;
}

a#tab-active.nav-link.nav-tab-profile__1 {
    background-color: #f7f7f7;
    font-family: 'quicksand-bold' !important;
}

a#candidate-history.nav-link.active.nav-tab-profile__1 {
    color: #0079b0 !important;
    font-family: 'quicksand-bold' !important;
    background-color: #f7f7f7
}

a#candidate-history.nav-link.nav-tab-profile__1 {
    background-color: #f7f7f7;
    font-family: 'quicksand-bold' !important;
}

a#tab-pasive.nav-link.active.nav-tab-profile__1 {
    color: #0079b0 !important;
    font-family: 'quicksand-bold' !important;
    background-color: #f7f7f7;
    border-bottom: 2px solid #2583b5 !important;
}

a#tab-pasive.nav-link.nav-tab-profile__1 {
    background-color: #f7f7f7;
    font-family: 'quicksand-bold' !important;
}

ul.nav.nav-tabs.candidate-profile-tabs.width__935px {
    background-color: #f7f7f7;
    border: none
}

div.candidate-photo-card>.card {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 0px;
}

div.candidate-photo-card>.card>.card-body {
    height: 60px
}

p.m-0.f16.text-color__white__ff.text-bold a {
    color: #00affb !important;
    text-decoration: underline !important;
}

.undrln {
    text-decoration: underline !important;
}


/* custom checkboxes right panel*/
.custom-checkbox>[type="checkbox"],
.custom-checkbox>label {
    margin-bottom: 0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.custom-checkbox>[type="checkbox"]:not(:checked)+label,
.custom-checkbox>[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.custom-checkbox>[type="checkbox"]:not(:checked)+label:before,
.custom-checkbox>[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    right: 2;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background: #ffffff;
    border-radius: 2px;
    top: 12px;
}

._cc-border>[type="checkbox"]:not(:checked)+label:before,
._cc-border>[type="checkbox"]:checked+label:before {
    border: 1px solid #ff0066;
}

._cc-border2>[type="checkbox"]:not(:checked)+label:before,
._cc-border2>[type="checkbox"]:checked+label:before {
    border: 1px solid #3eb1c8;
}

.custom-checkbox>[type="checkbox"]:not(:checked)+label:after,
.custom-checkbox>[type="checkbox"]:checked+label:after {
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    content: '\f00c';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 3px;
    color: #666666;
    transition: all .2s;
}

.custom-checkbox>[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.custom-checkbox>[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox>[type="checkbox"][data-indeterminate]+label:after,
.custom-checkbox>[type="checkbox"][data-indeterminate]+label:after {
    content: '\f068';
    left: 6px;
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox>[type="checkbox"]:disabled:not(:checked)+label:before,
.custom-checkbox>[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    background-color: #eeeeee;
    border-color: #eeeeee;
    cursor: not-allowed;
    opacity: 1;
    color: #dadada;
}

.custom-checkbox>[type="checkbox"]:disabled:checked+label:after {
    color: #dadada;
    cursor: not-allowed;
}

.custom-checkbox>[type="checkbox"]:disabled+label {
    color: #aaa;
    cursor: not-allowed;
}

.custom-checkbox>[type="checkbox"]:checked:focus+label:before,
.custom-checkbox>[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.custom-checkbox>label:hover:before {
    border: 1px solid #88D2FF !important;
}

.custom-checkbox>[type="checkbox"]:disabled:not(:checked)+label:hover:before,
.custom-checkbox>[type="checkbox"]:disabled:checked+label:hover:before {
    border: 1px solid #E4E4E4 !important;
}

input[type="checkbox"]:focus {
    outline: 0 !important;
}

input[type="checkbox"]:hover {
    outline: 0 !important;
}


/* custom checkboxes left panel*/
.custom-checkbox-left>[type="checkbox"],
.custom-checkbox-left>label {
    margin-bottom: 0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.custom-checkbox-left>[type="checkbox"]:not(:checked)+label,
.custom-checkbox-left>[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.custom-checkbox-left>[type="checkbox"]:not(:checked)+label:before,
.custom-checkbox-left>[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: none;
    background: #1a4c68;
    border-radius: 2px;
}

.custom-checkbox-left>[type="checkbox"]:not(:checked)+label:after,
.custom-checkbox-left>[type="checkbox"]:checked+label:after {
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    content: '\f00c';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 3px;
    color: #ffffff;
    transition: all .2s;
}

.custom-checkbox-left>[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.custom-checkbox-left>[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox-left>[type="checkbox"][data-indeterminate]+label:after,
.custom-checkbox-left>[type="checkbox"][data-indeterminate]+label:after {
    content: '\f068';
    left: 6px;
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox-left>[type="checkbox"]:disabled:not(:checked)+label:before,
.custom-checkbox-left>[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    background-color: #eeeeee;
    border-color: #eeeeee;
    cursor: not-allowed;
    opacity: 1;
    color: #dadada;
}

.custom-checkbox-left>[type="checkbox"]:disabled:checked+label:after {
    color: #dadada;
    cursor: not-allowed;
}

.custom-checkbox-left>[type="checkbox"]:disabled+label {
    color: #aaa;
    cursor: not-allowed;
}

.custom-checkbox-left>[type="checkbox"]:checked:focus+label:before,
.custom-checkbox-left>[type="checkbox"]:not(:checked):focus+label:before {
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.custom-checkbox-left>label:hover:before {
    border: 1px solid #88D2FF !important;
}

.custom-checkbox-left>[type="checkbox"]:disabled:not(:checked)+label:hover:before,
.custom-checkbox-left>[type="checkbox"]:disabled:checked+label:hover:before {
    border: 1px solid #E4E4E4 !important;
}

/* Custom checkbox small */

._cb-small>[type="checkbox"]:not(:checked)+label:before,
._cb-small>[type="checkbox"]:checked+label:before {
    width: 15px !important;
    height: 15px !important;
    top: 14px !important;
}

/*Select 1 Custom */


.select1-dropdown.select1-dropdown--below {
    font-size: 15px
}

.select1-dropdown.select1-dropdown--above {
    font-size: 15px
}

#job-left-panel .select1-container--default .select1-selection--single {
    height: 40px !important;
    width: 50%;
    font-size: 16px;
    position: relative;
    background-color: #1a4c68 !important;
    border: none !important;
}

#job-left-panel .select1-container--default .select1-selection--single .select1-selection__arrow {
    background-color: #315e77;
    width: 45px !important;
    color: #fff;
    font-size: 15px;
    padding: 7px 17px;
    height: 40px !important;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
}

#job-left-panel .select1-container--default .select1-selection--single .select1-selection__rendered {
    color: #b5c7d8 !important;
    line-height: 40px !important;
    padding: 0 15px !important;
}


/*Select 2 Custom */


.select2-dropdown.select2-dropdown--below {
    font-size: 15px
}

.select2-dropdown.select2-dropdown--above {
    font-size: 15px
}

#job-left-panel .select2-container--default .select2-selection--single {
    height: 40px !important;
    width: 100%;
    font-size: 16px;
    position: relative;
    background-color: #1a4c68 !important;
    border: none !important;
}

#job-left-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #315e77;
    width: 45px !important;
    color: #fff;
    font-size: 15px;
    padding: 7px 17px;
    height: 40px !important;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
}

#job-left-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b5c7d8 !important;
    line-height: 40px !important;
    padding: 0 15px !important;
}

/* Custom Candidate Result - Candidate Search */
.fav-btn {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

@keyframes favme-anime {
    0% {
        opacity: 1;
        font-size: ms(0);
        -webkit-text-stroke-color: transparent;
    }

    25% {
        opacity: .6;
        color: #FFF;
        font-size: ms(-2);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #DC3232;
    }

    75% {
        opacity: .6;
        color: #FFF;
        font-size: ms(3);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #DC3232;
    }

    100% {
        opacity: 1;
        font-size: ms(2);
        -webkit-text-stroke-color: transparent;
    }
}

.favme {
    display: block;
    font-size: 20px;
    width: auto;
    height: auto;
    cursor: pointer;
    box-shadow: none;
    transition: all .2s ease;
    color: #CBCDCE;
    margin: 0;
}

.active {
    color: #DC3232;
}

.is_animating {
    animation: favme-anime .3s;
}

.class-bgfav {
    height: 40px;
    width: 40px;
    top: 8px;
    background-color: #fff;
}

.fav-pos {
    position: absolute;
    border-radius: 50%;
    right: 8px;
    z-index: 9
}


.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.thumbnail {
    margin-bottom: 10px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    transition: all 0.4s ease-out;
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 50%;
    padding: 0 1rem;
    border: 0;
}

.item.list-group-item .img-event {
    float: left;
    width: 30%;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item .thumbnail {
    margin-bottom: 0px;
    display: inline-block;
}

.item.list-group-item .caption {
    float: left;
    width: 70%;
    margin: 0;
    height: 90px !important
}

.item.list-group-item .thumbnail.card {

    height: 150px !important
}

.item.list-group-item:after {
    clear: both;
}

.item.grid-group-item {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding-right: 10px !important;
}

.gambar-grid {
    min-height: 300px !important
}

.gambar-list {
    border: 14px solid white;
    height: 134px;
    border-radius: 25px;
}


div.thumbnail.card.w-100:hover .overlay-offer {
    opacity: 1;
}

.overlay-offer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #0000008c;
    z-index: 1
}

.bto-overlay {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    border-radius: 50px !important;
    width: 110px
}

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}


.custom-ddown {
    position: absolute;
    top: 6px;
    bottom: 0;
    background: url("../img/icon/down header.png") no-repeat !important;
    pointer-events: none;
    width: 30px;
    margin-left: 225px;
}

#bodyJobFunc::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#bodyJobFunc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dadada;
}

.cs-dropdown-wrapper {
    width: 260px;
}

.cs-ae-select {
    border: none;
    background-color: white;
    border-radius: 50px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.cs-dropdown-wrapper .cs-ae-select {
    padding: 10px 10px 10px 25px;
    position: relative;
    height: 40px;
}

.cs-dropdown-wrapper .cs-ae-select.chosen {
    color: #333;
}

.cs-dropdown-wrapper .cs-ae-select .down-icon,
.cs-ae-select .up-icon {
    position: absolute;
    right: 8px;
    top: 7px;
}

.cs-dropdown-wrapper .ae-dropdown .dropdown-menu {
    background: #fffef3;
    box-shadow: none;
    border-radius: 0px;
}

.cs-dropdown-wrapper .ae-dropdown .cs-ae-select,
.cs-dropdown-wrapper .ae-dropdown .dropdown-menu>li {
    cursor: pointer;
}

.cs-dropdown-wrapper .ae-dropdown .dropdown-menu>li>a:focus,
.cs-dropdown-wrapper .ae-dropdown .dropdown-menu>li>a:hover {
    background: none;
}

.cs-dropdown-wrapper .ae-disabled {
    pointer-events: none;
}

.ae-hide {
    display: block;
}

ul.dropdown-menu {
    list-style-type: none;
}

ul.dropdown-menu {
    margin: 0px;
    padding: 5px;
    width: 260px;
}

ul.dropdown-menu li {
    padding: 10px 0px;
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

ul.menu3 li {
    padding: 15px 20px;
}

ul.dropdown-menu li:hover {
    background-color: #3eb1c8;
    color: #fff;
}

.btn-view-cart {
    /* position: absolute;
    right: 375px; */
    margin-top: 4px;
    padding-top: 8px;
}

.flrght {
    float: right;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
    font-family: 'quicksand-medium' !important;
    font-weight: normal !important;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.div-overlay-list {
    float: right !important;
    padding-right: 10px !important;
}

.my30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.py30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ellipsis {
    border-radius: 50px !important;
    background: #fafafa;
    border: none !important;
    padding: 8px 0 !important;
    font-family: 'quicksand-medium' !important;
    color: #888ea1 !important;
    width: 40px !important;
    height: 40px !important;
    margin-left: 0 !important;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    font-size: 12px;
    margin-right: 0.5em;
    vertical-align: top;
    margin-top: 1px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none !important;
}

.shadow-none {
    box-shadow: none !important;
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.w_max_content {
    width: max-content;
}

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

.rspn_txt ul li {
    padding: 5px -10px !important;
}

.rspn_txt ul {
    padding-left: 15px;
}

#content-wrapper{
	/* background: white !important; */
}