/* Add here all your CSS customizations */
.row {
    width: 100%;
}

#formContainer {
    width: 100%;
}

.values > li {
    font-size: 1.3em;
}

.breadcrumb > li > a {
    color: white;
    opacity: 0.6;
}

.loginiconfb {
    font-size: 2em;
    color: #395693
}

.loginicong {
    font-size: 2em;
    color: #d64937
}

.loginiconln {
    font-size: 2em;
    color: #0e72a3
}

#contactheader {
    padding-bottom: 5px;
}

.notification {
    color: #444444;
}


.notification-list:link {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.notification-list:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.mini-products-list > .item:hover {
    background-color: #F8F8F8;
}


#header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown {
    padding: 0px;
}

#header .header-nav-features .header-nav-features-cart .mini-products-list li {
    padding: 20px;
    cursor: pointer;
}

.notifications-actions {
    padding: 10px;
}

.notification-time {
    display: block;
    font-style: italic;
    opacity: 0.7;
    font-size: 0.8em;
}


#dashboard > .process > .process-step-disabled {
    cursor: no-drop !important;
    opacity: 0.3 !important;
}


#dashboard > .process > .process-step {
    cursor: pointer;
}

#profilesidebar > li > a {
    font-size: 1.2em;
    cursor: pointer;
}


#assessmentsTab .process .process-step::before {
    height: 0px !important;
}

#assessmentsTab .process .process-step:hover .process-step-circle {
    background-color: #F8F8F8;
    cursor: pointer;
}

.process-step-circle {
    background-color: #F8F8F8;
    cursor: pointer;
}

#assessmentsTab .process .process-step-circle {
    border-color: #cccccc;
}

.auto-refresher-container {
    background-color: rgb(238, 238, 238) !important;
    margin-bottom: 5px;
}

.auto-refresher-progress-bar {
    background-color: #0088cc !important;
}


.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

    .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .checkmark:after {
        opacity: 1;
        height: 3.5em;
        width: 1.75em;
        transform-origin: left top;
        border-right: 3px solid #5cb85c;
        border-top: 3px solid #5cb85c;
        content: '';
        left: 1.75em;
        top: 3.5em;
        position: absolute;
    }

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }

    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }

    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}


.backArrow, .printIcon {
    cursor: pointer;
}


.borderless td, .borderless th {
    border: none;
}

