html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 16px;
    letter-spacing: 0px;
    height: 100%;
}

#button11 {
    display: inline-block;
    background: url(../img/goto_top.png);
    width: 31px;
    height: 31px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 9999999999;
    background-repeat: no-repeat;
}


/*
@font-face {
  font-family: 'FabrikatMono-Light';
  src: url('../fonts/fabrikatMono-Light.eot');
  src: url('../fonts/fabrikatMono-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fabrikatMono-Light.svg#FabrikatMono-Light') format('svg'),
       url('../fonts/fabrikatMono-Light.ttf') format('truetype'),
       url('../fonts/fabrikatMono-Light.woff') format('woff'),
       url('../fonts/fabrikatMono-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Knockout';
  src: url('../fonts/knockout-HTF29-JuniorLiteweight.eot');
  src: url('../fonts/knockout-HTF29-JuniorLiteweight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/knockout-HTF29-JuniorLiteweight.svg#knockout-HTF29-JuniorLiteweight') format('svg'),
       url('../fonts/knockout-HTF29-JuniorLiteweight.ttf') format('truetype'),
       url('../fonts/knockout-HTF29-JuniorLiteweight.woff') format('woff'),
       url('../fonts/knockout-HTF29-JuniorLiteweight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
*/

.error-mg1 {
    background-color: #506953;
    border-radius: 4px;
    color: #afc748;
    padding: 5px 20px 5px 34px;
    position: relative;
    margin-bottom: 40px;
}

.error-mg1:after {
    content: '';
    position: absolute;
    display: inline-block;
    color: #2377ad;
    background: url(../img/success_icon.png) no-repeat;
    top: 7px;
    left: 11px;
    width: 19px;
    height: 14px;
}

button:focus {
    outline: none!important;
}

.goog-te-menu2 {
    background-color: #ffffff;
    text-decoration: none;
    border: 1px solid #eeeeee;
    overflow: hidden;
    padding: 4px;
    width: 300px!important;
}

.goog-logo-link,
.goog-logo-link:link,
.goog-logo-link:visited,
.goog-logo-link:hover,
.goog-logo-link:active {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    display: none!important;
}

.goog-te-menu2,
.goog-te-menu2,
.full-width {
    width: 100%!important;
}

.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: transparent!important;
    white-space: nowrap;
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none!important;
}

/* .goog-te-gadget .goog-te-combo,
.goog-te-gadget-simple {
    font-family: 'Montserrat', sans-serif!important;
    margin: 0px 0!important;
    border: solid 2px #c793634a;
    border-radius: 23px;
    padding: 10px 25px 10px 22px!important;
    cursor: pointer;
    color: #c79363;
    font-size: 13px;
    font-weight: 600;
    background: transparent;
    text-transform: uppercase;
} */

.goog-te-gadget .goog-te-combo, .goog-te-gadget-simple {
    font-family: 'Montserrat', sans-serif!important;
    margin: 0px 0!important;
    cursor: pointer;
    color: #B1C763;
    font-weight: 600;
    background: transparent;
    text-transform: uppercase;
    box-shadow: 5px 5px 0px 0px #0000004a;
    padding: 10px 22px !important;
    border-radius: 20px;
    border: 1px solid #B1C763;
    font-size: 12px;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #c79363;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    border-left: none!important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    BORDER-LEFT: NONE;
    color: #c79363!important;
}

.goog-te-menu2 {
    color: #16181b;
}

.goog-te-gadget .goog-te-combo:focus {
    outline: none!important;
}

a:hover {
    text-decoration: none;
}

.mail-wrap-design- {
    border-radius: 15px;
    border: solid 1px #82a4ad;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
    padding: 2px 4px 2px 7px;
}

.mail-wrap-design- button {
    background: transparent;
    border: none;
    color: #82a4ad;
}

/* Loader */
.loader {
    position: fixed;
    /* visibility: hidden; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader .lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.loader .lds-ripple div {
    position: absolute;
    border: 4px solid white;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loader .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
}
4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
}
5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
}
100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
}
}

/**start header**/

.full-screen-noscroll {
    overflow-y: hidden;
}

.bg-login {
    background-color: #2f4a51;
    width: 100%;
    min-height: 100%;
    /*   background-image:url('../img/bg_pattern.png');*/
    background-repeat: repeat;
}

.bg-login1 {
    background-color: #2f4a51;
    width: 100%;
    min-height: 100vh;
}

.desk-heading-ml {
    margin-left: 57px;
}

.profile-img-dropdown {
    background-color: #21393e;
    border-radius: 0px;
    border: 1px solid #21393e;
}

.profile-img-dropdown .dropdown-item {
    color: #9bae55;
    font-size: 13px;
    padding: 6px 15px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.profile-img-dropdown .dropdown-item:hover {
    background-color: #21393e;
    color: #c79363;
}

.profile-img-dropdown .dropdown-item.header {
    border-bottom: 1px solid #5a757c;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.profile-img-dropdown .dropdown-item.header .cross-icon {
    font-size: 19px!important;
}

.full {
    height: auto!important;
}

.bg-blue-theme {
    background-color: #2f4a51;
}

.invitaion-datePopup1 {
    padding: 6px 9px;
    border-radius: 5px;
    background-color: #9bae55;
    color: #fff;
    height: 68px;
    width: 100%;
}

.invitaion-datePopup2 {
    padding: 6px 9px;
    border-radius: 5px;
    background-color: #fff;
    color: #a6a6a6;
}

.invitaion-datePopup3 {
    padding: 6px 9px;
    border-radius: 5px;
    background-color: #f2d4b7;
    color: #776355;
    height: 68px;
    width: 100%;
}

.bg-login-main {
    background-color: #2f4a51;
    width: 100%;
    min-height: 100%;
}

.bg-login-new {
    background-color: #2f4a51;
    width: 100%;
    height: auto;
}

.bg-login-main-signup {
    background-color: #2f4a51;
    width: 100%;
    height: 100vh;
}

.bg-login-main1 {
    background-color: #2f4a51;
    width: 100%;
    min-height: 100%;
    margin-top: 70px;
}

.login-header {
    padding-top: 10px;
}

.login-btn {
    border: solid 2px #496267;
    border-radius: 23px;
    padding: 12px 25px!important;
    cursor: pointer;
    color: #d2d2d2!important;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    height: 44px;
    margin-right: 10px;
}

.login-btn:hover {
    background-color: #9bae55;
    transition: all ease 0.3s;
}

.f13 {
    font-size: 13px;
}

.staff-btn {
    border: solid 2px #9bae55;
    border-radius: 23px;
    padding: 15px 35px!important;
    cursor: pointer;
    color: #2c474e;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.staff-btn:hover {
    background-color: #2c474e;
    transition: all ease 0.3s;
    color: #9bae55;
}

.staff-btn1 {
    border: solid 2px #9bae55;
    border-radius: 23px;
    padding: 10px 35px!important;
    cursor: pointer;
    Margin-bottom: 20px;
    color: #2c474e;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.staff-btn1:hover {
    background-color: #2c474e;
    transition: all ease 0.3s;
    color: #9bae55;
    border: solid 2px #2c474e;
}

.staff-btn2 {
    border: solid 2px #9bae55;
    border-radius: 23px;
    padding: 10px 20px!important;
    cursor: pointer;
    color: #2c474e;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.staff-btn2:hover {
    background-color: #2c474e;
    transition: all ease 0.3s;
    color: #9bae55;
    border: solid 2px #2c474e;
}

.staff-btn3 {
    border: solid 2px #c79365;
    border-radius: 23px;
    padding: 10px 20px!important;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    background: #c79365;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    line-height: 41px;
}

.staff-btn3:hover {
    background-color: #2c474e;
    transition: all ease 0.3s;
    color: #9bae55;
    border: solid 2px #2c474e;
}

/* #btn-map,
#btn-squ {
    border: 0px;
    float: left;
    background: transparent!important;
} */

.search-map-icon-new {
    max-width: 24px;
    border: 0px solid #ccc;
}

.work-btn {
    border: solid 2px #9bae55;
    border-radius: 25px;
    padding: 16px 35px!important;
    cursor: pointer;
    color: #9bae55;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.work-btn-peach-fill {
    background: #c79363!important;
    border: solid 2px #c79363;
    border-radius: 25px;
    padding: 16px 35px!important;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.work-btn:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    border: solid 2px #c79363;
    color: #fff;
}

.work-btn-peach-fill:hover {
    background-color: transparent!important;
    transition: all ease 0.3s;
    border: solid 2px #9bae55;
    color: #9bae55;
}

.text-login {
    font-size: 14px;
}


/**start lan select***/

.vodiapicker {
    display: none;
}

.lang-select #a {
    padding-left: 0px;
    margin-bottom: 0px;
    padding: 11px;
}

.lang-select #a img,
.lang-select .btn-select img {
    width: 19px;
}

.lang-select #a li {
    list-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.lang-select #a li img {
    margin: 5px;
    display: none;
}

.lang-select .b a {
    text-transform: uppercase;
    font-size: 13px;
}

.lang-select .b a:hover,
.lang-select .b a.active {
    color: #afc18e;
    background-color: #f4faf6!important;
}

.lang-select .b {
    display: none;
    width: 100%;
    max-width: 131px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    position: absolute;
    background-color: #f4faf6;
    margin-top: 20px;
    left: -45px!important;
}

.lang-select .b::before {
    content: "";
    position: absolute;
    top: -19px;
    right: 50px;
    border-bottom: 19px solid #f4faf6;
    border-top: 0px solid #f4faf6;
    border-right: 14px solid transparent;
    display: block;
    width: 0;
    border-left: 16px solid transparent;
    color: #82a4ad!important;
}

.lang-select .open {
    display: show!important;
}

.lang-select .btn-select {
    border: solid 2px #c793634a;
    border-radius: 23px;
    padding: 10px 25px 10px 13px!important;
    cursor: pointer;
    color: #c79363;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: transparent;
    width: 120px;
    margin-left: 12px;
}

.lang-select .btn-select:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    right: 15px;
    top: 19px;
}

.lang-select .btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0px;
}

.lang-select .btn-select:hover li {
    margin-left: 0px;
}

.lang-select .btn-select:focus {
    outline: none;
}


/**end lan select**/


/**end header**/


/*login-signup-css-start*/

.login-signup-bg-area {
    padding: 40px 0 20px 0;
    position: relative;
}

.industry-login-signup-container {
    margin: auto;
}

.industry-login-heading {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.industry-login-form {
    padding: 30px 60px;
}

.industry-login-form label {
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    color: #fff;
    margin-bottom: 3px;
    margin: 0 20px 0 0;
}

.industry-login-form .label-check {
    color: #82a4ad!important;
}

.industry-login-form .label-check1 {
    color: #283f44!important
}

.industry-login-form input.form-control,
.industry-login-form select.form-control {
    border-radius: 10px;
    height: 50px!important;
    border: solid 2px #9bae55;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
}

.show-tick .bs-placeholder, .show>.btn-light.dropdown-toggle, .btn-light {
    border-color: #9bae55 !important;
    background-color: #324349 !important;
    font-weight: 600 !important;
}

.industry-login-form textarea.form-control {
    border-radius: 10px;
    border: solid 2px #496269;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
}

.industry-login-form .toggle-password {
    position: absolute;
    top: 37px;
    cursor: pointer;
    right: 23px;
    color: #82a4ad;
    font-size: 22px;
}

span.industry-forgot-pwd a {
    text-align: right;
    text-decoration: none;
    color: #82a4ad!important;
    float: right;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 0;
}

.declaraion-checkbox {
    margin: -20px 0 0 0;
}

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

.declaraion-checkbox [type="checkbox"]:not(:checked)+label,
.declaraion-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    padding-top: 0;
}

.declaraion-checkbox [type="checkbox"]:not(:checked)+label:before,
.declaraion-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: solid 2px #eeeff3;
    background: #fff;
    border-radius: 0px;
}

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

.declaraion-checkbox [type="checkbox"]:not(:checked)+label::after,
.declaraion-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 8px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:active {
    background-color: #9bae55!important;
    border-color: #9bae55!important;
}


/* .login-submit-btn {
    background: #9bae55;
    padding: 16px 50px!important;
    color: #38514d!important;
    border: none;
    margin: 10px 0!important;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    border: 2px solid #9bae55;
} */

.login-submit-btn {
    background: #9bae55;
    color: #38514d!important;
    border: solid 2px #9bae55;
    padding: 16px 50px!important;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}

.multi_back {
    width: auto;
}

.help-btn {
    width: auto;
}

.job-post-btn {
    width: auto;
}

.create-page-btn {
    width: auto;
}

.applicant_search_btn {
    width: auto;
    padding: 12px 30px!important;
}

.login-submit-btn.no-btn {
    background: none;
    border: 2px solid #9bae55;
    color: #fff!important;
}

.login-submit-btn img {
    display: inline-block;
}

.login-submit-btn:hover {
    color: #38514d!important;
    background: #c79363;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.signup-here-text {
    text-align: center;
    padding: 25px 0;
    font-weight: 500;
    color: #9ca7b6;
    font-size: 14px;
}

.signup-here-text a {
    color: #9bae55;
    text-decoration: underline;
}

.industry-login-form .form-control::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.industry-login-form textarea.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #82a4ad;
}

.industry-login-form .form-control:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.industry-login-form textarea.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #82a4ad;
}

.industry-login-form .form-control::placeholder,
.form-control::placeholder,
.industry-login-form textarea.form-control::placeholder {
    color: #82a4ad;
}

.industry-signup-form-box-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}

.industry-signup-form-box {
    margin: 15px;
}

.industry-signup-form-box a {
    border: solid #f8edca 1px;
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.industry-signup-form-box.Student-box a {
    color: #fee89b;
    border: solid #fee89b 1px;
}

.industry-signup-form-box.Student-box.active a {
    background: #f0ca03;
    border: solid #fee89b 1px;
}

.industry-signup-form-box.Student-box a:hover {
    background: #f0ca03;
    border: solid #fee89b 1px;
}

.industry-signup-form-box.Student-box a .biz-signup-form-box-title {
    color: #fee89b!important;
}

.industry-signup-form-box.Enterpreneur-box a {
    color: #feb49a;
    border: solid #feb49a 1px;
}

.industry-signup-form-box.Enterpreneur-box.active a {
    background: #f16623;
    border: solid #feb49a 1px;
}

.industry-signup-form-box.Enterpreneur-box a:hover {
    background: #f16623;
    border: solid #feb49a 1px;
}

.industry-signup-form-box.Enterpreneur-box a .biz-signup-form-box-title {
    color: #feb49a!important;
}

.industry-signup-form-box-img {
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 10px auto;
}

.form-group {
    margin-bottom: 20px;
}

.industry-signup-form-box-title {
    color: #787979;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}

.industry-signup-form-box a:hover {
    background: #05a6ec;
    border: solid 1px #05a6ec;
}

.industry-signup-form-box a:hover .biz-signup-form-box-title {
    color: #fff;
}

.industry-signup-form-box.active a {
    background: #05a6ec;
    border: solid 1px #05a6ec;
}

.industry-signup-form-box.active a .biz-signup-form-box-title {
    color: #fff;
}


/*login-signup-css-end*/


/*start teaser frame*/

.btn-add {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
}

.teaser-frame .modal-dialog {
    top: 90px!important;
}

.teaser-frame .modal-body {
    background-color: #2f4a51;
    padding: 50px 0;
}

.teaser-frame .modal-body .title {
    color: #9bae55;
    font-size: 20px;
}

.modal-backdrop {
    background-color: #fff;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(155, 173, 85, 0.3);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(155, 173, 85, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0px rgba(155, 173, 85, 0.4);
    }
    100% {
        box-shadow: 0 0 0 70px rgba(155, 173, 85, 0);
    }
}

.add-sign {
    float: left;
    margin: 40px;
    width: 55px;
    height: 55px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    background: rgba(155, 173, 85, 1);
    border-radius: 50%;
    animation: shadow-pulse 2s infinite;
}

.add-sign i {
    padding: 19px;
    font-size: 20px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.industry-login-form .select-icon {
    position: relative;
}

.industry-login-form .select-icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 17px;
    top: 42px;
    position: absolute;
    padding: 13px;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}


/* For IE10 */

select::-ms-expand {
    display: none;
}


/*end teaser*/


/*start step one**/

.img-resto-name-wrap11-new {
    /*    background-color: #9bae55;*/
    border-radius: 49px;
    color: #9bae55;
    text-transform: capitalize;
    /*    width: 100px;height: 100px;*/
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    max-width: 100%;
    padding-top: 26px;
}

.img-resto-name-wrap11 {
    /*    background-color: #9bae55;*/
    border-radius: 49px;
    color: #9bae55;
    text-transform: capitalize;
    /*width: 100px;height: 100px; line-height: 94px;*/
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    max-width: 100%;
}

.tab-wrap {
    background-color: #36535b;
}

.tab-wrap ul {
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
}

.tab-wrap ul li {
    display: table-cell;
    padding: 7px 58px 7px 75px;
    margin: 0px;
}

.tab-wrap ul li.active {
    background-color: #92c47d;
}

.tab-wrap ul li a {
    text-transform: capitalize;
    color: #82a4ad;
    font-size: 15px;
    position: relative;
}

.tab-wrap ul li.active a {
    color: #fff!important;
}

.tab-wrap ul li a:before {
    content: '';
    position: absolute;
    top: 4px;
    width: 13px;
    height: 13px;
    border: 2px solid #82a4ad;
    background-color: transparent;
    left: -18px;
    border-radius: 15px;
}

.tab-wrap ul li.active a:before {
    border: 2px solid #fff!important;
}

.file-input {
    /*    border:solid 2px transparent!important;*/
    width: 144px;
    color: transparent;
}

.no-cursor:before {
    cursor: text !important;
}

.file-input:focus {
    box-shadow: none!important;
    outline: none;
}

.file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.file-input::before {
    content: 'Choose File';
    display: inline-block;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(155, 174, 85, 0.3);
}

#fileLabel {
    position: absolute;
    top: 38px;
    color: #82a4ad;
}

.restuarent-step1-logo .profile-pic {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}

.restuarent-step1-logo .file-upload {
    display: none;
}

.restuarent-step1-logo .circle {
    border-radius: 11px!important;
    overflow: hidden;
    width: 220px;
    height: 118px;
    border: 2px solid #fff;
    margin: 0px;
    background-color: #fff;
}

.restuarent-step1-logo img {
    max-width: 100%;
    height: auto;
}

.restuarent-step1-logo .p-image {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-step1-logo .p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-step1-logo .upload-button {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
    display: inline-block;
}

.restuarent-step1-logo .upload-button:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.restuarent-step1-logo .save-btn {
    border: solid 2px #496269;
    font-size: 12px;
    background: transparent;
    color: #496269;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 8px 16px;
    font-weight: 600;
    transition: all ease 0.3s;
}

.restuarent-step1-logo .save-btn:hover {
    background: #496269;
    color: #fff;
    transition: all ease 0.3s;
}

.restuarent-step1-logo .text-max-size {
    color: #82a4ad;
    text-align: center;
    font-size: 12px;
}

.restuarent-step1-pic .profile-pic1 {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    border: 4px solid white;
}

.restuarent-step1-pic .file-upload1 {
    display: none;
}

.restuarent-step1-pic .circle1 {
    border-radius: 4px!important;
    overflow: hidden;
    width: 273px;
    height: 118px;
    border: 2px solid #fff;
    margin: 0px;
    background-color: #fff;
}

.restuarent-step1-pic img {
    max-width: 100%;
    height: auto;
}

.restuarent-step1-pic .p-image1 {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-step1-pic .p-image1:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-step1-pic .upload-button1 {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
    display: inline-block;
}

.restuarent-step1-pic .upload-button1:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.restuarent-step1-pic .save-btn1 {
    border: solid 2px #496269;
    font-size: 12px;
    background: transparent;
    color: #496269;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 8px 16px;
    font-weight: 600;
    transition: all ease 0.3s;
}

.restuarent-step1-pic .save-btn1:hover {
    background: #496269;
    color: #fff;
    transition: all ease 0.3s;
}


/*end srep one*/


/**start landing page**/

.img-wrap {
    width: 99%!important;
    margin: auto;
    display: block;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-radius: 0px 0px 4px 4px;
}

.img-wrap1-landing {
    width: 99%;
    margin: auto;
    display: block;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-radius: 0px 0px 4px 4px;
}

.landing-heading {
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 31px;
    color: #fff;
    text-align: center;
    /* text-transform: uppercase; */
    margin-top: 23px;
}

.landing-heading-sub {
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 31px;
    color: #fff;
    text-align: center;
    margin-top: 23px;
}

.setup-wrap-left {
    position: relative;
}

.setup-wrap-right {
    position: relative;
}

.setup-wrap-right .arw-left {
    position: absolute;
    left: 25px;
    top: 45px;
    z-index: 99;
}

.step2-logo {
    width: 156px!important;
    max-height: 156px;
}

.setup-wrap-left .setup-text-left {
    color: #fff;
    font-size: 13px;
    /*font-family: 'FabrikatMono-Light'; */
    padding-bottom: 5px;
    padding-right: 76px!important;
    float: right;
}

.setup-wrap-right .setup-text {
    color: #fff;
    font-size: 13px;
    /*font-family: 'FabrikatMono-Light'; */
}

.setup-wrap-left .arw-right {
    position: absolute;
    right: 25px;
    top: 37px;
    z-index: 99;
    width: 95px;
}

.teaser-frame .img1 {
    width: 100%!important;
}

.setup-wrapimg-right:before {
    content: '';
    position: absolute;
    width: 41px;
    height: 110%;
    background-image: url(../img/or.png);
    left: -62px;
    top: -6px;
    opacity: 0;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -41px;
}

.carousel-indicators li {
    width: 8px;
    height: 8px;
}

.payment-new-btn {
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 20px !important;
    /* width: 100%; */
}

.setup-btn,
.setup-btn:hover:disabled {
    border: solid 2px #9bae55;
    border-radius: 25px;
    padding: 12px 30px!important;
    cursor: pointer;
    color: #2c474e;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    /* text-transform: uppercase; */
    transition: all ease 0.3s;
    margin: 0;
}

.setup-btn:hover:disabled {
    cursor: not-allowed;
}

.setup-btn:hover {
    background: transparent;
    color: #9bae55;
    border: solid 2px #9bae55;
}

.card-apply-btn {
    border: solid 2px #9bae55;
    border-radius: 4px;
    padding: 9px 30px!important;
    cursor: pointer;
    color: #2c474e;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.card-apply-btn:hover {
    background: transparent;
    color: #9bae55;
    border: solid 2px #9bae55;
}


/* .h-indus {
    height: 332px;
} */

.h-indus {
    height: auto;
}

.h-indus1 {
    height: 283px;
}

.text-back-indu {
    color: #43585d;
    font-size: 154px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    margin-top: 33px;
}

.choose-indu {
    transform: translateY(-123px);
    /*font-family: 'FabrikatMono-Light'; */
}

.choose-indu .yel-text {
    color: #f5e418;
}

.choose-indu .txt-sure {
    color: #fff;
}

.choose-indu .txt-sure a {
    color: #9bae55;
    text-decoration: underline;
}

.basic-wrap {
    background-color: #fff;
    border-radius: 12px;
    padding: 23px;
    background-image: url(../img/dotted_img.png);
    margin-bottom: 0;
    background-repeat: no-repeat;
    display: inline-table;
    height: 100%;
    color: #9bae55;
}

.basic-wrap .selected-txt-basic-white {
    color: #fff!important;
}

.basic-wrap .txt-basic {
    text-align: center;
    /* font-family: 'Knockout'; */
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #9bae55;
    margin-bottom: 0px;
    padding-bottom: 30px;
    /* color: #fff; */
}


/* .multi-wrap .txt-basic.new-txt-basic {
    color: #43b614;
} */

.basic-wrap .txt-price {
    text-align: center;
    /*font-family: 'Knockout'; */
    font-size: 46px;
    font-weight: 500;
    border-bottom: 1px solid #9bae55;
    padding: 5px 0px;
    margin-bottom: 5px;
}

.basic-wrap .month-text {
    text-align: center;
    /* font-family: 'Knockout'; */
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #9bae55;
    padding: 5px 0px 10px;
    /* color: #fff; */
    font-weight: 600;
}

.basic-wrap ul {
    list-style: none;
    padding-left: 0;
}

.basic-wrap li {
    position: relative;
    padding-left: 1.5em;
    /*font-family: 'FabrikatMono-Light'; */
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 7px;
}

.basic-wrap li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 12px;
    background: url(../img/points_arrow.png);
    color: #4c4c4c;
    top: 4px;
    background-repeat: no-repeat;
}


/*multi umit*/

.multi-wrap {
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 23px 23px;
    background-image: url(../img/dotted_img.png);
    margin-bottom: 0px;
    background-repeat: no-repeat;
    display: inline-table;
    height: 100%;
    width: 100%;
    color: #9bae55;
}

.multi-wrap .txt-basic {
    text-align: center;
    /*font-family: 'Knockout'; */
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #9bae55;
    margin-bottom: 0px;
    padding-bottom: 14px;
    line-height: 31px;
    /* color: #9bae55; */
}

.multi-wrap .txt-price {
    text-align: center;
    /*font-family: 'Knockout'; */
    font-size: 36px;
    font-weight: 500;
    border-bottom: 1px solid #9bae55;
    padding: 12px 0px;
    margin-bottom: 5px;
    /* color: #9bae55; */
}

.multi-wrap .month-text {
    text-align: center;
    /*font-family: 'Knockout'; */
    font-size: 26px;
    font-weight: 600;
    border-bottom: 1px solid #9bae55;
    padding: 5px 0px 10px;
}

.multi-wrap ul {
    list-style: none;
    padding-left: 0;
}

.multi-wrap li {
    position: relative;
    padding-left: 1.5em;
    /*font-family: 'FabrikatMono-Light'; */
    color: #000;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 7px;
}

.multi-wrap li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 12px;
    background: url(../img/points_arrow.png);
    color: #4c4c4c;
    top: 4px;
    background-repeat: no-repeat;
}

.multi-wrap,
.premium-wrap,
.basic-wrap {
    position: relative;
}


/*end multi unit**/

.buyplan-btn-multi {
    /* font-family: 'FabrikatMono-Light'; */
    background: #58671e;
    border: solid 2px #58671e;
    color: #aac457;
    border-radius: 23px;
    padding: 11px 28px!important;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.buyplan-btn-multi:hover {
    background: #58671e;
    color: #fff;
    border: solid 2px #58671e;
}

.buyplan-btn {
    /*font-family: 'FabrikatMono-Light'; */
    border: solid 2px #c79365;
    border-radius: 23px;
    padding: 11px 28px!important;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    background: #c79365;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.buyplan-btn:hover {
    background: transparent;
    color: #c79365;
    border: solid 2px #c79365;
}

.buyplan-btn-premium {
    /*font-family: 'FabrikatMono-Light'; */
    border: solid 2px #9bae55;
    border-radius: 23px;
    padding: 11px 28px!important;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.buyplan-btn-premium:hover {
    background: transparent;
    color: #9bae55;
    border: solid 2px #9bae55;
}

.premium-wrap {
    background-color: #b8cc6f;
    border-radius: 12px;
    padding: 23px 23px 35px;
    transform: translateY(0px);
    background-image: url(../img/dotted_img.png);
    margin-bottom: 20px;
    color: #fff;
}

.premium-wrap .txt-basic {
    text-align: center;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 34px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #c6d494;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.premium-wrap .month-text {
    text-align: center;
    /*font-family: 'Knockout'; */
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #9bae55;
    padding: 5px 0px 10px;
}

.premium-wrap .check-icon,
.basic-wrap .check-icon,
.multi-wrap .check-icon {
    position: absolute;
    right: 16px;
    width: 32px;
}

.popular {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
}

.premium-wrap .txt-price {
    text-align: center;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 34px;
    font-weight: 600;
    border-bottom: 1px solid #c6d494;
    padding: 20px 0px;
}

.premium-wrap .sub-txt {
    font-size: 13px;
    text-align: left;
    padding: 3px 0px 0px 9px;
}

.premium-wrap ul {
    list-style: none;
    padding: 20px 10px 20px 0px;
}

.premium-wrap li {
    position: relative;
    padding-left: 1.5em;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 7px;
}

.premium-wrap li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 12px;
    background: url(../img/points_arrow.png);
    color: #4c4c4c;
    top: 4px;
    background-repeat: no-repeat;
}


/**end landing page*/


/**step2**/

.preview-hr {
    border: solid 1px #496269;
}

.preview-hr-profile {
    border: solid 1px #3f4e52;
    width: 76%;
}

.txt-blue {
    color: #82a4ad;
}

.txt-theme {
    color: #98aa56;
}

.txt-theme:hover {
    color: #98aa56;
}

.text-blue-dark {
    color: #21383e!important;
    font-weight: 600;
}

.text-blue-dark1 {
    color: #8c9a9a!important;
    font-weight: 600;
}

.industry-preview-form {
    padding: 20px 15px;
}

.industry-preview-form ul li a img {
    width: 50%;
    margin-bottom: 15px;
}

.industry-preview-form ul li a p {
    font-weight: 600;
    color: #a9c15d;
    margin-bottom: 0;
    text-align: center;
}


/* .industry-preview-form ul li a {
    color: #fff;
    margin-bottom: 20px;
    display: block;
} */

.industry-preview-form ul li a.sent-option-btn {
    color: #fff;
    display: block;
    background: #9bae55;
    padding: 10px;
    width: 50%;
    text-align: center;
    border-radius: 23px;
    margin: 10px auto;
}

.industry-preview-form label {
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    color: #fff;
}

.industry-preview-form .label-check {
    color: #82a4ad!important;
}

.industry-preview-form input.form-control,
.industry-preview-form select.form-control {
    border-radius: 10px;
    height: 40px;
    border: solid 2px #496269;
    font-size: 14px;
    background: #283f44;
    color: #82a4ad;
    font-weight: 600;
}

.industry-preview-form textarea.form-control {
    border-radius: 10px;
    border: solid 2px #496269;
    font-size: 14px;
    background: #283f44;
    color: #82a4ad;
    font-weight: 600;
}

.industry-preview-form .toggle-password {
    position: absolute;
    top: 45px;
    cursor: pointer;
    right: 23px;
    color: #82a4ad;
    font-size: 22px;
}


/**new theme industry preview form***/

.industry-preview-form1 {
    padding: 20px 15px;
}

.industry-preview-form1 label {
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    color: #283f44;
}

.industry-preview-form1 .label-check {
    color: #82a4ad!important;
}

.industry-preview-form1 input.form-control,
.industry-preview-form1 select.form-control {
    border-radius: 10px;
    height: 40px;
    border: solid 2px #e1e7e8;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
}

.industry-preview-form1 textarea.form-control {
    border-radius: 10px;
    border: solid 2px #e1e7e8;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
}

.industry-preview-form1 .toggle-password {
    position: absolute;
    top: 45px;
    cursor: pointer;
    right: 23px;
    color: #82a4ad;
    font-size: 22px;
}


/******/

.tab-wrap ul li.actived {
    background-color: #75a460;
}

.tab-wrap ul li a.finished:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -17px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.tab-wrap ul li a.finished {
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
    position: relative;
}

.step2-wrap {
    padding: 19px 0px 0px 30px;
    background-color: #2d444a;
    border: 1px solid #374d48;
    border-radius: 23px;
    margin-bottom: 1px;
    width: 321px;
}

.step2-checkbox {
    margin: 0 0 0 0;
}

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

.step2-checkbox [type="checkbox"]:not(:checked)+label,
.step2-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    padding-top: 0;
    padding-right: 0px;
}

.step2-checkbox [type="checkbox"]:not(:checked)+label:before,
.step2-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 20px;
    height: 20px;
    border: solid 2px #4f676d;
    background: transparent;
    border-radius: 0px;
}

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

.step2-checkbox [type="checkbox"]:not(:checked)+label::after,
.step2-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.step2-checkbox input[type="checkbox"]:checked+label:before, {
    top: 12px;
    left: 0px;
    background-color: #98aa56;
}


/****radio***/

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

.step2-checkbox [type="radio"]:not(:checked)+label,
.step2-checkbox [type="radio"]:not(:checked)+label, .step2-checkbox [type="radio"]:checked+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    padding-top: 0;
}

.step2-checkbox [type="radio"]:not(:checked)+label:before, .step2-checkbox [type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: solid 2px #4f676d;
    background: transparent !important;
    border-radius: 0px;
}

.step2-checkbox [type="radio"]:not(:checked)+label:before, .step2-checkbox [type="radio"]:checked+label .create-job-post-check-modal {
    background-color: #ADBD87;
    color: #192f33;
}

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

.step2-checkbox [type="radio"]:not(:checked)+label::after, .step2-checkbox [type="radio"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 7px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/*******/

.btn-check-modal {
    background-color: #98aa56;
    padding: 14px 31px 14px;
    color: #fff;
    border-radius: 23px;
    margin-left: 13px;
    transition: all ease 0.5s;
    width: 280px;
    display: inline-block;
    text-align: center;
}

.btn-check-modal:hover {
    background-color: #75a460;
    color: #fff;
    border-radius: 23px;
    margin-left: 13px;
    transition: all ease 0.5s;
}

.check-preview-wrap {
    position: relative;
}

.check-preview-wrap .check-preview {
    color: #8bb0b8;
    font-size: 13px;
    padding-left: 148px;
}

.left-panel-btm {
    padding-left: 40px;
}


/**step2**/

.btn-copy-url {
    background-color: #283f44;
    border: 1px solid #283f44;
    color: #9bae55;
    padding: 7px 22px;
    border-radius: 23px;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 30px;
}

.check-icon-circle {
    color: #98aa56;
    font-size: 86px!important;
    text-align: center;
    margin-top: 104px;
    margin-bottom: 34px;
}

.completion-msg {
    color: #98aa56;
    font-size: 35px;
}

span.fa.fa-fw.fa-calendar.field-icon-lft {
    pointer-events: none;
    cursor: pointer;
}

.field-icon-lft {
    float: right;
    margin-right: 12px;
    margin-top: -38px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #d0d0d0;
    font-size: 22px!important;
}

span.fa.fa-fw.fa-calendar.field-icon-lft1 {
    pointer-events: none;
    cursor: pointer;
}

.field-icon-lft1 {
    float: right;
    margin-right: 12px;
    margin-top: -29px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #d0d0d0;
    font-size: 16px!important;
}

span.fa.fa-fw.fa-calendar.field-icon-lft-edit {
    pointer-events: none;
    cursor: pointer;
}

.field-icon-lft-edit {
    float: right;
    margin-right: 12px;
    margin-top: -29px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #d0d0d0;
    font-size: 16px!important;
    left: -74px;
}

.wrap-edit-tool1 {
    position: absolute;
    right: 100px;
    top: 4px;
}

.heading-modal {
    text-align: center;
    font-size: 23px;
    color: #d0d0d0;
}

.f12 {
    font-size: 13px;
}

.industry-login-form .select-jobicon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 17px;
    top: 18px;
    position: absolute;
    padding: 13px;
}

.industry-login-form .select-posi-icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 17px;
    top: 41px;
    position: absolute;
    padding: 13px;
}

.select-posi-icon1:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 17px;
    top: 16px;
    position: absolute;
    padding: 13px;
}

.select-posi-icon2:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 17px;
    top: 40px;
    position: absolute;
    padding: 13px;
}

.select-job {
    height: 40px!important;
}

.preview-wrap {
    background-color: #fff;
    height: 1402px;
    overflow-y: scroll;
}

.preview-wrap::-webkit-scrollbar {
    width: 5px;
}

.preview-wrap::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 6px;
}

.preview-wrap::-webkit-scrollbar-thumb {
    background-color: #2f4a51;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 1px solid #2f4a51;
    /* creates padding around scroll thumb */
}

.height-dash-work {
    background-color: #fff;
    height: 163px;
    overflow-y: scroll;
}

.height-dash-work::-webkit-scrollbar {
    width: 5px;
}

.height-dash-work::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 6px;
}

.height-dash-work::-webkit-scrollbar-thumb {
    background-color: #2f4a51;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 1px solid #2f4a51;
    /* creates padding around scroll thumb */
}

.preview-wrap .preview-header {
    background-color: #283f44;
    /* border-radius: 5px; */
    padding-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.step2not-checkbox {
    margin: 0px 0 0 0;
}

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

.step2not-checkbox [type="checkbox"]:not(:checked)+label,
.step2not-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    padding-top: 11px;
    padding-right: 0px;
    color: #fff;
}

.step2not-checkbox [type="checkbox"]:not(:checked)+label:before,
.step2not-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 20px;
    height: 20px;
    border: solid 2px #36535b;
    background: transparent;
    border-radius: 0px;
}

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

.step2not-checkbox [type="checkbox"]:not(:checked)+label::after,
.step2not-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/*tooltip*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #9bae55;
    opacity: 1;
    cursor: pointer;
    margin-left: 0%;
    border: 1px solid #9bae55;
    border-radius: 15px;
    padding: 0px 6px;
    margin-bottom: 3px;
    color: #9bae55;
    font-size: 12px!important;
    z-index: 1;
    font-weight: 500;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 256px;
    background-color: #edefe2;
    color: #7e8486;
    text-align: left;
    border-radius: 6px;
    padding: 7px 13px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    border-radius: 4px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 23%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #edefe2 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*****/

.wrap-post-benefits {
    border: solid 2px #496269;
    border-radius: 10px;
    padding: 10px 20px;
}

.step2-createpost-checkbox {
    margin: 0px 12px 0 0;
    display: inline-block;
}

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

.step2-createpost-checkbox [type="checkbox"]:not(:checked)+label,
.step2-createpost-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    padding-top: 11px;
    padding-right: 0px;
    color: #9bae55!important;
}

.step2-createpost-checkbox [type="checkbox"]:not(:checked)+label:before,
.step2-createpost-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 22px;
    height: 22px;
    border: solid 2px #496269;
    background: transparent;
    border-radius: 4px;
}

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

.step2-createpost-checkbox [type="checkbox"]:not(:checked)+label::after,
.step2-createpost-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/**select***/

.notification-checkbox {
    margin: 0px 12px 0 0;
    display: inline-block;
}

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

.notification-checkbox [type="checkbox"]:not(:checked)+label,
.notification-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    padding-top: 11px;
    padding-right: 0px;
    color: #5a757c;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    font-size: 14px;
}

.notification-checkbox [type="checkbox"]:not(:checked)+label:before,
.notification-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 22px;
    height: 22px;
    border: solid 2px #c7c9ca;
    background: transparent;
    border-radius: 4px;
}

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

.notification-checkbox [type="checkbox"]:not(:checked)+label::after,
.notification-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/*footer**/

footer {
    background-color: #21383e;
    padding: 11px 0px!important;
    color: #566f75;
    text-align: center;
    font-size: 13px;
}

footer a {
    color: #566f75!important;
}

footer a:hover {
    color: #9bae55!important;
}


/****start*dashboard*********/

#body-row {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
}

.profile-img-wrap {
    padding: 0px;
}

.profile-img-wrap .profile-img {
    /* border: 2px solid #36535b; */
    width: 51px;
    height: 51px;
    overflow: hidden;
    display: inline-block;
    border-radius: 35px;
    margin-right: 5px;
}

.fa-ellipsis-v {
    position: absolute;
    top: 17px;
    right: -1px;
}

.profile-img-wrap .profile-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#sidebar-container {
    min-height: 100vh;
    background-color: #21383e;
    padding: 0;
    /* position: relative; */
    display: block;
    position: fixed;
    z-index: 999;
}


/* Sidebar sizes when expanded and expanded */

.sidebar-expanded {
    width: 250px;
}

.sidebar-collapsed {
    width: 50px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 12px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}


/* Menu item*/

.btn-upgrate {
    color: #eaeaea!important;
    text-transform: uppercase;
    background-color: #4bbd8c;
    padding: 11px 22px;
    border-radius: 21px;
    font-size: 13px;
    letter-spacing: 0px;
    width: 160px;
    text-align: center;
    margin-top: 1px;
    margin-left: 12px;
    margin-right: 0px;
}

.btn-swichDash.upgrading-icons {
    margin-right: 0 !important;
    background-color: #9bae55;
    width: 140px;
    font-weight: 600;
    color: #fff !important;
}

/* .btn-swichDash {
    color: #eaeaea!important;
    text-transform: uppercase;
    background-color: #496267;
    padding: 11px 22px;
    border-radius: 21px;
    font-size: 12px;
    letter-spacing: 0px;
    width: 160px;
    text-align: center;
    margin-top: 1px;
    margin-left: 12px;
    margin-right: 12px;
} */

.btn-swichDash {
    color: #B1C763!important;
    text-transform: uppercase;
    background-color: transparent;
    padding: 10px 22px;
    border-radius: 20px;
    border: 1px solid #B1C763;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 600;
    width: 160px;
    text-align: center;
    margin-top: 1px;
    margin-left: 12px;
    margin-right: 12px;
    box-shadow: 5px 5px 0px 0px #0000004a;
}

.text-days {
    color: #d2d2d2!important;
    font-size: 13px;
    letter-spacing: 0px;
    padding-top: 15px;
}


/* .font-Fabrika{font-family: 'FabrikatMono-Light'!important;} */

.bg-dark {
    background-color: #21383e!important;
}

.bg-dark-light {
    background-color: #2f4a51!important;
}

.bg-dark-light1 {
    background-color: #3c5961!important;
}

#sidebar-container .list-group a {
    height: 45px;
    color: #9bae55;
    border-color: #21383e!important;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.mt-faq {
    padding-left: 40px;
}

#sidebar-container .list-group a.active {
    color: #fff!important;
}