.jobsTables {
    word-break: break-all;
}
.jobsTables > thead {
    background-color: #007bff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23007bff' stroke-width='0.6' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cuse fill='%23057eff' href='%23s' y='2'/%3E%3Cuse fill='%23057eff' href='%23s' x='1' y='2'/%3E%3Cuse fill='%230a80ff' href='%23s' x='2' y='2'/%3E%3Cuse fill='%230a80ff' href='%23s'/%3E%3Cuse fill='%230f83ff' href='%23s' x='2'/%3E%3Cuse fill='%230f83ff' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%231486ff'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%231486ff'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%231a88ff'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%23007bff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%231f8bff'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%23007bff'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%23007bff'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%23007bff'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}


.ActivejobsTables > thead {
    background-color: #28a745;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%2328a745' stroke-width='0.6' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cuse fill='%232ca949' href='%23s' y='2'/%3E%3Cuse fill='%232ca949' href='%23s' x='1' y='2'/%3E%3Cuse fill='%2331ab4c' href='%23s' x='2' y='2'/%3E%3Cuse fill='%2331ab4c' href='%23s'/%3E%3Cuse fill='%2335ac50' href='%23s' x='2'/%3E%3Cuse fill='%2335ac50' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2339ae54'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2339ae54'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%233eb058'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2328a745'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%2342b25b'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2328a745'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2328a745'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(56.75) translate(-982.38 -736.78)'%3E%3Cg fill='%2328a745'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}





.NotActivejobsTables > thead {
    background-color: #343a40;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23343a40' stroke-width='0.51' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cuse fill='%23383e44' href='%23s' y='2'/%3E%3Cuse fill='%23383e44' href='%23s' x='1' y='2'/%3E%3Cuse fill='%233c4248' href='%23s' x='2' y='2'/%3E%3Cuse fill='%233c4248' href='%23s'/%3E%3Cuse fill='%2340464b' href='%23s' x='2'/%3E%3Cuse fill='%2340464b' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23444a4f'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23444a4f'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23484e53'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23343a40'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%234c5257'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23343a40'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23343a40'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50.3) translate(-980.12 -735.09)'%3E%3Cg fill='%23343a40'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}


.NotActivejobsTables, .ActivejobsTables, .jobsTables {
    border: 1px solid #EDEDED;
}


.Tablewrapper {
    overflow: auto;
    border-radius: 10px;
}


.jobpositions {
    color: white;
    font-size: 1em;
    font-weight: bold;
}

.jobdescription {
    font-size: 0.9em;
    color: white;
    font-weight: 500;
}

.jobdescriptionicon {
    font-size: 0.8em;
    color: white;
}

.jobdescriptionwrapper {
    display: block;
    margin-top: 3px;
}


.joblevel, .jobdate {
    display: block;
}

.favouriteicon {
    color: white;
    margin-right: 3px;
    cursor: pointer;
}


.footerrow {
    cursor: pointer;
}

.footerrowbtn {
    color: #0088CC;
}


.footerrow:hover {
    background-color: #F3F3F3
}

.appliedOnText {
    font-size: 0.8em;
    display: block;
}

.appliedOnDate {
    font-size: 0.8em;
    display: block;
    font-weight: bold;
}

.rankDeno {
    font-size: 0.7em;
}

.interviewTypeIcon {
    font-size: 1em;
    opacity: 0.8;
}

.actionIcons {
    font-size: 2em;
    cursor: pointer;
}

.actionIconsDisabled {
    font-size: 2em;
    cursor: no-drop;
    opacity: 0.3;
}

.actionIcons:hover {
    color: #0088cc;
}

.jobplace, .schedulePosition {
    font-weight: 500;
    font-size: 1.5em;
}

#setprofileform > .row {
    margin-top: 2%;
}

.employerLogo {
    background-color: #343a40 !important;
}

.accordionIcon {
    font-size: 1.2em;
    margin-right: 2px;
}

.previewLbl {
    display: block;
    font-weight: bold;
    color: #777;
}

.previewLbl2 {
    font-weight: bold;
    color: #777;
}

.slider-handle {
    background-image: linear-gradient(to bottom, #0AF, #0af) !important;
}

.messageprofile {
    padding: 0px;
    width: 80px;
}

.messagecol {
    border-bottom: 1px solid #ededed;
    cursor: pointer;
}

.messageunRead {
    border-left: 3px solid #ffc107;
}

.messagecol:hover {
    background-color: #f5f5f5;
}


.messageborder {
    border: 1px solid #ededed;
}


.messagesScroll {
    overflow-x: hidden;
    max-height: 500px;
    scroll-behavior: smooth;
}

.reportbtn {
    cursor: pointer;
}

    .reportbtn:hover {
        text-decoration: underline;
    }

.bodyRow {
    height: 400px;
}

.inputTextmsg {
    border-radius: 7px;
    height: 80px;
    resize: none;
}

.msgbodycolinput {
    border-top: 1px solid #ededed;
}

.jobPostID {
    color: white;
    display: block;
    font-weight: 400;
}

.jobPostPosition {
    color: white;
    display: block;
    font-weight: bold;
}

.jobenddate, .jobstartdate {
    font-weight: 500;
    color: white;
    display: block;
}

.notificationText {
    /*font-size: 1.1em;*/
}

.chatbubble {
    min-height: 50px;
    margin-bottom: 20px;
}


.chatcontainer {
    max-height: 400px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.sentchat {
    background-color: #0084ff;
    color: white;
    border-radius: 10px;
    margin-right: 5px;
}

.receivedchat {
    background-color: #f1f0f0;
    color: black;
    border-radius: 10px;
    margin-left: 5px;
}

.tableScroll, .tableScroll2, .tableScroll3 {
    max-height: 200px;
    overflow: auto;
}

.candidateTables thead {
    background-color: whitesmoke;
}

    .candidateTables thead th, .candidateTables tbody tr {
        text-align: center;
    }

.candidateTables tbody tr {
    border: 1px solid whitesmoke !important;
}

#datatableCandidates thead tr {
    text-align: center;
}

#datatableCandidates tbody tr, #datatableCandidates tfoot tr {
    text-align: center;
}

.requestinterviewTable {
    border-style: hidden
}

.bookmarpin {
    color: #ce2029;
}

.v-center {
    display: flex;
    align-items: center;
}

.bookmarkrow {
    border: 1px solid lightgray;
    border-left: 2px solid #ffc107;
    margin-top: 2%;
}

.viewpreview {
    cursor: pointer;
    color: white;
    padding-right: 2%;
}

.verifiedCredentials {
    color: green;
    font-size: 0.8em;
    font-weight: 500;
    margin-left: 10px;
    cursor: pointer;
}

.unverifiedCredentials {
    color: red;
    font-size: 0.8em;
    font-weight: 500;
    margin-left: 10px;
    cursor: pointer;
}


.profileSubtitle {
    margin-top: 3%;
}


/*CAREER ADVISOR SECTION*/
#careerAdvisorTab .accordion {
    border: 1px solid #e6e6e6;
    padding: 2%;
}

    #careerAdvisorTab .accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type {
        border: 0;
    }

    #careerAdvisorTab .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
        border: 0;
        border-radius: 0;
    }