#sidebar-container .list-group a.nearme:before {
    content: '';
    background: url(../img/dashboard/near_me.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.nearme:before {
    content: '';
    background: url(../img/dashboard/near_me.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.applicant1:before {
    content: '';
    background: url(../img/dashboard/applications.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.applicant1:before {
    content: '';
    background: url(../img/dashboard/applications.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.resume:before {
    content: '';
    background: url(../img/dashboard/resume.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.resume:before {
    content: '';
    background: url(../img/dashboard/resume.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.shiftdrink:before {
    content: '';
    background: url(../img/dashboard/shift_drinks.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.shiftdrink:before {
    content: '';
    background: url(../img/dashboard/shift_drinks.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.interviews:before {
    content: '';
    background: url(../img/dashboard/interview.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.interviews:before {
    content: '';
    background: url(../img/dashboard/interview.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.profileset:before {
    content: '';
    background: url(../img/dashboard/profile_Setting.png) no-repeat;
    padding: 12px 15px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.active.profileset:before {
    content: '';
    background: url(../img/dashboard/profile_Setting.png) no-repeat;
    padding: 10px 12px;
    background-position: -6px 4px;
}

#sidebar-container .list-group a.home:before {
    content: '';
    background: url(../img/dashboard/dashboard.png) no-repeat;
    padding: 12px 15px;
    background-position: -30px -4px;
}

#sidebar-container .list-group a.active.home:before {
    content: '';
    background: url(../img/dashboard/dashboard.png) no-repeat;
    padding: 10px 12px;
    background-position: -58px -6px;
}

#sidebar-container .list-group a.applicants:before {
    content: '';
    background: url(../img/dashboard/view_applicant.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.applicants:before {
    content: '';
    background: url(../img/dashboard/view_applicant.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.job-editor:before {
    content: '';
    background: url(../img/dashboard/job_editor.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.job-editor-briefcase:before {
    content: '';
    background: url(../img/dashboard/job_editor_briefcase.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.job-editor:before {
    content: '';
    background: url(../img/dashboard/job_editor.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.job-fair:before {
    content: '';
    background: url(../img/dashboard/job_fair.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.job-fair:before {
    content: '';
    background: url(../img/dashboard/job_fair.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.messages:before {
    content: '';
    background: url(../img/dashboard/messeging.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.messages:before {
    content: '';
    background: url(../img/dashboard/messeging.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.notification:before {
    content: '';
    background: url(../img/dashboard/notifications.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.notification:before {
    content: '';
    background: url(../img/dashboard/notifications.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.pri-plan:before {
    content: '';
    background: url(../img/dashboard/pricing_plan.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.pri-plan:before {
    content: '';
    background: url(../img/dashboard/pricing_plan.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.edit-profile:before {
    content: '';
    background: url(../img/dashboard/settings.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.edit-profile:before {
    content: '';
    background: url(../img/dashboard/settings.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

#sidebar-container .list-group a.logout:before {
    content: '';
    background: url(../img/dashboard/logout_icon.png) no-repeat;
    padding: 12px 15px;
    background-position: -13px -2px;
}

#sidebar-container .list-group a.active.logout:before {
    content: '';
    background: url(../img/dashboard/logout_icon.png) no-repeat;
    padding: 12px 12px;
    background-position: -58px -1px;
}

.bg-theme {
    background-color: #36535b;
}

.bg-theme-white {
    background-color: #fff!important;
    border: 1px solid #f2f2f2!important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}


/* Submenu item*/

#sidebar-container .list-group .sidebar-submenu a {
    height: 40px;
    padding-left: 27px;
    font-size: 13px;
    border-color: #2a3f44!important;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

.sidebar-collapsed {
    color: #d2d2d2;
}

.sidebar-collapsed span {
    font-size: 20px!important;
}

.sidebar-collapsed:hover {
    color: #c79363;
}

.dashboard-bg {
    background-color: #f1f9fb;
    min-height: 100vh;
    max-height: 100%;
    /* padding: 0; */
    width: -webkit-fill-available;
}

.dashboard-heading {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #30444b;
    margin-top: 15px;
    /*font-family: 'FabrikatMono-Light'; */
    margin-top: 20px;
}

.dashboard-video-wrap {
    background-image: url(../img/dashboard/restaurant-image.jpg);
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
}

.dashboard-video {
    position: absolute;
    top: 11px;
    padding: 23px;
    width: 96%;
}

.dashboard-video .video-tuto {
    color: #fffdfa;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 17px;
    /*font-family: 'FabrikatMono-Light'; */
}

.dashboard-video .video-tuto-sub {
    color: #fffdfa;
    margin-bottom: 0px;
    font-size: 13px;
    /*font-family: 'FabrikatMono-Light'; */
}

.dashboard-video .exploore-now-btn {
    color: #fffdfa;
    border: 1px solid #fffdfa;
    padding: 8px 19px;
    border-radius: 23px;
    text-transform: uppercase;
    font-size: 12px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.dashboard-applicants .total-applicants {
    background-color: #c79363;
    padding: 30px 15px 15px;
    border-radius: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    color: #fffdfa;
    height: 208px;
}

.dashboard-applicants .total-applicants a {
    color: #fffdfa;
}

.dashboard-applicants .total-applicants .number, .total_events_card .dashboard-card .number {
    font-size: 25px;
    font-weight: 600;
    color: #fffdfa;
    margin-top: 10px;
    margin-bottom: 0px;
}

.dashboard-applicants .total-applicants.disabled:hover {
    background-color: #b3b3b3;
}

.dashboard-applicants .job-request {
    background-color: #fff;
    padding: 30px 15px 15px;
    border-radius: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    color: #262929;
    font-weight: 600;
    height: 208px;
}

.dashboard-applicants .job-request .number {
    font-size: 25px;
    font-weight: 600;
    color: #262929;
    margin-top: 10px;
    margin-bottom: 0px;
}

.dashboard-applicants .hired {
    background-color: #e3fcf6;
    padding: 30px 15px 15px;
    border-radius: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    color: #262929;
    font-weight: 600;
    height: 175px;
}

.dashboard-applicants .hired .number {
    font-size: 25px;
    font-weight: 600;
    color: #262929;
    margin-top: 10px;
    margin-bottom: 0px;
}

.dashboard-applicants .fair-wrap {
    background-color: #fff;
    padding: 6px 8px 6px 15px;
    border-radius: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    color: #262929;
    font-weight: 600;
}

.dash-parent-company {
    border-right: 1px solid #e2e2e2;
}

.dash-sub-company img {
    max-width: 67%;
}

.dashboard-applicants .fair-wrap .number {
    font-size: 25px;
    font-weight: 600;
    color: #262929;
    margin: 0px 11px;
}

.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, .125);
    border-radius: .25rem;
    /*    height: 300px;*/
}

.dashboard-card .card-header {
    padding: 10px 12px;
    margin-bottom: 0;
    background-color: #525f67;
    border-bottom: 1px solid #525f67;
    color: #fff;
    letter-spacing: 0px;
    font-size: 19px;
}

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

.dashboard-card .card-body table thead {
    background-color: #e0e1e5;
}

.dashboard-card .card-body table thead th {
    font-size: 12px;
    vertical-align: baseline;
    padding: 10px;
    font-weight: 600;
    letter-spacing: 0px;
}

.dashboard-card .card-body table tbody td {
    font-size: 12px;
    vertical-align: baseline;
    padding: 10px;
    letter-spacing: 0px;
    font-weight: 600;
}

.dashboard-card-msg {
    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, .125);
    border-radius: .25rem;
}

.dashboard-card-msg .card-header {
    padding: 10px 12px;
    margin-bottom: 0;
    background-color: #525f67;
    border-bottom: 1px solid #525f67;
    color: #fff;
    letter-spacing: 0px;
    font-size: 19px;
}

.dashboard-card-msg .card-body {
    padding: 5px 0px 5px 8px;
}

.dashboard-card-msg .card-body table thead {
    background-color: #e0e1e5;
}

.dashboard-card-msg .card-body table thead th {
    font-size: 12px;
    vertical-align: baseline;
    padding: 10px;
    font-weight: 600;
    letter-spacing: 0px;
}

.dashboard-card-msg .card-body table tbody td {
    font-size: 12px;
    vertical-align: top;
    padding: 5px 3px;
    letter-spacing: 0px;
    font-weight: 600;
    border-top: 1px solid #fff;
}

.dashmsg-box-img {
    width: 58px;
    height: 58px;
}

.dashmsg-box-img img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
}

.dashboard-unread-text {
    background-color: #f9eeeb;
    padding: 3px 4px;
    font-size: 13px;
    color: #db9da1;
    text-align: center;
    border-radius: 15px;
}

.dashboard-read-text {
    background-color: #ecf3d7;
    padding: 3px 4px;
    font-size: 13px;
    color: #c3ce9c;
    text-align: center;
    border-radius: 15px;
}

.massage-wrap-total {
    overflow: auto;
    height: 200px;
    margin: 0px 0 10px;
}

.massage-wrap-total table tr:hover {
    background-color: #f8fbea;
}

.massage-wrap-total::-webkit-scrollbar {
    width: 8px!important;
}

.massage-wrap-total::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(250, 250, 250, 0.7)!important;
    border-radius: 0px;
}

.massage-wrap-total::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #c99162!important;
    opacity: 1;
    height: 40px;
    background: #c99162;
}

.txt-table {
    color: #718689!important;
}

.txt-person {
    margin-bottom: 0px;
    font-size: 15px;
}

.notification-dot {
    background-color: #e55c6e;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    position: absolute;
    display: inline-table;
    line-height: 24px;
    text-align: left;
    font-size: 11px;
}

.latest-notification-badge {
    color: red;
    line-height: 1;
    font-size: 85%;
    padding: 8px 16px;
    margin-top: 5px;
    text-align: center;
    font-weight: bolder;
    white-space: nowrap;
    border-radius: 15px;
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9efe6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dashboard-card .notification {
    background-color: #e55c6e;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    position: absolute;
    top: 10x;
    right: 40%;
    display: inline-table;
    line-height: 24px;
    text-align: center;
    font-size: 11px;
}

.btn-post-job {
    background: #9bae55;
    border: none;
    color: #e9f2f4;
    border: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
}

.div_postbtn {
    position: absolute;
    right: 30px;
    top: 112px;
}

.btn-post-job:hover {
    color: #fff;
    transition: ease all 0.3s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}

.btn-post-job1 {
    background: #9bae55;
    border: none;
    color: #38514d;
    border: none;
    padding: 6px 20px;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    transition: ease all 0.3s;
}

.trans {
    transform: translateY(0)!important;
}

.btn-post-job1:hover {
    color: #fff;
    transition: ease all 0.3s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}


/* Closed submenu icon */

#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
    position: absolute;
    right: 12px;
}


/* Opened submenu icon */

#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
    position: absolute;
    right: 12px;
}

.close {
    position: absolute;
    right: 20px;
    top: 8px;
    border-color: #fff;
    text-shadow: none;
    color: #fff;
    font-size: 28px;
}

.color-editor-wrap {
    position: absolute;
    right: 15px;
    top: 100px;
}

.date-cursor {
    cursor: pointer;
}

.label-dark {
    color: #283f44!important;
}


/*rahul-24th-june-css-start*/

section.zy-restaurant-dashboard-sec- {
    background: #2d444a;
    padding: 140px 0 50px;
    min-height: 100vh;
}

section.zy-restaurant-dashboard-sec- .sticky-topsection {
    left: 0;
    right: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
    z-index: 9;
    width: 100%;
}

button.anchor-style-btn {
    border: solid 1px #99ab55;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 17px;
    color: #99ab55;
    font-size: 13px;
    text-decoration: none;
    background-color: transparent;
}

.zy-dashboard-back-btn.absolute {
    position: absolute;
    padding: 0 30px;
}

.zy-dashboard-back-btn a {
    border: solid 1px #99ab55;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 17px;
    color: #99ab55;
    font-size: 13px;
}

.zy-dashboard-upper-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}


/* .zy-dashboard-upper-row.desktop-screen{
    display: block;
}

.zy-dashboard-upper-row.mobile-screen{
    display: none;
} */

.zy-dashboard-upper-row.desktop-screen .new-collapse {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.zy-dashboard-upper-row.desktop-screen .new-collapse span.refined {
    color: #789b99;
    /* display: block; */
    padding: 0!important;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 4px;
}

.zy-dashboard-upper-row.desktop-screen .new-collapse .mob-accordion {
    /* display: none; */
    position: absolute;
    left: 100px;
    top: 0px;
    width: 25px;
    height: 25px;
    font-weight: 800;
    padding: 0;
}

.zy-dashboard-upper-row.desktop-screen .new-collapse .mob-accordion i {
    font-size: 12px;
    color: #789b99;
}

.zy-dashboard-select-row span {
    color: #7e9ea5;
    font-size: 16px;
    font-weight: 600;
}

.zy-dashboard-select-row h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.zy-dashboard-select-box {
    margin: 0 2px;
}

.zy-dashboard-select-box select {
    background: transparent;
    color: #496267;
    border: #496267 solid 1px;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
}

.zy-dashboard-select-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: inherit;
    padding: 0;
}

.zy-dashboard-select-box {
    position: relative;
}

.zy-dashboard-select-box select {
    background: transparent;
    color: #496267;
    border: #496267 solid 1px;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 140px;
    /* width: 100%; */
    font-size: 14px;
    border-radius: 7px;
}

.zy-dashboard-select-box.select-icon:before {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: -5px;
    top: 18px;
    position: absolute;
    padding: 13px;
}

.zy-restaurant-dashboard-contaienr {
    padding: 0 30px;
}

.job-fair-container {
    margin: 20px 0 0;
}


/*job-fair-tab-aera-css-start*/

.job-fair-tab-container {
    /* background: #24373e; */
    padding: 10px 0;
    border-radius: 5px;
}

.job-fair-info-container {
    background: #24373e;
    padding: 10px;
    border-radius: 5px;
}

.job-fair-tab-area ul {
    border-bottom: solid 1px #30454c;
    padding-left: 25px;
}

.job-fair-tab-area li a {
    color: #82a4ad;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 0px;
    border-radius: 0!important;
    margin: 0 25px 0 0;
    font-weight: 600;
}

.job-fair-tab-area li a:hover {
    color: #fff;
}

.job-fair-tab-area li a.active {
    background: transparent!important;
    color: #fff;
    border-bottom: solid 2px #98aa56;
}

.job-fair-content-area {
    padding: 15px;
}

.job-fair-tab-box {
    background: #fff;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px;
}

.active-job-fair {
    background: #f6fbe0;
}

.job-fair-content-area .col-md-4 {
    padding: 0 10px;
}

.job-fair-tab-box-upper-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.job-fair-box-img img {
    width: 100%;
    border-radius: 6px;
}

.job-fair-box-img {
    width: 80px;
}

.job-fair-box-name-info {
    padding: 0 0 0 8px;
}

.job-fair-box-name {
    color: #203136;
    font-weight: 600;
    font-size: 14px;
}

.job-fair-box-title {
    color: #c79263;
    font-weight: 600;
    font-size: 13px;
}

.sent-invatiaion {
    border-top: 8px solid #defae3;
    font-weight: 600;
    background: #69e881;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #defae3;
    font-size: 14px;
    height: 90px;
}

.sent-invatiaion.pass-invation-row {
    border-top: 8px solid #fde4e7;
    font-weight: 600;
    background: #ff4c61;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #fde4e7;
    font-size: 14px;
}

.sent-invatiaion.saved-invation-row {
    border-top: 8px solid #e2f3fc;
    font-weight: 600;
    background: #0487cb;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #e2f3fc;
    font-size: 14px;
}

.sent-invatiaion span {
    padding-right: 10px;
}

.badges-box-row {
    padding: 15px;
}

.badges-box-title {
    color: #304044;
    font-weight: 600;
    font-size: 15px;
}

.badges-area {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
}

.job-fair-badge-box {
    border: solid 2px #dae8eb;
    border-radius: 8px;
    width: 47px;
    height: 47px;
    text-align: center;
    padding: 3px;
    margin-right: 1px;
    display: inline-block;
}

.job-fair-badge-box img {
    width: 90%;
}

.job-fair-badge-box.more-badges {
    border-radius: 50%;
    background: #dae8eb;
}

.job-fair-badge-box.more-badges a {
    color: #304044;
    font-weight: 600;
    line-height: 36px;
    font-size: 17px;
}

.job-fair-tab-description-row {
    padding: 15px 10px;
    /* height: 120px; */
}

.job-fair-tab-description-title {
    color: #304044;
    font-weight: 600;
    font-size: 15px;
}

.job-fair-tab-description {
    color: #304044;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0;
}

.job-fiar-new-strip {
    position: absolute;
    top: 0px;
    right: 10px;
}

.job-fair-dashboard-scroll-area {
    /* overflow: auto; */
    /* height: 750px; */
    margin: 10px 0;
}

.job-fair-dashboard-scroll-area::-webkit-scrollbar {
    width: 4px!important;
}

.job-fair-dashboard-scroll-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)!important;
    border-radius: 0px;
}

.job-fair-dashboard-scroll-area::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #5d747a!important;
    opacity: 1;
    height: : 40px;
    background: #5d747a;
}

.job-fair-priview-button-row {
    display: flex;
    justify-content: space-between;
}

.job-fair-priview-button a {
    border: solid 1px #99ab55;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 17px;
    color: #99ab55;
    font-size: 13px;
    width: 130px;
    display: inline-block;
    text-align: center;
    transition: all ease 0.3s;
}

.job-fair-priview-button a:hover {
    background-color: #99ab55;
    color: #fff;
    transition: all ease 0.3s;
}

.job-fair-priview-button a span {
    padding: 0 4px 0 4px;
    font-weight: bold;
}

.job-fair-priview-button.active a {
    color: #000;
    background: #99ab55;
}

.job-fair-priview-area {
    background: #fff;
    padding: 10px 0;
    border-radius: 5px;
    margin: 20px 0;
    height: 670px;
    overflow: auto;
}

.job-fair-priview-area::-webkit-scrollbar {
    width: 4px!important;
}

.job-fair-priview-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)!important;
    border-radius: 0px;
}

.job-fair-priview-area::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #5d747a!important;
    opacity: 1;
    height: : 40px;
    background: #5d747a;
}

.job-fair-priview-area .job-fair-box-img {
    width: 165px;
}

.job-fair-priview-area .job-fair-tab-box-upper-row {
    align-items: flex-start;
    padding: 5px 10px;
}

.job-fair-priview-new-profile {
    background: #f6d621;
    padding: 10px 4px;
    width: 100%;
    max-width: 165px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 0px 0 15px 15px;
}

.job-fair-priview-all-profile {
    padding: 10px 4px;
    width: 100%;
    max-width: 165px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 0px 0 15px 15px;
}

.job-fair-priview-all-profile img {
    width: 20px;
    margin-right: 7px;
}

.invite-color {
    background: #69e881;
}

.pass-color {
    background: #ff4c61;
}

.saved-color {
    background: #0487cb;
}

.job-fair-priview-new-profile span {
    padding: 5px;
}

.job-fair-priview-area .job-fair-badge-box {
    border: solid 2px #dae8eb;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 5px;
    margin-right: 8px;
}

.job-fair-priview-area .job-fair-badge-box.more-badges a {
    color: #304044;
    font-weight: 600;
    line-height: 42px;
    font-size: 17px;
}

.job-fair-priview-area .job-fair-badge-box img {
    width: 100%;
}

.job-fair-box-exp-row {
    padding: 5px 0;
}

.job-fair-priview-area .job-fair-tab-description-row {
    padding: 15px 10px;
    height: auto;
}

.job-fair-box-exp-title {
    font-weight: 600;
    font-size: 12px;
}

.job-fair-box-exp-info {
    font-size: 13px;
}

.job-fair-box-title span {
    padding-right: 10px;
}

.job-fair-box-location span {
    padding-right: 10px;
}

.job-fair-box-location {
    font-weight: 600;
    font-size: 13px;
    padding: 5px 0;
}

.job-fair-priview-bottom-buton-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 25px 0;
}

.job-fair-priview-bottom-button a {
    border: solid 1px #99ab55;
    color: #99ab55;
    text-transform: uppercase;
    padding: 8px 22px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 600;
}

.job-fair-priview-bottom-button a:hover {
    background: #99ab55;
    color: #000;
}


/*job-fair-tab-area-css-end*/


/*job-fair-css-end*/


/*rahul-24th-june-css-end*/


/**editprofile**/

.profile-heading {
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 31px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 6px;
}

.restuarent-profile-logo .profile-pic {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.restuarent-profile-logo .file-upload {
    display: none;
}

.restuarent-profile-logo .file-upload11 {
    display: none;
}

.restuarent-profile-logo .circle {
    border-radius: 11px!important;
    overflow: hidden;
    width: fit-content;
    margin: auto;
}

.restuarent-profile-logo img {
    max-width: 100%;
    height: auto;
}

.restuarent-profile-logo .p-image {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-logo .p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-logo .upload-button {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
}

.restuarent-profile-logo .upload-button:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.restuarent-profile-logo .save-btn {
    border: solid 2px #496269;
    font-size: 12px;
    background: transparent;
    color: #496269;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 8px 16px;
    font-weight: 600;
    transition: all ease 0.3s;
}

.restuarent-profile-logo .save-btn:hover {
    background: #496269;
    color: #fff;
    transition: all ease 0.3s;
}

.restuarent-profile-logo .text-max-size {
    color: #82a4ad;
    text-align: center;
    font-size: 12px;
}


/**sub reaturant***/

.wrap-sub-restaurant-info {
    background-color: #172c31;
    border-radius: 6px;
    padding: 30px 15px;
    display: none;
    margin-left: 15px;
    width: 97%;
    margin-bottom: 30px;
}

.btn-add-sub-restau {
    background: #9bae55;
    border: none;
    color: #fff;
    border: none;
    padding: 6px 15px;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
    /*font-family: 'FabrikatMono-Light'; */
}

.btn-add-sub-restau:hover {
    color: #fff;
    background-color: #b8ce6a;
    transition: ease all 0.3s;
}

.restuarent-profile-logo .profile-pic-sub {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.restuarent-profile-logo .file-upload-sub {
    display: none;
}


/* 
.restuarent-profile-logo .circle {
    border-radius: 11px!important;
    overflow: hidden;
    width: 262px;
    height: 128px;
    border: 2px solid #fff;
    margin: auto;
    background-color: #fff;
} */

.restuarent-profile-logo img {
    max-width: 100%;
    height: auto;
}

.restuarent-profile-logo .p-image {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-logo .p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-logo .upload-button-sub {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
}

.restuarent-profile-logo .upload-button-sub:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.restuarent-profile-logo .text-max-size {
    color: #82a4ad;
    text-align: center;
    font-size: 12px;
}


/******/

.restuarent-profile-pic .profile-pic1 {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.restuarent-profile-pic .file-upload1 {
    display: none;
}

.restuarent-profile-pic .circle1 {
    border-radius: 4px!important;
    overflow: hidden;
    width: 338px;
    height: 128px;
    border: 2px solid #fff;
    margin: auto;
    background-color: #fff;
}

.restuarent-profile-pic img {
    max-width: 100%;
    height: auto;
}

.restuarent-profile-pic .p-image1 {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-pic .p-image1:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.restuarent-profile-pic .upload-button1 {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 19px;
    padding: 10px 26px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
}

.restuarent-profile-pic .upload-button1:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.restuarent-profile-pic .save-btn1 {
    border: solid 2px #496269;
    font-size: 12px;
    background: transparent;
    color: #496269;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 8px 16px;
    font-weight: 600;
    transition: all ease 0.3s;
}

.restuarent-profile-pic .save-btn1:hover {
    background: #496269;
    color: #fff;
    transition: all ease 0.3s;
}

.edit-profile-link {
    color: #9bae55;
    border-bottom: 1px solid #9bae55;
    font-size: 12px;
}

.edit-profile-link:hover {
    color: #fff;
    border-bottom: 1px solid #9bae55;
    font-size: 12px;
}

.restuarent-profile-pic .text-max-size {
    color: #82a4ad;
    text-align: center;
    font-size: 12px;
}

.zy-restaurant-heading {
    color: #9bae55;
    text-align: center;
    font-size: 24px;
    padding: 10px 0;
    font-weight: 600;
}

.zy-restaurant-upper-container {
    padding: 15px 0;
}

.zy-restaurant-logo {
    text-align: center;
    padding: 15px 0;
}

.zy-restaurant-sub-heading {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.zy-restaurant-box-container {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.zy-restaurant-box {
    background: #fff;
    width: 100%;
    max-width: 330px;
    padding: 25px 35px;
    border-radius: 6px;
    margin: 15px;
}

.zy-restaurant-box-icon {
    text-align: center;
    padding: 10px;
    width: 90px;
    height: 90px;
    margin: auto;
    position: relative;
}

.zy-restaurant-box-notification {
    background: #ff5266;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    line-height: 31px;
    position: absolute;
    top: -6px;
    right: -4px;
}

.zy-restaurant-box-icon img {
    width: 100%;
    height: 100%;
}

.zy-restaurant-box-heading {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

.zy-restaurant-box-subheading {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 0;
    height: 80px;
}

.zy-restaurant-box-view-btn a {
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #2d444a;
    text-decoration: underline;
}


/******start new applicants***/

.job-fair-tab-container-new {
    background: #fff;
    padding: 10px 0;
    border-radius: 5px;
}

.job-fair-info-container-new {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.job-fair-tab-area-new {
    background-color: #fff;
    border-radius: 5px;
}

.job-fair-tab-area-new ul {
    border-bottom: solid 1px #c8d3d6;
    padding-left: 25px;
}

.job-fair-tab-area-new li a {
    color: #2d444a;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 0px;
    border-radius: 0!important;
    margin: 0 25px 0 0;
    font-weight: 600;
}

.job-fair-tab-area-new li a:hover {
    color: #98aa56;
}

.job-fair-tab-area-new li a.active {
    background: transparent!important;
    color: #fff;
    border-bottom: solid 2px #98aa56;
    color: #98aa56!important;
}

.job-fair-content-area {
    padding: 15px;
}

.job-fair-content-area.applicant-page-section-area {
    padding: 0;
}

.job-fair-tab-box {
    background: #fff;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px;
    height: 240px;
}

.job-fair-tab-box.bordered {
    border: 1px solid #c8d3d6;
}

.active-job-fair {
    background: #f6fbe0;
}

.job-fair-content-area .col-md-4 {
    padding: 0 10px;
}

.job-fair-tab-box-upper-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.btn-356-resume {
    background-color: #f9bd89;
    padding: 6px 15px;
    font-size: 11px;
    border: 1px solid #f9bd89;
    color: #30454c;
    font-weight: 600;
}

.btn-356-resume img,
.btn-viewVideo img {
    width: 14px;
}

.btn-viewVideo {
    background-color: #88e1df;
    padding: 6px 15px;
    font-size: 11px;
    border: 1px solid #88e1df;
    color: #30454c;
    font-weight: 600;
}

.job-fair-box-img img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
}

.job-fair-box-img {
    width: 68px;
    height: 68px;
}


/* .job-fair-box-name-info {
    padding: 5px 0 0 0;
} */

.job-fair-box-name {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.job-fair-box-title {
    color: #c79263;
    font-weight: 600;
    font-size: 14px;
}

.sent-invatiaion {
    border-top: 8px solid #defae3;
    font-weight: 600;
    background: #69e881;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #defae3;
    font-size: 14px;
    height: 90px;
    position: absolute;
    width: 92%;
    bottom: 10px;
}

.sent-invatiaion.pass-invation-row {
    border-top: 8px solid #fde4e7;
    font-weight: 600;
    background: #ff4c61;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #fde4e7;
    font-size: 14px;
}

.sent-invatiaion.saved-invation-row {
    border-top: 8px solid #e2f3fc;
    font-weight: 600;
    background: #0487cb;
    text-align: center;
    margin: 15px 0;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 8px solid #e2f3fc;
    font-size: 14px;
}

.sent-invatiaion span {
    padding-right: 10px;
}

.badges-box-row {
    padding: 15px;
}

.badges-box-title {
    color: #304044;
    font-weight: 600;
    font-size: 15px;
}

.badges-area {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
}

.job-fair-badge-box {
    border: solid 2px #dae8eb;
    border-radius: 8px;
    width: 47px;
    height: 47px;
    text-align: center;
    padding: 3px;
    margin-right: 1px;
    display: inline-block;
}

.job-fair-badge-box img {
    width: 90%;
}

.job-fair-badge-box.more-badges {
    border-radius: 50%;
    background: #dae8eb;
}

.job-fair-badge-box.more-badges a {
    color: #304044;
    font-weight: 600;
    line-height: 36px;
    font-size: 17px;
}

.job-fair-tab-description-row {
    padding: 15px 15px;
    height: auto;
}

.interested-positions {
    padding: 15px 0;
}

.interested-positions ul {
    padding: 0 15px;
}

.interested-positions ul li {
    font-size: 14px;
    font-weight: 600;
}

.job-fair-tab-description-row ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-fair-tab-description-row span {
    font-size: 12px;
    font-weight: 600;
}

.job-fair-tab-description-row ul li {
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
}

.job-fair-tab-description-row ul li a {
    background: #CCEDEC;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-fair-tab-description-row ul li a.icon_one {
    /* background: #FBD8BA; */
    background: transparent;
}

.job-fair-tab-description-row ul li a.icon_three {
    /* background: #E9F3C3; */
    background: transparent;
}

.job-fair-tab-description-row ul li a img {
    width: 40px;
    margin-bottom: 10px;
}

.job-fair-tab-description-btn a {
    color: #fff;
    padding: 5px;
    border-radius: 50px;
    width: 90%;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.job-fair-tab-description-btn a img {
    width: 12%;
    margin-right: 5px;
}

.job-fair-tab-description-btn a.sent {
    background: #869D32;
}

.job-fair-tab-description-btn a.saved {
    background: #0086CE;
}

.job-fair-tab-description-btn a.passed {
    background: #FF4A5D;
}

.footer-icons-applicant {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    justify-content: space-evenly;
}

.footer-icons-applicant h6 {
    font-size: 10px;
    text-align: center;
    color: #505050;
    font-weight: 600;
}

.job-fair-tab-description-title {
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

.job-fair-tab-description {
    color: #304044;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0;
}

.job-fair-tab-description.applicant-section p {
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: .1px;
    color: #000000;
}

.job-fiar-new-strip {
    position: absolute;
    top: 0px;
    right: 15px;
}


/* .job-fair-dashboard-scroll-area {
    overflow: auto;
    height: 548px;
    margin: 0;
} */

.job-fair-dashboard-scroll-area::-webkit-scrollbar {
    width: 4px!important;
}

.job-fair-dashboard-scroll-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)!important;
    border-radius: 0px;
}

.job-fair-dashboard-scroll-area::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #5d747a!important;
    opacity: 1;
    height: : 40px;
    background: #5d747a;
}

.job-fair-priview-button-row {
    display: flex;
    justify-content: space-between;
}

.job-fair-priview-button-new a {
    border: solid 1px #dfe7e8;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 17px;
    color: #2d444a;
    font-size: 13px;
    width: 130px;
    display: inline-block;
    text-align: center;
}

.job-fair-priview-button-new a span {
    padding: 0 4px 0 4px;
    font-weight: bold;
}

.job-fair-priview-button-new.active a {
    color: #2d444a;
    background: #dfe7e8;
}

.job-fair-priview-area {
    background: #fff;
    padding: 10px 0;
    border-radius: 5px 5px 0px 0px;
    margin: 20px 0 0px;
    height: 421px;
    overflow: auto;
}

.job-fair-view-full-application {
    background-color: #99ab55;
    text-align: center;
    padding: 12px 0px;
    border-radius: 0px 0px 5px 5px;
}

.job-fair-view-full-application a {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    transition: all ease 0.4s;
}

.job-fair-view-full-application a:hover {
    color: #24373e;
    transition: all ease 0.4s;
}

.job-fair-priview-area.blue-bg {
    background: #f1f9fb!important;
}

.job-fair-priview-area::-webkit-scrollbar {
    width: 4px!important;
}

.job-fair-priview-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)!important;
    border-radius: 0px;
}

.job-fair-priview-area::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #5d747a!important;
    opacity: 1;
    height: : 40px;
    background: #5d747a;
}

.job-fair-priview-area .job-fair-box-img {
    width: 165px;
    height: 165px;
}

.job-fair-priview-area .job-fair-tab-box-upper-row {
    align-items: flex-start;
    padding: 5px 10px;
}

.job-fair-priview-new-profile {
    background: #779aa2;
    padding: 10px 4px;
    width: 100%;
    max-width: 165px;
    font-size: 13px;
    color: #fff;
    border-radius: 0px 0 15px 15px;
    text-align: center;
}

.job-fair-priview-new-profile a {
    color: #fff!important;
}

.job-fair-priview-all-profile {
    padding: 10px 4px;
    width: 100%;
    max-width: 165px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 0px 0 15px 15px;
}

.job-fair-priview-all-profile img {
    width: 20px;
    margin-right: 7px;
}

.invite-color {
    background: #69e881;
}

.pass-color {
    background: #ff4c61;
}

.saved-color {
    background: #0487cb;
}

.job-fair-priview-new-profile span {
    padding: 5px;
}

.job-fair-priview-area .job-fair-badge-box {
    border: solid 2px #dae8eb;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 5px;
    margin-right: 8px;
}

.job-fair-priview-area .job-fair-badge-box.more-badges a {
    color: #304044;
    font-weight: 600;
    line-height: 42px;
    font-size: 17px;
}

.job-fair-priview-area .job-fair-badge-box img {
    width: 100%;
}

.job-fair-box-exp-row {
    padding: 5px 0;
}

.job-fair-priview-area .job-fair-tab-description-row {
    padding: 15px 10px;
    height: auto;
}

.job-fair-box-exp-title {
    font-weight: 600;
    font-size: 12px;
}

.job-fair-box-exp-info {
    font-size: 13px;
}

.job-fair-box-title span {
    padding-right: 10px;
}

.job-fair-box-location span {
    padding-right: 10px;
}

.job-fair-box-location {
    font-weight: 600;
    font-size: 13px;
    padding: 5px 0;
}

.job-fair-priview-bottom-buton-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 25px 0;
}

.job-fair-priview-bottom-button a {
    border: solid 1px #99ab55;
    color: #99ab55;
    text-transform: uppercase;
    padding: 8px 22px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 600;
}

.job-fair-priview-bottom-button a:hover {
    background: #99ab55;
    color: #000;
}


/****end new applicants*/


/*setupinteverview-modal-start*/

.job-fair-img {
    width: 79px;
}

.setup-interview-modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2c444a;
    background-clip: padding-box;
    border: none;
    border-radius: 5px;
    outline: 0;
}

.setup-interview-modal-area {
    padding: 40px;
}

.setup-interview-modal-title {
    text-align: center;
    padding: 5px 0 15px 0;
    color: #fff;
    font-size: 16px;
}

.setup-interview-modal-heading {
    color: #a9ce65;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.setup-interview-modal-textarea textarea {
    background: #2d474e;
    color: #fff;
    font-size: 13px;
    width: 100%;
    height: 100%;
    border: solid #476266 1px;
    padding: 14px;
}

.setup-interview-modal-textarea .form-control:focus {
    background: #2d474e;
    color: #fff;
}

.setup-interview-option-container {
    padding: 15px 0;
}

.setup-interview-option-box {
    border: solid 2px #476266;
}

.setup-interview-option-header {
    background: #92c57d;
    color: #fff;
    text-align: center;
    padding: 9px;
    font-size: 14px;
}

.setup-interview-option-box-calender label {
    color: #fff;
    font-size: 13px;
}

.setup-interview-option-box-time-date {
    padding: 15px;
}

.setup-interview-option-box-time-date .form-control {
    border: solid 2px #496269;
    background: #2d474e;
    color: #82a4ad;
    font-size: 13px;
    height: 40px;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.setup-interview-option-box-time-date span.fa.fa-fw.fa-calendar.field-icon-lft {
    pointer-events: none;
    cursor: pointer;
    top: 4px;
}

.form-control::-webkit-input-placeholder,
.form-control:-ms-input-placeholder,
.form-control::placeholder {
    color: #82a4ad;
}

.setup-interview-option-box-time-date .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #82a4ad;
}

.setup-interview-option-box-time-date .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #82a4ad;
}

.setup-interview-option-box-time-date .form-control::placeholder {
    color: #82a4ad;
}

.setup-interview-option-box-time-date .select-posi-icon {
    position: relative;
}

.setup-interview-option-box-time-date .select-posi-icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0;
    top: 16px;
    position: absolute;
    padding: 13px;
}

.setup-interview-modal-button-rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0 0 0;
}

.setup-interview-modal-button a {
    border: solid 1px #92c57d;
    color: #92c57d;
    width: 150px;
    display: inline-block;
    margin: 15px;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

.setup-interview-modal-button a:hover {
    color: #2c444a;
    background: #92c57d;
}

.invite-interview-modal-sent-icon {
    text-align: center;
    width: 80px;
    margin: auto;
    padding-top: 20px;
}

.invite-interview-modal-sent-icon img {
    width: 100%;
}

.invite-interview-modal-title {
    padding-top: 15px;
    text-align: center;
    color: #9bae56;
    font-size: 32px;
}

.invite-interview-modal-description {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.back-job-fair-btn a {
    border: solid 1px #92c57d;
    color: #92c57d;
    width: auto;
    display: inline-block;
    margin: 15px;
    padding: 15px 25px;
    text-align: center;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.back-job-fair-btn a:hover {
    color: #2c444a;
    background: #92c57d;
}

#Invation_modal_show {
    display: none;
}

@media (min-width: 1024px) {
    .padd-tp-btm {
        padding: 36px 0px 141px;
    }
}

@media (max-width: 767px) {
    .wrap-search-box {
        background-color: #fff;
        border-radius: 8px;
        height: 320px;
    }
}

@media (min-width: 576px) {
    .setup-interview-modal .modal-dialog {
        max-width: 850px;
        margin: 1.75rem auto;
    }
}


/*setupinteverview-modal-end*/


/*job-editior-css-start*/

.job-editior-container {
    padding: 20px 0;
}

.job-editior-heading {
    color: #9bae55;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.job-editior-box-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0
}

.job-editior-box {
    background: #fff;
    max-width: 300px;
    margin: auto;
    padding: 10px;
    margin: 15px;
    border-radius: 5px;
    padding: 20px;
}

.job-editior-box-img {
    background: #f1f3e6;
    height: 70px;
    width: 70px;
    margin: auto;
    border-radius: 6px;
    text-align: center;
    padding: 20px;
}

.job-editior-box-heading {
    color: #3b5156;
    font-weight: 600;
    padding: 20px 0 0 0;
    text-align: center;
    font-size: 15px;
}

.job-editior-box-description {
    text-align: center;
    color: #3b5156;
    font-size: 13px;
    padding: 5px 0;
}

.job-editior-box-btn a {
    display: block;
    text-align: center;
    margin: auto;
    color: #3b5156;
    padding: 20px 0 0 0
}

.job-editior-box-btn a {
    display: block;
    text-align: center;
    margin: auto;
    color: #3b5156;
    font-size: 14px;
    padding: 20px 0 0 0;
    font-weight: 600;
    text-decoration: underline;
}

.create-job-posteing-area {
    background: #324349;
    margin: 25px auto 0;
    max-width: 1360px;
    padding: 0px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.create-job-posteing-area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    background: #26373D;
    top: 0;
    visibility: hidden;
}

.create-job-posteing-header {
    /* margin: auto; */
    /* text-align: center; */
    /* max-width: 200px; */
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 65px 0 25px;
    width: 30%;
}

.create-job-posteing-header:after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    background: #ADBD87;
    width: 100%;
    top: 50%;
    z-index: -9;
}

.create-job-posteing-header span {
    border: solid 1px #ADBD87;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #385056;
    border-radius: 50%;
}

.create-job-posteing-header span.completed-icon {
    background: #9bae55;
    border: #9bae55;
    width: 25px;
    height: 25px;
    color: #2d444a;
    margin: -4px 0 0 0;
    line-height: 25px;
}

.create-job-posteing-header span.active {
    border: solid 4px #ADBD87;
    width: 50px;
    height: 50px;
    margin: 0px 0 0 0;
    background: #ADBD87;
}

.create-job-posteing-content-heading {
    color: #fff;
    font-weight: 600;
    padding: 20px 0 30px 0;
    text-align: center;
    font-size: 25px;
    /* font-family: 'FabrikatMono-Light'; */
}

.create-job-cancel-next-btn a {
    border: solid 2px #9bae55;
    color: #2d444a;
    display: inline-block;
    padding: 6px 5px;
    margin: 15px 15px;
    border-radius: 17px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    background: #9bae55;
}

.create-job-cancel-next-btn a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    border: solid 2px #c79363;
    color: #fff;
}

.create-job-cancel-btn a {
    border: solid 2px #9bae55;
    color: #9bae55;
    display: inline-block;
    padding: 6px 5px;
    margin: 15px 15px;
    border-radius: 17px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
}

.create-job-cancel-btn a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    border: solid 2px #c79363;
    color: #fff;
}

.create-job-cancel-next-btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 0 0 0;
}

.create-job-posteing-form-row {
    padding: 15px;
}

.create-job-posteing-form-row .col-md-6 {
    margin: auto;
}

.create-job-posteing-form-row select {
    color: #3b5156;
    font-size: 14px;
    border: solid 2px #496269;
    background: transparent;
    color: #82a4ad;
}

.create-job-posteing-form-row label {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    display: block;
    /*font-family: 'FabrikatMono-Light'; */
}

.back-dashboard-button a {
    display: inline-block;
    border: solid 1px #9bae55;
    color: #9bae55;
    padding: 7px 10px;
    border-radius: 28px;
    font-size: 13px;
    transition: all ease 0.3s;
}

.create-job-post-checkbox-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
    justify-content: space-around;
}

.create-job-post-checkbox-row .create-job-post-checkbox-wrap {
    /* padding: 19px 0px 0px 30px; */
    /* background-color: #2a4248; */
    /* border: 1px solid #2a4248; */
    /* border-radius: 23px; */
    /* margin-bottom: 1px; */
    /* width: 210px; */
    margin: 0px 20px 20px;
}

.create-job-post-checkbox-row .create-job-post-check-modal {
    background-color: #192f3300;
    padding: 15px;
    color: #adbd87;
    border: 1px solid #adbd87;
    border-radius: 50px;
    margin-left: 13px;
    transition: all ease 0.5s;
    width: 220px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    /* font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
}

.create-job-post-checkbox-row .create-job-post-check-modal:hover {
    background-color: #ADBD87;
    color: #fff;
    border-radius: 50px;
    margin-left: 13px;
    transition: all ease 0.5s;
}

/*job-editior-css-end*/


/*setupinteverview-modal-start of new applicant*/

.job-fair-img {
    width: 79px;
}

.setup-interview-modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2c444a;
    background-clip: padding-box;
    border: none;
    border-radius: 5px;
    outline: 0;
}

.setup-interview-modal-area {
    padding: 40px;
}

.setup-interview-modal-title {
    text-align: center;
    padding: 5px 0 15px 0;
    color: #fff;
    font-size: 16px;
}

.setup-interview-modal-heading {
    color: #a9ce65;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.setup-interview-modal-textarea1 textarea {
    background: #fff;
    color: #2d474e;
    font-size: 13px;
    width: 100%;
    height: 100%;
    border: solid #dfe7e8 1px;
    padding: 14px;
}

.setup-interview-modal-textarea1 .form-control:focus {
    background: #2d474e;
    color: #fff;
}

.setup-interview-option-container {
    padding: 15px 0;
}

.setup-interview-option-container p {
    color: #fff;
    font-size: 14px;
}

.setup-interview-option-container input[name="template"] {
    accent-color: #92c57d;
    box-shadow: 0px 0px 1px 0px #ccc;
}

.setup-interview-option-container label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 40px;
    vertical-align: top;
}

.setup-interview-option-box1 {
    border: solid 2px #dfe7e8;
}

.setup-interview-option-header {
    background: #92c57d;
    color: #fff;
    text-align: center;
    padding: 9px;
    font-size: 14px;
}

.setup-interview-option-box-calender label {
    color: #fff;
    font-size: 13px;
}

.setup-interview-option-box-time-date1 {
    padding: 15px;
}

.setup-interview-option-box-time-date1 .form-control {
    border: solid 2px #dfe7e8;
    background: #fff;
    color: #82a4ad;
    font-size: 13px;
    height: 40px;
}

.setup-interview-option-box-time-date1 span.fa.fa-fw.fa-calendar.field-icon-lft {
    pointer-events: none;
    cursor: pointer;
    top: 4px;
}

.setup-interview-option-box-time-date1 .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #82a4ad;
}

.setup-interview-option-box-time-date1 .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #82a4ad;
}

.setup-interview-option-box-time-date1 .form-control::placeholder {
    color: #82a4ad;
}

.setup-interview-option-box-time-date1 .select-posi-icon {
    position: relative;
}

.setup-interview-option-box-time-date1 .select-posi-icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0;
    top: 16px;
    position: absolute;
    padding: 13px;
}

.setup-interview-modal-button-rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0 0 0;
}

.setup-interview-modal-button a {
    border: solid 1px #92c57d;
    color: #92c57d;
    width: 150px;
    display: inline-block;
    margin: 2px;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

.setup-interview-modal-button a:hover {
    color: #2c444a;
    background: #92c57d;
}

.invite-interview-modal-sent-icon {
    text-align: center;
    width: 80px;
    margin: auto;
    padding-top: 20px;
}

.invite-interview-modal-sent-icon img {
    width: 100%;
}

.invite-interview-modal-title {
    padding-top: 15px;
    text-align: center;
    color: #9bae56;
    font-size: 32px;
}

.invite-interview-modal-description {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.back-job-fair-btn a {
    border: solid 1px #92c57d;
    color: #92c57d;
    width: auto;
    display: inline-block;
    margin: 15px;
    padding: 15px 25px;
    text-align: center;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.back-job-fair-btn a:hover {
    color: #2c444a;
    background: #92c57d;
}

#Invation_modal_show {
    display: none;
}


@media (max-width: 1100px) {
    .create-job-posteing-header{
        margin: 25px 0 25px;
        width: 50%;
    }
    
    .create-job-posteing-header span, .create-job-posteing-header span.active {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 900px) {
    .create-job-posteing-form-row {
        width: 100%!important;
    }
}

@media (max-width: 750px) {

    .create-job-posteing-header span, .create-job-posteing-header span.active {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 576px) {
    .setup-interview-modal .modal-dialog {
        max-width: 850px;
        margin: 1.75rem auto;
    }
}


/*setupinteverview-modal-new applicant end*/


/**start manage posting**/

.manage-posting-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 10px 10px 0px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.manage-posting-wrap .content-wrap .heading-main {
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-size: 14px;
    background-color: #c79163;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.manage-posting-wrap .content-wrap .heading-main-detail {
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-size: 15px;
    background-color: #c79163;
    color: #fff;
    display: inline-block;
    padding: 2px 12px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.manage-posting-wrap .content-wrap .date {
    color: #73878e;
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.manage-posting-wrap .content-wrap .content-txt {
    color: #73878e;
    font-size: 11px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
}

.manage-posting-wrap .content-wrap .hint-heading {
    font-size: 14px;
    color: #5e7277;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
}

.manage-posting-wrap .content-wrap .content-txt-detail {
    color: #73878e;
    font-size: 12px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
}

.manage-posting-wrap .graph-full-veiw {
    color: #99ab55;
    font-size: 11px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
    border-bottom: 1px solid #99ab55;
}

.manage-posting-wrap .graph-full-veiw:hover {
    color: #73878e;
}

.manage-posting-wrap .delete-manage-post {
    width: 34px;
    margin-top: 7px;
}

.manage-graph-color {
    background-color: #f4f4f4;
}

.manage-graph-color .heading {
    color: #a4b0b3;
    font-weight: 600;
    /*font-family: 'FabrikatMono-Light'; */
}

.manage-graph-color .wraped {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 6px;
    padding: 6px 15px;
}

.manage-graph-color .wraped .color-wrap {
    width: 12px;
    height: 12px;
    background-color: #e8c804;
}

.manage-graph-color .wraped .color-wrap-green {
    width: 12px;
    height: 12px;
    background-color: #9bad55;
}

.manage-graph-color .wraped .color-wrap-hired {
    width: 12px;
    height: 12px;
    background-color: #4ac08e;
}

.manage-graph-color .wraped .txt-applied {
    color: #a4b0b3;
    font-weight: 600;
    font-size: 12px;
    /*font-family: 'FabrikatMono-Light'; */
}

.manage-graph-color .wraped .no-applied {
    color: #a4b0b3;
    font-weight: 600;
    font-size: 17px;
    /*font-family: 'FabrikatMono-Light'; */
}

.detail-manage-bg-blue {
    background-color: #f2fcfe;
    padding: 13px;
    height: 100%;
}

.detail-manage-hint-blue {
    background-color: #f2fcfe;
    padding: 13px;
}

.btn-graph {
    background: #9bae55;
    border: none;
    color: #fff;
    border: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
    /*font-family: 'FabrikatMono-Light'; */
}

.btn-graph:hover {
    color: #203a40;
}

.wrap-sub-company-btn {
    background-color: #1c3238;
    padding: 20px;
}

.btn-add-sub-com {
    background: #496267;
    border: none;
    color: #fff;
    border: none;
    padding: 6px 25px;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
}

.btn-add-sub-com:hover {
    color: #9bae55;
}

.btn-website {
    background: #fff;
    color: #9bae55;
    border: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
    /*font-family: 'FabrikatMono-Light'; */
    border: 1px solid #9bae55;
}

.btn-website:hover {
    background: #9bae55;
    color: #fff;
}


/**end manage posting*/


/**start pricing plan**/

.choose-indu2 {
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-size: 13px;
}

.choose-indu1 {
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.f15 {
    font-size: 15px!important;
}

.f17 {
    font-size: 17px!important;
}

.choose-indu1 .yel-text {
    color: #f5e418;
}

.choose-indu1 .txt-sure {
    color: #fff;
}

.choose-indu1 .txt-sure a {
    color: #9bae55;
    text-decoration: underline;
}


/**end pricing plan**/


/********userInvision css**********************/

.search-job {
    height: 40px;
    border-radius: 19px;
    border: none;
    padding-left: 22px;
    padding-right: 19px;
}

.search-job::placeholder {
    font-size: 14px;
}

.search-job:focus {
    outline: none;
}

.serach-btn-user-wrap {
    position: relative;
}

.search-job::placeholder {
    font-size: 12px;
}

.search-job:focus {
    outline: none;
}

.serach-btn-user-wrap {
    position: relative;
}

.serach-btn-user-wrap .serach-btn-user {
    position: absolute;
    top: 9px;
    left: 28px;
    color: #2f4a51!important;
    display: none;
}

.serach-btn-user-wrap .serach-btn-user:hover {
    color: #9bae55!important;
}

.serach-btn-user-wrap .serach-btn-user-1 {
    position: absolute;
    top: 0px;
    right: 0;
    color: #2c474e!important;
    background-color: #9bae55!important;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0 20px 20px 0;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
}

.serach-btn-user-wrap .serach-btn-user:hover {
    color: #9bae55!important;
}

.serach-btn-user-wrap .serach-btn-user-1 {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #2c474e!important;
    background-color: #9bae55!important;
    padding: 10px 19px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
}

.serach-btn-user-wrap .serach-btn-user-1:hover {
    color: #496267!important;
    transition: all ease 0.4s;
}

.serach-btn-user-wrap .serach-btn-user-1:focus {
    outline: none!important;
}


/**7july*/

.text-create-act {
    font-size: 22px;
}

.txt-deco {
    color: #9bae55;
    border-bottom: 1px solid #9bae55;
    transition: all ease 0.3s;
}

.txt-deco:hover {
    color: #fff;
    border-bottom: 1px solid #9bae55;
    transition: all ease 0.3s;
}

.btn-facebbok {
    background: #3a549f;
    border: none;
    color: #fff;
    border: 2px solid #3a549f;
    padding: 13px 7px;
    margin: 10px 0;
    font-size: 16px;
    border-radius: 25px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 30px auto 0;
    text-align: center;
    display: block;
    transition: all ease 0.5s;
}

.btn-facebbok:hover {
    background: #294082;
    color: #fff!important;
    transition: all ease 0.5s;
}

.btn-facebbok i {
    font-size: 20px!important;
    margin-right: 6px;
}

.btn-twitter {
    background: #ea564a;
    border: none;
    color: #fff;
    border: 2px solid #ea564a;
    padding: 13px 7px;
    margin: 10px 0;
    font-size: 16px;
    border-radius: 25px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 30px auto 0;
    text-align: center;
    display: block;
    transition: all ease 0.5s;
}

.btn-twitter:hover {
    background: #da4a3e;
    color: #fff!important;
    transition: all ease 0.5s;
}

.btn-apple {
    background: #000;
    border: none;
    color: #fff;
    border: 2px solid #000;
    padding: 13px 7px;
    margin: 10px 0;
    font-size: 16px;
    border-radius: 25px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 30px auto 0;
    text-align: center;
    display: block;
    transition: all ease 0.5s;
}

.btn-apple:hover {
    background: #171717;
    color: #fff!important;
    transition: all ease 0.5s;
}

.btn-twitter i {
    font-size: 20px!important;
    margin-right: 23px;
}

.btn-apple i {
    font-size: 20px!important;
    margin-right: 23px;
}

.btn-signup-email {
    background: transparent;
    border: none;
    color: #fff;
    border: 2px solid #9ca7b6;
    padding: 15px 7px;
    margin: 10px 0;
    font-size: 16px;
    border-radius: 25px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 30px auto 0;
    text-align: center;
    display: block;
    transition: all ease 0.5s;
}

.btn-signup-email:hover {
    background: #2f4348;
    color: #fff!important;
    transition: all ease 0.5s;
}

.btn-signup-email i {
    font-size: 14px!important;
    margin-right: 23px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    /*    height: 370px;*/
    height: auto;
}

.height-fixed {
    height: 350px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 150px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption h3 {
    font-size: 20px;
    color: #f2f2f2;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #9bae55;
    background-color: #9bae55;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(155, 174, 85, .25);
}

.custom-control-label {
    color: #82a4ad!important;
}


/****start complete resume****/

.complete-resume {
    max-width: 340px!important;
}

.complete-resume .active,
.complete-resume span {
    position: relative;
}

.complete-resume .active-text {
    right: -48px;
    top: 15px;
    position: absolute;
    width: 108px;
    color: #fff;
    font-size: 13px;
}

.complete-resume .deactive-text {
    right: -48px;
    top: 17px;
    position: absolute;
    width: 108px;
    color: #82a4ad;
    font-size: 13px;
}

.zy-dashboard-select-row-resume h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
    text-align: center;
}

.qualification-add-work {
    border: solid 2px #8bb0b9;
    color: #2d444a;
    display: inline-block;
    padding: 8px 30px;
    margin: 0px 15px;
    border-radius: 17px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background: #8bb0b9;
    transition: all ease 0.3s;
}

.qualification-add-work:hover {
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
}

.qualification-delete-work {
    border: solid 2px #c79363;
    color: #fff;
    display: inline-block;
    padding: 7px 11px;
    border-radius: 23px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    background: #c79363;
}

.qualification-delete-work {
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
}

.qualification-add-work:focus,
.qualification-delete-work:focus,
.edu-add-work:focus {
    outline: none;
}

.qualification-delete-work i {
    color: #fff;
    font-size: 17px;
}

.qualification-delete-work1 {
    border: solid 2px #c79363;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 23px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    background: #c79363;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
    position: absolute;
    right: 19px;
    top: -20px;
}

.qualification-delete-work1 i {
    color: #fff;
    font-size: 17px;
}

.quali-restau-work-delete {
    border: solid 2px #496269;
    padding: 20px;
    border-radius: 7px;
    margin-bottom: 20px;
}

.quali-restau-work-delete .restau-name {
    text-transform: capitalize;
    color: #9bae55;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.quali-restau-work-delete .date-yr {
    color: #8bb0b9;
    font-size: 13px;
}

.quali-restau-work-delete .delete-icon {
    font-size: 21px!important;
    color: #8bb0b9;
}

.multi-field-wrapper {
    margin: 0px 0px;
}

.multi-field {
    /*    background-color: #283f44;*/
    border-radius: 5px;
}

.multi-fields {
    position: relative;
}

.multi-field-wrapper1 {
    margin: 0px 0px;
}

.multi-fields1 {
    position: relative;
}

.edu-add-work {
    font-size: 14px;
    font-weight: 600;
    color: #8bb0b9!important;
    background-color: transparent;
    border: none;
    padding-left: 0px;
}

.edu-add-work:hover {
    text-decoration: underline;
}

.bttm-border-new {
    border-bottom: 1px solid #fff;
}

.height-wrap-main {
    height: inherit!important;
}


/****end complete resume****/


/***user user profile*/

.toggle-btn .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.toggle-btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1f3135;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-btn .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-btn input:checked+.slider {
    background-color: #92c47d;
}

.toggle-btn input:focus+.slider {
    box-shadow: 0 0 1px#92c47d;
}

.toggle-btn input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.toggle-btn .slider.round {
    border-radius: 34px;
}

.toggle-btn .slider.round:before {
    border-radius: 50%;
}

.info-user-div-wrap .icon {
    color: #92c47d;
    font-size: 24px!important;
}

.info-user-div-wrap .edit-p-text1 {
    color: #82a4ad;
    font-size: 14px;
}

.info-user-div-wrap .link-text1 {
    color: #82a4ad;
    font-size: 16px;
}

.info-user-div-wrap .link-text1:hover {
    color: #92c47d;
}

.inputWithIcon input[type="text"],
.inputWithIcon select,
.inputWithIcon input[type="password"] {
    padding-left: 40px;
    border-radius: 0px!important;
    height: 50px;
    border: none!important;
    border-bottom: solid 2px #496269!important;
    font-size: 14px;
    background: transparent;
    color: #82a4ad;
    font-weight: 600;
}

.inputWithIcon {
    position: relative;
}

.inputWithIcon i {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 9px 8px;
    color: #92c47d;
    transition: 0.3s;
    z-index: 1;
}

.inputWithIcon input[type="text"]:focus+i,
.inputWithIcon select:focus+i {
    color: #82a4ad;
}

.inputWithIcon.inputIconBg i {
    background-color: #aaa;
    color: #fff;
    padding: 9px 4px;
    border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus+i {
    color: #fff;
    background-color: dodgerBlue;
}

.user-edit-profile-head {
    background-color: #496267;
    padding: 10px 20px;
}

.user-edit-profile-head .heading {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
}

.user-edit-profile-head .edit-profile-user-link i {
    color: #92c47d;
    font-size: 18px;
}

.edit-profile-user-link {
    padding: 5px 10px;
    color: #92c47d;
    border-radius: 5px;
    font-size: 14px;
}

.edit-profile-user-link:hover {
    color: #92c47d!important;
}

.userInvision-profile-logo .circle {
    border-radius: 68px!important;
    overflow: hidden;
    width: 135px;
    height: 135px;
    border: 2px solid #fff;
    margin: auto;
    background-color: #fff;
}

.userInvision-profile-logo img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.userInvision-profile-logo .p-image {
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    position: relative;
}

.userInvision-profile-logo .p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.userInvision-profile-logo .upload-button-user {
    cursor: pointer;
    background-color: #264148;
    border: 1px solid #264148;
    border-radius: 22px;
    padding: 11px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 10pt;
    text-decoration: underline;
    color: #9bae55;
    transition: all ease 0.5s;
    position: absolute;
    top: -49px;
}

.userInvision-profile-logo .upload-button-user i {
    font-size: 20px;
}

.userInvision-profile-logo .upload-button-user:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.userInvision-profile-logo .text-max-size {
    color: #82a4ad;
    text-align: center;
    font-size: 12px;
}

.userInvision-profile-logo .file-upload-user {
    display: none;
}


/***end user profile****/


/**start search list**/

.user-serchlist-index-right-area {
    width: 100%;
    padding: 0 15px;
    background: #eef7fb;
    margin-top: 67px;
}

.user-serchlist-place-input-area {
    position: relative;
    margin: 0 10px;
}

.user-serchlist-place-input-area input {
    border: solid 1px #7e9ea5;
    background: transparent;
    border-radius: 0;
    color: #7e9ea5;
    height: 43px;
    border-radius: 5px;
}

.user-serchlist-place-input-area button {
    position: absolute;
    top: -19px;
    background: none;
    right: 0px;
    border: none;
    color: #7e9ea5;
    text-decoration: underline;
}

.user-serchlist-place-input-area button img {
    width: 26px;
    padding-right: 6px;
}

.map-search-listwrap {
    background-color: #80adb9;
    color: #fff;
    padding: 4px 8px 7px;
    border-radius: 3px;
    margin-bottom: 20px;
    font-size: 13px;
}

.map-search-listwrap:hover {
    color: #38514d!important;
}

.map-search-listwrap img {
    width: 21px;
}

.wrap-hiring-data {
    border-right: 1px solid #7e9ea5;
    border-style: dotted;
    border-top: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    height: 100%;
}

.headeing-restau-serach-list {
    color: #21383e;
    padding-top: 20px;
    font-weight: 600;
    padding-left: 10px;
}

.img-restau-wrap-search-list {
    height: 191px;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 8px;
    background-position: center;
}

.img-restau-wrap-search-list img {
    max-height: 188px;
}

.bottom-wrap-search-list {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.wrap-search-box {
    background-color: #fff;
    border-radius: 8px;
}

.user-index-search-header-items .filter {
    color: #98aa56;
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
}

.searchlist-select-box {
    margin: 0 2px;
}

.searchlist-select-box select {
    background: transparent;
    color: #496267;
    border: #496267 solid 1px;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
}

.searchlist-select-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: inherit;
}

.searchlist-select-box {
    position: relative;
}

.searchlist-select-box select {
    background: transparent;
    color: #496267;
    border: #496267 solid 1px;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 146px;
    /* width: 100%; */
    font-size: 13px;
    border-radius: 7px;
    font-weight: 600;
}

.searchlist-select-box.select-icon:before {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: -5px;
    top: 15px;
    position: absolute;
    padding: 13px;
}

.user-index-search-header-items .searchlist-select-box a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 5px;
    color: #9bae55;
    text-decoration: underline;
}


/**end search list*/


/***start user interview invite***/

.bottom-charecters-text {
    color: #82a4ad;
    position: absolute;
    bottom: 4px;
    right: 11%;
    font-size: 11px;
}

.useInterview-tab-container {
    padding: 10px 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.useInterviewr-info-container {
    background: #24373e;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.useInterview-tab-area ul {
    border-bottom: solid 1px #30454c;
    padding-left: 25px;
    background-color: #496267;
    height: 45px;
    padding-top: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.filter-interview-btnNew {
    position: absolute;
    right: 40px;
    top: 12px;
}

.useInterview-tab-area li a {
    color: #82a4ad;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 0!important;
    margin: 0 15px 0 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.useInterview-tab-area li a:hover {
    color: #fff;
}

.useInterview-tab-area li a.active {
    background: transparent!important;
    color: #fff;
    border-bottom: solid 2px #fff;
}

.useInterview-content-area {
    padding: 0px 15px;
}

.useInterview-tab-box {
    background: #fff;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px;
}

.active-useInterview {
    background: #f6fbe0;
}

.tab-useInterview-area {
    margin-top: 23px;
    padding: 0px;
    border-radius: 10px;
}

.tab-useInterview-area .date-time-wrap {
    background-color: #eef1e6;
    color: #9bae55;
    padding: 5px 17px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    width: 140px;
    text-align: center;
}

.tab-useInterview-area-btm {
    padding-top: 0px;
    color: #203136;
    font-size: 12px;
}

.interview-tabwise-wrap {
    padding: 20px 20px;
    background-color: #fff;
    border-radius: 9px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.interview-tabwise-wrap span {
    color: #9bae55;
}

.interview-tabwise-wrap .wrap-logo {
    width: 100%;
    height: 90px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interview-tabwise-wrap .wrap-logo img {
    max-height: 90px;
    max-width: 400px;
}

.icon-phone-interview {
    background-color: #99ab55;
    padding: 15px 13px 15px 12px;
    border-radius: 28px;
    transition: all ease 0.5s;
}

.icon-phone-interview img {
    width: 23px;
}

.icon-comment-interview {
    background-color: #99ab55;
    padding: 16px 11px;
    border-radius: 28px;
    transition: all ease 0.5s;
}

.icon-comment-interview img {
    width: 30px;
}

.icon-phone-interview:hover,
.icon-comment-interview:hover {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    background-color: #f2f2f2;
    transition: all ease 0.5s;
}

.tab-useInterview-area-btm .wrap-logo {
    width: 100%;
    height: 124px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}

.tab-useInterview-area-btm .wrap-logo img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.tab-useInterview-area-btm .icon-style {
    font-size: 31px!important;
    color: #99ab55;
}

.tab-useInterview-area-btm .heading-restua {
    color: #1e3137;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 4px;
    height: 61px;
}

.user-video-upload .save-btn {
    border: solid 2px #496269;
    font-size: 12px;
    background: transparent;
    color: #496269;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 8px 16px;
    font-weight: 600;
    transition: all ease 0.3s;
    text-decoration: none;
}

.user-video-upload .save-btn img {
    width: 29px;
    margin-right: 5px;
}

.user-video-upload .save-btn:hover {
    background: #496269;
    color: #fff;
    transition: all ease 0.3s;
}


/***end user interview***/


/**start work shift**/

.zy-dashboard-select-row h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
}

.shift-work-wrap {
    border: solid 2px #496269;
    padding: 4px 20px 6px;
    border-radius: 11px;
    height: 64px;
}

.shift-work-checkbox {
    margin: 10px 0 0 0;
}

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

.shift-work-checkbox [type="checkbox"]:not(:checked)+label,
.shift-work-checkbox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
    padding-top: 3px;
    padding-right: 0px;
    color: #92c47d!important;
}

.shift-work-checkbox [type="checkbox"]:not(:checked)+label:before,
.shift-work-checkbox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    border: solid 2px #92c47d;
    background: transparent;
    border-radius: 3px;
}

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

.shift-work-checkbox [type="checkbox"]:not(:checked)+label::after,
.shift-work-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #c79263;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.work-shift-time {
    list-style-type: none;
    margin: auto;
    padding-top: 10px;
}

.work-shift-time li {
    float: left;
    margin: 0 7px 0 0;
    width: 100px;
    height: 40px;
    position: relative;
}

.work-shift-time label,
.work-shift-time input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.work-shift-time input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
}

.work-shift-time input[type="radio"]:checked+label,
.Checked+label {
    background: #92c47d;
    color: #f2f2f2;
}

.work-shift-time label {
    padding: 5px 7px;
    border: 1px solid #2c474e;
    cursor: pointer;
    z-index: 90;
    color: #496269;
    text-align: center;
    border-radius: 15px;
    font-size: 14px;
}

.work-shift-time label:hover {
    background: #92c47d;
    color: #f2f2f2;
}


/***end work shift***/


/*rahul-user-css-start 1st-july*/


/*serch-index-css-start*/

.apply_process_height {
    min-height: calc(100vh - 42px);
}

.user-serch-index-container {
    padding: 0px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-serch-index-left-area {
    width: 350px;
    background: #2c474e;
    margin-top: 67px;
}

.user-index-search-header-items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.user-index-search-header-items span {
    color: #30444b;
    font-size: 15px;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
}

.user-index-search-header-items .zy-dashboard-select-box select {
    background: #eef7fb;
    color: #496267;
    border: solid 1px #7e9ea5;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 160px;
    height: 45px;
    font-size: 14px;
}

.zy-dashboard-select-box.select-icon.border-radius-start select {
    border-radius: 7px 0px 0px 7px;
}

.zy-dashboard-select-box.border-radius-end a {
    border-radius: 0px 7px 7px 0px;
}

.user-index-search-header-items .zy-dashboard-select-box {
    margin: 0!important;
}

.user-index-search-header-row.row {
    margin-top: 15px;
}

.user-index-search-header-items .zy-dashboard-select-box a {
    background: #eef7fb;
    display: block;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    padding: 11px;
    color: #9bae55;
    border: solid 1px #7e9ea5;
    text-decoration: underline;
}

.user-serch-index-right-area {
    width: 100%;
    padding: 0 15px;
    background: #eef7fb;
    margin-top: 67px;
}

.user-serch-place-input-area {
    position: relative;
    margin: 0 10px;
}

.user-serch-place-input-area input {
    border: solid 1px #7e9ea5;
    background: transparent;
    border-radius: 0;
    color: #6f8c92;
    height: 43px;
    border-radius: 5px;
    font-size: 13px;
}

.user-serch-place-input-area button {
    position: absolute;
    top: 4px;
    background: none;
    right: 3px;
    border: none;
}

.user-serch-place-input-area button img {
    width: 26px;
}

.overflo-autoscroll {
    overflow: auto;
}

.user-index-search-result-container {
    padding: 20px 0;
}

.user-index-search-result-title {
    color: #30444b;
    font-size: 15px;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
}

.user-index-search-result-box-area {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.user-index-search-result-box {
    max-width: 470px;
    margin: 5px 5px 25px 5px;
    position: relative;
    cursor: pointer;
}

.user-navbar-right {
    padding-right: 39px;
}

.user-index-search-result-boxx {
    /*    max-width: 482px;*/
    /* margin: 5px 5px 25px 5px; */
    position: relative;
    cursor: pointer;
}

.user-index-search-result-img {
    height: 170px;
    width: 100%;
    margin: auto;
    background-color: #fff;
    display: flex;
}

.user-index-search-result-img img {
    max-height: 152px;
    border-radius: 8px 8px 0 0;
    margin: auto;
    display: block;
    max-width: 100%;
}

.user-index-search-result-box-footer {
    background: #24373d;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    border-radius: 0 0 8px 8px;
    flex-wrap: nowrap;
}

.user-index-search-result-box-footer-icon img {
    width: 34px;
}

.user-serch-index-left-header {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background: #2c474e;
}

.user-serch-index-left-img {
    width: 90px;
    height: 90px;
}

.user-serch-index-left-img img {
    max-width: 90px;
    border-radius: 5px;
    max-height: 90px;
}

.user-serch-index-left-info {
    padding-left: 11px;
}

.user-serch-index-left-title {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.user-serch-index-left-sub-title {
    color: #9bad55;
    font-size: 14px;
    font-weight: 500;
}

.user-serch-index-left-location {
    background: #36535b;
    border-radius: 4px;
    font-size: 14px;
    margin: 5px 0;
    padding: 4px;
    font-weight: 500;
    color: #b0c3ca!important;
    width: 100%;
}

.view-resume-modal .professinal-wrap {
    background-color: #1c4098;
    color: #fff;
    margin-top: 20px!important;
}

.user-serch-index-left-location span img {
    margin: 0 4px 0 5px;
}

.user-serch-index-left-upper-menu {
    background: #2c474e;
}

.user-serch-index-left-upper-menu ul {
    padding: 0;
    margin: 0 15px;
    list-style: none;
}

.user-serch-index-left-upper-menu ul li {}

.user-serch-index-left-upper-menu ul li a {
    text-decoration: none;
    color: #fff;
}

.user-serch-index-left-upper-menu ul li a span {
    float: right;
    color: #fff;
}

.user-serch-index-left-upper-menu ul li a span img {
    width: 11px;
}

.user-serch-index-left-upper-menu ul li a {
    text-decoration: none;
    color: #9bae55;
    padding: 6px 0px;
    display: block;
    font-size: 14px;
}

.user-serch-index-left-upper-menu ul li a:hover {
    background: #36525a;
}

span.invite-notificaion {
    float: none!important;
    background: #b0ca5e;
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 50%;
    font-size: 13px;
    text-align: center;
    margin: 0 0 0 3px;
    line-height: 24px;
}

.user-serch-index-left-upper-menu.user-serch-index-bottom-upper-menu {
    background: #2c474e;
    margin-top: 0px;
}

.user-serch-index-left-upper-menu.user-serch-index-bottom-upper-menu li a {
    border-bottom: none;
}

.user-index-search-result-box-info {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    display: none;
}

.user-index-search-result-box-info {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

.user-index-search-result-box-info {
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: solid 1px #8bb0b8;
    padding: 5px;
    border-radius: 6px;
}

.user-index-search-result-box-info-description {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    color: #758991;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
}

.user-search-box-info-apply-row {
    background: #fafcfd;
    margin: 0px 0;
    padding: 5px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
    color: #212529;
    vertical-align: top;
}

.user-search-box-info-apply-row span {
    color: #96bd04;
    font-weight: 600;
    text-transform: uppercase;
}

.user-search-box-info-apply-button {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    width: 99%;
    border-radius: 0px 0px 6px 0px;
}

.user-search-box-info-apply-button a {
    margin: 5px;
    display: block;
    width: 130px;
    text-align: center;
    padding: 6px;
    border-radius: 17px;
    color: #2c474e;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #8bb0b8;
}

.user-search-box-info-apply-button a.active {
    background: #b0ca5e;
    border: solid 1px #b0ca5e;
}

.advance-search-modal .modal-content {
    background: #2c474e;
}

.advance-search-modal-heading {
    color: #9bae55;
    text-align: center;
    font-size: 17px;
}

.advance-search-form {
    padding: 20px 10px;
}

.advance-search-form .zy-dashboard-select-box select {
    width: 100%;
    margin: 0px 0;
    background: #385056!important;
    height: 47px;
    border: solid 2px #496269;
    color: #7e9ea5;
}

.advance-search-form button.search-now-btn {
    background: #9bae55;
    border: none;
    text-align: center;
    padding: 8px 16px;
    border-radius: 18px;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    color: #2c474e;
    text-transform: uppercase;
}

.advance-search-form button.search-now-btn:hover {
    background: #c79365;
    color: #fff;
}

button.advance-search-cross {
    border: none;
    background: none;
    color: #7e9ea5;
    border: solid 1px #7e9ea5;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 19px;
}

button.advance-search-cross1 {
    border: none;
    background: none;
    color: #7e9ea5;
    border: solid 1px #7e9ea5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: auto;
    margin-left: 5px;
    font-size: 13px;
}

.user-search-detail-info-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin: 15px 0;
    flex-wrap: wrap;
}

.user-search-detail-info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

video {
    width: 65%!important;
}

.search-detail-info-post-text {
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-size: 13px;
}

.search-detail-info-post-heaqding {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top: 20px;
}

.user-search-detail-info-company-location span img {
    width: 20px;
    margin-bottom: 9px;
}

.user-search-detail-info-company-phone span img {
    width: 16px;
}

.user-search-detail-info-logo {
    /* background: #fff; */
    width: 60px;
    /* height: 150px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    /* border-radius: 11px; */
    /* padding: 0px 15px; */
    margin-top: 0;
    overflow: hidden;
}

.user-search-detail-info-logo img {
    /* object-fit: cover; */
    width: auto;
    height: auto;
    max-height: 160px;
    border-radius: 10px;
}

.text-deco {
    text-transform: uppercase!important;
}

.user-search-detail-info-company-name {
    color: #fff;
    font-size: 19px;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.user-search-detail-info-company-location {
    padding: 0 10px;
    font-size: 14px;
    position: relative;
    vertical-align: top;
}

.user-search-detail-info-company-phone {
    font-size: 14px;
    position: relative;
}

.post-details-image {
    width: 100%;
    height: 400px;
    position: relative;
}

.video-container {
    width: 100%;
    height: 400px;
    position: relative;
}

.video-container video {
    width: 100%;
    height: 100%;
}

.video-heading-wrap {
    text-align: center;
    padding-top: 12px;
}

.video-heading-wrap .heading {
    color: #2f4a51;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 8px;
}

.video-heading-wrap .sub-heading {
    color: #344e54;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.post-details-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 5px;
}

.user-search-detail-info-container {
    padding-bottom: 40px;
}

.user-search-detail-info-content {
    padding: 15px 0;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.user-search-detail-info-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px;
}

.listing-benefits {
    padding-left: 30px;
    padding-top: 15px;
}

.listing-benefits li {
    color: #98aa56;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    margin-bottom: 15px;
    font-size: 15px;
    position: relative;
    list-style-type: none;
    font-weight: 600;
    padding-left: 7px;
}

.listing-benefits li:before {
    background: url('../img/listing-bg.png');
    content: '';
    position: absolute;
    left: -30px;
    width: 23px;
    height: 23px;
}

.user-search-detail-info-button a {
    background: #9bae55;
    color: #2c474e;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    transition: all ease 0.3s;
    text-transform: uppercase;
}

.user-search-detail-info-button a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    color: #fff;
}

.resume-background-color {
    background-color: #fff;
    padding: 20px;
    color: #333;
    border-bottom: 1px solid #333;
}

.resume-background-color .heading-contact {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

.resume-background-color .heading-contact:before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100px;
    background: #fff;
    height: 1px;
}

.resume-background-color-white {
    background-color: #fff;
    padding: 20px;
    color: #2d444a;
}

.resume-background-color-white .heading-contact {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

.resume-background-color-white .heading-contact:before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100px;
    background: #2d444a;
    height: 1px;
}

.resume-background-color-white .currently-working {
    background-color: #1c4098;
    color: #fff;
    padding: 5px 15px;
    border-radius: 17px;
    font-size: 13px;
}

.resume-background-color-white .text-blue {
    color: #1c4098;
    font-weight: 600;
}

.arating-icon-blue {
    color: #ccc;
    font-size: 22px!important;
}

.rating-icon-blue {
    color: #9bae55;
    font-size: 22px!important;
}

.scan-code-wrap {
    background-color: #21383e;
    padding: 20px;
}


/*search-index-css-end*/


/*start previous template**/

.previous-server-template-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 14px;
}

.previous-server-template-wrap .post-type {
    background-color: #c89264;
    color: #fff;
    padding: 3px 8px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
}

.previous-server-template-wrap .basic-type {
    background-color: #5d9788;
    color: #fff;
    padding: 3px 8px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
}

.previous-server-template-wrap .custom-type {
    background-color: #718822;
    color: #fff;
    padding: 3px 8px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
}

.previous-server-template-wrap .buld-on {
    color: #9bae55;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
}

.previous-server-template-wrap .date {
    color: #90a3a9;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
}

.previous-server-template-wrap .view:hover {
    background-color: #2c474e;
    transition: all ease 0.3s;
    color: #fff;
}

.previous-server-template-wrap .view {
    background: #90a3a9;
    color: #fff;
    padding: 7px 17px;
    display: inline-block;
    border-radius: 22px;
    font-size: 11px;
    font-weight: 600;
    margin: 0px;
    transition: all ease 0.3s;
    text-transform: uppercase;
}

.previous-server-template-wrap .active:hover {
    background-color: #a4e8cb;
    transition: all ease 0.3s;
    color: #90a3a9;
}

.previous-server-template-wrap .active {
    background: #4cc08f;
    color: #fff;
    padding: 7px 17px;
    display: inline-block;
    border-radius: 22px;
    font-size: 11px;
    font-weight: 600;
    margin: 0px;
    transition: all ease 0.3s;
    text-transform: uppercase;
}

.previous-server-template-wrap .deactive:hover {
    background-color: #fcbfb3;
    transition: all ease 0.3s;
    color: #90a3a9;
}

.previous-server-template-wrap .deactive {
    background: #f97960;
    color: #fff;
    padding: 7px 17px;
    display: inline-block;
    border-radius: 22px;
    font-size: 11px;
    font-weight: 600;
    margin: 0px;
    transition: all ease 0.3s;
    text-transform: uppercase;
}

.previous-server-template-wrap .manage-btn {
    border: 1px solid #90a3a9;
    border-radius: 4px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #90a3a9;
    padding: 6px 24px 6px 10px;
}

.previous-server-template-wrap .manage-btn:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 5px;
    top: 14px;
    position: absolute;
    padding: 7px;
}

.previous-server-template-wrap .manage-btn-content a {
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #90a3a9;
    border-bottom: 1px solid #f1f1f1;
}

.previous-server-template-wrap .manage-btn-content a:active,
.previous-server-template-wrap .manage-btn-content a:hover {
    background-color: transparent;
    color: #9bae55;
}


/*end previous template**/


/*rahul-user-css-end-*/


/*2nd-july-rahul-css-start*/

.chef-modal-container {
    padding: 50px;
}

.chef-modal-heading {
    text-align: center;
    color: #fff;
    font-size: 25px;
}

.chef-modal-complete-job-btn {
    margin: 35px 0 0 0;
    display: block;
    text-align: center;
}

.chef-modal-complete-job-btn a {
    background: #9bae55;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    color: #2c474e;
    font-weight: 600;
    cursor: pointer;
    transition: all ease 0.3s
}

.chef-modal-complete-job-btn a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    color: #fff;
}

.apply-grill-cook-title {
    color: #9bad55;
    font-weight: 600;
    text-align: center;
}

.apply-grill-cook-heading {
    color: #30444b;
    font-weight: 600;
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 19px;
}

.apply-grill-cook-form-area {
    padding: 10px 0;
}

.apply-grill-form-row {
    padding: 10px 0;
}

.apply-grill-form-row label {
    color: #30444b;
    font-weight: 600;
    font-size: 14px;
}

.apply-grill-form-row textarea {
    background: #eef7fb;
    border: solid 1px #7e9ea5;
    font-weight: 600;
    font-size: 14px;
}

.apply-grill-form-row button {
    margin: 20px auto;
    text-align: center;
    display: block;
    border: none;
    background: #b0ca5e;
    color: #21383e;
    padding: 7px 35px;
    font-weight: 600;
    border-radius: 20px;
    transition: all ease 0.3s;
}

.apply-grill-form-row button:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    color: #fff;
}

.apply-grill-form-row a {
    margin: 20px auto;
    text-align: center;
    display: inline-block;
    border: none;
    background: #b0ca5e;
    color: #21383e;
    padding: 7px 35px;
    font-weight: 600;
    border-radius: 20px;
    transition: all ease 0.3s;
}

.apply-grill-form-row a img {
    width: 10px;
    margin: 0 0 0 7px;
}

.apply-grill-form-row a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    color: #fff;
}

.apply-grill-form-row .btn-bs-file {
    position: relative;
}

.apply-grill-form-row label.btn-bs-file {
    border: solid 1px #7e9ea5;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    display: inline-block;
}

.apply-grill-form-row .btn-bs-file input[type="file"] {
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    outline: none;
    cursor: inherit;
}

.apply-grill-form-row label.btn-bs-file span img {
    width: 20px;
}

.apply-grill-form-row button img {
    width: 10px;
    margin: 0 0 0 7px;
}

.grill-cook-shift-checkbox-box {
    border: solid 1px #7e9ea5;
    margin: 20px 0 0 0;
    border-radius: 10px;
}

.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:not(:checked)+label:before,
.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:checked+label:before {
    top: 10px;
    left: 15px;
}

.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:not(:checked)+label,
.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:checked+label {
    display: block;
    padding: 0px 25px 0px 37px;
}

.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:not(:checked)+label::after,
.grill-cook-shift-checkbox-box .step2-checkbox [type="checkbox"]:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 23px;
    width: 6px;
    height: 14px;
    border: solid #4f676d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.grill-cook-shift-checkbox-box .step2-checkbox {
    margin: 0;
}

.shift-time-box {
    border: solid 1px #7e9ea5;
    border-radius: 0px 0px 10px 10px;
    border-top: none;
    margin: -7px 0 0 0;
    padding: 10px;
}

.shift-time-box {
    border: solid 1px #7e9ea5;
    border-radius: 0px 0px 10px 10px;
    border-top: none;
    margin: -7px 0 0 0;
    padding: 10px;
    background: #36525a;
    display: flex;
    justify-content: center;
    display: none;
}

.shift-time-option {
    background: #2c474e;
    margin: 0 5px;
    color: #fff;
    padding: 6px 20px;
    border-radius: 13px;
    font-size: 14px;
    cursor: pointer;
}

.shift-time-box input {
    display: none;
    background: #0084aa;
    line-height: 25px;
    padding: 5px 25px;
    color: #fff;
    font: normal 1em/150% Sans-Serif;
    min-width: 200px;
    max-width: 600px;
}

.shift-time-box label {
    background: #2c474e;
    margin: 0 10px;
    color: #fff;
    padding: 6px 20px;
    border-radius: 13px;
    font-size: 14px;
    cursor: pointer;
    margin-right: -3px;
    transition: background .25s linear;
}

.shift-time-box label:hover,
.shift-time-box input:checked+label {
    background: #9bae55;
}

.apply-sucess-grill-containr {
    padding: 50px;
    text-align: center;
}

.apply-sucess-grill-heading {
    color: #30444b;
    font-weight: 600;
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 24px;
}

.apply-sucess-grill-button a {
    background: #9bae55;
    color: #2c474e;
    font-weight: 600;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 22px;
    margin: 30px 0;
    transition: all ease 0.3s;
}

.apply-sucess-grill-button a:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    color: #fff;
}


/*2nd-july-rahul-css-end*/


/***start userjobapplication status***/

.job-status-wrap-top .total-applies {
    background-color: #9bae55;
    color: #FFF;
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 13px;
}

.job-status-wrap-top .sort-dropdown span {
    color: #5a757c;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0px;
}

.job-status-wrap-top .sort-dropdown select {
    background: transparent;
    color: #5a757c;
    border: solid 1px #7e9ea5;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 160px;
    height: 34px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
}

.job-status-wrap-top .sort-dropdown {
    position: relative;
}

.job-status-wrap-top .sort-dropdown.select-icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 4px;
    top: 16px;
    position: absolute;
    padding: 13px;
}

.job-status-wrap-content {
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    padding: 20px 20px 16px;
    /* min-height: 100vh; */
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.job-status-wrap-content .txt-applied-for {
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0px;
    color: #798e93;
}

.job-status-wrap-content .txt-applied-for span {
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0px;
    color: #9bae55;
}

.job-status-wrap-content .applied-day-ago {
    background-color: #f0f3e0;
    font-size: 12px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
    color: #9bae55;
    padding: 5px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 10px 0px;
}

.job-status-wrap-content .restaurant-logo-wrap {
    width: 100%;
    height: 300px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-status-wrap-content .restaurant-logo-wrap img {
    max-height: 300px;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
}

.job-status-wrap-content .restuarant-name {
    color: #64767b;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.job-status-wrap-content .address-wrap .market-icon img {
    width: 20px;
    margin-right: 15px;
}

.job-status-wrap-content .address-wrap .address {
    color: #819298;
    font-size: 13px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
}

.job-status-wrap-content .view-detail-btn {
    background: #a2b1b6;
    border: none;
    color: #fff!important;
    border: none;
    padding: 8px 20px;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 13px auto 0;
    text-align: center;
    display: inline-block;
    transition: all ease 0.3s;
}

.job-status-wrap-content .view-detail-btn:hover {
    background: #9bae55;
    transition: all ease 0.3s;
}

.pagination-job-applied {
    background-color: #375057;
    padding: 3px;
    border-radius: 4px;
}

.pagination-job-applied ul {
    list-style-type: none;
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
    padding: 5px;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #6d8188;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.pagination li {
    margin: 0px 4px;
}

.pagination li a,
.pagination li span {
    z-index: 1;
    color: #fff;
    background-color: #9bae55;
    border-color: #9bae55;
    border-radius: 4px;
    padding: 5px 11px;
}

.pagination li a:hover,
.pagination li span:hover {
    z-index: 2;
    color: #fff;
    background-color: #9bae55;
    border-color: #9bae55;
    border-radius: 4px;
}


/**end userjobapplication status**/


/**start userjobapplication status detail**/

.job-status-detail-hr {
    border: solid 1px #ebeeef;
}

.job-status-detail-content-head {
    color: #99ab55;
    font-size: 16px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
}

.job-status-detail-content-head .status {
    background-color: #99ab55;
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
    padding: 7px 13px;
    border-radius: 5px;
}

.job-status-detail-content-head .content {
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
    color: #819298;
}

.job-status-detail-content-head .content1 {
    font-size: 14px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 500;
    letter-spacing: 0px;
    color: #2d444a;
}

.job-status-detail-content-head .save-later-btn {
    background: #99ab55;
    border: none;
    color: #fff!important;
    border: none;
    padding: 10px 20px;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 13px auto 0;
    text-align: center;
    display: inline-block;
    transition: all ease 0.3s;
}

.job-status-detail-btn.absolute {
    position: absolute;
    top: 54px;
}

.job-status-detail-btn a {
    border: solid 1px #a2b1b6;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    background-color: #a2b1b6;
    transition: all ease 0.5s;
}

.job-status-detail-btn a:hover {
    border: solid 1px #99ab55;
    background-color: #99ab55;
    transition: all ease 0.5s;
}


/**end userjobapplication status detail**/


/**start interview question wrap**/

.interview-question-wrap {
    background: #385056;
    margin: 20px auto;
    padding: 20px;
    border-radius: 5px;
}

.interview-question-wrap .interview-sortby span {
    color: #7e9ea5;
    font-size: 14px;
    font-weight: 500;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.interview-question-wrap .interview-sortby .all-position {
    position: relative;
    display: inline-block;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.interview-question-wrap .interview-sortby .all-position.select-icon:before {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: -5px;
    top: 15px;
    position: absolute;
    padding: 13px;
}

.interview-question-wrap .interview-sortby .all-position select {
    background: transparent;
    color: #496267;
    border: #496267 solid 1px;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 140px;
    /* width: 100%; */
    font-size: 14px;
    border-radius: 7px;
    font-weight: 600;
}


/**end interview questions*/


/*start faq setting***/

.faq-ques-left-wrap {
    background-color: #2d474e;
    border-radius: 8px;
    padding: 20px;
}


/*end faq settings**/


/**start total-applicant**/

.total-applicant-heading {
    color: #21383e;
    font-size: 19px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.table-total-applicants .table .thead-light th {
    color: #495057;
    background-color: #e8f0f2;
    border-color: #e8f0f2;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.table-total-applicants .table td {
    vertical-align: middle;
    border-top: 1px solid #e8f0f2;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 14px;
}

.table-total-applicants .table .check-wrap {
    width: 35px;
}

.table-total-applicants .table .img-wrap {
    width: 62px!important;
    overflow: hidden;
}

.table-total-applicants a,
.txt-table1 {
    color: #212529!important;
}

.table-total-applicants .table td img {
    width: 60px;
    max-height: 60px;
}

.table-total-applicants .table td .img-action {
    width: 30px;
    max-height: 30px;
    transition: all ease 0.4s;
}

.table-total-applicants .table td .img-action:hover {
    transition: all ease 0.4s;
    opacity: 0.5;
}

.total-applicants-wrap-top .total-applies {
    background-color: #9bae55;
    color: #FFF;
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 13px;
}

.total-applicants-wrap-top .sort-dropdown span {
    color: #5a757c;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
}

.total-applicants-wrap-top .sort-dropdown select {
    background: transparent;
    color: #5a757c;
    border: solid 1px #7e9ea5;
    margin: 0px 0;
    border-radius: 0;
    color: #7e9ea5;
    width: 160px;
    height: 34px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
}

.total-applicants-wrap-top .sort-dropdown,
.total-applicants-wrap-top .sort-dropdown .select1,
.total-applicants-wrap-top .sort-dropdown .select2 {
    position: relative;
}

.total-applicants-wrap-top .select2.select-icon-2:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}

.total-applicants-wrap-top .select1.select-icon-1:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}


/*end total applicant**/


/**start my plan*/

.my-plan-current-plan1 .month-wrap .month {
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
    color: #9bae55;
    margin-bottom: 0px;
    font-size: 19px;
}

.my-plan-current-plan1 .month-wrap .price {
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
    color: #2d444a;
    margin-bottom: 0px;
    font-size: 15px;
}

.my-plan-current-plan1 .view-plan {
    background: #99ab55;
    border: none;
    color: #fff!important;
    border: none;
    padding: 13px 20px;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 0;
    text-align: center;
}

.my-plan-current-plan1 .renew-date {
    background-color: #fdf0e8;
    border: 1px solid #ee7c37;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
    padding: 9px 20px;
    border-radius: 4px;
}

.my-plan-current-plan1 .renew-date span {
    color: #ee7c37;
}

.my-plan-current-plan1 .basic {
    text-transform: uppercase;
    font-size: 23px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.b-r4 {
    border-radius: 4px!important;
}

.my-plan-current-plan1 {
    background-color: #f6f7ef;
    border: 1px solid #e7ead2;
    border-radius: 4px;
    padding: 20px;
}

.my-plan-current-plan {
    background-color: #f3f3f3;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 20px;
}

.my-plan-upgrate-plan {
    background-color: #eafbf3;
    border: 1px solid #ddefe6;
    border-radius: 4px;
    padding: 15px;
}

.my-plan-remove-unit {
    background-color: #f3f3f3;
    border: 1px solid #e3dfe0;
    border-radius: 4px;
    padding: 15px;
}

.my-plan-cancel-plan {
    background-color: #fcf0f2;
    border: 1px solid #f7e6e9;
    border-radius: 4px;
    padding: 15px;
}

.btn-my-plan-view {
    background: #4ac08e;
    border: none;
    color: #fff!important;
    border: none;
    padding: 14px 20px;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 0;
    text-align: center;
    display: block;
    transition: all ease 0.3s;
}

.btn-my-plan-cancel-sub {
    background: #eb4c68;
    border: none;
    color: #fff!important;
    border: none;
    padding: 14px 20px;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 0;
    text-align: center;
    display: block;
    transition: all ease 0.3s;
}

.btn-my-plan-payment {
    background: #99ab55;
    border: none;
    color: #fff!important;
    border: none;
    padding: 14px 20px;
    margin: 0px 0;
    font-size: 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: all ease 0.3s;
}

.btn-my-plan-cancel-sub:hover,
.btn-my-plan-payment:hover,
.btn-my-plan-view:hover,
.view-plan:hover {
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
}

.my-plan-visa-card {
    background-color: #FFF;
    padding: 10px 17px;
    display: initial;
}

.total-applicant-heading-main {
    color: #21383e;
    font-size: 22px;
    /*font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    letter-spacing: 0px;
}

.zy-dashboard-select-row h1.heading {
    color: #fff;
    text-transform: inherit;
    font-size: 30px;
    font-weight: 500;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.table td,
.table th {
    padding: 0.85rem;
}


/*end my plan**/


/***start career*/

.career-bg-color {
    background-color: #f5f5f5;
    padding: 30px 0px 30px;
    flex-grow: 1;
}

.height-Full {
    min-height: 100%;
}

.height-full-new {
    height: 100vh;
}

.height-full {
    height: 100%;
}

.pb-378 {
    padding-bottom: 498px;
}

.career-tab-area ul {
    border-bottom: solid 1px #f5f5f5;
    padding-left: 0px;
    background-color: #f5f5f5;
    height: 45px;
    padding-top: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.career-tab-area li a {
    color: #82a4ad;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 0!important;
    margin: 0 15px 0 15px;
    font-weight: 600;
}

.career-tab-area li a:hover {
    color: #2f4a51;
}

.career-tab-area li a.active {
    background: transparent!important;
    color: #2f4a51!important;
    border-bottom: solid 2px #2f4a51;
}

.career-content-area {
    padding: 0px 15px;
}

.career-tab-box {
    background: #fff;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px;
}

.career-location-wrap {
    transition: all ease 0.3s;
    background-COLOR: #FFF;
}

.career-location-wrap:hover {
    transition: all ease 0.3s;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

.career-location-wrap .heading {
    color: #36535b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    height: 65px;
    margin-bottom: 5px;
}

.career-location-wrap .sub-heading {
    color: #1c4098;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0px auto 10px;
    display: flex;
    justify-content: center;
}

.career-location-wrap .text {
    color: #979797;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}

.career-bannerx {
    /*    max-height: 350px;*/
    display: block;
    margin: auto;
    /*    height: 350px;*/
}

.career-bannerx img {
    margin: 25px auto 8px;
    display: block;
    object-fit: contain;
    width: 100%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
    border-radius: 15px;
    border: 2px solid #f2f2f2;
}

.career-banner {
    position: relative;
    background-repeat: no-repeat!important;
    height: 287px;
    background-position: top center;
    background-size: cover!important;
}

.career-banner::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.heading-wrap {
    position: absolute;
    top: 38%;
    right: 45%;
    z-index: 99999999;
    text-align: center;
}

.career-banner .heading-wrap .heading {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 8px;
}

.career-banner .heading-wrap .sub-heading {
    color: #e0e0e0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.career-header {
    background-color: #fff;
    padding: 20px;
}

/* .career-header img {
    object-fit: contain;
    width: auto;
} */

.career-back a {
    display: inline-block;
    padding: 6px 15px 6px 0px;
    border-radius: 17px;
    color: #21383e;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.career-back a img {
    transform: rotate(90deg);
}

.career-list .heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    color: #21383e;
}

.career-list .sub-heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #21383e;
}

.heightpop-better {
    height: 589px;
}

.career-btn {
    border: solid 2px #36535b;
    border-radius: 23px;
    padding: 10px 18px!important;
    cursor: pointer;
    color: #36535b;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    display: inline-block;
    width: 170px;
    float: right;
}

.career-btn:hover {
    background: #36535b;
    color: #fff;
    border: solid 2px #36535b;
}

.career-location-list-wrap {
    transition: all ease 0.3s;
    /*    background-color: #f7f7f7!important;*/
}

.career-location-list-wrap:hover {
    transition: all ease 0.3s;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

.career-location-list-wrap .heading {
    color: #171d1f;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 2px;
}

.career-location-list-wrap .heading span {
    font-size: 15px;
}

.career-location-list-wrap .sub-heading {
    color: #1c4098;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.career-location-list-wrap .text {
    color: #6f6f6f;
    font-weight: 600;
    font-size: 12px;
}


/**end career**/


/***start message*/

.message-wrap {
    border: 2px solid #e9f0f2;
    border-radius: 4px;
}

.message-wrap .send-heading {
    font-weight: 600;
    color: #2c474e;
    font-size: 18px;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.serach-btn-message-wrap {
    position: relative;
}

.serach-btn-message-wrap .serach-btn-user {
    position: absolute;
    top: 9px;
    left: 28px;
    color: #ccc!important;
}

.serach-btn-message-wrap .serach-btn-user:hover {
    color: #9bae55!important;
}

.serach-btn-message-wrap .serach-btn-user-1 {
    color: #fff!important;
    background-color: #9bae55;
    padding: 10px 26px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
    border: 1px solid #9bae55;
}

.serach-btn-message-wrap .serach-btn-user-1:focus {
    outline: none;
}

.serach-btn-message-wrap .serach-btn-user-1:hover {
    color: #496267!important;
    transition: all ease 0.4s;
}

.search-job-msg {
    height: 40px;
    border-radius: 19px;
    border: none;
    padding-left: 38px;
    padding-right: 19px;
    border: 2px solid #e9f0f2;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
    font-weight: 600;
    color: #ccc;
}

.search-job-msg:focus {
    outline: none;
    box-shadow: none;
}

.search-job-msg:placeholder {
    color: #ccc;
    /*font-family: 'FabrikatMono-Light'; */
    letter-spacing: 0px;
}

.border-bottom1 {
    border-bottom: 2px solid #e9f0f2;
}

.text-grey {
    color: #ababab;
}

.message-scroll {
    height: 350px;
    overflow-y: scroll;
}

.message-scroll1 {
    height: 260px;
    overflow-y: scroll;
}

.message-scroll .active {
    background-color: #f3fdff;
}

.image-upload-msg>input {
    display: none;
}

.image-upload-msg img {
    cursor: pointer;
}

.border1-0 {
    border-top: 1px solid transparent!important;
}

.career-login {
    border: solid 2px #496267;
    border-radius: 23px;
    padding: 10px 23px!important;
    cursor: pointer;
    color: #496267;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    display: inline-block;
    float: right;
}

.career-login:hover {
    background: #9bae55;
    color: #fff;
    border: solid 2px #9bae55;
}

.visa-card-wrap {
    position: relative;
}

.visa-card-wrap .icon:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/payment_icon.png) no-repeat;
    pointer-events: none;
    right: 21px;
    top: 33px;
    position: absolute;
    padding: 13px 37px;
}

.card-close-btn {
    border: solid 2px #9bae55;
    border-radius: 25px;
    padding: 12px 30px!important;
    cursor: pointer;
    color: #9bae55;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 0;
}

.card-close-btn:hover {
    background-color: #c79363;
    transition: all ease 0.3s;
    border: solid 2px #c79363;
    color: #fff;
}

.clear-code-btn {
    background: transparent;
    color: #5f7a82;
    border: 0px;
    font-size: 13px;
    font-weight: 600;
}


/**end message**/

.status-bg-application {
    background-color: #f0f5f8;
    padding: 30px 30px;
    transform: translateY(-5px);
    border-radius: 0px 0px 5px 5px;
}

.btn-accept-offer {
    color: #fff;
    background-color: #9bae55;
    padding: 10px 19px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
    font-weight: 600;
}

.btn-decline-offer {
    color: #fff;
    background-color: #2d444a;
    padding: 10px 19px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
    font-weight: 600;
}

.btn-accept-offer:hover,
.btn-withdraw-offer:focus,
.btn-decline-offer:hover {
    border: 1px solid #9bae55;
    background-color: transparent;
    color: #9bae55;
    outline: none;
    transition: all ease 0.4s;
}

.btn-withdraw-offer {
    color: #fff;
    background-color: #90a3a9;
    padding: 10px 19px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #90a3a9;
    font-weight: 600;
}

.btn-withdraw-offer:hover,
.btn-withdraw-offer:focus {
    background-color: transparent;
    border: 1px solid #90a3a9;
    color: #90a3a9;
    outline: none;
    transition: all ease 0.4s;
}

.withdraw-theme {
    color: #cb8e58!important;
}

.withdrawpop-btn {
    border: solid 2px #cb8e58;
    border-radius: 23px;
    padding: 11px 28px!important;
    cursor: pointer;
    color: #2c474e;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    background: #cb8e58;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
    margin-top: 13px!important;
}

.withdrawpop-btn:hover {
    background: transparent;
    color: #cb8e58;
    border: solid 2px #cb8e58;
}


/***tabs signup******/

.tabs-create-account .nav-pills {
    background-color: #36535b;
    padding-left: 0px!important;
}

.tabs-create-account .nav-pills .nav-item {
    position: relative;
    /* margin-left: 8px; */
}

.tabs-create-account .nav-pills .nav-link.active {
    background-color: #92c47d;
    color: #fff;
}

.tabs-create-account .nav-pills .nav-link {
    border-radius: 0px;
    padding: 5px 14px 5px 33px;
    text-transform: capitalize!important;
    color: #82a4ad;
    font-size: 15px;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0px;
    margin-right: 12px;
}

.tabs-create-account .nav-pills .nav-link:before {
    content: '';
    position: absolute;
    top: 9px;
    width: 13px;
    height: 13px;
    border: 2px solid #82a4ad;
    background-color: transparent;
    left: 12px;
    border-radius: 15px;
}

.tabs-create-account .nav-pills .nav-link.active:before {
    border: 2px solid #fff!important;
}

.tabs-create-account .tab-content {
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #2f4a51;
    padding: 0px 22px;
}

.w-50-sign {
    width: 50%;
    float: left;
}


/**start restaurant interview invite***/

.shw-box {
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.btn-invite-again {
    background-color: #2c474e;
    padding: 10px 14px;
    border-radius: 28px;
    transition: all ease 0.5s;
    color: #dae8eb!important;
    font-size: 13px;
    transition: all ease 0.5s;
}

.icon-comment-interview1,
.icon-phone-interview1,
.icon-phn-interview1,
.icon-cross-interview1,
.icon-save-interview1 {
    position: relative;
}

.icon-comment-interview1 .img1,
.icon-phone-interview1 .img1,
.icon-phn-interview1 .img1,
.icon-cross-interview1 .img1,
.icon-save-interview1 .img1 {
    opacity: 1;
    transition: all ease 0.5s;
}

.img2 {
    opacity: 0;
    position: absolute;
    left: 1px;
}

.nav-interviewinvitetab {
    background-color: #2c444a;
    border-radius: 16px;
    padding: 4px;
}

.icon-comment-interview1:hover .img1,
.icon-phone-interview1:hover .img1,
.icon-phn-interview1:hover .img1,
.icon-cross-interview1:hover .img1,
.icon-save-interview1:hover .img1 {
    opacity: 0;
}

.icon-comment-interview1:hover .img2,
.icon-phone-interview1:hover .img2,
.icon-phn-interview1:hover .img2,
.icon-cross-interview1:hover .img2,
.icon-save-interview1:hover .img2 {
    opacity: 1;
}

.icon-comment-interview2 {
    transition: all ease 0.5s;
    opacity: 0;
}

.btn-invite-again:hover {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    transition: all ease 0.5s;
}

.applied-at-interview {
    background-color: #f6fdde;
    padding: 4px;
}

.job-interview-box-title {
    color: #203136;
    font-weight: 600;
    font-size: 13px;
}

.restau-interview--wrap .available-wrap {
    background-color: #37cd6c;
    padding: 3px 10px;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    border-radius: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.restau-interview--wrap .unavailable-wrap {
    background-color: #f47165;
    padding: 3px 10px;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    border-radius: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.restau-interview--wrap .dropdown-dots- .btn {
    cursor: pointer;
    position: absolute;
}

.restau-interview--wrap .dropdown-dots- {
    width: 100%;
    height: 37px;
    text-align: right;
    position: absolute;
    right: 28px;
    top: 30px;
}

.restau-interview--wrap {
    padding: 10px 15px 20px;
    background-color: #fff;
    border-radius: 9px;
}

.restau-interview--wrap span {
    color: #9bae55;
}

.serach-btn-invite-wrap .serach-btn-user-1:hover {
    color: #496267!important;
    transition: all ease 0.4s;
}

.serach-btn-invite-wrap .serach-btn-user-1 {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff!important;
    background-color: #9bae55!important;
    padding: 7px 19px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
}

.search-interview {
    height: 34px;
    border-radius: 19px;
    border: none;
    padding-left: 22px;
    padding-right: 19px;
    border: 2px solid #fff;
    font-size: 14px;
    color: #36535b;
    font-weight: 600;
}

.search-interview ::placeholder {
    color: #36535b;
    font-weight: 600;
}

.search-interview:facus {
    outline: none;
    box-shadow: none;
}

.serach-btn-invite-wrap {
    position: relative;
}

.interview-invite-heading {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #30444b;
    /*font-family: 'FabrikatMono-Light'; */
    margin-top: 24px;
}

.interview-invite-subheading {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #30444b;
}

.interview-sort-by .sort-dropdown span {
    color: #5a757c;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
}

.interview-sort-by .sort-dropdown select {
    background: #fff;
    color: #5a757c;
    border: solid 1px #fff;
    margin: 0px 0;
    border-radius: 0;
    color: #36535b;
    width: 157px;
    height: 34px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
}

.interview-sort-by .sort-dropdown,
.interview-sort-by .sort-dropdown .select1,
.interview-sort-by .sort-dropdown .select2 {
    position: relative;
}

.interview-sort-by .select2.select-icon-2:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}

.interview-sort-by .select1.select-icon-1:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}


/**end restau interview***/

.dash-btn-new {
    background: #fff;
    border: none;
    color: #9bae55;
    border: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 25px;
    border: 2px solid #d5d9c2;
    font-weight: 600;
    text-align: center;
    line-height: 34px;
    transition: ease all 0.3s;
}

.dash-btn-new:hover {
    background: #9bae55;
    color: #fff;
    border: 2px solid #d5d9c2;
    transition: ease all 0.3s;
}

.dash-btn-new- {
    background: #fff;
    border: none;
    color: #c79363;
    border: none;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 25px;
    border: 2px solid #f7dcbf;
    font-weight: 600;
    text-align: center;
    line-height: 34px;
    transition: ease all 0.3s;
}

.dash-btn-new-:hover {
    background: #f7dcbf;
    color: #fff;
    border: 2px solid #f7dcbf;
    transition: ease all 0.3s;
}

.dash-btn-new-all-posi {
    color: #30444b;
    text-decoration: underline;
    font-size: 13px;
    line-height: 29px;
}

.dash-btn-new-all-posi:hover {
    color: #9bae55;
    text-decoration: underline;
    font-size: 13px;
}

.dashboard-applicants .job-request- {
    background-color: #fdf4ed;
    padding: 30px 15px 15px;
    border-radius: 6px;
    /*font-family: 'FabrikatMono-Light'; */
    font-size: 13px;
    letter-spacing: 0px;
    color: #262929;
    font-weight: 600;
    height: 208px;
}

.bg-greenish {
    background-color: #f5f9e8!important;
}

.flip-card-3D-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -o-perspective: 900px;
    -webkit-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
    margin: 0 auto;
}

#flip-card {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.do-flip {
    -o-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#flip-card-btn-turn-to-back,
#flip-card-btn-turn-to-front {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    background: transparent;
    cursor: pointer;
    visibility: hidden;
    font-weight: 600;
    font-size: .7em;
    padding: 0;
    border: none;
}

#flip-card-btn-turn-to-back img.disabled{
    opacity: 0.4;;
}

#flip-card .flip-card-front,
#flip-card .flip-card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}

#flip-card .flip-card-front {}

#flip-card .flip-card-back {
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #b9bbbf;
    padding: 12px 50px 12px 12px;
    border-radius: 6px;
}

#flip-card .flip-card-front p,
#flip-card .flip-card-back p {
    display: block;
    position: absolute;
    top: 40%;
    width: 100%;
}

.icon1 {
    right: 0px;
    position: absolute;
    z-index: 9999999;
    top: 10px !important;
}

.text1 {
    position: absolute;
    top: 5px !important;
    left: 0px;
    z-index: 9999;
    background-color: #21383e;
    height: 50px;
    width: 100%;
    padding-top: 12px;
}


/*resume print*/

.resume-print- {
    font-size: 14px;
    color: #30444b;
    line-height: 25px;
}

.resume-print- .bordered {
    border: 1px solid #b5c1c5;
    padding: 20px 5% 57px!important
}

.resume-print- .date span {
    text-decoration: underline;
}

.resume-print- input {
    border: none;
    border-bottom: 1px solid #b5c1c5;
    min-width: 188px;
}

.resume-print- input:focus {
    box-shadow: none;
    outline: none;
}


/**parentcompany*/

.parent-heading {
    background-color: #e7f0f2;
    color: #798183;
    font-size: 19px;
}

.parent-heading.roundtop {
    border-radius: 6px 0px 0px;
}

.company-parent-wrap .image-wrap {
    max-height: 140px;
    height: 97px;
    width: 120px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invite-btn-sub {
    color: #36535b!important;
    background-color: #e7f0f2!important;
    padding: 9px 19px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #e7f0f2;
}

.invite-btn-sub:hover {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
    transition: all ease 0.4s;
}

.company-parent-wrap .image-wrap img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.company-parent-wrap .bordered {
    border: 1px solid #e8e8e8;
}

.company-parent-wrap .search {
    background-color: #f9fceb;
}

.parent-search-job {
    height: 40px;
    border-radius: 19px;
    border: none;
    padding-left: 22px;
    padding-right: 19px;
    border: 2px solid #e3e4da;
    background-color: transparent;
}

.show-multiunit-edit:hover {
    opacity: 0.7;
}

.parent-search-job:focus {
    outline: none;
}

.parent-serach-btn-user-wrap {
    position: relative;
}

.parent-serach-btn-user-wrap .serach-btn-user {
    position: absolute;
    top: 9px;
    left: 28px;
    color: #2f4a51!important;
    display: none;
}

.parent-serach-btn-user-wrap .serach-btn-user:hover {
    color: #9bae55!important;
}

.parent-serach-btn-user-wrap .serach-btn-user-1 {
    position: absolute;
    top: 0px;
    right: -98px;
    color: #fff!important;
    background-color: #9bae55!important;
    padding: 10px 19px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 20px;
    transition: all ease 0.4s;
    border: 1px solid #9bae55;
}

.parent-serach-btn-user-wrap .serach-btn-user-1:hover {
    color: #496267!important;
    transition: all ease 0.4s;
}

.parent-serach-btn-user-wrap .serach-btn-user-1:focus {
    outline: none!important;
}


/*messagebox */

.messaging .creat-new-msg a {
    color: #007ea6;
    text-decoration: underline;
    font-size: 13px;
}

.messaging .inbox_people {
    background: #e9f2f4 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 45%;
    border-right: 1px solid #c4c4c4;
}

.messaging .inbox_msg {
    /* border: 1px solid #fff; */
    clear: both;
    overflow: hidden;
    background-color: #e9f2f4;
    border-radius: 6px;
}

.messaging .top_spac {
    margin: 20px 0 0;
}

.messaging .recent_heading {
    float: left;
    width: 40%;
}

.messaging .srch_bar {
    display: block;
    text-align: left;
    width: 100%;
}

.messaging .headind_srch {
    padding: 15px 15px 0px 15px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
}

.messaging .recent_heading h4 {
    color: #2d444a;
    font-size: 21px;
    margin: auto;
    font-weight: 600;
}

.messaging .srch_bar input {
    border: 1px solid #f7f7f7;
    border-width: 0 0 1px 0;
    width: 100%;
    border-radius: 19px;
    padding: 2px 0 4px 25px;
    background: #f7f7f7;
}

.messaging .srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.right-chat-msgs1 {
    background: #fff;
    color: #383f46;
    padding: 12px 15px;
    line-height: 22px;
    font-size: 13px;
    border-radius: 7px;
    margin-bottom: 4px;
    width: 90%;
    position: relative;
    font-weight: 600;
}

.right-chat-msgs1:after {
    top: 10px;
    left: -13px;
    border: solid transparent;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    border-width: 14px;
    margin-left: -14px;
    border-right-color: #fff;
}

.right-chat-msgs2 {
    background: #9bae55;
    color: #fff;
    padding: 12px 15px;
    line-height: 22px;
    font-size: 13px;
    border-radius: 7px;
    margin-bottom: 4px;
    width: 90%;
    position: relative;
    font-weight: 500;
}

.right-chat-msgs2:after {
    top: 4px;
    right: -10px;
    border: solid transparent;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    border-width: 14px;
    margin-right: -14px;
    border-left-color: #9bae55;
}

.messaging .srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}

.messaging .txt-person {
    color: #98aa56;
    font-size: 15px;
    font-weight: 600;
}

.messaging .txt-theme {
    font-size: 12px;
    font-weight: 600;
    color: #a2b2b3!important;
}

.messaging .chat_ib h5 {
    font-size: 15px;
    color: #4891b1;
    margin: 0 0 8px 0;
}

.messaging .chat_ib h5 span {
    font-size: 13px;
    float: right;
}

.messaging .text {
    color: #383f46;
    font-size: 13px;
    margin-top: 9px;
    margin-bottom: 4px;
    font-weight: 600;
}


/*.messaging .chat_ib p{ font-size:14px; color:#989898; margin:auto}*/

.messaging .chat_img {
    float: left;
    width: 65px;
    /* position: relative; */
}

.messaging .chat_img img {
    border-radius: 3px;
}

.messaging .chat_ib {
    /* float: left; */
    padding: 0 0 0 90px;
}

.notific {
    background-color: #9bae55;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 20px;
    position: absolute;
    top: 30px;
    right: 0px;
    color: #fff;
    padding: 3px 7px;
    font-size: 10px;
    z-index: 9;
}

.messaging .chat_people {
    overflow: hidden;
    clear: both;
    position: relative;
}

.messaging .chat_list {
    margin: 0;
    padding: 18px 16px 10px;
    border-bottom: 1px solid #ccc;
}

.messaging .inbox_chat {
    height: 550px;
    overflow-y: scroll;
    padding: 15px;
}

.messaging .active_chat {
    /* background: #f9fceb; */
}


/*********/

.messaging .inbox_chat::-webkit-scrollbar,
.msg_history::-webkit-scrollbar {
    width: 5px;
}

.messaging .inbox_chat::-webkit-scrollbar-track,
.msg_history::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 6px;
}

.messaging .inbox_chat::-webkit-scrollbar-thumb,
.msg_history::-webkit-scrollbar-thumb {
    background-color: #adc4c3;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 1px solid #adc4c3;
    /* creates padding around scroll thumb */
}


/**********/

.messaging .incoming_msg_img {
    display: inline-block;
    width: 6%;
}

.messaging .outgoing_msg .send_msg_img {
    display: inline-block;
    width: 19%;
    float: right;
}

.messaging .received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92%;
}

.messaging .received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.messaging .time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.messaging .received_withd_msg {
    width: 57%;
}

.messaging .mesgs {
    float: left;
    padding: 15px 15px 0 25px;
    width: 55%;
}

.messaging .sent_msg p {
    background: #e6f5f9 none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #656262;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.messaging .outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
}

.messaging .sent_msg {
    float: right;
    width: 60%;
}

.messaging .input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 90px;
    width: 100%;
    border-radius: 4px;
    padding: 8px 15px;
    font-weight: 600;
}

.messaging .type_msg {
    position: relative;
}

.messaging .msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
}

.messaging {
    padding: 30px;
}

.messaging .msg_history {
    height: 440px;
    overflow-y: auto;
    background-color: #e9f2f4;
}

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


/* message box */

.msg-sort-by .sort-dropdown span {
    color: #5a757c;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
}

.msg-sort-by .sort-dropdown select {
    background: #fff;
    color: #5a757c;
    border: solid 2px #d2d2d2;
    margin: 0px 0;
    border-radius: 0;
    color: #36535b;
    width: 157px;
    height: 34px;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
}

.msg-by .sort-dropdown,
.msg-sort-by .sort-dropdown .select1,
.msg-sort-by .sort-dropdown .select2 {
    position: relative;
}

.msg-sort-by .select2.select-icon-2:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}

.msg-sort-by .select1.select-icon-1:after {
    content: '';
    display: inline-block;
    color: #2377ad;
    background: url(../img/dropdown_form_arrow.png) no-repeat;
    pointer-events: none;
    right: 0px;
    top: 4px;
    position: absolute;
    padding: 13px;
}


/***new resume****/

.border-bluelight {
    border: 1px solid #82a4ad;
}

.btn-add-paragraph {
    background-color: #1c3136;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    transition: all ease 0.3s;
}

.btn-add-paragraph:hover {
    transition: all ease 0.3s;
    background-color: #9bae55;
}

.text-blulish {
    color: #82a4ad!important;
}

.certifi-heading {
    color: #9bae55;
}

.bullet-listgrn {
    list-style: none;
    padding-left: 0px;
    margin-top: 21px;
}

.bullet-listgrn li {
    padding-left: 24px;
    color: #82a4ad;
}

.bullet-listgrn li::before {
    content: "\2022";
    color: #9bae55;
    font-weight: bold;
    display: inline-block;
    width: 28px;
    margin-left: 3px;
    font-size: 52px;
    line-height: 22px;
    position: absolute;
    left: 31px;
}

.bullet-list-resume {
    list-style: none;
    padding-left: 22px;
    margin-top: 21px;
    position: relative;
}

.bullet-list-resume li {
    padding-left: 1px;
    color: #1c3136;
}

.bullet-list-resume li::before {
    content: "\2022";
    color: #1c3136;
    font-weight: bold;
    display: inline-block;
    width: 28px;
    margin-left: 3px;
    font-size: 52px;
    line-height: 13px;
    position: absolute;
    left: 0px;
}

.resume-candi-name {
    font-weight: 600;
    font-size: 18px;
}

.resume-builder table tr td {
    vertical-align: top;
    padding: 0px 0px;
}

.resume-builder {
    font-size: 15px;
    font-weight: 500;
    color: #465052;
}

.resume-builder .f13 {
    font-size: 13px;
}

.resume-builder .addr-info {
    color: #2d444a;
    font-size: 14px;
    padding-bottom: 10px;
}

.add-more-resumeC {
    border: solid 2px #885b32;
    color: #fff;
    display: inline-block;
    padding: 8px 5px;
    margin: 15px 15px;
    border-radius: 0px;
    display: block;
    text-align: center;
    font-size: 14px;
    /* font-family: 'FabrikatMono-Light'; */
    font-weight: 600;
    background: #885b32;
}

.add-more-resumeC:hover {
    color: #333;
}

.green1 .radio-custom {
    opacity: 0;
    position: absolute;
}

.green1 .radio-custom,
.green1 .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.green1 .radio-custom-label {
    position: relative;
}

.green1 .radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #92c47d;
    background-color: #92c47d;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.green1 .checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.green1 .radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.green1 .radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #92c47d;
}

.green1 .radio-custom:focus+.radio-custom-label {
    outline: 1px solid #92c47d;
    /* focus style */
}


/***lightBlue*******/

.lightBlue .radio-custom {
    opacity: 0;
    position: absolute;
}

.lightBlue .radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.lightBlue .radio-custom-label {
    position: relative;
}

.lightBlue .radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    background-color: #3bbbe2;
    border: 2px solid #3bbbe2;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.lightBlue .checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.lightBlue .radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.lightBlue .radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #3bbbe2;
}

.lightBlue .radio-custom:focus+.radio-custom-label {
    outline: 1px solid #3bbbe2;
    /* focus style */
}


/***darkgreen*******/

.darkgreen .radio-custom {
    opacity: 0;
    position: absolute;
}

.darkgreen .radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.darkgreen .radio-custom-label {
    position: relative;
}

.darkgreen .radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #404d39;
    background-color: #404d39;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.darkgreen .checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.darkgreen .radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.darkgreen .radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #404d39;
}

.darkgreen .radio-custom:focus+.radio-custom-label {
    outline: 1px solid #404d39;
    /* focus style */
}


/***lightBlue*******/

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #92c47d;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #92c47d;
}

.radio-custom:focus+.radio-custom-label {
    outline: 1px solid #92c47d;
    /* focus style */
}


/***lightBlue*******/

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #92c47d;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #92c47d;
}

.radio-custom:focus+.radio-custom-label {
    outline: 1px solid #92c47d;
    /* focus style */
}


/***lightBlue*******/

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #92c47d;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #92c47d;
}

.radio-custom:focus+.radio-custom-label {
    outline: 1px solid #92c47d;
    /* focus style */
}

.print-resume-header-new {
    background-color: #12272b;
}

.h-340 {
    height: 424px;
}

.manage-edit-icon {
    background-color: #9bae55;
    border-color: #9bae55;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    margin-top: 8px;
    padding: 0px 0px 0px 4px;
    color: #fff;
}
.manage-delete-icon {
    background-color: #D11A2A;
    border-color: #D11A2A;
    border-radius: 20px;
    width: 34px;
    height: 34px;
    font-size: 13px;
    margin-top: 8px;
    color: #fff;
    display: flex;
    justify-content: center;
}
.manage-delete-icon i{
    font-size: 17px;
}


.manage-eye-icon {
    background-color: #c79363;
    border-color: #c79363;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    margin-top: 8px;
    padding: 0px 0px 0px 0px;
    color: #fff;
}

.qr-tab-area ul {
    padding-left: 0px;
    background-color: transparent;
    height: 45px;
    padding-top: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.qr-tab-area li a {
    color: #82a4ad;
}

.qr-tab-area li a.active {
    background: transparent!important;
    color: #fff!important;
    border-bottom: solid 2px #9bae55;
    border-radius: 0px;
}

.qr-tab-area li a:hover {
    color: #fff;
}


/* ----------manish changes css */

.border-green-img {
    border: 9px solid #9bae55;
    width: 25%;
}

.rasta {
    color: #99ab55;
}

.flyer-section {
    width: 100%;
    background: #f1f1f1;
    margin-top: 50px;
    padding: 15px;
}

.flyer-section .qr-code {
    width: 60%;
}

.flyer-section .logo {
    margin-bottom: 25px;
    width: 20%;
    /* border: 1px solid #ccc;
    padding: 10px; */
}

.flyer-section h2 {
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 0;
}

.flyer-section h1 {
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 50px;
}

.flyer-section p {
    margin-bottom: 0;
}

.select-template-section {
    background: #263b40;
    text-align: center;
    padding: 15px;
}

.select-template-section a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
}

.editable-section p {
    color: #fff;
}

.editable-section .upload-logo {
    background: #99ab55;
    width: 100%;
    padding: 10px 0;
}

.editable-section .upload-logo h4 {
    margin-bottom: 0;
}

.editable-section .upload-logo h4 span {
    background: #768540;
    width: 30px;
    height: 30px;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 50px;
}

.editable-section .editable-section-inner {
    background: #fff;
    width: 100%;
    min-height: 250px;
    max-height: 350px;
    padding: 30px;
}

.editable-section .editable-section-inner p {
    color: #000;
}

.editable-section-inner .image-upload-section {
    border: 2px dashed #99ab55;
    padding: 15px;
    background: #f1f1f1;
}

.editable-section-inner .text-edit-section {
    border: 2px dashed #99ab55;
    padding: 15px;
    background: #f1f1f1;
}

.text-edit-section .write-text {
    background: #fff;
    padding: 15px;
}

.text-edit-section .write-text h2 {
    margin-bottom: 0;
}

.image-upload-section input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: 0;
    cursor: pointer;
}

.image-upload-section button.btn.btn-upload {
    background: #cae36e;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.poster-section .logo {
    margin-bottom: 0;
    width: 50%;
}

.poster-section h1 {
    font-weight: 800;
    font-size: 60px;
}

.poster-section.repeat h1 {
    color: #9bad55;
}

.poster-section h2 {
    margin-bottom: 0;
}

.poster-section.repeat h2 {
    color: #ccc;
    margin-bottom: 0;
    font-weight: 800;
}

.poster-section h3 {
    font-size: 24px;
    line-height: 32px;
}

.poster-section.repeat h3 {
    color: #9bad55;
    margin-bottom: 0;
}

.poster-section p {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 800;
}

.poster-section.repeat p {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

.poster-section p span {
    color: #9bad55;
}

.poster-section .qr-code {
    width: 35%;
}

.qr-tab-area ul.qr-page {
    justify-content: space-evenly;
    padding: 0;
    margin: 50px 0;
}

.qr-tab-area ul.qr-navs {
    justify-content: space-between;
    /* padding: 0 30px 0 0; */
}

.qr-tab-area ul.qr-navs li a {
    border-radius: 30px;
    padding: 10px 30px;
    background-color: #36535b;
    color: #fff;
}

.zy-dashboard-select-row.qr-page h1 {
    font-size: 24px;
}


/* ----------manish changes css */

.qr-print-btn {
    background: #192f33;
    border: none;
    color: #82a4ad;
    border: none;
    padding: 12px 50px;
    margin: 10px 0;
    font-size: 14px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 30px auto 0;
    text-align: center;
    display: block;
}

.qr-print-btn:hover {
    color: #38514d!important;
    background: #9bae55;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.txt-doqn-qr-code {
    font-size: 34px;
    font-weight: 600;
    color: #9bae55;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.print-img {
    width: 30px;
    margin-right: 10px;
}

.bg-dark-qr {
    background-color: #192f33;
    border-radius: 5px;
}


/**************/

.post-wrap-div {
    height: 90px;
}

.declined-todays {
    background-color: #b9ac92;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
}

.schedule-todays {
    background-color: #9bae55;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.onfile-todays {
    background-color: #c4969c;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.hired-todays {
    background-color: #a5ac8e;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
}

.schedule-tomarrow {
    background-color: #db9d69;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
}

.onfine-text {
    background-color: #fa4f64;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.schedule-text {
    background-color: #0587ca;
    padding: 4px 15px;
    color: #fff;
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: 600;
    text-spacing: 20px;
    width: fit-content;
    border-radius: 11px;
}

.reschedule-text {
    background-color: #69abb5;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.pending-text {
    background-color: #e6a131;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.offerpending-text {
    background-color: #8061a3;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.hired-text {
    background-color: #9bad55;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.decline-todays {
    background-color: #718f95;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.offerdlined-text {
    background-color: #a56000;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    width: fit-content;
    border-radius: 11px;
}

.schedule-todays i,
.schedule-tomarrow i,
.decline-todays i {
    font-size: 8px!important;
}

.schedule-text i,
.reschedule-text i {
    font-size: 14px!important;
}

.interview-serach-btn {
    border: 1px solid #9bae55;
    background-color: #9bae55;
    border-radius: 26px;
    padding: 6px 10px;
}


/***********/

.interview-invite-profile {
    position: relative;
    background: #2d444a;
    color: #ccc;
}

.interview-invite-profile:before {
    background-color: #12272b;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    background-image: url(/public/web-assets/img/collapse-logo-fade.png);
    background-size: 100px;
}

.onfile-btn {
    border: solid 2px #f47165;
    border-radius: 23px;
    padding: 7px 60px!important;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #f47165;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.onfile-btn:hover {
    background: transparent;
    color: #f47165;
    border: solid 2px #f47165;
}

.interview-q-btn {
    border: solid 2px #9bae55;
    border-radius: 23px;
    padding: 8px 20px!important;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #9bae55;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.interview-q-btn:hover {
    background: transparent;
    color: #9bae55;
    border: solid 2px #9bae55;
}

.send-offer-letter-btn {
    border: solid 2px #c79365;
    border-radius: 23px;
    padding: 8px 20px!important;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #c79365;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.btn-view-applicant-video {
    border: solid 2px #88e1df;
    border-radius: 5px;
    padding: 8px 20px!important;
    cursor: pointer;
    color: #2d444a;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    background: #88e1df;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.send-offer-letter-btn:hover {
    background: transparent;
    color: #c79365;
    border: solid 2px #c79365;
}

.text-jobish {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.designation {
    margin-bottom: 5px;
}

.designation span {
    font-size: 14px;
    vertical-align: middle;
    color: #c79263;
}

.descriptions img {
    filter: invert(1);
}

.interview-invite-profile .profile-btn {
    padding: 10px 15px;
    text-align: center;
    color: #2d444a;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.interview-invite-profile .view-i365-resume-btn img {
    width: 14px;
    margin-right: 5px;
    vertical-align: middle;
}

.interview-invite-profile .view-applicant-btn img {
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.interview-invite-profile .view-resume-btn img {
    width: 24px;
}

.interview-invite-profile .view-i365-resume-btn {
    background: #c59163;
}

.interview-invite-profile .view-applicant-btn {
    background: #CEECEC;
    margin: 0 10px;
}

.interview-invite-profile .view-resume-btn {
    background: #E9F2C5;
    color: #9bad55;
}

.icons-box-right {
    background: #2d444a;
    border-radius: 50px;
    padding: 0 15px;
    position: absolute;
    right: -19%;
    bottom: 20%;
}

.newTAB,
.newTAB1,
.newTAB2 {
    background-color: #36535b;
    padding: 8px 3px;
}

.newTAB:first-child,
.newTAB1:first-child,
.newTAB2:first-child,
.newTAB2:nth-child(2) {
    border-radius: 22px 0px 0px 22px!important;
    padding-left: 10px!important;
}


/* .newTAB:last-child {
    border-radius: 0px 22px 22px 0px!important;
    padding-left: 0px!important;
    padding-right: 8px;
} */

.newTAB:nth-child(6),
.newTAB1:nth-child(3),
.newTAB2:nth-child(4),
.newTAB2:first-child,
#application_status>li.newTAB:nth-child(7) {
    border-radius: 0px 22px 22px 0px!important;
    padding-right: 10px!important;
}

.newTAB2:first-child,
.newTAB2:last-child {
    border-radius: 22px!important;
    padding: 8px 10px;
}

.useInterview-tab-areaNEW li a.active {
    color: #fff;
    border: 2px solid #99ab55;
    background-color: #99ab55!important;
}

.useInterview-tab-areaNEW .newTAB a,
.useInterview-tab-areaNEW .newTAB1 a,
.useInterview-tab-areaNEW .newTAB2 a {
    color: #7e9ea5;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: 20px!important;
    margin: 1px 1px 0 1px;
    text-transform: uppercase;
    border: 2px solid #7e9ea5;
    position: relative;
}


/* .useInterview-tab-areaNEW .newTAB a:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    top: -5px;
    left: 95%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 2px solid #2d444a;
    z-index: 9;
} */


/* .useInterview-tab-areaNEW .newTAB1 a {
    border: 2px solid #496268;
    color: #82a4ad;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px;
    border-radius: 17px!important;
    margin: 1px 1px 0 1px;
    text-transform: uppercase;
} */

.multi-unit-company .add-info {
    color: #4a666c;
    text-decoration: underline;
    transition: all ease 0.3s;
}

.zy-restaurant-dashboard-sec- h1.heading {
    color: #fff;
    font-size: 22px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.zy-restaurant-dashboard-sec- h4.headingh4 {
    color: #dbdbdb;
    font-size: 16px;
    margin-bottom: 20px;
}

.job-status-wrap-content .defaultcard p.imgpara {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}

.job-status-wrap-content .defaultcardleft h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 15px;
}

.job-status-wrap-content .defaultcardright h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
}

.job-status-wrap-content .defaultcardright img {
    vertical-align: baseline;
    object-fit: cover;
}

.job-status-wrap-content .buttonrow {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.job-status-wrap-content .buttonrow .buttonrowinner button {
    background: #81b6c4;
    border: 0;
    padding: 12px;
    font-size: 12px;
    color: #1c1c1c;
    border-radius: 50px;
    font-weight: 800;
    width: 100%;
}

.basicplan.show {
    background: #2d444a;
}

.basicplan .modal-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.basicplan .modal-content .modal-header {
    border: 0;
    padding-bottom: 0;
}

.basicplan .modal-content .modal-header .modal-title {
    color: #fff;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 600;
}

.basicplan .modal-content .modal-header .modal-subtitle {
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    letter-spacing: .5px;
}

.basicplan .modal-content .modal-body {
    background: #fff;
    border-radius: 10px;
}

.basicplan .modal-content .modal-footer {
    border: 0;
}

.basicplan .modal-content .modal-footer button {
    margin: 0 auto;
    background: transparent;
    border-radius: 30px;
    /* width: 40%; */
    border: 1px solid #99ab55;
    color: #99ab55;
    padding: 15px 35px;
}

.basicplan .modal-content .modal-body .modal-white-card h2 {
    text-align: center;
    font-size: 38px;
    color: #99ab55;
    margin-bottom: 10px;
}

.basicplan .modal-content .modal-body .modal-white-card h1 {
    text-align: center;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #99ab55;
    font-weight: 600;
}

.basicplan .modal-content .modal-body .modal-white-card ul {
    padding: 0;
    list-style: none;
}

.basicplan .modal-content .modal-body .modal-white-card ul li {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.basicplan .modal-content .modal-body .modal-white-card ul li img {
    vertical-align: middle;
    width: 4%;
    margin-right: 15px;
}

.basicplan .modal-content .modal-body .modal-white-card ul li a {
    color: #99ab55;
    margin-top: 15px;
    display: block;
}


/* cancel plan */

.cancelplan.show {
    background: #fcfdfdc2;
}

.cancelplan .modal-content {
    background: #2d444a;
    border: 0;
    box-shadow: none;
}

.cancelplan .modal-content .modal-body .cancelcardinner img {
    width: 20%;
    margin: 0 auto;
    display: block;
}

.cancelplan .modal-content .modal-body .cancelcardinner h2 {
    color: #9bae55;
    text-align: center;
    font-size: 40px;
    margin-bottom: 5px;
}

.cancelplan .modal-content .modal-body .cancelcardinner h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.cancelplan .modal-content .modal-body .cancelcardinner h5 {
    text-align: center;
    color: #97aeb3;
    font-size: 16px;
}

.cancelplan .modal-content .modal-body .cancelcardinner .conditions {
    background: #1f2e32;
    padding: 15px;
    margin: 15px 0;
}

.cancelplan .modal-content .modal-body .cancelcardinner .conditions p {
    color: #97aeb3;
    margin-bottom: 5px;
}

.cancelplan .modal-content .modal-body .cancelcardinner h6 {
    color: #9bae55;
    font-size: 14px;
}

.cancelplan .modal-content .modal-footer {
    margin: 0 auto;
    border: 0;
}

.cancelplan .modal-content .modal-footer button {
    background: transparent;
    padding: 15px 70px;
    border-radius: 30px;
    border: 1px solid #9bae55;
    color: #9bad54;
}

.cancelplan .modal-content .modal-footer button:hover {
    color: #fff;
}

.zy-restaurant-dashboard-sec- .removeunitbtn {
    margin-bottom: 15px;
    background: #f56161;
    border: 0;
    padding: 5px 15px;
    color: #fff;
}

.zy-restaurant-dashboard-sec- .job-status-wrap-content img {
    width: 100%;
}

.zy-restaurant-dashboard-sec- .job-status-wrap-content img.bank-icon {
    width: 35%;
}

.zy-restaurant-dashboard-sec- .job-status-wrap-content p {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}


/* .zy-restaurant-dashboard-sec- .job-status-wrap-content span {
    font-size: 12px;
    display: block;
    margin-bottom: 15px;
} */

.zy-restaurant-dashboard-sec- .job-status-wrap-content h6 {
    font-size: 14px;
    color: #0dcf0d;
    font-weight: 600;
    margin-bottom: 10px;
}

.zy-restaurant-dashboard-sec- .job-status-wrap-content .remove-btn {
    color: #f14545;
    background: #ffdada;
    border: 0;
    border-radius: 30px;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    font-weight: 600;
    padding: 5px 15px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.editcarddetail {
    border: 1px solid #545454;
}

.zy-restaurant-dashboard-sec- .order-summary {
    background: #1d22245c;
    padding: 15px;
    color: #fff;
}

.zy-restaurant-dashboard-sec- .order-summary h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.zy-restaurant-dashboard-sec- .order-summary p {
    color: #4bbd8c;
    font-weight: 600;
}

.zy-restaurant-dashboard-sec- .order-summary .order-plan p {
    color: #fff;
    font-weight: 500;
    margin: 0;
}

.zy-restaurant-dashboard-sec- .order-summary .order-price {
    text-align: right;
}

.zy-restaurant-dashboard-sec- .order-summary .order-price h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.zy-restaurant-dashboard-sec- .order-summary .order-plan h2 {
    font-size: 24px;
    font-weight: 600;
}

.zy-restaurant-dashboard-sec- .order-summary .order-price h2 {
    font-size: 26px;
    font-weight: 600;
}

.zy-restaurant-dashboard-sec- .selectpay h3 {
    color: #fff;
    font-size: 20px;
    margin: 0;
    font-weight: 500;
}

.zy-restaurant-dashboard-sec- .addoncard {
    text-align: right;
}

.zy-restaurant-dashboard-sec- .addoncard .btn.add_card {
    background: #88620b;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
}

.order-summary-right {
    box-shadow: 0px 0px 2px 0px #949494;
    padding: 50px;
}

.order-summary-right .purchase-btn {
    margin: 20px auto 0;
    display: block;
    background: #859641;
    color: #2d444a;
    padding: 10px 15px;
    border-radius: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.zy-restaurant-dashboard-sec- .order-summary hr {
    background: #767676;
    margin: 14px;
}

.job-status-wrap-content .cvvinput input.form-control {
    width: 80%;
    float: right;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #525252;
}


/* .basic-wrap {
    height: 100%;
    width: 100%;
} */


/* .multi-wrap {
    height: 100%;
    width: 100%;
} */

.buyplan-btn {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
}

.buyplan-btn-premium {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
}

.declaraion-checkbox {
    margin: -20px 0 0 40px;
}

.login-submit-btn.back-btn {
    background: transparent;
    color: #9bae55!important;
}

#pc1 {
    opacity: 1;
    transition: all ease .5s;
}

#pc1.hide {
    opacity: 0;
    transform: translateX(100px);
}

.dropdown-cross-btn {
    display: inline-block;
    width: auto;
    float: right;
}

.dropdown-cross-btn img {
    vertical-align: unset;
}

.dropdown-view-button {
    display: inline-block;
    width: auto;
    font-weight: 600;
}

#job_title_service {
    height: calc(1.5em + 1.75rem + 2px);
    font-size: 16px;
}


/* call icons css for interview screens */

.call_mobicon {
    display: none!important;
}

.call_pcicon {
    display: block!important;
}

#nav-item .submenu-icon::after {
    content: "\f105";
    font-family: FontAwesome;
    text-align: right;
    padding-left: 15px;
    font-size: 20px;
}

#nav-item .profile-img-dropdown .dropdown-item.header {
    border-bottom: 1px solid #9bae55;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

#nav-item .profile-img-dropdown .dropdown-item {
    /* color: #b1dd8b; */
    font-size: 13px;
    padding: 6px 15px;
    letter-spacing: 0px;
    font-weight: 600;
}

#nav-item .profile-img-dropdown {
    background-color: #36535b;
    border-radius: 0px;
    border: 1px solid #36535b;
}

#nav-item .profile-img-dropdown .header {
    font-size: 16px;
    padding: 6px 15px 6px 10px;
    white-space: normal;
}

#nav-item .btn-post-job {
    border: none;
    font-size: 12px;
    border-radius: 25px;
    font-weight: 600;
    text-align: center;
    display: block;
    transition: ease all 0.3s;
    padding: 2px 12px;
    margin: 20px auto 0;
    /* background: #b1dd8b; */
    color: #5c5c5c;
    text-transform: initial;
}

#nav-item .profile-img-dropdown a:first-of-type:hover {
    background-color: unset;
    color: #9bae55;
}

#nav-item .profile-img-dropdown a:hover {
    background-color: #36535b;
    color: #9bae55;
}

.section-heading {
    font-weight: 900 !important;
    font-size: 18px;
    /* border-bottom: 1px solid #98aa56; */
    text-decoration: underline;
    display: inline-block;
    /* line-height: 1; */
}


.progress-stage-bar {
    margin-left: 80px;
    cursor: pointer;
    margin-right: 20px;
}


/* new career page css */

.user-search-detail-info-logo {
    width: 100%;
    height: 75px;
}

.user-search-detail-info-logo a{
    border: solid 1px #99ab55;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 50px;
    color: #99ab55;
    font-size: 14px;
}

.new-career-page-main{
    height: 100vh;
}

/* .career-page-content {
    height: calc(100vh - 300px);
    height: 100%;
} */

.career-page-content .banner-image {
    width: 510px;
    aspect-ratio: 16/9;
    height: 260px;
    margin: 50px auto 0;
}

.fixed-card {
    border: 1px solid #ccc;
    position: fixed;
    width: 100%;
    background: #fff;
    padding: 15px 0;
    top: 76px;
    z-index: 99;
    box-shadow: 0px 3px 7px 0px #0000004a
    /* overflow-y: scroll;
    max-height: 180px; */
}

.fixed-card .row {
    align-items: flex-start;
}

.fixed-card img {
    width: auto;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.fixed-card .new-apply-btn {
    background-color: #D6E69C;
    padding: 15px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    color: #2F4951;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #6B7D83;
}

.dashboard-user h1 {
    font-size: 22px;
    font-weight: 600;
}

.dashboard-user p {
    margin-bottom: 0;
    font-size: 16px;
}
/* .user-services hr {
    width: 50%;
    margin: 1px 0;
    border-color: #b3bf89;
} */
.user-services h4, .about-this-job h4 {
    font-size: 20px;
    margin-bottom: 2px;
    color: #2f4953;
    font-weight: 600;
}
.user-services h4:after {
    content: "";
    background: #b3bf89;
    height: 2px;
    width: 50%;
    display: block;
}

.about-this-job {
    margin: 0px 0 15px 0;
}

.about-this-job h4::after{
    content: "";
    background: #b3bf89;
    height: 2px;
    width: 85%;
    display: block;
}

.about-this-job.job-description-new h4::after{
    content: "";
    background: #b3bf89;
    height: 2px;
    width: 20%;
    display: block;
}

.user-services h6, .about-this-job h6{
    font-size: 16px;
    margin-bottom: 0;
}
.career-opportunity {
    padding: 60px 40px;
    border: 1px solid #dddddd;
    margin: 40px 0 20px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    box-shadow: 0px 2px 2px 0px #6b7d8394;
}
.career-opportunity a {
    background-color: #D6E69C;
    padding: 20px 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    color: #2F4951;
    font-weight: 600;
    border: 1px solid #6B7D83;
    box-shadow: 5px 5px 0px 0px #0000004a;
}

.career-opportunity h4.heading {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #6B7D83;
    padding: 10px;
    border-radius: 10px;
    z-index: 9;
    background: #fff;
    font-size: 20px;
    width: auto;
    text-align: center;
    box-shadow: 5px 5px 0px 0px #0000004a;
}

.about-business {
    padding: 40px;
    margin: 80px 0 40px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    min-height: 100px;
    box-shadow: 0px 4px 4px 0px #6b7d8347;
    border: 1px solid #36535b;
}

.about-business h4.heading{
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #767676;
    padding: 10px;
    border-radius: 10px;
    z-index: 9;
    background: #fff;
    font-size: 20px;
    width: auto;
    text-align: center;
    box-shadow: 5px 5px 0px 0px #0000004a;
}

.about-business h6{
    color: #2f4953;
    font-weight: 600;
    margin-top: 15px
    
}
.about-business h6:first-child:after{
    width: 20%;
}
.about-business h6:after{
    content: "";
    background: #b3bf89;
    height: 2px;
    width: 80%;
    display: block;
}
.about-business p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
}
.about-business p a i {
    font-size: 24px;
    vertical-align: middle;
    color: #98b457;
}
.about-business ul li, .about-business ol li {
    font-size: 14px;
    margin-bottom: 5px;
}
.about-business ul, .about-business ol {
    padding: 0 0 0 15px;
}
.about-business a {
    color: #2f4951;
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
}
.share-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.share-btn ul li{
    margin-right: -5px !important;
}
.share-btn a i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #6B7D83;
    font-size: 18px;
}
.share-btn .fb {
    color: #3B5998;
    text-decoration: none;
}

.share-btn .twitter {
    color: #1DA1F2;
    text-decoration: none;
}

.share-btn .mail {
    color: #C79263;
    text-decoration: none;
}

.share-btn .link {
    color: #111;
    text-decoration: none;
}

#moreText, #moreText_responsibilities, #moreText_requirements {
    display: none;
}


/* @media (min-width: 1280px){
    .career-page-content {
        height: calc(100vh - 350px) !important;
    }
} */


/* @media (min-width: 1024px){
    .career-page-content {
        height: auto !important;
    }
} */

@media (max-width: 767px){

    .user-search-detail-info-logo{
        justify-content: flex-start !important;
    }

    .user-services {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 5px;
        margin: 0 29% 0 0;
    }

    .career-opportunity .user-services {
        display: block;
        margin: 0px 0px 15px;
    }

    .career-opportunity h4.heading{
        font-size: 18px;
        text-align: center;
        top: -20px;
    }

    .about-business h4.heading{
        font-size: 18px;
        text-align: center;
        top: -20px;
    }

    .career-opportunity a {
        padding: 30px;
        height: 80%;
    }

    .dashboard-user h1 {
        font-size: 18px;
    }

    .about-this-job.job-description-new h4::after{
        width: 100%;
    }

    .fixed-card {
        top: 74px;
        z-index: 99;
    }

    #sidebar-container{
        top: 160px;
    }
    
}

@media (max-width: 520px){
    .dashboard-user p{
        font-size: 13px;
    }
}

@media (max-width: 440px){
    .career-opportunity h4.heading, .about-business h4.heading{
        font-size: 14px;
        width: 60%;
    }

    .about-business p{
        font-size: 14px;
    }

    .user-search-detail-info-logo a{
        font-size: 12px;
        text-transform: uppercase;
    }

    .dashboard-user h1 {
        font-size: 14px;
    }

    .user-services h4, .about-this-job h4{
        font-size: 16px;
    }

    .user-services h6, .about-this-job h6{
        font-size: 12px;
    }

    .user-services p, .about-this-job p{
        font-size: 12px;
    }

    .fixed-card .new-apply-btn{
        font-size: 10px;
    }

    .dashboard-user p {
        font-size: 10px;
    }

    .share-btn a i {
        width: 18px;
        height: 32px;
        font-size: 12px;
    }

    .about-this-job {
        font-size: 12px;
    }
}

/* new career page css */

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

#SetupInterview, #send_offer_letter_modal, #hire_without_offer_letter, #finalPreview, #pass-modal {
    background-color: #ffffffdb;
}

#pass-modal .modal-content {
    border: 5px solid #82a4ad;
    border-radius: 10px;
}

.modal{
    background-color: #ffffffdb;
}

#send-text-to-worker-modal .modal-dialog {
    max-width: 700px!important;
}

button#send_text_to_user {
    border: solid 1px #92c57d;
    color: #92c57d;
    width: 150px;
    display: inline-block;
    margin: 0 5px;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
}

button#send_text_to_user:hover {
    color: #2c444a;
    background: #92c57d;
}