#careerAdvisorTab .card {
    padding: 1%;
    border: 0;
}

#careerAdvisorTab .card {
    border: 0;
    border-radius: 0;
}

#careerAdvisorTab .accordion.accordion-modern .card .card-header {
    background-color: white;
}

#careerAdvisorTab .accordion .card-header {
    border-radius: 0;
}

#careerAdvisorTab .accordion .card-title {
    font-size: 20px;
    font-weight: bold;
}

#careerAdvisorTab .card-header:first-child {
    border-radius: 0;
}

#careerAdvisorTab .card-header {
    border-bottom: 0;
}

#careerAdvisorTab .card-header {
    background-color: white;
    border-bottom: 0;
}

#careerAdvisorTab .card-body h4 {
    color: gray;
    text-align: center;
    font-size: 16px;
}

#careerAdvisorTab ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 4%;
}

    #careerAdvisorTab ul li i {
        padding-right: 2%;
    }

#careerAdvisorTab #strength {
    margin-top: 5%;
    background-color: #f4f4f4;
    margin-bottom: 5%;
    padding-top: 4%;
}

#careerAdvisorTab #tips li {
    margin-bottom: 2%;
}

#careerAdvisorTab .accordion .card-header a {
    color: #645555;
}

#careerAdvisorTab .accordion-toggle::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    float: left;
    padding-right: 2%;
    vertical-align: middle;
    font-weight: 900;
}

#careerAdvisorTab .accordion-toggle[aria-expanded="true"]::after {
    content: "\f078";
}

#careerAdvisorTab hr {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 15px 1px;
    background-repeat: repeat-x;
}

#careerAdvisorTab h4 {
    text-transform: uppercase;
}

#collapse9Four ul {
    list-style-type: circle;
}

.HpaUl {
    list-style-type: circle !important;
}

@media print {
    #container {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}
/*#careerAdvisorTab .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

#careerAdvisorTab .accordion .card-header.collapsed:after {*/
/* symbol for "collapsed" panels */
/*content: "\f067";
}*/

.cta img {
    width: 26vh;
    height: 26vh;
}

    .cta img:hover {
        opacity: 0.65;
    }

#footer p {
    color: #f7f7f7;
}

#privacyPolicy h1, h2 {
    text-transform: uppercase;
}

#privacyPolicy ol > li {
    margin-bottom: 15px;
}

.ourValues .list.list-icons li > [class*="fa-"]:first-child {
    position: unset;
    margin-right: 5px;
}

.multiselectBG {
    background-color: #eaeaea;
}

.addBtn {
    background: none;
    border: none;
}

.removeBtn {
    background: none;
    border: none;
    color: red;
}

.plusminusblock {
    margin: 0;
    padding: 0;
}

.ourValue li {
    font-size: 25px;
}

.partner img {
    width: 70%;
}

#assessmentRulesPopup {
    font-size: 1rem;
}

#answers label {
    font-size: 1rem;
}

.image-hover-wrapper-reveal {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fefefe;
    display: inline;
    height: 100%;
    margin-left: -100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 80;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /*transition-delay: 0.25s;*/
}

    .image-hover-wrapper-reveal:hover {
        opacity: 1;
        transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

        .image-hover-wrapper-reveal:hover .inner-linkedin {
            opacity: 0.8;
            transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
            /*transition-delay: 0.25s;*/
            background-color: #0b71e1;
            width: 100%;
            height: 100%;
        }

            .image-hover-wrapper-reveal:hover .inner-linkedin span {
                opacity: 1;
                text-align: center;
                font-size: 1.2rem;
                font-weight: bold;
                top: 50%;
                text-align: center;
                margin: 0 auto;
            }

    .image-hover-wrapper-reveal span {
        bottom: 0;
        display: block;
        opacity: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        /*transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
    }

iframe {
    aspect-ratio: 16/9;
    height: 500px;
    width: 100%;
}
.homePageCta {
    top: 50%;
    position: absolute;
    width: 100%;
    margin: 0;
}

.tooltips {
    position: relative;
    display: inline-block;
}

    .tooltips .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

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

.font11{
    font-size:11px;
}
.line-height-17{
    line-height:17px;
}