@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/AvenirLTStd-Heavy.otf') format('opentype'), 
    url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), 
    url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), 
    url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.otf') format('opentype'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CeraPro-Regular';
    src: url('../fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/CeraPro-Regular.woff') format('woff'), url('../fonts/CeraPro-Regular.ttf') format('truetype'), url('../fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CeraPro-Black';
    src: url('../fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/CeraPro-Black.otf') format('opentype'), url('../fonts/CeraPro-Black.woff') format('woff'), url('../fonts/CeraPro-Black.ttf') format('truetype'), url('../fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Bold.eot');
    src: url('../fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraPro-Bold.woff2') format('woff2'),
        url('../fonts/CeraPro-Bold.woff') format('woff'),
        url('../fonts/CeraPro-Bold.ttf') format('truetype'),
        url('../fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CeraPro-Medium';
    src: url('../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/CeraPro-Medium.woff') format('woff'), url('../fonts/CeraPro-Medium.ttf') format('truetype'), url('../fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue.woff2') format('woff2'),
        url('../fonts/HelveticaNeue.woff') format('woff'),
        url('../fonts/HelveticaNeue.ttf') format('truetype'),
        url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.appImg img {
    max-width: 100%;
}
.ptZero,
.ptZero.tab-content {
    padding-top: 0 !important;
}
.similarJobCol > h3 {
    font-size: 30px;
    font-family: 'Cera Pro';
    color: #000;
    margin-bottom: 15px;
}
.accountText {
    font-size: 20px;
    font-family: CeraPro-Regular;
    color: #000;
    margin-top: 20px;
    line-height: 1.2;
}
.accountText span {
    font-family: 'CeraPro-Black';
    color: #6BBFE1;
}
.accountText p {
    margin: 0;
}
.rewardVector img {
    width: 100%;
}
.vCenterModal .modal-dialog {
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin: 1.75rem auto;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
    max-width: 400px;
}
.vCenterModal .modal-dialog .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.alertOuterBox {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}
.alertList {
    background-color: #F8F8F8;
    padding: 10px;
    border-radius: 10px;
}
.accountInner label.labelInfo.labelInfo.labelIconInfo {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}
.accountInner label.labelInfo.labelInfo.labelIconInfo img {
    margin-top: 1px;
}
.alertList .row:before,
.alertList .row:after {
    display: none;
}
/********** Earning Modal Css Start *****************/
.earningModalMain .modal-body {
    padding: 40px 25px 40px;
    background: #fff !important;
    border-radius: 20px; 
}
.errorEarn {
    margin-bottom: 10px;
}
.errorEarn span {
    padding: 0 !important;
}
.earnModalInner {
    max-width: 360px;
    margin: 0 auto;
    text-align: left;
}  
.earningModalMain .modal-dialog {
    max-width: 615px;
    min-height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
}
.earnModalDesc h3 {
    font-family: 'Cera Pro';
    font-size: 32px; 
    color: #000;
    margin-bottom: 10px;
}
.earnModalDesc h3 span {
    color: #1C73F6;
}
.earnModalDesc h4 {
    color: #1C73F6 !important;
    font-family: 'Cera Pro';
    font-size: 16px;
}
.earnModalInner ul {
    margin-top: 30px;
}
.earnModalInner ul li {
    padding-left: 48px;
    position: relative;
    font-size: 16px;
    color: #808080;
    font-family: 'CeraPro-Medium';
}
.earnModalInner ul li + li{
    margin-top: 15px;
}
.earnModalInner ul li:before {
    content:"";
    background-image: url('../img/circlecheck-icon.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
}
.earnModalDesc .btn {
    text-transform: capitalize !important;
}
.formCheck {
    position: relative;
    margin: 20px 0 30px;
    display: flex;
    align-items: flex-start;
}
.formCheck input {
    width: 23px;
    height: 23px;
    min-width: 23px;
    min-height: 23px;
    cursor: pointer;
    position: absolute;
    left: 5px;
    appearance: none;
    border: 0px solid #808080 !important;
    padding: 0 !important;
}
.formCheck input:before {
    content: "";
    border: 3px solid #808080 !important;
    position: absolute;
    inset: 0;
    border-radius: 4px;
}
.formCheck input:after {
    content: "";
    background-image: url('../img/check.svg');
    width: 23px;
    height: 23px;
    position: absolute;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.formCheck input:checked:after {
    opacity: 1;
}
.formCheck label {
    cursor: pointer;
    padding-left: 48px;
    font-size: 16px;
    color: #808080;
    font-family: 'CeraPro-Medium';
}
/********** Earning Modal Css End *****************/
/********** Wallet Modal Css Start *****************/
.walletCardOuter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    gap: 30px;
}
.cardBox {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
}
.redeemRewardDesc h2 {
    font-size: 36px;
    font-family: 'Cera Pro';
    margin-bottom: 15px;
}
.redeemRewardBtn {
    text-align: center;
    margin-top: 30px;
}
.walletMainCol .body.tab-content {
    padding: 30px !important;
}
.payoutDesc h3 {
    font-size: 40px;
    color: #000;
    font-family: 'Cera Pro';
}
.payoutDesc button.btn {
    margin: 10px 0;
    text-transform: capitalize !important;
}
.payoutDesc p {
    font-size: 14px;
    color: #000; 
    margin-top: 10px;
}
.payoutDesc span {
    color: #838383;
    display: block;
    margin-top: 10px;
}
.redeemRewardDesc h2 span {
    color: #1C73F6;
}
.redeemRewardDesc p {
    font-size: 14px;
    color: #000;
}
.redeemRewardDesc a {
    color: #1C73F6;
    font-family: 'CeraPro-Medium';
    margin-top: 15px;
    margin-bottom: 0 !important;
}
/********** Wallet Modal Css End *****************/
.tableStyleCol {
    width: 100%;
}
.tableStyleOuter {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow-x: auto;
}
.tableStyleOuter table.data-table {
    width: 100%;
}
.tableStyleOuter thead tr {
    background: linear-gradient(to right,  rgba(90,192,219,1) 0%,rgba(157,151,243,1) 100%);
}
.tableStyleOuter thead tr th {
    color: #fff;
    padding: 10px 15px !important;
    font-size: 14px;
    font-family: 'CeraPro-Medium';
    white-space: nowrap;
}
.tableStyleOuter tbody tr td {
    color: #111417;
    padding: 10px 15px !important;
    font-size: 13px;
    font-family: 'CeraPro-Regular';
    line-height: initial;
}
.tableStyleOuter tbody tr:nth-child(even){
    background-color: rgba(107, 191, 225, 0.1);
}
.alertList .row {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 15px;
}
.alertList .col-auto {
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 auto;
    width: auto;
}
.alertList .col {
    padding: 0;
}
.alertList.editAlert {
    background-color: #111417;
}
.alertList h3 {
    color: #000000;
    font-size: 16px;
    font-family: 'CeraPro-Medium';
}
.alertList.editAlert h3 {
    color: #fff;
}
.changePasswordModal .modal-backdrop {
    opacity: 0.5 !important;
}
.alertList a.outlineBtn {
    color: #111417;
    border-radius: 50px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'CeraPro-Medium';
    line-height: initial;
    font-size: 14px;
}
.alertList.editAlert h3 {
    line-height: 1.60;
}
.alertList  a {
    text-decoration: underline;
}
.alertList.editAlert a {
    color: #FCBF55;
    text-decoration: underline;
    font-family: 'CeraPro-Medium';
}
/************ Slant Banner Start ******************/
.slantBanner {
    position: relative;
    padding: 65px 0;
}
.slantShape {
    display: block;
    position: absolute;
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
    width: 100%;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, #5AC0DB 0%, #9D97F3 100%);
    pointer-events: none;
    user-select: none;
    z-index: 1;
    transition: all 300ms;
}
.slantBannerInner {
    position: relative;
    z-index: 2;
}
/************ Slant Banner End ******************/

/************ Header Start ******************/
span.welcometext {
    color: #000 !important;
    font-size: 16px;
    position: relative;
    font-family: 'Cera Pro';
    font-weight: 700;
    text-decoration: none;
    padding-top: 17px;
    margin-right: 15px;
    line-height: 30px;
}
/************ Header End ******************/
/************ Search Form Start ******************/
.searchJobOuter .form-group input, 
.searchJobOuter .form-group input:focus {
    background: transparent;
    border: 1px solid #808080 !important;
    border-radius: 10px !important;
    height: 48px !important;
    font-size: 14px !important;
    color: #000 !important;
    font-family: 'CeraPro-Medium';
    font-weight: normal !important;
}
.searchJobOuter .searchFormBtn button {
    height: 48px !important;
    margin: 0 !important;
}
.searchJobOuter .form-group input::placeholder {
    color: #808080 !important;
    font-weight: normal !important;
    font-size: 14px !important;
}
.searchJobOuter .iconsec {
    left: 10px;
}
.searchJobOuter .keyWordInput, 
.searchJobOuter .locationInput {
    flex: 1 0 0%;
    width: 100% !important;
}
.searchJobOuter .searchFormBtn {
    flex: 0 0 auto;
    width: auto;
}
#reloadDataNoti img {
    max-width: 20px;
}
/************ Search Form End ******************/
.searchOuterBox {
    background-color: cornflowerblue;
    padding: 15px 10px;
    border-radius: 20px;
}
.searchOuterBox .herocontent p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}
.searchOuterBox .bannerFormOuter .searchFormBtn button {
    background-color: #000 !important;
    border-color: #000 !important;
}
.bannerFormOuter {
    display: flex;
    border: 1px solid rgba(17, 20, 23, 0.1);
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    align-items: center;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.bannerFormOuter .keyWordInput, .bannerFormOuter .locationInput {
    flex: 1 0 0%;
    width: 100%;
}
.bannerFormOuter .searchFormBtn button {
    height: 50px !important;
    margin: 0 !important;
}
.bannerFormOuter .form-group {
    margin: 0;
}
.locationInput {
    margin-left: 15px;
}
.bannerFormOuter .form-group input {
    background-color: transparent;
    font-size: 14px;
    color: #000 !important;
    font-family: 'CeraPro-Medium';
    padding-left: 30px !important;
    padding-right: 40px;
}
.bannerFormOuter .form-group .closeicon {
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.4);
    width: 20px;
    height: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.bannerFormOuter .form-group input::placeholder {
    color: #808080 !important;
}
.bannerFormOuter .keyWordInput {
    position: relative;
}
.bannerFormOuter .keyWordInput:after {
    content: "";
    height: 20px;
    background-color: rgba(0,0,0,0.1);
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.bannerFormOuter .searchFormBtn {
    flex: 0 0 auto;
    width: auto;
}
.jobDesc table {
    width: 100% !important;
    border-color: white !important;
}
.jobDesc table tr {
    height: auto !important;
}
.jobDesc table tr td {
    width: auto !important;
    height: auto !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-left: 1px solid #fff !important;
    padding: 5px 10px !important;
}
.detailJob {
    padding: 10px 30px;
}

.innerFooter .container {
    max-width: 1175px;
    width: 100%;
}
.ui-menu {
    background-color: #fff;
    padding: 10px !important;
    position: absolute !important;
    max-height: 300px !important;
    border: 0 !important;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    z-index: 99;
    font-family: 'CeraPro-Regular' !important;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
    font-size: 14px;
    color: #000;
    font-weight: 400 !important;
    padding: 3px 0 !important;
    border: 0 !important;
    outline: none !important;
    margin: 0 !important;
    cursor: pointer;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: transparent !important;
}
.innerFooter .container {
    max-width: 1175px;
    width: 100%;
}
.pac-container {
    z-index: 99999 !important;
}
.bootstrap-tagsinput input {
    width: 100%;
}
.positionr, .prinput, .signUpBtn {
    position: relative;
}
.loadingStyle {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}
.loadingStyle .picload img {
    width: 75px;
}
.loadingStyle .picload {
    width: 360px;
    height: 360px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    padding: 5px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.loadingStyle .picload b {
    font-size: 24px;
    line-height: 65px;
    text-align: center;
}
.snapx-image-logo {
    background: transparent !important;
    border: 0px solid #6bbfe1 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

a.btn.btn-default.scheduleDemo {
    margin-left: auto;
    margin-right: 30px;
    text-transform: capitalize;
    font-family: 'AvenirLTStd-Medium';
    font-weight:500;
    font-size: 15px;
}

.searchSimilarJob.notification-footer-link {
    border: 0 !important;
    text-decoration: underline !important;
}

.jobTopSearch {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
}
.sidebartitle.titleFlex {
    display: flex;
    align-items: center;
    width: 100%;
}

.filtersec ul {
    display: flex;
    align-items: center;
}
.wFull {
    width: 100%;
}
.containerPdl {
    padding-left: 120px;
}
.closeBox {
    display: none;
}

.snapx-image-logo small {
    color: #192120 !important;
    margin-left: 15px;
}

.filterBtn {
    display: none;
}

.register-widget .phoneicon input {
    padding-left: 45px;
}

.searchbannerright img {
    width: 100%;
}
.btn-primary.automateBtn {
    height: 40px !important;
    line-height: initial !important;
    vertical-align: middle;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    width: auto;
    font-size: 14px;
    text-transform: capitalize !important;
}
.notifFlex {
    display: flex !important;
    align-items: center;
}
.automateBtn span , .automateBtn img {
    display: inline-block;
    line-height: initial;
}
.common-header .menuColMain {
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.siteLogo img {
    width: 100%;
    max-width: 165px;
    margin-bottom: 15px;
}
.swal-footer {
    text-align: center;
}
.swal-button {
    background-color: #000;
}
.accountPage .login-form-footer button.cancelBtnLink#forgotPasswordUnlock, .accountPage .login-form-footer button.cancelBtnLink#forgotPasswordUnlock span {
    color: #000 !important;
    background-color: transparent !important;
    padding: 0;
    border: 0 !important;
    height: auto;
}
.accountPage .login-form-footer button.cancelBtnLink#forgotPasswordUnlock {
    text-decoration: underline;
    margin-top: 15px;
}
.formTopSpace {
    margin-top: 30px;
}
.radioStyle input, .radioStyle label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}
.radioStyle input {
    margin-top: -5px;
    margin-right: 5px;
}
button.loadingbtn.btn.btn-primary.greenBtn.btn-block {
    border-radius: 10px !important;
    border: solid 1px #000 !important;
    background: #000 !important;
    color: #fff !important;
    font-size: 13px !important;
}
.new-job-page.bgLightGray {
    background-color: #f6f6f9;
    padding: 1px 0px 58px 0px;
}
.swal-button:not([disabled]):hover {
    background-color: #000 !important;
}

.footer_text ul.footerLogo>li {
    display: inline-block;
    padding: 6px 6px;
}

.privacy-page .titleCol {
    font-size: 40px;
    margin-bottom: 40px;
}

.checkoutRightCol label {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}

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

.privacy-page p {
    font-size: 16px;
    margin-bottom: 30px;
}

.privacy-page h2 {
    font-size: 26px;
    margin-bottom: 10px;
    color: #2D3A5B;
}

.darkturquoise.preloader span:before {
    background: darkturquoise !important;
}

.lg-container {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.notification-footer marquee {
    display: inline-block;
    width: 300px;
    margin-bottom: -11px;
}

.login-txt.listStyle li {
    list-style: none;
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    color: #8E95A7;
    font-family: 'CeraPro-Regular';
    font-size: 17px;
    padding-left: 20px;
}

.articeListTable .dataTables_length label {
    display: flex;
    align-items: center;
}

.articeListTable .dataTables_length label span.selectboxit-container.selectboxit-container {
    margin: 0 10px;
}

.articeListTable .dataTables_length label span.selectboxit.selectboxit-enabled.selectboxit-btn {
    width: auto !important;
    padding-right: 40px;
    border-radius: 5px;
}

.articeListTable .dataTables_length {
    margin-bottom: 30px;
}

.privacy-page .titleCol h1 {
    font-size: 42px;
    color: #2D3A5B;
    margin-bottom: 20px;
    text-transform: capitalize;
    margin-top: 0;
    font-family: 'CeraPro-Regular';
    padding: 0;
}

ul.login-txt.listStyle {
    margin: 30px 0;
    display: none;
}

.login-txt.listStyle li:before {
    top: 7px;
    bottom: 7px;
    content: "";
    position: absolute;
    background-color: #EEF0F4;
    width: 3px;
    border-radius: 12px;
    left: 0;
}

#realAutoListComp input#city-select-jsdp {
    padding-left: 40px;
    color: #000;
}

#realAutoListCompActJobs input#city-select-jsdp {
    padding-left: 40px;
    color: #000;
}

.login-txt.listStyle li:after {
    height: 13px;
    top: 7px;
    content: "";
    position: absolute;
    background-color: #E3698A;
    width: 3px;
    border-radius: 12px;
    left: 0;
}

.listStyle li a {
    display: block;
    font-size: 17px;
    color: #2D3A5B;
    font-family: 'CeraPro-Medium';
    font-weight:500;
}

.listStyle li+li {
    margin-top: 20px;
}

.login-page-txt p.lgText {
    font-family: 'CeraPro-Regular';
    font-size: 19px;
    color: #8E95A7;
}

.login-page-txt p.smText {
    font-family: 'CeraPro-Medium';
    font-weight:500;
    font-size: 15px;
    color: #2D3A5B;
}

div#commonListAutoComplete {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
}

.accountPage {
    position: relative;
    z-index: 2;
    margin-top: 50px;
    height: calc(100% - 179px);
    overflow-y: auto;
}

.login-pg .f-links {
    padding: 26px 0;
    position: relative;
    z-index: 2;
    bottom: 0;
    border-top: 1px solid #E0DFE0;
}

.login-pg .f-links ul li a {
    font-size: 15px;
    padding: 0 30px;
}

.login-pg .f-links ul li+li {
    border-left: 1px solid #000;
}

.login-pg .f-links ul {
    margin: 0;
    max-width: 1215px;
    margin: 0 auto;
}

.login-page-txt.sickyElement {
    padding-bottom: 20px;
}

.form-style .common-form .form-control {
    background-color: #EEF0F4;
    border: 0 !important;
    height: 57px;
    border-radius: 8px;
    border-radius: 8px;
    color: #000;
}

.sickyElement {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.login-page-bg .logoSec img {
    max-width: 220px;
}

a#forgotPasswordBtn {
    color: #6bbfe1 !important;
    font-weight: 500;
    font-size: 17px;
    margin-top: 10px;
}
button#selfBtn2:hover,
button#selfBtn:hover,
button#emailBtn:hover {
    color: #fff !important;
}

.addJobsBulk button:hover {
    color: #fff !important;
}

.accountPage .login-form-footer button,
.form-style button#finishRegisterBtn,
.form-style button#forgotPasswordUnlock,
button#finishRegisterBtn {
  /*  background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%) !important;*/
    background: #000 !important;
    height: 57px;
    border-radius: 10px !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    font-family: 'CeraPro-Black';
    border: solid 1px #55DD88 !important;
}

.registeraccount {
    margin-top: 30px;
}

.registeraccount p {
    font-size: 14px;
    color: #000;
    font-family: 'CeraPro-Regular';
}

.registeraccount p a {
    font-weight: 700;
}

.login-page-widget header {
    background: none !important;
}

.accountPage .ico-input i.icon {
    top: 50%;
    transform: translate(0, -50%);
}

.loginMain .login-page-widget h3 {
    font-size: 35px;
    line-height: 35px;
    font-family: 'CeraPro-Regular';
    color: #000;
    text-align: center;
}

label.form-label {
    font-size: 17px;
    color: #2D3A5B;
    font-family: 'CeraPro-Black';
    font-weight: 700;
}

.loginMain .login-page-widget h3 span {
    font-family: 'CeraPro-Black';
    font-weight: bold;
}

.login-pg header.loginHeader {
    background: transparent;
    padding: 20px 0;
}

.verifyphn {
    padding-left: 0;
    text-align: left;
    margin-top: 0;
    max-width: 372px;
}

.snapLogo {
    margin-top: 0;
}

.topRightMenu a {
    display: block;
    color: #2d3a5b;
}

.topRightMenu h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #2d3a5b;
}

.top-edit-job-btns.snapx-text.applyFlex {
    display: flex;
    align-items: center;
}

.applyFlex h3.new-job-heading {
    margin: 0;
    padding: 0;
    width: 100%;
}
.footer_bottom .row {
    display: flex;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-12 {
    order: 2;
}
.job-detail-txt-cover tr {
    display: grid;
}
.job-detail-txt-cover tr td:first-child {
    font-weight: 700;
    padding: 10px 0;
}
.footer_Left>p , .footer_right ul>li>a {
    cursor: pointer;
    color: #8E95A7;
    font-size: 16px;
    line-height: initial;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    font-family: 'CeraPro-Regular';
    font-weight: normal;
}
/*** App Download sticky ***/
.mxAuto {
    margin: 0 auto;
}
.appDownloadInner {
    background: linear-gradient(to right,  rgba(90,192,219,1) 0%,rgba(157,151,243,1) 100%);
    border-radius: 20px;
    padding: 60px 15px 0;
    position: relative;
}
.appDownloadInner:before {
    content: "";
    background-image: url('../img/appbgcircle.svg');
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
}
.appDownloadSec {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.appDownloadBtn {
    display: flex;
    align-items: center;
    margin-right: 100px;
    justify-content: center;
}
.appDownloadInner .appDownloadBtn {
    margin-right: 0;
    margin-bottom: 70px;
}
.appDownloadBtnCol {
    display: flex;
    align-items: center;
}
.appDownloadBtn a {
    background: #000;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
}
.appDownloadBtn a+a {
    margin-left: 10px;
}

.appDownloadBtn a p span {
    font-size: 12px;
    line-height: 12px;
}

.appDownloadBtn a p span,
.appDownloadBtn a p label {
    display: block;
    color: #fff;
    text-transform: capitalize;
}

.appDownloadBtn a p {
    text-align: right;
    margin: 0;
}

.appDownloadBtn a p label {
    font-size: 16px;
    line-height: 16px;
    font-family: 'CeraPro-Medium';
    font-weight:500;
    margin: 0;
}

.appDownloadBtn img {
    margin-right: 10px;
}

.appDownloadSecInner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appDownloadSecInner h3 {
    color: #000;
    text-transform: capitalize;
    margin: 0;
    margin-right: 20px;
    font-size: 14px;
    text-align: left;
    max-width: 280px;
    font-family: 'CeraPro-Medium';
    font-weight:500;
}

.appDownloadSecInner h3 span {
    display: block;
}

.appDownloadCol.notification-footer {
    padding: 10px 0;
}

.notclose {
    cursor: pointer;
}


/*** App Download sticky ***/

.applyFlex a.notification-footer-link {
    margin-left: 10px !important;
}

.applyFlex a.notification-footer-link {
    margin-left: 20px !important;
    border: 0;
    padding: 0;
    text-decoration: underline;
}

.topRightMenu.postjobmenu {
    padding: 6px 0 6px 31px;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
}

.snapLogo img {
    max-width: 200px;
}

.jobDetailText ul,
.jobDetailText font {
    font-family: 'CeraPro-Regular' !important;
}

.trackingClick img {
    margin-right: 6px;
    display: inline-block;
}

.footer_text ul {
    margin: 0;
}

.footer_text>ul>li>a {
    color: #8E95A7;
    font-size: 16px;
    line-height: initial;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    font-weight: initial;
    display: inline-block;
}

.searchleftcontent .tab-content.searchtabscontent {
    width: 100%;
}

.reset-success {
    color: salmon;
    padding: 7px;
    line-height: 29px;
    font-size: 19px;
}

.center-form-reset.reset-password-cont {
    border-radius: 40px;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
    height: auto;
    margin-top: 15vh;
    padding: 10px 30px;
    width: 100%;
    max-width: 410px;
}

.btnmessage span.btn-sm.messagemodal,
.btnmessage span.btn-sm.messagemodalrm {
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 12px;
    border: solid 2px #eee;
}

.footer_text h2 {
    font-size: 18px;
    color: #2D3A5B;
    margin: 0;
    margin-bottom: 20px;
    cursor: default;
    font-family: 'CeraPro-Medium';
    font-weight:500;
}

.btnmessage {
    width: 100%;
    text-align: left;
    display: inline-block;
}

#commonListAutoComplete li a {
    line-height: 22px;
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
    color: #444;
    font-size: 18px !important;
}

#commonListAutoComplete li a strong {
    font-size: 18px !important;
}

#commonListAutoComplete li a:hover {
    background-color: #e0e0e0;
}

.parsley-error-list {
    margin: 0;
}

ul.dropdown-menu.dark-dd.distancedropdown {
    min-width: inherit;
    margin: 8px 0 -1px 10px;
}

ul.dropdown-menu.dark-dd.distancedropdown a {
    padding: 0 40px;
    font-weight: bolder;
}

#myModal3 .modal-dialog .modal-content .form-horizontal .control-label {
    width: inherit;
}

#myModal3 .modal-dialog {
    position: absolute;
    left: 0;
    top: 70px;
    bottom: 0;
    margin: 0;
    width: 100%;
    max-width: 300px;
    transform: translate(-100%, 0) !important;
    margin-left: -20px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#myModal3.modal.in .modal-dialog {
    transform: translate(0, 0) !important;
    margin-left: 0;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#myModal3 .modal-dialog .modal-content {
    margin-top: 0;
    height: 100%;
    max-width: 300px;
    border-radius: 0;
    box-shadow: inherit;
}

div#commonListAutoComplete {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.content1,
.content2,
.content3,
.content4 {
    display: none;
}

.swal-text {
    font-size: 18px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: -webkit-center;
    display: inline-block;
    margin: 0;
    padding: 0 120px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.content2.showcontent {
    display: block;
}

.content1.showcontent {
    display: block;
}

.Agency .content3 {
    display: block;
}

.Agency .content2 {
    display: none;
}

.Enterprise .content4 {
    display: block;
}

.Enterprise .content2 {
    display: none;
}

select#employment,
select#developertype {
    width: 100%;
    height: 57px;
    padding: 5px 15px;
    border: 0px solid #ccc !important;
    font-size: 17px;
    color: #010101;
    border-radius: 5px;
}

.tab-content.searchtabscontent {
    padding-top: 25px;
    display: inline-block;
}

.searchtabscontent input::placeholder {
    color: #777 !important;
}

.downloadresumebtn {
    position: static;
    margin-right: 10px;
    display: inline-block;
}

.headersearch .searchbtn {
    min-width: 121px;
}

.login-button .dropdown-menu li.positionr a i {
    margin-left: 10px;
    font-size: 15px;
}

.login-button .dropdown-menu li.positionr a {
    display: flex;
    align-items: center;
}

.joblist:visited .joblisttitle {
    color: #660099;
}

.top-edit-job-btns a+a {
    margin-left: 10px;
}

.positionr {
    position: relative;
}
.searchJobOuter .closeicon {
    margin-top: 0;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.4);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
ul.submenulevel2 {
    position: absolute;
    left: 100%;
    background: #ffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    top: 0;
    margin-left: 0;
    border: solid 1px #ccc;
    border-radius: 4px;
    white-space: nowrap;
    display: block !important;
}

.downloadresumebtn input[type="submit"] {
    background: #2D3A5B;
    color: #fff;
    border: solid 2px #2D3A5B;
    padding: 8px 20px;
    border-radius: 10px;
}

.iconback {
    padding: 10px 20px 0 0;
    display: none;
}

.loginaccountmobile {
    display: none;
}

.loadingsec {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profileDetailsTabs .item-value i {
    font-size: 12px;
    color: #59c7f3;
}

.profileDetailsTabs .item-value a {
    color: #59c7f3;
    text-decoration: underline;
}

.profileDetailsTabs .item-label {
    background: transparent;
    border: 0;
    color: #000;
    padding: 0;
    font-weight: bolder !important;
}

.profileDetailsTabs .item-value {
    width: 100%;
    background: #fff;
    padding: 9px;
    margin: -5px 17px 17px -9px;
    font-size: 17px;
    color: #000;
}

.profilDetails .tab-content.profileDetailsTabs {
    padding: 0;
    border: 0;
    box-shadow: inherit;
}

.profilDetails .nav>li>a {
    border: 0;
    padding: 0;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 5px;
}

.searchiconmb,
.menutogglemb {
    display: none;
}

.profilDetails ul.nav.nav-tabs {
    border: 0;
}

.loginformclose,
.menuclose {
    display: none;
}

.helpsec {
    background: #f8fcff;
    position: relative;
    padding: 30px 0;
    overflow: hidden;
}

.accountmobile {
    display: none;
}

.userlist li {
    display: inline-block;
    margin: 0 0 0 -2px;
    position: relative;
}

.closelist {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.listheader {
    padding: 0 12px;
    margin-bottom: 8px;
}

.listheader h1 {
    color: #6b778c;
    border-bottom: 1px solid rgba(9, 30, 66, .13);
    font-size: 14px;
    text-align: center;
    margin: 0;
    line-height: 40px;
}

.listbody .userlist li {
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.titlelist h3 {
    color: #6b778c;
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
}

.titlelist {
    text-transform: uppercase;
}

.closelist i.material-icons {
    font-size: 16px;
}

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

.listbody {
    padding: 10px 12px 12px 12px;
}

.userlistdropdown.listopen {
    display: block;
}

.userlistdropdown {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 305px;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-top: 10px;
    display: none;
    right: 0;
}

.userlist span.username {
    background-color: #dfe1e6;
}

.userlist span.membercount {
    background-color: #4da1d2;
    color: #fff;
}

ul.userlist li ul.userlist {
    padding: 0;
    margin-bottom: 0px;
    justify-content: flex-start;
}

ul.userlist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px;
    margin-bottom: 20px;
    justify-content: flex-end;
}

.userlist span {
    width: 28px;
    height: 28px;
    color: #222;
    font-size: 11px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userlist span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.helpsec h2 {
    padding: 0 0 50px;
    font-size: 34px;
}

.helplist img {
    display: inline-block;
    height: 100px;
}

.helpsec:before {
    content: "";
    position: absolute;
    width: 100vw;
    background: #f8fcff;
    left: -100vw;
    right: 0;
    top: 0;
    bottom: 0;
}

i.material-icons.circleicon {
    background: darkturquoise;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
}

.filterinner ul li {
    margin-right: 40px;
    position: relative;
}

.filterinner ul li ul li {
    width: 100%;
}

.filterinner ul li a {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 18px;
    font-weight: normal;
}

.searchJobsForm {
    display: none;
}

.researchsec.searchJobsForm {
    width: auto;
    min-width: 230px;
}

.modalformclose {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}

.researchsec span.job-title {
    display: block;
    color: #222;
    font-size: 16px;
    margin-top: 5px;
}

.researchsec a.mux-chip {
    margin-bottom: 20px;
    margin-right: 16px;
    max-width: 200px;
    margin-top: 10px;
}

.researchsec .mux-badge {
    min-width: 20px;
    padding: 4px;
}

.mux-badge.blue {
    background-color: #3ddab9;
    border-radius: 10px;
}

.researchsec .mux-chip {
    background-clip: padding-box;
    border-radius: 4px;
    background: #e0e0e0;
    display: inline-block;
    margin-bottom: 4px;
    padding: 4px 8px;
    vertical-align: top;
}

.researchsec span.location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.mux-chip .mux-badge {
    float: left;
    margin-right: 8px;
}

.mux-chip .label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.searchJobsForm.open+.searchoverlay {
    content: "";
    background: rgba(0, 0, 0, 0);
    position: fixed;
    left: 0;
    top: 245px;
    bottom: 0;
    right: 0;
    z-index: 9;
}

.searchoverlay {
    cursor: pointer;
}

.searchJobsForm:before {
    content: "";
    width: 10px;
    height: 5px;
    border-bottom: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    top: -10px;
}

.searchresultcount {
    font-weight: bold;
    font-size: 18px;
}

.searchresultcount span {
    font-weight: normal;
}

.jobsearchpage br {
    display: none;
}

.filtersec ul>li {
    display: inline-block;
    position: relative;
    padding: 0;
}

.recruiterCheckermenu ul,
.developerCheckermenu ul {
    margin: 0;
    padding: 0;
}

.recruiterCheckermenu a label,
.recruiterCheckermenu a input {
    margin: 0;
}

.developerCheckermenu a label,
.developerCheckermenu a input {
    margin: 0;
}

.recruiterCheckermenu a,
.developerCheckermenu a {
    padding: 3px 10px;
    display: flex;
    width: 100%;
    white-space: nowrap;
    color: #222;
    align-items: center;
}

.recruiterCheckermenu a input {
    margin-right: 5px;
    display: none;
}

.recruiterCheckermenu a:hover {
    text-decoration: none;
}

.developerCheckermenu a input {
    margin-right: 5px;
    display: none;
}

.developerCheckermenu a:hover {
    text-decoration: none;
}

.filtersec>ul>li+li {
    margin-left: 18px;
}

.filterdropdown>ul>li a {
    padding: 5px 9px;
}

.filterdropdown>ul>li {
    white-space: nowrap;
    width: 100%;
    position: relative;
    background: transparent;
    border: 0;
    padding: 0px 24px 0px 24px;
    line-height: 0px;
    padding-bottom: 7px;
    padding-top: 10px;
}

.filterdropdown>ul>li a {
    padding: 4px 20px 4px 26px;
    width: 100%;
    display: block;
}

.footerBar ul li a {
    color: #48b2e7 !important;
}

.filtersec ul>li.clearfilter>a {
    border: 1px solid #000;
    display: flex;
    align-items: center;
    color: #000;
    background-color: transparent;
    border-radius: 10px;
    font-family: 'CeraPro-Black';
    padding: 9px 10px;
}

.headersearch.searchtabscontent input,
.headersearch.searchtabscontent input::placeholder {
    font-size: 18px;
    color: #ccc;
}

.filtersec ul>li.clearfilter>a i {
    font-size: 16px;
}

li.clearfilter {
    background: #fff !important;
    border: solid 1px #fff !important;
}

.container-cstm {
    max-width: 1100px;
    margin: 0 auto;
}

.jobsearchdetails-ctrl .container-cstm {
    margin: 0 auto;
}

.jobalertdropdown a.closejobalert {
    background: transparent;
    color: #222;
}

.headersearch.searchtabscontent input {
    width: 100%;
}

.headersearch .form-inline .form-group,
.navbar-form .form-group {
    width: 40%;
}

a.filteropen:after {
    content: "\f0d7";
    font-family: FontAwesome;
    margin-left: 5px;
}

.filterdropdown form input,
.filterdropdown form input::placeholder {
    max-width: 158px;
    font-size: 15px;
    padding: 9px;
}

.filterdropdown form {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.filterdropdown>ul>li.active a:before {
    background-image: url(../img/verification-mark.png);
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 13px;
    top: 50%;
    transform: translate(0, -50%);
}

.filterdropdown>ul>li a:hover {
    background-color: #fff;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.filterdropdown {
    position: absolute;
    top: 100%;
    background-color: #fff;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    z-index: 99;
    display: none;
}

.headermiddlesec {
    border-bottom: 1px solid rgba(142, 149, 167, 0.2);
    margin-top: 74px;
    padding: 40px 0 0;
    background-color: #fff !important;
}

.jobsearchdetails-ctrl.headermiddlesec {
    display: flex;
}

.filtersec > ul > li > a {
    color: #000;
    font-size: 15px;
    padding: 9px 15px;
    font-weight: initial;
    border-radius: 50px;
    background: #eef0f4;
    display: block;
    line-height: initial;
}
.filterdropdown > ul > li a {
    width: 100%;
    display: block;
    color: #000;
    font-size: 15px;
    padding: 9px;
}
.filtersec ul li a i {
    margin-left: 5px;
}

.headermiddleinner {
    display: flex;
    max-width: 1360px;
    margin: 0 auto;
    padding: 95px 0px 25px;
    align-items: center;
}

.btn-action i {
    vertical-align: middle;
    font-size: 18px;
    margin-top: -4px;
}

.helplist p {
    min-height: 72px;
    font-size: 16px;
}

a.btn-action {
    font-size: 16px;
    padding: 7px 30px;
    min-width: 200px;
    vertical-align: top;
    background: turquoise;
    color: #fff;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: turquoise;
    border-radius: 4px;
    display: inline-block;
    margin: 13px 0 0;
}

.helplist {
    border: 1px solid #ccc;
    border-radius: 8px;
    min-height: 333px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    background-color: #fff;
    padding: 25px 25px;
    max-width: 500px;
    margin: 0 auto 30px;
    text-align: center;
}

.helpsec:after {
    content: "";
    position: absolute;
    width: 100vw;
    background: #f8fcff;
    right: -100vw;
    top: 0;
    bottom: 0;
}

.assesmentheader {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.sometipsmodal li {
    position: relative;
}

.jobtitlesecinner button {
    color: darkturquoise !important;
    text-decoration: underline;
}

.jobtitlesec {
    position: relative;
    display: flex;
    margin-bottom: 0;
}

#chatlistCol .jobtitlesecinner button.btn.btn-info.dropdown-toggle {
    border: 0 !important;
    padding: 0;
    text-transform: uppercase;
}

.jobtitlesecinner {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    flex-basis: auto;
}

.jobtitlesecinner .input-group-btn {
    width: auto;
}

.sometipsmodal li:before {
    content: "";
    background-image: url(../img/information.svg);
    position: absolute;
    left: 10px;
    background-color: #01cbd9;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    top: 125px;
    margin-left: 9px;
    display: none;
}

.cardcstmsecinner {
    width: 67%;
    float: left;
}

.iconsec a i {
    font-size: 22px;
    float: right;
    color: darkgray;
}

.cardcstmsec {
    width: 100%;
    float: left;
}

#newsearch .open+ul.dropdown-menu.dark-dd {
    display: block;
    right: 0;
    margin-top: 8px;
    -webkit-box-shadow: 0 0px 22px rgba(0, 0, 0, .175);
    box-shadow: 0 0px 22px rgba(0, 0, 0, .175);
}
#newsearch .dropdown-menu:before,
#newsearch .top-right-icons .dropdown-menu.account:before {
    top: -7px;
}

#newsearch button {
    margin: 0;
    font-size: 10px;
    font-weight: 700;
}

span.iconsec {
    position: absolute;
    right: 6px;
    width: auto !important;
    margin-right: auto !important;
    float: none !important;
    top: 50%;
    margin-top: -2px;
    transform: translate(0%, -50%);
    min-height: inherit !important;
}

#addquestion .modal-content {
    padding-left: 20px;
}

.pr {
    position: relative;
}

.cardcstmsecinner .editInPlace {
    width: auto !important;
}

.questionaddcontent button.assesmentsubmitbtn {
    background: #318cea;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    margin: 10px 0 0;
}

.corretanswer strong {
    color: #46ce83;
    font-weight: bold;
}

.questionaddcontent h3 {
    color: #318cea !important;
}

.assesmentquelist h3 {
    color: #318cea !important;
}

.questionaddcontent label {
    margin: 5px 0;
    color: rgba(0, 0, 0, 0.5);
}

.questionaddcontent textarea,
.questionaddcontent input {
    border: 1px solid #ddd !important;
    border-radius: 0;
}

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

.assesmentangle,
.assesmentplus {
    cursor: pointer;
}

.assesmentquelist:last-child {
    border-bottom: 0;
}

.assesmentname span {
    color: #318cea;
}

.assesmentbody {
    padding: 10px 25px;
    border: 1px solid #ddd;
    border-top: 0;
    width: 99%;
}

.assesmentplus,
.assesmentangle {
    display: inline-block;
    font-size: 30px;
    margin-left: 15px;
}

.assesmentname {
    font-weight: normal;
    color: #777;
}

.assesmentrightbar .left-col-search {
    display: inline-block;
    min-width: 20%;
}

.createassesment {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.assesmentlist {
    margin-top: 20px;
}

.assesmentlist a {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

.createassesment a {
    font-size: 16px;
}

.addJobsBulk .dropdown-menu:after {
    content: "";
    top: -9px;
}

.addJobsBulk .dropdown-menu:before {
    content: "";
    top: -8px;
}

.fullscreencstm.FullScreeenModalRight {
    background: #fff;
    border-left: 2px solid #eee;
    bottom: 0;
    float: right;
    overflow-y: auto;
    position: relative;
    color: #708090;
}

.fullscreencstm .FullScreeenModalRightInner {
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35%;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 49px 50px;
    border-left: 2px solid #eee;
}

.Cpcsec h1,
.boostbudget h1 {
    font: 26px Georgia, Serif;
    margin: 0 0 10px 0;
}

form.Cpcsec,
form.boostbudget {
    margin: 0;
}

.jobform label {
    font: bold 20px;
    display: block;
    float: left;
    text-align: right;
    padding: 5px 10px 0 0;
    width: 140px;
}

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

.opennewtabsec .opennewtab.opennewtabonmodal {
    position: initial;
    margin-bottom: 15px;
}

.jobform input[type=text] {
    float: left;
    width: 40px;
    font: bold 20px;
    padding: 3px 0 0 0;
    text-align: center;
}

form.Cpcsec div,
form.boostbudget div {
    overflow: hidden;
    margin: 0 0 5px 0;
}

.jobform .button,
.jobboostform .button,
.modifyamountform .button {
    margin: 0 0 0 5px;
    cursor: pointer;
    width: 29px;
    height: 29px;
    float: left;
    text-align: center;
}

.jobform .dec,
.jobboostform .dec,
.modifyamountform .dec {
    background-position: 0 -29px;
}

.jobform .buttons,
.jobboostform .buttons,
.modifyamountform .buttons {
    padding: 20px 0 0 140px;
}

.Cpcsec .jobform input {
    order: 2;
    max-width: 90px;
    border: 0 !important;
    text-align: center;
    font-size: 16px;
}

.boostbudget .jobboostform input {
    order: 2;
    max-width: 90px;
    border: 0 !important;
    text-align: center;
    font-size: 16px;
}

.boostbudget .modifyamountform input {
    order: 2;
    max-width: 90px;
    border: 0 !important;
    text-align: center;
    font-size: 16px;
}

.jobform .inc.button {
    order: 3;
}

.jobform .dec.button {
    order: 1;
}

.jobboostform .inc.button {
    order: 3;
}

.jobboostform .dec.button {
    order: 1;
}

.modifyamountform .inc.button {
    order: 3;
}

.modifyamountform .dec.button {
    order: 1;
}

.jobform .button,
.jobboostform .button,
.modifyamountform .button {
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #777;
    line-height: 30px;
}

.jobform,
.jobboostform,
.modifyamountform {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-job-right-col label strong {
    color: #010101 !important;
}

.new-job-right-col .left-col-sec {
    color: #010101 !important;
}

.new-job-right-col {
    padding: 5px 0px !important;
}

fieldset,
label {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}

.starratingsec fieldset {
    max-width: 135px !important;
}

.ratinglist {
    width: 100%;
    float: left;
}

.ratinglist h4 {
    margin-left: 8px !important;
}

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

.rating input.ipt-checked~label {
    color: #FFD700;
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
    color: #FFED85;
}

.searchbar {
    position: relative;
}

.searchlistsec {
    color: #222;
}

.person-description {
    word-break: break-word;
}

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: auto;
}

#notification-menu li {
    width: 100%;
}

.notification-footer.showFooter {
    display: block !important;
}

.searchlistsec td {
    padding: 0px 15px 10px 0;
}

.searchsec {
    float: left;
    border-bottom: 2px solid #e3e3e3;
    width: 25%;
    margin-top: 15px;
    position: relative;
    top: -21px;
    margin-left: 0px;
}

.searchdetails p {
    margin: 0;
    line-height: 20px;
}

.searchdetails,
.searchimg {
    display: inline-block;
}

.starratingsearch .checked {
    color: orange;
}

#movableJobs {
    box-shadow: 0 0 20px rgba(119, 119, 119, 0.1) !important;
    border: 0;
}

.searchdropdown {
    position: absolute;
    width: 190%;
    left: 0;
    right: 0;
    padding: 20px;
    top: 42px;
    direction: ltr;
    background: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 1);
    max-height: 400px;
    overflow-y: auto;
    border: solid 1px #f1f1f1;
    border-top: solid 1px #fff;
    z-index: 100;
}

.instructionor li {
    width: 100%;
    text-align: center !important;
    position: relative;
    padding-top: 0 !important;
    margin-top: 16px;
    margin-left: 0 !important;
}

.instructionor li:before {
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    background: #ddd;
    height: 1px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.instructionor li span {
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.m-0 {
    margin: 0;
}

.candidatepage.keywordscount {
    margin-top: 7px;
    float: left;
}

.candidatepage.keywordscount.fl-none {
    float: none;
    margin-bottom: 20px;
}

.unlockResume button {
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%);
    color: #fff;
    border: solid 1px #4e9ab8 !important;
    padding: 8px 13px;
    font-size: 14px;
    border-radius: 10px !important;
}

.prsection .addToFavBtn {
    margin: 0;
    position: static;
    margin-right: 10px;
}

#candidatedetails .prsection .addToFavBtn {
    margin-right: 20px;
    margin-left: 15px;
}

#candidatedetails .downloadresumebtn {
    margin-right: 20px;
}

.mlsearch {
    margin-left: 20px;
}

.searchdetails {
    width: 280px;
}

.searchlistsec {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    direction: ltr;
}

.publicheader {
    display: flex;
}

.publicpageheader {
    display: flex;
}

.publicpageheader .top-right-icons {
    margin: 0px 20px 0 7px;
}

.publicpageheader .report-dd {
    margin: 10px 11px 0 0;
}

.headerrmenu {
    float: right;
    margin-left: auto;
}

.publicpageheader .headerleftmenu.headrightmenu {
    margin: 20px 10px 0 0;
}

.publicpageheader .headerleftmenu li:hover a+.headersubmenu {
    right: 0;
}

.publicpageheader .top-right-icons .nav>li {
    margin-top: 10px;
}

.publicheader .col-sm-3 {
    padding: 0 5px;
}

.publicpageform {
    flex-grow: 1;
}

.searchpagemenu li {
    display: inline-block;
    margin-right: 58px;
    position: relative;
}

#emailResumeModal.modal .modal-dialog {
    position: fixed;
    right: 0;
    top: 0;
    margin: 0;
    bottom: 0;
    overflow-y: auto;
    transform: translate(100%, 0) !important;
    transition: all 300ms ease-in-out;
}

#emailResumeModal.modal .modal-dialog .modal-content {
    border-radius: 0;
}

#emailResumeModal .modal-backdrop.fade.in {
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: block !important;
    opacity: 1 !important;
}

#emailResumeModal.modal.in .modal-dialog {
    transform: translate(0, 0) !important;
    transition: all 300ms ease-in-out;
}

.chattabcstm li {
    display: inline-block;
    float: none;
}

.chattabcstm ul {
    text-align: center;
}

.searchresults .searchtabs a {
    font-size: 16px;
    color: #777 !important;
}

.tabtitle {
    margin-bottom: 30px;
}

.summarylist h3,
.summarylist h2 {
    font-size: 16px;
    margin: 0;
}

.summarylist {
    margin-bottom: 20px;
}

.summarylist h2 {
    font-weight: unset;
}

.summarylist h3 {
    margin-bottom: 5px;
}

ul.submenu {
    position: absolute;
    min-width: 200px;
    top: 100%;
    margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    z-index: 9;
    background: #fff;
    display: none;
}

.submenu li a {
    padding: 10px 12px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

.submenu li {
    margin: 0;
    width: 100%;
}

.searchpagemenu li a {
    color: #000;
    font-size: 19px;
    font-weight: bold;
}

.publicheader button.btn.btn-success.jobSearchBtn {
    margin-left: 20px;
}

.flexgrow {
    flex-grow: 1;
}

.publicpageform {
    flex-grow: 1;
    margin-top: 10px
}

.publicheader ul.nav.navbar-right.pull-right.headertopmenu {
    margin-top: 10px;
}

.publicheader button.btn.btn-success.jobSearchBtn,
.publicheader button.btn.jobSearchClearBtn {
    margin-top: 0;
}

.jobtitle {
    color: black;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 400;
}

.compnyname,
.locationjob {
    color: #777;
    font-size: 13px;
}

.navmenulanding ul li {
    display: inline-block;
}

.loadmorebtn {
    margin: 20px 0 10px;
}

.loadmorebtn a {
    padding: 5px 20px;
    border: 1px solid turquoise;
    display: inline-block;
    color: turquoise;
}

.loadmorebtn a:focus {
    border: 1px solid turquoise;
}

.navmenulanding ul li a {
    color: #222 !important;
    font-size: 17px;
    position: relative;
    font-weight: 700;
    font-family: 'Cera Pro';
    display: block;
}

span.max5Alerts {
    font-weight: 600;
}

.navmenulanding ul li+li {
    margin-left: 20px;
}

.headerleftmenu li .headersubmenu li+li {
    margin-left: 0;
}

.navmenulanding.navopen ul.headerleftmenu.headerleftfix.menufunction {
    transform: translate(0, 0);
    transition: all 300ms ease-in-out;
}

.navmenulanding .headerleftfix.menufunction {
    top: 30px;
    padding-top: 0;
}

.navmenulanding {
    float: left;
    margin-top: 0;
}

.searchresultsec {
    width: 69%;
    float: left;
    padding-left: 30px;
    position: relative;
}

.searchmenu ul {
    padding-right: 10px;
}

.mainsearchsec::before,
.mainsearchsec::after {
    content: "";
    display: block;
    clear: both;
}

.loadingsearchresultsec center {
    margin-top: 15%;
}

.searchmenusec {
    width: 31%;
    float: left;
}

.searchJobsForm.open {
    display: block;
}

.overflowhide {
    overflow: hidden;
}

#searchresultsection,
.searchmenu {
    height: 100%;
    overflow-y: auto;
}

body.jobsearchpage>.wrap {
    height: calc(100% - 181px);
    margin-top: 0;
}

body>.wrap {
    margin-top: 100px;
}

body.jobsearchpage>.wrap>div {}

.searchmenusec,
.searchresultsec {
    height: 100%;
}

#searchresultsection::-webkit-scrollbar-track,
#searchmenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: transparent;
    border-radius: 10px;
}

#searchresultsection::-webkit-scrollbar-thumb,
.searchmenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #9e9e9e;
}

#searchresultsection::-webkit-scrollbar,
.searchmenu::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.searchimg {
    margin-right: 20px;
}

.searchimg img {
    width: 100px;
}

.searchbar .topsearch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    margin: 0 !important;
    line-height: initial !important;
    border-radius: 0 !important;
    border: 0 !important;
}

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

.jobsctionbtm a {
    margin: 0 5px;
    color: darkturquoise !important;
}

.jobsaction {
    margin-bottom: 12px;
}

.jobsctionbtm img {
    margin-right: 5px;
}

.headersearchsec {
    padding: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.middlelocation {
    margin-top: 5px;
    font-size: 16px;
}

.middlelocation i {
    font-size: 14px;
    margin-right: 5px;
}

.headerlogoleft {
    border: 1px solid #e0e0e0;
    padding: 10px;
    display: none;
}

.middlelocation {
    margin-top: 5px;
}

.headermiddle {
    flex-grow: 1;
    font-size: 20px;
    padding: 0 20px;
}

.candi-resume-move ul.dropdown-menu.dark-dd {
    left: -10px;
}

.candi-resume-move .dropdown-menu:before {
    left: 10px;
    right: auto;
}

.candi-resume-move .dropdown-menu:after {
    left: 9px;
    right: auto;
    margin: 0;
}

/*.searchtabscontent .btn.btn-primary {
    height: 54px;
    border-radius: 10px !important;
    text-transform: capitalize;
    font-size: 18px;
    margin-left: 0;
    max-width: 310px;
    padding: 0px 28px;
    background: linear-gradient(to bottom, #6bbfe1 0, #007fed 100%);
    border: solid 1px #4e9ab8 !important;
}*/

.searchtabscontent .btn.btn-primary {
    height: 43px;
    border-radius: 10px !important;
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 6px;
    max-width: 310px;
    padding: 0px 28px;
    background: #000;
    border: solid 1px #000 !important;
}

.uploadyourresume i {
    color: darkturquoise;
    margin-right: 10px;
}

.searchleftcontent .uploadyourresume a {
    color: #111417 !important;
    text-decoration: none;
    margin-right: 5px;
    font-weight: inherit;
    font-size: 20px !important;
    font-family: 'Cera Pro';
    font-weight:700;
}

.uploadyourresume p {
    color: #111417;
    font-size: 16px;
    font-family: 'CeraPro-Regular';
}
.uploadyourresume {
    margin-top: 20px;
    font-size: 17px;
    color: #000;
    font-weight: normal;
    display: flex;
    align-items: center;
    column-gap: 10px;
    cursor: pointer;
}
.closeicon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    margin-top: 0;
    color: black;
    cursor: pointer;
    font-size: 16px;
}

.thankssec {
    margin-top: 90px;
    display: inline-block;
    width: 100%;
}

.border.userdetail {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    cursor: default;
}

.phonenumber input {
    display: none;
}

.phonenumber label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    display: inline-block;
    border-radius: 50%;
}

.phonenumber label {
    cursor: pointer;
    position: relative;
    height: 20px;
    width: 20px;
}

.phonenumber input:checked+label:after {
    content: "";
    background-image: url(../img/verification-mark.png);
    width: 10px;
    height: 10px;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#employerProfileDetails label.control-label {
    margin-top: 13px;
}

#employerProfileDetails #account-details-form .row {
    margin-bottom: 5px;
}

.phonenumber {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

div#employerProfileDetails:before {
    position: fixed;
    top: 0;
    content: "";
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
}

#employerProfileDetails .modal-header {
    padding: 10px 15px;
}

#employerProfileDetails button.close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0px 5px !important;
    margin: 0;
}

#employerProfileDetails .modal-header h4.modal-title span {
    font-size: 20px !important;
}

.emailvalidation {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.identityvalidation {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

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

.userdetail {
    text-align: center;
}

.verifybtnsec button {
    margin: 0 !important;
}

.verificationsec {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.verifybtnsec .preloader span {
    min-width: inherit;
}

.verifybtnmodal .preloader.dinblock span {
    line-height: 25px;
}

.validationinput .preloader span {
    min-width: inherit;
}

.validationinput .preloader {
    display: block;
    width: auto;
    float: none;
}

.verifybtnsec .preloader span {
    line-height: 45px;
}

.verifybtnmodal .preloader.dinblock {
    float: left;
}

.onboardForm label.form-label {
    font-size: 15px;
    margin-bottom: 10px;
}

.onboardModal .modal-header h4.modal-title {
    font-size: 22px;
}

.onboardModal .modal-body button {
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%) !important;
    color: #fff;
    border: 0;
    border-radius: 10px !important;
}

.onboardModal .modal-body button:hover {
    color: #fff !important;
}

.onboardModal .modal-body button:hover {
    border: 0 !important;
    color: #fff !important;
}

.onboardModal .modal-header {
    position: relative;
    padding: 20px 0;
}

.onboardModal button.close {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: initial;
    float: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onboardModal .modal-body {
    padding: 15px 30px;
}

#onboardingQuestionModal .modal-backdrop.fade.in {
    opacity: 0.7;
}

.onboardModal {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    height: 100%;
}
div#onboardingQuestionModal {
    padding: 0 !important;
}
.onboardModal .modal-body {
    max-width: 1000px;
    margin: 0 auto;
}
.onboardModal .modal-content {
    height: 100%;
    border-radius: 0;
    overflow-y: auto;
}
.onboardForm .form-group {
    margin-left: 0;
}

.onboardForm input {
    margin-top: 0 !important;
}

.phnverifyerror {
    text-align: left;
    width: 100%;
    float: left;
    border: 0px solid red;
    padding: 0;
    border-radius: 10px;
    color: red;
    margin-bottom: 0px;
    background-color: white;
}

.phoneNumbersec .verifybtnsec button#sendSmsBtn {
    border-radius: 50px !important;
    text-transform: capitalize;
    height: 38px;
    line-height: 38px;
}

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

.identityvalidation span,
.onboardvalidation span,
.partneragreevalidation span {
    min-width: 170px;
    display: inline-block;
}

.emailvalidation span {
    min-width: 170px;
    display: inline-block;
}

.phonenumberinput {
    position: relative;
    width: 100%;
}

.validationinput {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.verifybtnsec {
    margin-left: 10px;
}

.thankssec .verificationsec .phonenumber .validationinput span.country-code {
    position: absolute;
    left: 8px;
    text-align: left;
    top: 50%;
    min-width: inherit;
    transform: translate(0, -50%);
}

.thankssec .verificationsec .phonenumber .validationinput span.country-code+input {
    display: block;
}

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

.emailvalidation input[type="button"],
.identityvalidation input[type="button"],
.onboardvalidation input[type="button"],
.partneragreevalidation input[type="button"] {
    background: #fff;
    color: #000;
    padding: 6px 20px;
    font-size: 16px;
    border-radius: 50px;
    border: 1px solid #000;
}

.verificationsec span {
    min-width: 170px;
    display: inline-block;
}

.userimg {
    width: 210px;
    height: 210px;
    margin: 0 auto 20px;
}

.userdetail h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.userdetail h5 {
    font-size: 16px;
    margin-bottom: 20px;
}

.userdetail h2 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
}

.userimg img {
    width: 210px;
    height: 210px;
    object-fit: cover;
    border-radius: 50%;
}

.thankssec {
    margin-top: 40px;
}

.jobcount {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-bottom: 25px;
}

.iconsec {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    color: #ccc;
    z-index: 99;
}

.material-icons.closeicon {
    display: none;
}

.searchtabscontent .material-icons.closeicon {
    display: block;
}

.material-icons.closeicon.not-empty {
    display: block !important;
}

.prinput {
    position: relative;
}

.searchleftcontent .nav-pills a:focus {
    color: #222 !important;
}

.searchtabscontent input::placeholder {
    color: gray;
}

.searchleftcontent .nav-pills li {
    margin-right: 25px;
}

.searchleftcontent .nav-pills a {
    padding: 0;
    margin-right: 0px;
}

.searchtabs li.active {
    border-bottom: 2px solid #ccc;
}

.searchtabs li.active a {
    color: #69D4E3;
}

.searchtabscontent button {
    margin-bottom: 0 !important;
}

.searchtabs+.tab-content {
    margin-top: 15px;
}

.searchtabs {
    margin-top: 20px;
    margin-left: 0px;
    font-size: 16px;
    color: #000 !important;
}

.headermiddle {
    flex-grow: 1;
    font-size: 20px;
    padding-left: 0px;
}

.headerlogoleft img {
    max-width: 180px;
}

.searchbar input.searchbarinput {
    width: 100%;
    color: #ccc;
    font-size: 22px;
    text-transform: capitalize;
    border: 0 !important;
}

.jobsaction button {
    margin: 0;
    background: #57d48f;
    color: #fff;
    border: 0;
    padding: 7px 20px;
    width: 100%;
}

.searchbar .topsearch i {
    color: #ccc;
    font-size: 24px;
}

.searchbar input.searchbarinput::placeholder {
    color: #ccc;
    font-size: 16px;
    text-transform: capitalize;
}

.getmatched {
    float: left;
    font-size: 19px;
    padding: 0;
    text-transform: uppercase;
}

a.closejobalert {
    border: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 5px;
    margin: 0 !important;
    top: 5px;
    display: block !important;
}

.snapboard-main-left-col .chattabcstm a {
    margin: 0;
}

.jobalertdropdown {
    width: 100%;
    background: #fff;
    max-width: 600px;
    border-radius: 20px;
    position: absolute;
    right: 0;
    min-width: 600px;
    padding: 20px;
    top: 100%;
    margin-top: 20px;
    text-align: left;
    display: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

.jobalertdropdown button,
.jobalertdropdown input {
    display: inline-block;
    vertical-align: middle;
}

.cstmcheck input {
    display: none !important;
}

.jobalertdropdown.opensubscribemodal {
    display: block;
}

.cstmcheck label {
    position: relative;
    padding-left: 25px;
    line-height: 22px;
    padding-top: 12px;
    padding-bottom: 11px;
    font-weight: inherit;
    color: #000 !important;
}

.cstmcheck {
    margin-top: 15px;
}

.cstmcheck input+label:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #222;
    display: inline-block;
    top: 50%;
    position: absolute;
    left: 0;
    transform: translate(0, -50%);
    margin-top: -1px;
    cursor: pointer;
}

.cstmcheck input:checked+label:after {
    content: "";
    position: absolute;
    top: 0;
    background-image: url(../img/tick.svg);
    width: 7px;
    height: 7px;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -1px;
    left: 4px;
}

.jobalertdropdown input::placeholder {
    font-size: 14px;
}

.jobalertdropdown button.btn-default,
.jobalertdropdown button.btn-default:active,
.jobalertdropdown button.btn-default:hover {
    font-size: 14px !important;
    border-radius: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    text-transform: capitalize !important;
    line-height: initial !important;
    color: #05b8d1 !important;
    border: 1px solid #05b8d1 !important;
    outline: inherit;
    box-shadow: inherit;
    padding: 0 22px;
    margin-left: 15px !important;
    font-weight: initial;
    border-radius: 4px !important;
}
.jobalertdropdown input {
    padding: 7px 12px !important;
    border: 1px solid #bdbdbd !important;
    max-width: 190px;
    font-size: 14px;
    display: inline-block;
}
.jobalertdropdown h4 {
    margin-bottom: 24px;
    font-size: 16px;
    color: #212121;
    line-height: 26px;
    font-weight: normal;
}
.jobalertdropdown h2 {
    font-size: 16px;
    margin-bottom: 15px;
    color: coral;
    font-weight: bold;
}
.searchpagemenu li.uploadresume {
    margin-right: 0;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    float: right;
}
.searchmenu li {
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 20px;
}
.searchmenu li.active {
    border-left: 2px solid turquoise;
}
.cmpnynameshort {
    width: 68px;
    margin-right: 10px;
    height: 54px;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jobsummary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 186px;
}
.posteddate {
    font-size: 12px;
    font-weight: 400;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 80px;
    text-align: right;
    color: #bbb;
}
.searchJobsForm input,
.searchJobsForm .selectboxit {
    border: 1px solid #c3c3c3 !important;
    height: 45px !important;
    border-radius: 5px !important;
}
.jobsavailablefull {
    width: 50%;
    max-width: 580px;
    margin-top: 60px;
    padding: 0 30px;
    position: relative;
}
.jobsincity,
.jobsavailable {
    font-size: 1.5rem;
    font-weight: normal;
    text-transform: uppercase;
}
.jobsavailablefull:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    background: #000;
    width: 1px;
    left: 260px;
}
.jobsincity span,
.jobsavailable span {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}
.searchJobsForm .jobSearchBtn,
.searchJobsForm .jobSearchClearBtn {
    height: 45px;
    border-radius: 5px !important;
    min-height: 45px;
}
.searchJobsForm .cstmlabel {
    color: #222;
    padding: 0;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 16px;
}
.searchJobsForm input {
    margin-bottom: 15px;
}
.searchmaintitle {
    margin-bottom: 25px;
}
.chat-screen .right p {
    text-align: left;
}
.checkboxall .btn-group {
    margin-right: 10px;
}
.dflex {
    display: flex;
}
.threeBtns.chatpagebtn {
    display: flex;
}
.snaprboardBtns a:focus,
.snaprboardBtns a:visited,
.snaprboardBtns a:active {
    background: transparent !important;
}
.textareafull textarea {
    border: 1px solid #ddd !important;
    border-radius: 0;
}
.chattabsms li {
    display: inline-block;
    float: none;
}
.chattabsms ul {
    text-align: center;
}
.chattabsms li a {
    border-bottom: 2px solid #fff !important;
}
.chattabsms .active a {
    border: 0 !important;
    border-bottom: 2px solid #1d81e5 !important;
    border-radius: 0 !important;
}
.chattabsms .active a:hover {
    background: transparent !important;
    border-bottom: 0px solid #1d81e5 !important;
}
#notification .badge.red.notiNumber {
    top: -10px;
}
.chattabsms ul {
    border: 0;
}
.open ul#notification-menu+.notificationoverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
}
ul#notification-menu {
    position: fixed;
    top: 84px;
    display: block;
    overflow-y: auto;
    bottom: 0;
    transform: translate(100%, 0);
    transition: all 300ms ease-in-out;
}
.open ul#notification-menu {
    transform: translate(0, 0);
    transition: all 300ms ease-in-out;
}
@-webkit-keyframes preloader {
    0% {
        box-shadow: 0 0 0 0 darkturquoise;
    }
    
    50% {
        box-shadow: 0 0 0 3px darkturquoise;
    }
    
    100% {
        box-shadow: 0 0 0 0 darkturquoise;
    }
}
@keyframes preloader {
    0% {
        box-shadow: 0 0 0 0 darkturquoise;
    }
    
    50% {
        box-shadow: 0 0 0 3px darkturquoise;
    }
    
    100% {
        box-shadow: 0 0 0 0 darkturquoise;
    }
}
.smsed i.tag-cross-btn,
.emailed i.tag-cross-btn {
    background: #57d48f;
    font-size: 0;
}
.addJobsBulk button:focus {
    color: #fff !important;
    border-color: #fff !important;
}
.smsed i.tag-cross-btn:before,
.emailed i.tag-cross-btn:before {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}
.preloader {
    margin: 0;
    text-align: center;
    font-size: 0;
    float: right;
    width: 83px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preloader span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    line-height: 12px;
}
.preloader span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1882ed;
}
.selectedplan input {
    display: none;
}
#myModal2.th-modal-upload .modal-dialog,
.sidebarModal .modal-dialog.candidatesearchpage {
    width: 1000px;
}
.modal-dialog.candidatesearchpage .modal-content {
    max-width: 980px;
}
.candidatesearchpage input[type="radio"] {
    display: none;
}
.preloader span:first-child:before {
    -webkit-animation: preloader 0.6s linear infinite;
    animation: preloader 0.6s linear infinite;
}
.preloader span:nth-child(2):before {
    -webkit-animation: preloader 0.6s linear infinite 0.2s;
    animation: preloader 0.6s linear infinite 0.2s;
}
.preloader span:nth-child(3):before {
    -webkit-animation: preloader 0.6s linear infinite 0.4s;
    animation: preloader 0.6s linear infinite 0.4s;
}
.textuppercase {
    text-transform: uppercase;
}
i.checkicon {
    position: relative;
    background: #57d48f;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    line-height: 18px;
}
span.emailsent,
span.smssent {
    font-size: 12px;
}
i.checkicon:before {
    content: "\f00c";
    font-family: fontawesome;
    color: #fff;
    font-size: 12px;
}
#go2Payment:focus {
    color: #000 !important;
}
.searchfavourites,
.recentviewsearch {
    width: 100%;
    float: left;
}
.addtofavaourite i {
    color: #fff;
}
.btn.focus,
.btn:focus {
    box-shadow: inherit !important;
    color: #fff !important;
}
#chatlistCol button:focus {
    color: #fff !important;
}
#forgotPasswordUnlock:hover {
    color: #fff;
}
.searchfavourites .left-col-search,
.recentviewsearch .left-col-search {
    float: right;
    width: 390px;
    margin-right: 40px;
}
.navtabsleft li {
    margin-right: 0 !important;
    padding-right: 20px;
}
.navtabsleft .pageCount {
    padding-right: 20px;
    margin-right: 0;
}
#searchresultcontent.active {
    display: block;
}
.navtabsleft {
    width: 60%;
    float: left;
}
.navtabsright {
    width: 40%;
    float: left;
}
#listOfFavorites,
#recentlyViewed,
#searchresultcontent {
    display: none;
}
#listOfFavorites.active {
    display: block;
}
textarea#snapCardNote {
    border: 1px solid #ccc !important;
    border-radius: 0;
}
select#selectedTemplate {
    background: linear-gradient(to bottom, #6bbfe1 0, #007fed 100%) !important;
    border: 1px solid #ccc !important;
    padding: 10px;
    border-radius: 0;
    height: 49px;
}
.bannercontent {
    display: flex;
    align-items: center;
}
.snaprboardBtns button {
    border: 0 !important;
    text-decoration: underline;
}
#account-details-form fieldset {
    margin: 0 auto;
}
#account-details-form .downloadSample .upld-btn {
    border: 0;
    text-decoration: underline;
}
.snaprboardBtns a {
    border: 0 !important;
    text-decoration: underline;
}
.loginImg.text-center {
    display: none;
}
.filtersec ul .filterdropdown ul {
    flex-direction: column;
    padding-bottom: 10px;
    padding-top: 5px;
}
.bannerrighttext h3 {
    margin: 0;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
}
.bannerrighttext h2 {
    margin: 0;
    color: #fff !important;
    font-size: 25px;
    margin-bottom: 15px;
}
.bannerrighttext {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 20px;
}
.purchasebanner {
    padding: 20px;
    margin-left: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 30px;
    border-radius: 2px;
    background-position: center;
}
.dd-div select.form-control {
    border: 0px solid #ccc !important;
    height: 57px;
    padding: 0 15px;
}
#name-on-card input[type="checkbox"],
#name-on-card span {
    display: inline-block;
    vertical-align: middle;
}
.stubborn-attachment h4 {
    font-size: 22px;
    padding: 10px 0 5px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.checkoutpage #realAutoListComp input#city-select {
    padding-left: 15px;
}
.extraviews {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin: 10px 0;
    background: aliceblue;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.getextraview .cstmcheck {
    margin: 0;
}
.getextraview .cstmcheck label {
    padding-top: 0;
    padding-left: 25px;
    padding-bottom: 0;
    font-size: 16px;
}
.swal-button--cancel {
    color: #fff;
}
.getextraview .cstmcheck input:checked+label:after {
    top: 8px;
    transform: initial;
    left: 3px;
}
div#name-on-card.cstmcheck {
    margin: 0;
}
div#name-on-card.cstmcheck label {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500;
}
.getextraview .cstmcheck input+label:before {
    margin-top: 0;
    top: 4px;
    transform: initial;
}
.getextraview {
    border-radius: 10px;
    margin-top: 0;
}
.viewsamount {
    font-size: 16px;
    font-weight: 500;
}
.pricecircle {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
    border: 1px solid #53c4d9;
    margin-top: 20px;
    margin-left: 15px;
    color: #000;
    font-weight: bold;
    position: relative;
    margin: 20px auto;
}
label.btn.boxInput {
    background: #ebf0f6;
    border: transparent;
    box-shadow: none;
}
.pricecontent p {
    margin: 0;
    color: slategray;
    font-weight: bolder;
    line-height: 24px !important;
}
.perviewprice {
    color: #000;
    margin-top: 15px;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: normal;
}
.selectedplan .perviewprice {
    margin-top: 5px;
    margin-bottom: 5px;
}
.selectedplan .pricecircle {
    margin: 20px auto 5px;
}
.perviewprice span {
    font-size: 20px !important;
    color: #000 !important;
    font-weight: bold !important;
    display: inline-block !important;
}
.reviewcircle span {
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
}
.reviewcircle span.pricetext {
    font-size: 17px;
    margin-bottom: 5px !important;
}
.reviewcircle {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #53c4d9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 13px;
    color: #fff;
    right: -50px;
    top: -10px;
}
#recentlyViewed.active {
    display: block;
}
.checkboxall .btn-group>.btn>input[type=radio],
.checkboxall .btn-group>.btn>input[type=checkbox] {
    display: block;
    position: absolute;
    visibility: hidden;
}
.checkboxall .btn-group>.btn input[type=checkbox],
.checkboxall .btn-group>.btn input[type=radio],
.checkboxall .btn-group>.btn-group>.btn input[type=checkbox],
.checkboxall .btn-group>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.checkboxpeople .btn-group>.btn>input[type=radio],
.checkboxpeople .btn-group>.btn>input[type=checkbox] {
    display: block;
    position: absolute;
    visibility: hidden;
}
.checkboxpeople .btn-group>.btn input[type=checkbox],
.checkboxpeople .btn-group>.btn input[type=radio],
.checkboxpeople .btn-group>.btn-group>.btn input[type=checkbox],
.checkboxpeople .btn-group>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.checkboxall input {
    margin-right: 10px;
    margin-top: 0;
}
.checkboxall {
    display: none;
    align-items: center;
}
.d-flex {
    display: flex;
    align-items: center;
}
span.veiwedbtnmargin {
    margin-right: 10px !important;
}
.messagemodal,
.messagemodalrm {
    border: 1px solid #2d3a5b;
    border-radius: 10px !important;
    padding: 5px 11px 6px !important;
    line-height: inherit !important;
    color: #2d3a5b;
    font-size: 15px !important;
}
.viewedBtn {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 10px 2px !important;
    line-height: inherit !important;
}
.viewedBtn .fa {
    color: darkturquoise !important;
    font-size: 15px;
}
.messagemodal .fa,
.messagemodalrm .fa {
    color: #6bbfe1 !important;
    font-size: 15px;
}
.checkboxpeople {
    width: 5%;
    float: left;
    margin-top: 16px;
}
.personsearch {
    width: 95%;
    float: left;
}
#addBudget .modal-content {
    padding: 20px 40px;
    text-align: center;
}
.sidePanelModal.slideopen {
    right: 0;
}
.sidePanelModalCont.slideopen {
    display: block;
}
.messagemodal .fa,
.messagemodalrm .fa {
    color: #777;
}
.headerMoneyWaiting {
    font-size: 16px;
    padding-top: 150px;
}
.allowemails a {
    background: transparent;
    color: #6c9eda;
    border: 1px solid #6c9eda;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 10px;
    display: inline-block;
}
.allowemails a:hover {
    color: #5491db !important;
}
.checkboxlist input {
    position: absolute;
}
.checkboxsec {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 9px;
    margin-bottom: 15px;
}
.checkboxlist {
    display: flex;
    align-items: center;
}
.checkboxbody {
    margin-top: 10px;
    padding-bottom: 20px;
}
.checkboxbody label:before {
    top: 50% !important;
    transform: translate(0%, -50%) !important;
}
a.advancedSearchBtn {
    margin-bottom: 20px;
}
.checkboxbody label:after {
    top: 8px !important
}
.checkboxlist label {
    margin: 0 !important;
}
.checkboxbody label {
    font-size: 14px;
}
.checkboxheader {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 0 10px;
}
.checkboxheader label {
    margin: 0 !important;
}
.iconchange .plusminusicon {
    background: url(../img/minus-symbol.svg);
    background-position: 98% 100%;
    background-repeat: no-repeat;
}
.checkboxlist.radiolist label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
.checkboxlist.radiolist label::after {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0.2em;
    font-size: 1em;
    line-height: 0.8;
    color: rgb(53, 143, 233);
    transition: all 0.2s ease 0s;
    content: '';
    width: 10px;
    height: 10px;
    background: #358fe9;
    border-radius: 50%;
}
.plusminusicon {
    background: url(../img/plus-symbol.svg);
    background-position: 98% 100%;
    height: 17px;
    background-repeat: no-repeat;
}
.checkboxheader label,
.checkboxheader .plusminusicon {
    width: 50%;
}
.notifyjs-bootstrap-warn {
    background-image: url("../img/warning.svg") !important;
    background-size: 5%;
    background-position: 3% 44% !important;
    text-transform: capitalize;
}
.notifyjs-bootstrap-warn span {
    text-shadow: inherit !important;
    letter-spacing: 0.5px;
}
.notifyjs-bootstrap-base {
    text-shadow: inherit !important;
}
.monitorpage {
    padding: 20px 40px;
}
.monitorpage h2 {
    padding-bottom: 0;
    margin-bottom: 0 !important;
    color: #222 !important;
    background: silver;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bolder;
}
.importlinkedin button.close:hover {
    color: #222;
    opacity: 1;
}
.importlinkedin .close>span:before,
.importlinkedin .close>span:after {
    display: none;
}
.monitorpage .monitortitle {
    margin-top: 60px;
}
.monitorpage .referal-content {
    margin-top: 30px;
}
.monitorpage .referalinput {
    width: 30%;
    margin-right: 2%;
}
.searchJobLink,.searchJobLink span {
    cursor: pointer;
}
.monitorpage .mobilereferal {
    display: flex !important;
    align-items: center;
    margin-top: 20px !important;
}
.monitorpage .btnsocial img {
    vertical-align: middle !important;
    margin-right: 8px;
    margin-top: -3px;
}
.monitorpage .btnsocial i {
    margin-right: 10px;
}
.monitorpage .btnsocial {
    border: 1px solid #4285f4;
    padding: 5px 20px;
    border-radius: 50px;
    margin: 5px 10px 0;
    display: inline-block;
}
.importlinkedin .modal-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: none;
    border: 0;
    height: 100vw;
    z-index: 999;
}
.importlinkedin .modal-dialog {
    width: auto;
    margin: 0;
}
.importlinkedincontact .left {
    padding: 3rem;
    width: 42%;
    overflow-y: auto;
}
a.btnsocial {
    border: 1px solid #4285f4;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 5px 10px 0;
    display: inline-block;
}
a.btnsocial:hover {
    color: #0548b7;
}
.btnsocial img {
    vertical-align: middle !important;
    margin-right: 8px;
    margin-top: -3px;
}
.btnsocial i {
    margin-right: 10px;
}
div#verifyProfileModal {
    z-index: 999 !important;
}
#verifyProfileModal button.btn {
    margin-top: 20px;
}
#verifyProfileModal .modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.memberprofile span.btn-file {
    z-index: 888 !important;
}
.locatefile {
    line-height: 30px;
}
.importlinkedincontact .right {
    background-color: #f3f3f3;
    box-shadow: inset 0.2rem 0 5.4rem 0 rgba(0, 0, 0, .1);
    width: 58%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.importlinkedincontact form h4 {
    margin-bottom: 20px;
    font-weight: 600;
}
.importlinkedincontact form button,
.importlinkedincontact form button:active {
    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, .06), 0 0.2rem 0.3rem 0 rgba(0, 0, 0, .06);
    background: #fff;
    border-radius: 50px;
    padding: 7px 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    color: #70707a;
}
.importlinkedincontact form {
    padding: 4em 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, transparent 0%, transparent 37%, #b7b7bc 37%, #b7b7bc 100%), linear-gradient(to right, transparent 0%, transparent 37%, #b7b7bc 37%, #b7b7bc 100%), linear-gradient(to bottom, transparent 0%, transparent 37%, #b7b7bc 37%, #b7b7bc 100%), linear-gradient(to bottom, transparent 0%, transparent 37%, #b7b7bc 37%, #b7b7bc 100%);
    background-size: 1.5rem .2rem, 1.5rem .2rem, .2rem 1.5rem, .2rem 1.5rem;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: 0 0, left bottom, 0 0, right 0;
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fdfdfd;
    margin: 3rem auto 0;
    transition: all .2s ease-in-out;
}
.importlinkedin .modal-body {
    position: inherit;
    padding: 0;
    width: 100%;
}
.smsnotification,
.chatnotification {
    background: #f44942;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 10px;
    padding-top: 1px;
}
.importlinkedincontact {
    display: flex;
    height: 100vh;
}
.importlinkedincontact .right img {
    width: 50%;
}
.importlinkedincontact h2 {
    margin-top: 0;
    font-size: 28px !important;
    line-height: 1.36;
    letter-spacing: -.08rem;
    text-align: left;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    display: inline-block;
    color: #6c9eda !important;
}
.step small {
    color: #70707a;
    line-height: 24px;
}
.importlinkedincontact p.import-li-intro-disclaimer {
    color: #95959f;
    font-size: 15px;
    line-height: 20px;
}
.importlinkedincontact p.import-li-intro-step-title {
    color: #70707a;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 25px;
}
a.linkedinopenbtn {
    border: 1px solid #6c9eda;
    margin-left: 15px;
    padding: 10px 20px;
    border-radius: 50px;
    color: #6c9eda !important;
    font-weight: bold;
}
.import-li-intro-steps .step {
    padding-left: 40px;
}
.importlinkedin button.close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    border: .2rem solid #e0dfe2;
    transition: border-color .2s ease-out, color .2s ease-out;
    z-index: 999;
    color: #70707a;
    font-size: 28px;
}
.importlinkedincontact .import-li-intro-step-title a {
    color: #70707a;
}
.d-none {
    display: none !important;
}
.checksignfull {
    display: flex;
    justify-content: center;
    align-items: center;
}
.verifyno:before {
    content: "";
    position: absolute;
    background-color: #787c83;
    top: 24px;
    margin-top: 0;
    width: 50%;
    height: 1px;
    right: 0;
}
.submitprofile:before {
    content: "";
    position: absolute;
    background-color: #787c83;
    top: 24px;
    margin-top: 0;
    width: 50%;
    height: 1px;
    left: 0;
}
.checksign i {
    width: 50px;
    height: 50px;
    border: 1px solid #787c83;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    background: #fff;
}
.text-left {
    text-align: left !important;
}
.btnunderline {
    background: none !important;
    border: 0 !important;
    color: #6c9eda !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    text-decoration: underline;
    padding-left: 0 !important;
}
.greencolor i {
    color: #57d48f;
    border: 1px solid #57d48f;
}
.checksign.greencolor {
    color: #57d48f;
}
.greencolor:before {
    background: #57d48f;
}
div#afterForgotPassword {
    margin-right: 200px;
}
.checksign {
    font-size: 18px;
    margin-bottom: 30px;
    margin-right: 0;
    position: relative;
    padding: 0 65px;
}
.checksign img {
    margin-right: 15px;
    width: 35px;
}
.profileformsidebar label {
    margin-top: 8px !important;
}
.profileformsidebar .row {
    margin-top: 20px !important;
}
.phonenumberfields input#phoneno {
    padding-left: 36px;
    padding-top: 4px;
}
button#finishRegisterBtn {
    background: #fff !important;
    transition: all 300ms ease-in-out;
}
button#finishRegisterBtn:hover {
    transition: all 300ms ease-in-out;
}
.headerMoneyRegister {
    padding: 0 40px;
    text-align: center;
    font-size: 15px;
}
.chattabcstm .selectboxit-options li {
    display: block;
}
.login-form-footer button {
    background: #69b469 !important;
    transition: all 300ms ease-in-out;
    border-color: #69b469 !important;
}
.login-form-footer button:hover {
    transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #000;
}
.registrationconfirmation button {
    background: #55dd88 !important;
    border-color: #55dd88 !important;
    color: #fff !important;
    padding: 0 30px !important;
}
.registrationconfirmation button:hover {
    background: #27c663 !important;
    transition: all 300ms ease-in-out;
}
#getcodemodal .modal-dialog {
    position: static;
    top: 0;
    left: 0;
    transform: translate(0%, 0%) !important;
    max-width: 405px;
    min-width: 450px;
    float: right;
    margin-top: 100px;
    margin-right: 10%;
}
#getcodemodal {
    display: none;
}
#getcodemodal .modal-dialog .modal-body {
    padding: 30px 60px;
}
.envelope {
    position: absolute;
    width: 90px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -40px;
}
#getcodemodal input[type=number]::-webkit-inner-spin-button,
#getcodemodal input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#getcodemodal .modal-header {
    background: #55a4dd94;
    border: 0;
    padding: 40px 0;
    position: relative;
    margin-bottom: 25px;
    border-radius: 40px 40px 0px 0px;
}
#getcodemodal .modal-header h2 {
    color: #fff;
    font-size: 28px !important;
    margin-bottom: 25px;
}
.getcodetitle {
    text-align: center;
}
.phoneicon .fa {
    position: absolute;
    right: 18px;
    left: auto;
    bottom: auto;
    top: 50%;
    color: #999;
    font-size: 15px;
    transform: translate(0, -50%);
}
#getcodemodal .modal-dialog .modal-content .close {
    position: absolute;
    right: 17px;
    top: 18px;
    margin: 0;
    font-size: 30px;
    font-weight: normal;
    line-height: 20px;
    color: #fff;
}
.getcoderight input {
    float: left;
    width: 35%;
}
.codemessage {
    float: left;
    font-size: 13px;
    border: 1px solid #eee;
    padding: 10px;
    margin-left: 10px;
    position: relative;
}
.codeverifybtn {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.verificationcode {
    display: flex;
    align-items: center;
    position: relative;
}
.codeverifybtn a {
    font-size: 14px;
    text-decoration: underline;
}
.codeverifybtn button.verifycode {
    background-color: #69D4E3 !important;
    height: 57px;
    border-radius: 8px !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    font-family: 'CeraPro-Black';
}
.getcoderight label {
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
}
.codeverifybtn p {
    color: #000 !important;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
}
.codeverifybtn a {
    color: #529ed6;
}
.getcodetitle h2 {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 30px;
    font-weight: normal;
}
.getcoderight input,
.getcoderight input:focus,
.getcoderight input:hover {
    border-radius: 0 !important;
    font-size: 34px !important;
    letter-spacing: 40px;
    text-align: center;
    text-indent: 40px;
}
.getcoderight {
    width: 100%;
    float: left;
}
.getcoderight input {
    width: 100%;
    color: #000 !important;
    padding: 0 10px;
}
.getcodeleft {
    width: 20%;
    float: left;
}
.verificationcode:after {
    content: "";
    width: 230px;
    height: 1px;
    position: absolute;
    background: #7a7a7a;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}
.sbmtpayment button {
    width: 100%;
    max-width: 300px;
}
#agreeterm+label a:focus {
    color: #39C9E1;
}
#getcodemodal .modal-dialog .modal-content {
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.12);
    border-radius: 40px;
}
.joblistimg img {
    max-width: 100%;
}
.joblistcontent p {
    margin: 0;
}
body {
    zoom: 1;
}
.select2-results,
html {
    -webkit-tap-highlight-color: transparent
}
a,
a:focus,
a:hover {
    color: #1C73F6
}
a,
a:focus,
a:hover {
    color: #1C73F6
}
.btn-group-vertical>.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background: #fff;
    border: solid 1px #2D3A5B !important;
    color: #000;
}
.addJobsBulk .btn-primary.active.focus,
.addJobsBulk .btn-primary.active:focus,
.addJobsBulk .btn-primary.active:hover,
.addJobsBulk .btn-primary:active.focus,
.addJobsBulk .btn-primary:active:focus,
.addJobsBulk .btn-primary:active:hover,
.open>.addJobsBulk .dropdown-toggle.btn-primary.focus,
.open>.addJobsBulk .dropdown-toggle.btn-primary:focus,
.open>.addJobsBulk .dropdown-toggle.btn-primary:hover {
    border: 0 !important;
}
label.btn.btn-primary.boxInput:hover {
    background: #ebf0f6 !important;
    border-color: #ebf0f6 !important;
}
.btn.btn-primary:active {
    border: 0px solid transparent !important;
    background:  #000000 !important;
}
.btn-group:after,
.btn-toolbar:after,
.common-header,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after {
    clear: both
}
#uploadCSV i.icon,
#uploadResume i.icon,
.logo-hang,
.rating-container {
    -moz-osx-font-smoothing: grayscale
}
.job-chat-bubble-text,
.job-detail-txt-cover,
.new-job-content,
.uploader {
    word-wrap: break-word
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
sub,
sup {
    position: relative
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
html {
    font-size: 62.5%
}
.lead,
body {
    font-size: 14px
}
body {
    font-family: 'CeraPro-Regular';
    line-height: 25px;
    color: #575858;
    background-color: #fff
}
a:focus {
    outline: 0
}
.img-rounded {
    border-radius: 1px
}
.form-control:focus {
    box-shadow: none;
    border-color: #eee !important;
}
select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #74899e inset
}
select.form-control {
    padding: 0 4px
}
cite {
    font-style: normal
}
.left-col-search input+.input-group-btn {
    right: 65px;
    height: 100%;
    background: no-repeat;
    display: flex;
    align-items: center;
    width: 20px;
}
.candidatedetailicon .fa {
    font-size: 20px;
    margin-left: 10px;
}
a.clearBtn {
    font-size: 13px;
    text-decoration: underline;
    text-align: right;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    font-weight: bolder;
    padding-top: 10px;
}
#formatPasswordPanel {
    margin-right: 0;
}
.login-page-bg header {
    width: 100%;
    transition: 0.5s all;
    z-index: 999;
    position: relative;
    top: 0;
    background: linear-gradient(to right, #52c5d8 0%, #a593f6 100%);
}
.login-page-bg .social-icons-top>a+a {
    padding-left: 10px;
}
.login-page-bg nav.navbar.header-nav {
    padding: 15px 0;
    min-height: 80px;
    position: relative;
    z-index: 5;
    background: transparent;
}
.login-page-bg .main-nav-links li a,
.main-nav-links li a:focus,
.login-page-bg .main-nav-links li a:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.login-page-bg .main-nav-links li a:after {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 20px;
    transition: 0.2s all;
    right: 20px;
    opacity: 0;
}
.login-page-bg .social-icons-top {
    margin: 0 20px;
}
.login-page-bg .social-icons-top a>i {
    color: #fff;
    font-size: 20px;
}
.login-page-bg .login:focus,
.login-page-bg .login:hover,
.login-page-bg .dropdown.login-button:hover a.login {
    background: #fff;
    color: #000;
    text-shadow: none;
    border-color: #fff;
}
.login-page-bg [type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: inherit !important;
}
.register-page-cont header {
    background: none;
}
.login-page-bg li.jobcon-link {
    padding-right: 20px;
    margin-top: -5px;
}
.login-page-bg .cards-dd .dropdown-menu.account:after,
.login-page-bg .dropdown-menu:after,
.login-page-bg .top-right-icons .dropdown-menu.account:after {
    display: none;
}
.login-page-bg .dropdown.login-button ul.dropdown-menu:before {
    width: 0;
    height: 0;
    border-bottom: 6px solid white;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -8px;
}
.login-page-bg .login,
.login-page-bg .login:focus,
.login:hover,
.login-page-bg .btn.login[data-toggle="dropdown"] {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 2px 2px 6px -5px #000;
    color: #fff;
    padding: 5px 0;
    width: 110px;
    transition: background 300ms;
    font-size: 14px !important;
    font-weight: 600;
}
.login-page-bg .dropdown.login-button ul.dropdown-menu {
    min-width: inherit;
    left: 50%;
    margin-left: -86px;
    top: 48px;
    padding: 8px 24px;
}
.login-page-bg .dropdown.login-button ul.dropdown-menu li {
    border-bottom: 1px solid #f9f9f9;
}
.login-page-bg .login-button .dropdown-menu li a {
    font-size: 15px;
    font-weight: 500;
    padding: 7px 24px;
    color: #000;
    display: block;
}
.login.active {
    background-color: #fff;
    color: #000;
}
.login-page-bg .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.login-page-bg .login-button {
    margin-right: 10px;
    padding: 8px 0;
}
.login-page-bg .navbar-brand img {
    width: 144px;
}
.login-page-bg img {
    max-width: 50%;
}
.sidebarheadersec {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.sidebarheadersec h3.searchResultHeading {
    margin: 0;
    margin-left: 17px;
    color: #000 !important;
    line-height: 26px;
}
.addmatebtn button#addteammate {
    margin: 0;
}
.sidebartitle {
    width: 50%;
}
.addmatebtn {
    width: 50%;
    text-align: right;
    padding-right: 20px;
}
.chat-area-main-col-right input#searchSmsValue {
    margin-bottom: 20px;
}
.chatarea::placeholder {
    vertical-align: middle;
}
#txtInitialConversation::placeholder {
    color: #ccc;
}
.smsent ul.nav.nav-tabs {
    text-align: center;
}
.smsent ul.nav.nav-tabs li {
    display: inline-block;
    float: none;
}
.card .nav-tabs a {
    padding: 10px 10px !important;
}
#additionalCriteria label.control-label {
    text-transform: uppercase;
}
select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #74899e inset !important;
    color: #222 !important;
}
.clearfiltermobile {
    display: none;
}
.m-0 {
    margin: 0 !important;
}
.searchbtnsec {
    display: inline-block;
}
.searchlist p span {
    color: red;
}
.searchlist {
    background: #fff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    margin-top: 20px;
    border-radius: 10px;
    cursor: pointer;
}
textarea#chatInput {
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.03) !important;
}
.matchextitle,
.skillssearch {
    display: none;
}
.skillssearch .bootstrap-tagsinput input {
    width: 100% !important;
    font-size: 12px;
    color: #444;
    margin: 0 !important;
}
.skillssearch .bootstrap-tagsinput input::placeholder {
    color: #444;
}
.person-photo {
    position: relative;
}
.alert-success hr {
    border-top-color: snow !important;
}
.viewresume {
    position: absolute;
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%);
    /* border: solid 1px #4e9ab8 !important;*/
    
    color: #fff;
    border-radius: 6px !important;
    font-size: 14px;
    padding: 2px -2px;
    line-height: 28px;
    left: 60%;
    bottom: 5px;
    width: 118px;
    text-align: center;
    transform: translate(-50%, 0);
    text-transform: uppercase;
}
a.btn.btn-info.job-apply-btn:active {
    border: 0 !important;
}
ul.chat-applicants {
    padding-top: 20px;
}
.chattabcstm .nav>li>a {
    position: relative;
    display: inline-block;
    padding: 10px 16px;
    width: auto;
    color: #000;
}
span#activeSinceSelectBoxItText {
    color: #000;
}
#newsearch label.control-label {
    text-transform: capitalize;
    font-size: 14px;
}
.bootstrap-tagsinput input::placeholder {
    color: #ccc !important;
}
.chattabcstm ul {
    border: 0 !important;
}
.searchlist p span.checkmark {
    color: red;
    background: #57d48f;
    padding: 1px 3px;
    border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
}
span.checkmark:before {
    content: "\f00c";
    font-family: fontawesome;
    color: #fff;
    font-size: 10px;
}
.chattabcstm li.active a {
    border: 0 !important;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0 !important;
}
.chattabcstm .nav-tabs a:hover {
    background: transparent !important;
    color: #000 !important;
    border-radius: 10px 10px !important;
}
.createalertbtn a:focus {
    color: #000;
    border-color: darkturquoise;
}
.middlejobtitle {
    font-weight: bold;
    font-size: 21px;
    line-height: 50px;
}
#activeSinceSelectBoxItOptions li:hover {
    background: #1d81e5 !important;
    color: #fff !important;
}
#activeSinceSelectBoxItOptions li a:hover {
    color: #fff !important;
}
.chattabcstm li a:hover {
    border-radius: 0 !important;
    background: transparent !important;
    color: #222 !important;
}
textarea#smsInput {
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.03) !important;
}
#txtInitialConversation {
    font-size: 14px !important;
    color: #575858;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.03) !important;
}
textarea#replyTextInput {
    font-size: 14px !important;
    color: #575858;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.03) !important;
}
textarea#replyTextInput::placeholder {
    color: #ccc;
}
.chatarea {
    height: 51px;
    padding: 10px 50px 16px 19px;
    line-height: 18px !important;
    border-radius: 0;
    display: table-cell;
    z-index: 2 !important;
    position: relative !important;
    float: left;
    width: 100%;
    overflow-y: hidden;
    font-size: 14px !important;
}
.bg-primary {
    background-color: #618fb0
}
a.bg-primary:hover {
    background-color: #4a7594
}
.bg-success {
    background-color: #56bc76
}
a.bg-success:hover {
    background-color: #3fa05e
}
.common-header {
    color: #fff
}
.bg-info {
    background-color: #2D3E50;
    border: 1px solid #2D3E50
}
.bg-info:hover {
    color: #fff!important;
    border: 1px solid transparent
}
a.bg-info:hover {
    background-color: #52A0EC;
    color: #fff;
    border: 1px solid #2D3E50
}
blockquote .small,
blockquote footer,
blockquote small,
pre {
    color: #708090;
    line-height: 20px
}
.bg-warning {
    background-color: #eac85e
}
a.bg-warning:hover {
    background-color: #e4b931
}
.bg-danger {
    background-color: #e22e24
}
a.bg-danger:hover {
    background-color: #d1431c
}
.btn .fa.fa-chevron-right {
    margin-left: 12px
}
.list-inline>li:first-child {
    padding-left: 0
}
abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: default
}
blockquote {
    font-size: 16.25px;
    border-left: 5px solid #eee
}
address {
    line-height: 20px
}
pre {
    font-size: 12px;
    border-radius: 1px
}
.btn {
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 8px 20px;
    font-size: 15px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    color: #74899e;
    text-shadow: none
}
#step1Btn {
    margin-top: 25px
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    color: #000;
    background-color: #fff
}
.open .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #525252;
    border-color: rgba(0, 0, 0, .15)
}
.btn-primary {
    color: #fff;
    background-color: #2D3E50;
    border-color: #2D3E50;
    border-radius: 2px
}
.open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #52A0EC;
    border-color: #52A0EC
}
.btn-primary.active,
.btn-primary:active,
.open .btn-primary.dropdown-toggle {
    background-image: none
}
.btn-default:focus,
.btn-default:hover,
.btn-info:focus,
.btn-info:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn.btn-default,
.btn.btn-info,
.btn.btn-primary {
    border: 1px solid #2D3A5B;
    color: #000;
    font-size: 14px;
    height: 45px;
    line-height: 41px;
    padding: 0 20px;
    border-radius: 10px !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal;
}
.cardSearchBox button {
    padding: 0 5px 0 20px !important;
}
.cardSearchBox input {
    font-size: 14px !important;
    padding-left: 5px !important;
}
.btn-default:focus,
.btn-default:hover,
.btn-info:focus,
.btn-info:hover,
.btn-primary:focus,
.btn-primary:hover {
    color: #f1f1f1
}
#removeJobFromDashBoard {
    background: rgba(0, 0, 0, 0);
    color: #74899e
}
.open .btn-info.dropdown-toggle {
    color: #fff
}
.btn-info.active,
.btn-info:active {
    background-image: none
}
#fileProcessing>h3 {
    background: #fff;
    border-radius: 10px;
    color: #34495e;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    cursor: pointer
}
.well.fd-zone:before {
    border-radius: 6px;
    bottom: 6%;
    content: "";
    display: block;
    left: 3%;
    position: absolute;
    right: 3%;
    top: 6%
}
.big-up-ico {
    font-size: 110px
}
.modal.big-up-bg .modal-backdrop {
    background: rgba(0, 0, 0, 0)
}
.btn-danger.active,
.btn-danger:active,
.btn-warning.active,
.btn-warning:active,
.open .btn-danger.dropdown-toggle,
.open .btn-info.dropdown-toggle,
.open .btn-warning.dropdown-toggle {
    background-image: none
}
.modal-backdrop {
    bottom: 0;
    top: 0
}
.modal {
    z-index: 99999;
}
.mascot-cont>a {
    height: 46px;
    overflow: hidden
}
.btn-info .badge {
    color: #74899e;
    background-color: #fff
}
.btn-warning {
    color: #fff;
    background-color: #2D3E50;
    border-color: #2D3E50
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e5bc3a;
    border-color: #d5a81c
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #eac85e;
    border-color: #e7c047
}
.btn-warning .badge {
    color: #eac85e;
    background-color: #fff
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #da461d;
    border-color: #b23918
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #e22e24;
    border-color: #e24e24
}
.btn-danger .badge {
    color: #e22e24;
    background-color: #fff
}
.btn-link {
    color: #618fb0;
    cursor: pointer;
    border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}
.btn-link:focus,
.btn-link:hover {
    color: #426883
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #708090;
    text-decoration: none
}
.btn-group-lg>.btn,
.btn-lg {
    padding: 8px 18px;
    font-size: 16.25px;
    line-height: 1.33;
    border-radius: 3px
}
.btn-group-sm>.btn,
.btn-sm {
    padding: 2px 10px;
    font-size: 11.05px;
    line-height: 1.9;
    border-radius: 20px
}
.btn-group-xs>.btn,
.btn-xs {
    border-radius: 0
}
.btn.btn-block {
    border: 1px solid #000 !important;
    color: #000 !important;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    border-radius: 90px;
    background-color: #fff !important;
    height: 42px;
    border-radius: 5px;
}
.login-form-footer .btn-block {
    margin-bottom: 10px
}
.widget.snapcard .body {
    margin-top: -5px;
    line-height: 14px;
    cursor: pointer
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}
.trash.ui-droppable>img,
.trash>img {
    width: auto
}
button,
html input[type=button],
input[type=submit],
input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 10px
}
.fade {
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}
.collapse {
    display: none
}
.collapse.in {
    display: block
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.nav:after,
.nav:before {
    display: table;
    content: " "
}
.collapsing {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(fonts/glyphicons/glyphicons-halflings-regular.woff) format("woff"), url(fonts/glyphicons/glyphicons-halflings-regular.ttf) format("truetype"), url(fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
.dropdown-menu>li>a {
    line-height: 22px;
    color: #000 !important
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #318ce7
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    outline: 0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #708090
}
.dropdown-menu-right {
    left: auto;
    right: 0
}
.dropdown-header {
    font-size: 11.05px;
    line-height: 20px;
    color: #708090
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 4px solid;
    content: ""
}
.btn-group-vertical>.btn:focus,
.btn-group>.btn:focus {
    outline: 0
}
.btn-toolbar:after,
.btn-toolbar:before {
    content: "";
    display: table
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}
.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}
.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}
.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn-group-lg>.btn .caret {
    border-width: 5px 5px 0
}
.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 1px
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.input-group-addon {
    padding: 4px 12px;
    font-size: 13px;
    border: 1px solid #e1e1e1;
    border-radius: 1px
}
.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 2px 10px;
    font-size: 11.05px;
    border-radius: 0
}
.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 8px 18px;
    font-size: 16.25px;
    border-radius: 1px
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.input-group-addon:first-child {
    border-right: 0
}
.nav>li.disabled>a {
    color: #708090
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #708090;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: #618fb0
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 1px 1px 0 0
}
.total-del-number {
    float: right;
    font-size: 72px;
    padding-left: 5%;
    padding-top: 14%;
    text-align: center
}
.trash {
    text-align: center
}
.trash>img {
    background: #a7c6c1;
    border: 3px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #ccc;
    margin-bottom: 12px;
    max-width: 100%;
    padding: 5px
}
.dropdown-submenu .dropdown-menu:after,
.dropdown-submenu .dropdown-menu:before {
    display: none
}
.post-job a {
    font-size: 15px
}
.trash.ui-droppable {
    padding-bottom: 8px;
    text-align: center
}
.nav-tabs.nav-justified {
    width: 100%
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 1px
}
.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch
}
.navbar-collapse:after,
.navbar-collapse:before {
    content: " ";
    display: table
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}
.navbar-brand {
    font-size: 16.25px
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}
.navbar-toggle {
    margin-right: 15px;
    border-radius: 1px
}
.navbar-toggle:focus {
    outline: 0
}
.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 10px;
    margin-bottom: 10px
}
.candidateProfileSidebar {
    position: sticky;
    top: 80px;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.breadcrumb,
.pagination {
    border-radius: 1px
}
.pagination {
    width: 100%;
}
.navbar-btn {
    margin-top: 10px;
    margin-bottom: 10px
}
.btn-group-sm>.navbar-btn.btn,
.navbar-btn.btn-sm {
    margin-top: 12px;
    margin-bottom: 12px
}
.btn-group-xs>.navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px
}
.navbar-inverse {
    border-color: #090909
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
    color: #708090
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #090909
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}
.breadcrumb>.active,
.navbar-inverse .navbar-link {
    color: #708090
}
.breadcrumb {
    background-color: transparent
}
.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #708090
}
.pagination>li>a,
.pagination>li>span {
    padding: 4px 12px;
    line-height: 20px;
    color: #618fb0;
    border: 1px solid #ddd
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #426883;
    background-color: #eee;
    border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #618fb0;
    cursor: default
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #708090;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 8px 18px;
    font-size: 16.25px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 2px 10px;
    font-size: 11.05px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.pager {
    list-style: none;
    text-align: center
}
.pager:after,
.pager:before {
    content: " ";
    display: table
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #708090;
    background-color: #fff;
    cursor: not-allowed
}
.label[href]:focus,
.label[href]:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.label-default,
.label-inverse {
    background-color: #999
}
.label-default[href]:focus,
.label-default[href]:hover,
[href].label-inverse:focus,
[href].label-inverse:hover {
    background-color: gray
}
.label-primary {
    background-color: #618fb0
}
.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #4a7594
}
.label-success {
    background-color: #56bc76
}
.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #3fa05e
}
.label-info {
    background-color: #4ab0ce
}
.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #3196b4
}
.label-warning {
    background-color: #eac85e
}
.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #e4b931
}
.label-danger,
.label-important {
    background-color: #e22e24
}
.label-danger[href]:focus,
.label-danger[href]:hover,
[href].label-important:focus,
[href].label-important:hover {
    background-color: #d1431c
}
.badge {
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #999;
    border-radius: 3px
}
.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}
.nav-pills>.active>a>.badge,
a.list-group-item.active>.badge {
    color: #618fb0;
    background-color: #fff
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}
.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    background-color: transparent
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 20px
}
.container .jumbotron {
    border-radius: 1px
}
.thumbnail {
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}
.thumbnail .caption {
    padding: 9px;
    color: #708090
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #618fb0
}
.side-bar {
    background: #fafafa;
    border-left: 2px solid #eee;
    bottom: 0;
    color: #888;
    font-size: 13px;
    position: fixed;
    right: -400px;
    top: 1px;
    width: 320px;
    z-index: 5000
}
.side-bar-inner {
    bottom: 0;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff
}
.mk01,
.panel.mk01 h2 {
    margin: 0
}
.btn.btn-default.slide,
.btn.btn-default.slide:active,
.btn.btn-default.slide:focus {
    background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%) rgba(0, 0, 0, 0);
    border-color: #ccc;
    border-radius: 7px 0 0 7px;
    color: #708090;
    float: left;
    margin-left: -36px;
    margin-top: 10px
}
.newActivity a {
    color: #318ce7
}
.btn.btn-primary.fixbtn {
    background: #444;
    border-color: #444;
    border-radius: 7px 0 0 7px;
    color: #ccc!important;
    float: right;
    font-size: 14px;
    margin: 12px -3px 0 0;
    padding: 5px 9px;
    position: relative
}
.invite-coworker i.icon.icon-delete-3 {
    position: absolute;
    right: 0;
    top: 3px;
    color: #575858
}
.invite-coworker li {
    position: relative
}
.btn.btn-default.p-share-btn.soci-share-btn.dlt-bin {
    float: right
}
#add-mail-btn {
    font-size: 14px
}
div#recentAct {
    min-height: 300px;
    padding: 17px 26px;
    background: #fff;
    border-left: 1px solid #fff;
    border-radius: 3px 0 0 3px
}
p.newActivity {
    border-bottom: 1px solid #f0f7fc;
    color: #000;
    line-height: 25px;
    margin-bottom: 14px;
    padding: 0 0 20px;
    font-size: 12px
}
.side-bar p.newActivity {
    font-size: 13px;
    border-bottom: 0;
    padding: 0;
    margin: 0;
    line-height: 20px
}
.side-bar span.timeline_title_date {
    font-size: 9px
}
.alert {
    border-radius: 1px
}
.alert h4 {
    margin-top: 0;
    color: inherit
}
.alert>p,
.alert>ul {
    margin-bottom: 0;
    color: steelblue;
    text-align: center;
}
.alert>p+p {
    margin-top: 5px
}
.alert-dismissable {
    padding-right: 35px
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}
.alert-success {
    background-color: #d8e3f0;
    border-color: #d8e3f0 !important;
    color: #4378b7 !important;
}
.alert-success .alert-link {
    color: #4d4d4d
}
.alert-info {
    background-color: #618fb0;
    border-color: #4f8a9e;
    color: #708090
}
.alert-info hr {
    border-top-color: #477b8d
}
.alert-info .alert-link {
    color: #4d4d4d
}
.alert-warning {
    background-color: #eac85e;
    border-color: #e7a647;
    color: #708090
}
.alert-danger .alert-link,
.alert-warning .alert-link {
    color: #4d4d4d
}
.alert-warning hr {
    border-top-color: #e49b31
}
.alert.alert-danger {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.24);
    background-color: whitesmoke;
    border-radius: 7px;
    color: red;
}
.alert-danger hr {
    border-top-color: #d1251c
}
.progress {
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
    width: 0;
    height: 100%;
    font-size: 11.05px;
    background-color: silver;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    border-radius: 3px
}
.fd-zone {
    background: #fff;
    border: 2px dashed #ddd !important;
    color: #808080 !important;
    font-size: 14px;
    position: relative;
}
.fd-zone h3 {
    margin: 10px 0 5px;
    color: #111417;
    font-size: 20px;
    font-family: 'Cera Pro';
}
#applyJobForm input[type=file] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    height: auto;
    padding: 4px 0
}
.common-header {
    padding-bottom: 4px;
    background: #fff;
    box-shadow: 0 0 48px rgb(0 0 0 / 6%) !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e4e4e4;
    z-index: 1030;
    min-height: 72px;
    align-items: center;
    padding-top: 0px;
}
.progress-striped .progress-bar,
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.common-header .logo {
    display: none
}
.navbar-right.nav>li>a>i,
i.menu-bar-ico {
    color: #8598a5;
    font-size: 17px;
    padding: 5px;     
}
.searchpagemenu {
    padding: 0;
    margin-bottom: 0px;
    position: relative;
    margin-top: 0px;
    background: #fff;
    z-index: 9999;
    float: left;
    width: 100%;
}
.searchpagemenu ul {
    margin-bottom: 0;
}
.searchJobsForm {
    position: absolute;
    left: 0;
    top: 100%;
    width: 600px;
    background: #fff;
    z-index: 99999;
    padding: 20px 20px 20px;
    margin-top: 30px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.searchformtitle h2 {
    font-size: 20px;
}
.jobsearchdetails {
    padding: 20px 0;
}
.joblist {
    margin-bottom: 18px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1) !important;
    padding: 18px 25px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.joblistimg {
    width: 50px;
    height: 50px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
/************ Job Match % Css Start ***********/
.joblistimg.matchPercentOuter {
    flex-direction: column;
    justify-content: center;
    width: 80px;
    height: 60px;
    gap: 5px;
}
.joblistimg.matchPercentOuter .percentValueOuter {
    display: flex;
    gap: 2px;
    line-height: 1;
}
.joblistimg.matchPercentOuter span {
    color: #111417;
    font-size: 14px;
    font-family: 'CeraPro-Medium';
    line-height: 1;
}
.joblistimg.matchPercentOuter .matchPercent {
    height: 8px;
    border-radius: 20px;
    border: 1px solid #2C7998;
    width: 100%;
}
.matchPercentBg {
    background-color: #6BBFE1;
    height: 100%;
    border-radius: 20px;
}
/************ Job Match % Css Start ***********/
.addtofavaourite a img {
    vertical-align: top;
    width: 12px;
}
.addtofavaourite {
    position: absolute;
    right: 35px;
    width: 13px;
    height: 19px;
}
.joblistsec a {
    display: inline-block;
    width: 100%;
}
.joblist.visited a, .joblist.visited > strong {
    color: inherit;
}
.joblist.visited .joblisttitle {
    color: #660099;
}
.addtofavaourite span {
    display: flex;
    width: 25px;
    height: 25px;
    background-color: #ffd11cbd;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: -11px !important;
    cursor: pointer;
    margin-top: 8px;
}
.addtofavaourite span {
    margin-left: 0;
}
.addtofavaourite {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    z-index: 999;
    display: inline-block;
}
.jobsearchpage .wrap {
    margin: 0;
}
.joblistdesc {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.joblist .joblist {
    margin-top: 37px;
}
.joblistcontent {
    width: calc(100% - 58px);
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 1.66;
    font-family: 'CeraPro-Regular';
}
.sidebarCol .jobHeader h4.jobType, 
.sidebarCol .jobHeader span {
    font-size: 13px;
    margin-bottom: 0;
    letter-spacing: initial;
    color: rgba(0,0,0,0.7);
}
.sidebarCol .jobHeader > span {
    line-height: initial;
    display: block;
    padding-left: 17px;
}
.sidebarCol .jobHeader h4.jobType i {
    margin-right: 4px;
}
.joblisttitle {
    font-size: 17px;
    color: #1C73F6;
    margin-bottom: 0;
    padding-right: 20px;
    font-family: 'CeraPro-Medium';
}
.joblisttitle strong {
    color: inherit;
}
.jobinfo {
    font-size: 14px;
    color: #40A756;
    margin-bottom: 0;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.jobinfo span.companyName {
    display: flex;
    align-items: center;
    gap: 5px;
}
.jobinfo span.dividerLine {
    margin: 0 12px;
    color: #000;
}
.jobinfo span.locationSpan {
    display: flex;
    align-items: center;
    gap: 5px;
}
.jobinfo span.postedAt {
    display: flex;
    align-items: center;
    gap: 5px;
}
.priceType {
    margin: 5px 0;
}
.priceType.priceTypeStyle > ul:not(:last-child) {
    margin-bottom: 5px;
}
.priceType ul li {
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 4px;
    font-size: 13px;
    color: slategrey;
    padding: 2px 8px;
}
.jobBannerCont .priceType ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.jobBannerCont a.btn {
    background-color: #55DD88;
    border-color: #55DD88 !important;
    font-size: 14px;
    font-family: 'Cera Pro' !important;
    padding: 12px 28px;
    height: auto !important;
    border-radius: 10px;
    text-transform: uppercase !important;
}
.jobBannerCont a.btn:hover,
.jobBannerCont a.btn:focus {
    background-color: #55DD88 !important;
    border-color: #55DD88 !important; 
}
.jobBannerCont .priceType ul li {
    background-color: #4682B4;
    color: #fff;
    font-size: 16px;
    font-family: 'CeraPro-Medium';
    padding: 5px 10px;
    line-height: initial;
}
.jobBannerCont .timeCol ul li {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 14px;
    padding: 5px 14px;
}
.jobBannerCont .priceType ul li + li {
    margin-left: 0;
}
.priceType ul li img, 
.priceType ul li span {
    display: inline-block;
    vertical-align: middle;
}
.priceType ul li + li {
    margin-left: 5px;
}
.priceType ul li img {
    margin-right: 3px;
    height: 20px;
}
.priceType ul li img.jobTypeIcon {
    height: 15px;
}
.priceType ul li img.priceIcon {
    height: 13px;
}
.postedOn {
    margin: 5px 0 10px;
}
.new-job-content .postedOn p {
    font-size: 12px;
    margin: 0;
    line-height: 16px;
    color: rgba(0,0,0,0.6);
}
.notificationmessage {
    padding: 22px 17px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 14px;
    cursor: default;
    color: #fff;
    gap: 20px;
    font-weight: 600;
    background: linear-gradient(to right, rgba(90, 192, 219, 1) 0%, rgba(157, 151, 243, 1) 100%);
}
.notificationmessage h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'CeraPro-Medium';
    color: #fff;
}
.automateBtn {
    border-radius: .25rem;
    padding: 6px 12px;
    border-radius: 4px;
}
.iconBtn {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.notificationmessage a.btn {
    margin: 0 !important;
    margin-left: auto !important;
}
.btnWhiteCol .iconCol {
    width: 20px;
    height: 20px;
    background: #6BBFE1;
    border-radius: 50%;
}
.btnWhiteCol {
    background-color: #fff;
    color: #111417;
    font-size: 14px;
    font-family: 'CeraPro-Medium';
}
.headersearch.searchtabscontent {
    display: block;
    margin-top: 0;
    position: initial;
    text-align: center;
}
.shareJobSocial ul li p {
    margin: 0;
    cursor: pointer;
}
.shareJobSocial ul li {
    display: inline-block;
}
.shareJobSocial ul li + li {
    margin-left: 10px;
}
.mr-sm-3, .mx-sm-3 {
    margin-right: 1rem!important;
}
.ml-sm-3, .mx-sm-3 {
    margin-left: 1rem!important;
}
.jobHeader h3 {
    font-size: 15px;
    text-transform: capitalize;
    color: #1C73F6;
    font-family: 'CeraPro-Medium';
    margin-top: 0;
    margin-bottom: 5px;
}
.jobTopInfoGrid .jobHeader h3 {
    color: #000;
}
.posDetailList .jobHeader h3 {
    color: #111417;
}
.jobTopInfoGrid .cardDesc p {
    color: rgba(17, 20, 23, 0.8) !important;
    font-size: 14px;
    font-family: 'CeraPro-Regular';
    line-height: initial;
    margin-bottom: 0;
}
.flexAlign {
    display: flex;
    align-items: center;
}
.jobHeader h2 {
    color: #111417;
    font-size: 20px;
    font-family: 'Cera Pro';
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
}
.jobDesc p, 
.jobDesc p strong {
    color: rgba(17, 20, 23, 0.8) !important;
    font-size: 15px !important;
    line-height: 1.66;
}
.jobDesc ul li {
    color: rgba(17, 20, 23, 0.8) !important;
    font-size: 15px !important;
    line-height: 1.66;
}
.top-edit-job-btns.snapx-text a:focus {
    color: #fff !important;
}
.headersearch.searchtabscontent input,
.headersearch.searchtabscontent .btn.btn-primary {
    height: 56px;
    border-radius: 6px;
    font-weight: 600;
}
.breadCrumbStyle ol.breadcrumb {
    padding: 0;
}
.breadCrumbStyle ol.breadcrumb li {
    margin-bottom: 4px;
}
.breadCrumbStyle ol.breadcrumb li a {
    font-size: 12px;
    line-height: 18px;
    color: #1ea2d7 !important;
    font-weight: 400;
    margin-bottom: 13px;
    text-decoration: underline;
}
.breadCrumbStyle ol.breadcrumb li+li:before {
    content: ">";
    padding: 0 2px;
    font-size: 12px;
    color: #676771 !important;
}
.filtersec {
    padding: 20px 72px 20px 0;
    display: flex;
    align-items: center;
}
.headersearch.searchtabscontent .form-inline {
    display: flex;
}
.headersearch.searchtabscontent .btn.btn-primary {
    font-size: 18px;
    line-height: 11px;
    font-weight: normal;
    color: #fff !important;
    background: #000000;
    border: solid 1px #000000 !important;
    border-radius: 50px;
    padding-left: 25px;
    margin-left: 17px;
    padding-right: 25px;
    text-transform: capitalize;
}
.filtermenusec {
    padding: 0;
}
.pagination li a {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
}
.pagination li.active a {
    background: #ccc;
    color: #fff;
}
.pagination li a i {
    font-size: 24px;
}
.createalertbtn a {
    color: #59c7f3;
    border: solid 1px #59c7f3;
    padding: 5px 18px;
    display: inline-block;
    background: #fff;
    font-size: 15px;
    margin-right: 0;
    margin-top: 0;
    font-weight: normal;
    border-radius: 2px;
}
.pagination li {
    float: left;
}
.pagination li+li {
    margin-left: 5px;
}
.pagination li.previous.disabled a {
    pointer-events: none;
}
.pagination li.previous.disabled a i {
    color: gray;
}
.searchresultheader {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 8;
}
.searchresultcount {
    color: #222;
    margin-left: 0;
    font-size: 16px;
    flex-grow: 1;
    padding: 10px 0 20px;
    text-align: center;
}
.createalertbtn {
    text-align: right;
    position: relative;
    padding: 10px 0;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    margin-left: 14px;
}
.filterinner ul {
    display: flex;
    align-items: center;
    margin: 0;
}
.filterinner {
    display: flex;
    align-items: center;
    max-width: 1360px;
    margin: 0 auto;
    justify-content: flex-end;
}
.completeprofile button {
    max-width: 200px;
    margin: 20px auto !important;
}
.completeprofile h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: lighter;
    color: #000 !important;
    padding: 9px 64px 18px 56px
}
.completeprofile {
    padding: 20px;
    text-align: center;
    margin-top: 40px;
}
.mainsearchsec {
    max-width: 1360px;
    margin: 0 auto;
    height: calc(100% - 54px);
}
.uploadresume a {
    background: whitesmoke;
    padding: 0px 24px;
    border-radius: 50px;
    color: #000 !important;
    display: inline-block;
    margin-left: 38px;
}
.searchleftcontent .searchtabs {
    border-bottom: 0;
    display:none;
}
input#query {
    padding-left: 40px;
    color: #777;
}
.form-control {
    color: #777 !important;
}
.downloadSec img {
    filter: brightness(0) invert(1);
}
.btn-primary {
    background: #000;
    height: 40px !important;
    border-radius: 8px !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    font-family: 'CeraPro-Medium';
    border: solid 1px #000 !important;
}
.btn-secondary {
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%);
    padding: 10px 13px;
    border-radius: 10px !important;
    border: solid 1px #4e9ab8 !important;
    color: #fff !important;
    font-size: 14px;
    font-family: 'CeraPro-Regular';
}
.herocontent p {
    font-size: 18px;
    margin-bottom: 25px;
    color: #000000;
    font-family: 'CeraPro-Regular';
}
.searchleftcontent a {
    font-size: 18px !important;
    color: #2d3a5b !important;
    background: transparent !important;
    font-family: 'CeraPro-Medium';
    font-weight:500;
}
.jobsearchpage .bannerSection {
    padding: 30px 0 120px;
    margin-top: 72px;
    background-color: #fff;
    position: relative;
}
.jobsearchpage .searchbannerright {
    position: relative;
}
.jobsearchpage .bannerSection:before {
    content: "";
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
a.btn.btn-info.job-apply-btn span+span {
    margin-left: 2px;
}
span.menuicon {
    width: 30px;
    height: 20px;
}
.herocontent h1 {
    font-size: 65px;
    color: #000000;
    margin-bottom: 20px;
    text-transform: capitalize;
    margin-top: 0;
    font-family: 'CeraPro-Black';
    font-weight: normal;
}
.herocontent h1 span {
    font-family: 'CeraPro-Black';
    color: #6BBFE1;
    display: block;
}
a.signupmenu {
    margin: 0 20px;
    background: whitesmoke;
    color: #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
}
/*a.loginmenu {
    color: #fff;
    font-size: 15px;
    width: 105px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%);
    border-radius: 10px !important;
    font-family: 'CeraPro-Medium';
    font-weight:500;
    border: solid 1px #4e9ab8 !important;
    margin-left: 20px;
}*/
a.loginmenu {
    color: #fff;
    font-size: 14px;
    width: auto;
    min-width: 105px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 11px !important;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    border: solid 1px #000 !important;
    margin-left: 15px;
    padding: 0 20px;
}
.jobHeader a.loginmenu {
    margin-left: 0;
}
/*a.loginmenu {
    color: #fff;
    font-size: 15px;
    width: 105px;
    height: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #6bbfe1 0, #428de9 100%);
    border-radius: 11px !important;
    font-family: 'CeraPro-Regular';
    border: solid 1px #4e9ab8 !important;
    margin-left: 15px;
}*/
.signupMenu {
    color: #000;
    font-size: 15px;
    width: 105px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    border: 1px solid #2d3a5b;
    margin-left: 20px;
}
.searchmenuright {
    display: flex;
    align-items: center;
}
.postjobmenu span:first-child {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.postjobmenu span {
    display: block;
    color: #2d3a5b;
}
.postjobmenu p {
    text-align: right;
}
.postjobmenu p+p {
    margin-left: 15px;
}
a.postjobmenu {
    background: #fff;
    color: initial;
    padding: 6px 31px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
.logo h2 {
    margin: 0
}
a.signupMenu {
    color: #000 !important;
    font-size: 15px;
    width: 105px;
    cursor: pointer;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    font-family: CeraPro-Medium;
    border: 1px solid #2d3a5b !important;
    margin-left: 15px;
    margin-right: 15px;
}
.cardStyle5 .cardDesc h3 {
    font-size: 20px;
    color: #2D3A5B;
    line-height: 1.4;
    font-family: 'Cera Pro';
    font-weight: bold;
    margin-bottom: 15px;
}
.cardStyle5 .cardDesc p {
    font-size: 14px;
    color: rgba(0,0,0,0.8);
    line-height: 1.78;
    margin-bottom: 0;
}
/***************** Auto Apply Jobs Css Start *******************/
.bannerColAutoJob {
	padding: 75px 0 130px 0;
}
.flexBtn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.itemsCenter {
	align-items: center;
}
.snaprecruitAutoFeat {
	padding: 0 40px 140px;	
}
.snaprecruitAutoInner {
	background-color: #E8F4FD;
	border-radius: 40px;
	padding: 100px 0 60px;
}
.snapCallActionInner {
	background-color: #FCBF55;
	border-radius: 40px;
	padding: 104px 15px;
	position: relative;
	overflow: hidden;
}
.snapCallActionInner.darkCallAction {
	background-color: #2D3A5B;
}
.pRelative {
	position: relative;
	z-index: 2;
}
.snapCallActionInner:before,
.snapCallActionInner:after {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background-repeat: no-repeat;
	background-size: auto;
}
.snapCallActionInner:before {
	background-image: url('../img/callactionleftshape.svg');
	background-position: bottom left; 
}
.snapCallActionInner:after {
	background-image: url('../img/callactionrightshape.svg');
	background-position: bottom right; 
}
.darkCallAction.snapCallActionInner:before {
	background-image: url('../img/darkcallactionleftshape.svg');
	background-position: bottom left; 
}
.darkCallAction.snapCallActionInner:after {
	background-image: url('../img/darkcallactionrightshape.svg');
	background-position: bottom right; 
}
.darkCallAction h3 {
	color: #fff;
}
.btnWhite {
    height: 38px;
    border-radius: 10px;
    font-size: 15px;
    margin-left: 0;
    color: #000;
    max-width: 310px;
    padding: 0 28px;
    background: #fff;
    border: 1px solid #000;
    font-family: 'CeraPro-Medium';
}
.snapAutoJobStep {
	padding: 140px 0;
}
.tOuterAutoStep {
	max-width: 860px;
	margin: 0 auto;
}
.whyAutoApply {
	padding: 0 40px 140px;
}
.whyAutoApplyInner {
	background-color: #E8F4FD;
	border-radius: 40px;
	padding: 75px 0;
}
.whyAutoOuter {
	margin-top: 75px;
}
.cardStyle5 {
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 3px 37px rgba(0, 0, 0, 0.07);
	height: 100%;
}
.cardStyle5 .cardIcon {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EDF5FF;
	margin-bottom: 25px;
}
.cardStyle5 .cardImg {
	margin-bottom: 15px;
}
.autoApplyBtn {
    color: #fff;
    font-size: 15px;
    width: auto;
    min-width: 105px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 11px !important;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    border: solid 1px #000 !important;
    padding: 0 20px;    
}
.autoApplyBtn:hover {
    color: #fff;
    text-decoration: none;
}
.autoApplyBtn.btnWhite {
    background-color: #fff;
    color: #000;
}
.autoApplyBtn.btnWhite:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}
.titleCol h3 {
    font-size: 42px;
    line-height: 1.4;
    color: #2D3A5B;
    font-family: 'Cera Pro';
    font-weight: bold;
}
.titleBlack.titleCol h3 {
    color: #000;
}
.titleWhite.titleCol h3 {
    color: #fff;
}
.snapCallAcTitle h3 {
    max-width: 815px;
    margin: 0 auto;
}
.titleCol h3 span {
    color: #6BBFE1;
} 
.contentCol p {
    line-height: 1.66;
    color: #000;
    font-size: 18px;
    font-family: 'CeraPro-Regular';
}
.bannerDesc h3, .bannerDesc .contentCol p {
    margin-bottom: 30px;
}
.checkIconList li {
    line-height: 1.66;
    color: #000;
    font-size: 18px;
    font-family: 'CeraPro-Regular';
    position: relative;
    padding-left: 40px;
}
.checkIconList li + li {
    margin-top: 15px;
}
.snapAutoOuter {
    max-width: 1020px;
    margin: 75px auto 0;
    position: relative;
}
.checkIconList li:before {
    content: "";
    background-image: url('../img/checkicon.svg');
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    top: 3px;
}
.snapAutoDesc .titleCol h3 {
    margin-bottom: 25px;
}
.snapAutoJobCard.snapAutoCenterCard {
    margin: 0 auto;
}
.snapAutoJobCard.snapAutoRightCard {
    margin-left: auto;
}
.snapAutoJobCard {
    max-width: 245px;
    position: relative;
}
.snapAutoJobCardOuter {
    height: 100%;
}
.snapAutoJobCardOuter .snapAutoJobCard:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    background: url('../img/dashedlineshape.svg');
    left: 100%;
    width: 50%;
    height: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 10px;
}
.snapAutoJobCardOuter .snapAutoJobCard.snapAutoRightCard:before {
    display: none;
}
.faqCol {
    padding: 140px 0;
}
.faqOuter {
    margin-top: 75px;
}
.accordionList .accordionHead button {
    background-color: transparent;
    width: 100%;
    display: flex;
    align-items: flex-start;
    color: #2D3A5B;
    font-size: 20px;
    font-family: 'Cera Pro';
    font-weight: bold;
    position: relative;
    text-align: left;
    padding: 19px 45px 19px 19px;
    outline: none;
    border: 0;
    box-shadow: none;
}
.accordionList .accordionHead button:focus-visible,
.accordionList .accordionHead button:focus {
    outline: none;
    border: 0;
    box-shadow: none;
}
.accordionList .accordionBody {
    padding: 13px 19px 19px 19px;
    color: rgba(0,0,0,0.8);
    line-height: 1.78;
    font-size: 14px;
}
.accordionList .accordionHead button img {
    position: absolute;
    right: 20px;
    top: 28px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.accordionList {
    box-shadow: 0 3px 37px rgba(0, 0, 0, 0.07);
    border-radius: 19px !important;
    border: 1px solid #fff;
    overflow: hidden;
}
.accordionList.accordionActive {
    background-color: #E8F4FD;
    border: 1px solid #6BBFE1;
}
.accordionActive .accordionHead button img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordionList .accordionBody {
    display: none;
}
.accordionList + .accordionList {
    margin-top: 20px;
}
.accordionList .accordionBody .accordionBodyInner {
    padding-right: 80px;
}
.accordionList .accordionBody p {
    margin: 0;
}
.bannerVideoCol {
    padding-left: 40px;
    position: relative;
}
.bannerVideoInner {
    margin-right: -180px;
}
.bannerVideoInner video {
    width: 100%;
}
.bannerVideoInner {
    height: 430px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.bannerVideoInner video , .bannerVideoInner > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoTrigger {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.bannerVideoCol:before {
    content: "";
    width: 100px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    background-color: #6BBFE1;
    left: 20px;    
    border-radius: 20px;
    -webkit-transform: rotate(-5.57deg);
    -moz-transform: rotate(-5.57deg);
    transform: rotate(-5.57deg);
}
/**************** Auto Apply Jobs Css Ends *******************/
.logo h2 img {
    width: auto;
    max-width: 40px;
    margin-top: 6px
}
.login-form-footer>a {
    display: block;
    margin-top: 0;
    text-decoration: none;
    transition: all .3s ease 0
}
.icon-folder-add::before,
.icon.icon-folder-1::before {
    content: "";
    display: inline-block
}
.top-right-icons.top-left-icons.logo-arrow {
    margin-left: 11px;
    margin-right: 9px
}
.top-right-icons.top-left-icons.logo-arrow #account-menu {
    margin-left: 0;
    width: 187px
}
.login-form-footer {
    text-align: center;
    padding-bottom: 20px
}
#footer a {
    color: #7f7f7f
}
#footer a:hover {
    text-decoration: none
}
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
    background-color: #56bc76
}
.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-striped .progress-bar-info,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
    background-color: #4ab0ce
}
.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
    background-color: #eac85e
}
.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
    background-color: #e22e24
}
.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.no-border {
    border: 0!important
}
.icon.icon-folder-1::before {
    background: url(../img/folder-ico-img.png) center no-repeat;
    height: 22px;
    width: 27px;
    margin-right: 4px;
    background-size: 18px auto;
    margin-top: 4px
}
.resumebox-folder-list li.active .icon.icon-folder-1::before {
    background: url(../img/folder-ico-img-hover.png) center no-repeat;
    background-size: 18px auto
}
.icon-folder-add::before {
    background: url(../img/new-folder-ico-img.png) center no-repeat;
    height: 18px;
    width: 20px;
    margin-right: 5px
}
#folders-list .icon-list-2::before,
#sourcerList .icon-list-2-1::before {
    height: 19px;
    content: "";
    display: inline-block
}
#sourcerList .icon-list-2-1::before {
    background: url(../img/list-ico-img.png) center center no-repeat rgba(0, 0, 0, 0);
    margin-right: 7px;
    width: 18px;
    background-size: 17px auto
}
#sourcerList li.active .icon-list-2-1::before {
    background: url(../img/list-ico-img-hover.png) center center no-repeat rgba(0, 0, 0, 0);
    background-size: 17px auto
}
#folders-list .icon-list-2::before {
    background: url(../img/list-ico-img.png) no-repeat rgba(0, 0, 0, 0);
    width: 19px
}
.create-list-btn .icon-list-2::before {
    background: url(../img/list-create-ico-img.png) center center no-repeat rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    float: left;
    height: 22px;
    margin-right: 5px;
    width: 22px
}
.dropup>button {
    margin: 0;
    padding: 0 6px
}
.media,
.media-body {
    overflow: hidden;
    zoom: 1
}
.media,
.media .media {
    margin-top: 15px
}
.media-object {
    display: block
}
.media-heading {
    margin: 0 0 5px
}
.media>.pull-left {
    margin-right: 10px
}
.media>.pull-right {
    margin-left: 10px
}
a.download-example-btn {
    margin-top: 8px;
    padding: 0!important
}
.list-group {
    padding-left: 0
}
.list-group-item:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}
.list-group-item:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}
.list-group-item>.badge {
    float: right
}
.list-group-item>.badge+.badge {
    margin-right: 5px
}
a.list-group-item {
    color: #708090
}
a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}
a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    background-color: #618fb0;
    border-color: #618fb0
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text {
    color: #e9eff4
}
.list-group-item-success {
    color: #708090;
    background-color: #56bc76
}
a.list-group-item-success {
    color: #708090
}
a.list-group-item-success:focus,
a.list-group-item-success:hover {
    color: #708090;
    background-color: #47b268
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}
.list-group-item-info {
    color: #708090;
    background-color: #618fb0
}
a.list-group-item-info {
    color: #708090
}
a.list-group-item-info .list-group-item-heading {
    color: inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover {
    color: #708090;
    background-color: #5383a5
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}
.list-group-item-warning {
    color: #708090;
    background-color: #eac85e
}
a.list-group-item-warning {
    color: #708090
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
    color: #708090;
    background-color: #e7c047
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}
.list-group-item-danger {
    color: #708090;
    background-color: #e22e24
}
a.list-group-item-danger {
    color: #708090
}
a.list-group-item-danger .list-group-item-heading {
    color: inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
    color: #708090;
    background-color: #e24e24
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}
div.timeline {
    position: relative;
    overflow: hidden;
    margin: 0 auto
}
div.timeline div.date_separator {
    position: relative;
    padding: 20px 0;
    clear: both
}
div.timeline div.date_separator span {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #eee;
    background-color: #FFF;
    color: #708090;
    border-radius: 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%)
}
div.timeline div.date_separator.animated span {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
div.timeline_center div.date_separator span,
div.timeline_dual div.date_separator span {
    margin-left: auto;
    margin-right: auto
}
div.timeline_left div.date_separator span {
    margin-left: auto;
    margin-right: 0
}
div.timeline_right div.date_separator span {
    margin-left: 0;
    margin-right: auto
}
div.timeline div.spine {
    position: absolute;
    top: 0;
    bottom: 100%;
    width: 4px;
    border-radius: 2px;
    background-color: #eee;
    -webkit-transition: bottom .5s linear;
    -moz-transition: bottom .5s linear;
    -ms-transition: bottom .5s linear;
    transition: bottom .5s linear
}
div.timeline_center div.spine,
div.timeline_dual div.spine {
    left: 50%;
    margin-left: -2px
}
div.timeline_left div.spine {
    right: 4px
}
div.timeline_right div.spine {
    left: 4px
}
div.timeline div.spine.animated {
    bottom: 0
}
div.timeline_element {
    position: relative;
    margin: 20px 0;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}
div.timeline_dual div.timeline_element_left {
    width: 50%;
    margin: 10px 0;
    float: left;
    clear: left
}
div.timeline_dual div.timeline_element_right {
    width: 50%;
    margin: 10px 0;
    float: right;
    clear: right
}
div.timeline_dual div.timeline_element_left,
div.timeline_left div.timeline_element {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -mstransform: translateX(20px);
    transform: translateX(20px)
}
div.timeline_dual div.timeline_element_right,
div.timeline_right div.timeline_element {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}
div.timeline div.timeline_element.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.opacityFilter div.timeline_element {
    visibility: hidden
}
.opacityFilter div.timeline_element.animated {
    visibility: visible
}
div.timeline_element_box {
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    text-shadow: none;
    box-shadow: none;
    padding: 10px 0;
    border: 2px solid #eee
}
div.timeline_element_box:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}
div.timeline_dual div.timeline_element_left div.timeline_element_box,
div.timeline_left div.timeline_element_box {
    margin-right: 30px
}
div.timeline_dual div.timeline_element_right div.timeline_element_box,
div.timeline_right div.timeline_element_box {
    margin-left: 30px
}
div.timeline_dual div.timeline_element_left:before,
div.timeline_dual div.timeline_element_right:before,
div.timeline_left div.timeline_element:before,
div.timeline_right div.timeline_element:before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 0;
    border-top: 1px dashed #CCC
}
div.timeline_left div.timeline_element:before {
    right: 4px;
    top: 15px
}
div.timeline_dual div.timeline_element_left:before {
    right: 0;
    top: 15px
}
div.timeline_right div.timeline_element:before {
    left: 4px;
    top: 35px
}
div.timeline_dual div.timeline_element_right:before {
    left: 0;
    top: 35px
}
div.timeline_dual div.timeline_element_left:after,
div.timeline_dual div.timeline_element_right:after,
div.timeline_left div.timeline_element:after,
div.timeline_right div.timeline_element:after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #BBB;
    border: 3px solid #FFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
div.timeline_dual div.timeline_element_left:hover:after,
div.timeline_dual div.timeline_element_right:hover:after,
div.timeline_left div.timeline_element:hover:after,
div.timeline_right div.timeline_element:hover:after {
    background-color: #999;
    border-width: 2px;
    z-index: 100
}
div.timeline_left div.timeline_element:after {
    right: 6px;
    top: 10px;
    margin-right: -5px
}
div.timeline_dual div.timeline_element_left:after {
    right: 0;
    top: 10px;
    margin-right: -5px
}
div.timeline_right div.timeline_element:after {
    left: 6px;
    top: 30px;
    margin-left: -5px
}
div.timeline_dual div.timeline_element_right:after {
    left: 0;
    top: 30px;
    margin-left: -5px
}
div.timeline_dual div.timeline_element_left:hover:after,
div.timeline_dual div.timeline_element_right:hover:after,
div.timeline_left div.timeline_element:after,
div.timeline_right div.timeline_element:after {
    z-index: 100
}
div.timeline_title {
    position: relative;
    overflow: hidden;
    margin: 1px 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #bbb
}
div.timeline_title span.timeline_title_label {
    position: absolute;
    left: 0;
    right: 100px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}
div.timeline_title span.timeline_title_date {
    float: right;
    font-style: italic
}
div.timeline_element div.img_container {
    position: relative
}
#timeline_date_separator_December>span {
    line-height: 24px
}
div.timeline_element div.img_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear
}
div.timeline_element.notitle div.img_overlay {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
div.timeline_element.nocontent div.img_overlay {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}
div.timeline_element.gallery div.img_overlay {
    border-radius: 2px
}
div.timeline_element div.img_container:hover div.img_overlay,
div.timeline_element div.img_overlay.loading {
    background: url(../images/opacity.png);
    background: rgba(0, 0, 0, .5)
}
div.timeline_element div.img_overlay span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    cursor: pointer;
    background: url(../images/search.png) 50% 50% no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}
div.timeline_element div.img_container:hover div.img_overlay span,
div.timeline_element div.img_overlay.loading span {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
div.timeline_element div.img_overlay.loading span {
    background: 0 0
}
div.timeline_element div.img_overlay.loading span:after,
div.timeline_element div.img_overlay.loading span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border: 2px solid #DDD;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
div.timeline_element div.img_overlay.loading span:after {
    border-left-color: rgba(0, 0, 0, .8);
    -webkit-animation: rotate .8s linear infinite;
    -moz-animation: rotate .8s linear infinite;
    -ms-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite
}
.dropdown-menu>li>a {
    white-space: inherit
}
div.timeline_element.blog_post div.slider_container {
    position: relative
}
div.timeline_element.blog_post div.slider_container img {
    display: block;
    width: 100%;
    height: 100%
}
div.timeline_element.blog_post.notitle div.slider_container img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
div.timeline_element.blog_post.nocontent div.slider_container img {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}
div.timeline_element.blog_post div.content {
    font-size: 13px;
    padding: 1px 10px;
    line-height: 78px
}
div.timeline_element.blog_post div.slider_container span.slider_next,
div.timeline_element.blog_post div.slider_container span.slider_prev {
    position: absolute;
    z-index: 20;
    display: block;
    bottom: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}
div.timeline_element.blog_post div.slider_container:hover span.slider_next,
div.timeline_element.blog_post div.slider_container:hover span.slider_prev {
    opacity: 1;
    filter: alpha(opacity=100)
}
div.timeline_element.blog_post div.slider_container span.slider_prev {
    background-image: url(../images/prev.png);
    right: 24px
}
div.timeline_element.blog_post div.slider_container span.slider_next {
    background-image: url(../images/next.png);
    right: 5px
}
div.timeline_element.blog_post div.readmore {
    padding: 10px;
    font-size: 12px;
    text-align: right
}
div.timeline_element.blog_post div.readmore a {
    color: #222;
    text-decoration: underline
}
.breadcrumb a,
.select2-container .select2-choice,
div.timeline_element.blog_post div.readmore a:hover,
div.timeline_loadmore {
    text-decoration: none
}
div.timeline_element.iframe div.content.loading:after,
div.timeline_element.iframe div.content.loading:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border: 2px solid #DDD;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
div.timeline_element.iframe div.content.loading:after {
    border-left-color: rgba(0, 0, 0, .5);
    -webkit-animation: rotate .8s linear infinite;
    -moz-animation: rotate .8s linear infinite;
    -ms-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite
}
div.timeline_element.iframe div.content iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0 0 5px 5px
}
div.timeline_element.iframe.notitle div.content iframe {
    border-radius: 5px
}
div.timeline_element.gallery div.content {
    font-size: 13px;
    margin: 10px;
    line-height: 18px
}
div.timeline_element.gallery div.scroll_container {
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 10px
}
div.timeline_element.gallery div.img_container {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top
}
div.timeline_element.gallery div.img_container img {
    display: block;
    border-radius: 2px
}
div.timeline_element.gallery div.img_container:last-child {
    margin-right: 0
}
div.timeline_overlay {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    background: url(../images/opacity.png);
    background-color: rgba(0, 0, 0, .5)
}
div.timeline_overlay.open {
    display: block
}
div.timeline_overlay div.lightbox {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 5px solid #FFF;
    background-color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}
div.timeline_overlay div.lightbox.loaded {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
    -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
    -ms-box-shadow: 6px 6px 6px rgba(0, 0, 0, .4);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .4)
}
div.timeline_overlay div.lightbox.updating {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear
}
div.timeline_overlay div.lightbox.updating:after,
div.timeline_overlay div.lightbox.updating:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border: 2px solid #DDD;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
div.timeline_overlay div.lightbox.updating:after {
    border-left-color: rgba(0, 0, 0, .5);
    -webkit-animation: rotate .8s linear infinite;
    -moz-animation: rotate .8s linear infinite;
    -ms-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite
}
div.timeline_overlay div.lightbox div.navigation {
    position: absolute;
    top: -30px;
    left: -5px;
    right: -5px
}
div.timeline_overlay div.lightbox img {
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    transition: opacity .1s linear
}
div.timeline_overlay div.lightbox.updating img {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none
}
div.timeline_overlay div.lightbox span {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer
}
div.timeline_overlay div.lightbox span.prev {
    background-image: url(../images/prev.png);
    left: 10px
}
div.timeline_overlay div.lightbox span.next {
    background-image: url(../images/next.png);
    right: 10px
}
div.timeline_overlay div.lightbox a.close {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    background-image: url(../images/cancel.png)
}
div.timeline img.twitter_profile {
    float: left;
    margin: 0 10px 10px 0;
    border-radius: 3px;
    width: auto;
    height: auto
}
div.timeline div.facebook_left_column {
    float: left;
    width: 50px
}
div.timeline div.facebook_right_column {
    margin-left: 50px
}
div.timeline div.facebook_content {
    overflow: hidden;
    text-overflow: ellipsis
}
div.timeline img.facebook_profile {
    border-radius: 3px;
    width: 40px;
    height: 40px
}
div.timeline div.facebook_post {
    overflow: hidden;
    clear: both;
    font-size: 11px;
    margin-top: 10px;
    line-height: normal;
    border-radius: 3px;
    text-shadow: none;
    color: #777;
    background-color: #F4F4F4;
    border: 1px solid #DDD
}
div.timeline div.facebook_post img.facebook_picture {
    max-width: 80px;
    margin: 5px;
    float: left;
    border-radius: 3px
}
div.timeline div.facebook_type_photo div.facebook_post {
    border: none
}
div.timeline div.facebook_type_photo div.facebook_post img.facebook_picture {
    max-width: 100%;
    width: 100%;
    margin: 0
}
div.timeline div.description_container {
    overflow: hidden;
    margin: 5px 5px 5px 90px
}
div.timeline div.facebook_post a {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
div.timeline_loadmore {
    font-size: 12px;
    cursor: pointer;
    margin: 10px auto;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    color: #FFF;
    background: #D84A38;
    background: -webkit-linear-gradient(top, #dd4b39, #d14836);
    background: -moz-linear-gradient(top, #dd4b39, #d14836);
    background: -ms-linear-gradient(top, #dd4b39, #d14836);
    background: linear-gradient(top, #dd4b39, #d14836)
}
.panel-title,
.panel>.list-group,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}
div.timeline_loadmore:hover {
    background: #CC3524;
    background: -webkit-linear-gradient(top, #d14836, #dd4b39);
    background: -moz-linear-gradient(top, #d14836, #dd4b39);
    background: -ms-linear-gradient(top, #d14836, #dd4b39);
    background: -linear-gradient(top, #d14836, #dd4b39)
}
div.timeline_loadmore:active {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2) inset
}
div.timeline_loadmore.loading {
    cursor: default;
    color: #AAA;
    text-shadow: 0 1px 1px #FFF;
    box-shadow: none;
    background-size: 40px 40px;
    background-color: #DEDEDE;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-animation: loading 1s linear infinite;
    -moz-animation: loading 1s linear infinite;
    -ms-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite
}
.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>a {
    color: inherit
}
.alert,
.badge,
.close,
.label,
.label.label-info,
.label.label-success,
.main-horizontal-nav li a.active i,
.main-horizontal-nav li a:active i,
.main-horizontal-nav li a:hover i {
    text-shadow: none
}
.side-bar .timeline_element_box,
.side-bar .timeline_element_left,
.side-bar .timeline_element_right {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
    margin-top: 10px
}
.side-bar div.timeline_dual div.timeline_element_left:after,
.side-bar div.timeline_dual div.timeline_element_left:before,
.side-bar div.timeline_dual div.timeline_element_right:after,
.side-bar div.timeline_dual div.timeline_element_right:before,
.side-bar div.timeline_left div.timeline_element:after,
.side-bar div.timeline_left div.timeline_element:before,
.side-bar div.timeline_right div.timeline_element:after,
.side-bar div.timeline_right div.timeline_element:before {
    display: none
}
.modal-footer:after,
.modal-footer:before,
.panel-body:after,
.panel-body:before,
.tabbable:after,
.tabbable:before {
    content: " ";
    display: table
}
@-webkit-keyframes loading {
    from {
        background-position: 0 0
    }
    
    to {
        background-position: 40px 0
    }
}
@-moz-keyframes loading {
    from {
        background-position: 0 0
    }
    
    to {
        background-position: 40px 0
    }
}
@-ms-keyframes loading {
    from {
        background-position: 0 0
    }
    
    to {
        background-position: 40px 0
    }
}
@keyframes loading {
    from {
        background-position: 0 0
    }
    
    to {
        background-position: 40px 0
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }
    
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }
    
    to {
        -moz-transform: rotate(360deg)
    }
}
@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0)
    }
    
    to {
        -ms-transform: rotate(360deg)
    }
}
@keyframes rotate {
    from {
        transform: rotate(0)
    }
    
    to {
        transform: rotate(360deg)
    }
}
.panel {
    border-radius: 1px
}
.panel-body {
    padding: 15px
}
.panel-body:after {
    clear: both
}
.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}
.panel>.list-group .list-group-item:last-child,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:last-child>td,
.panel>.table-bordered>thead>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>th {
    border-bottom: 0
}
.panel>.list-group .list-group-item:first-child {
    border-top: 0
}
.panel>.list-group:first-child .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 0
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 0
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 0
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 0
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #eee
}
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}
.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}
.panel-footer,
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.panel-title {
    margin-top: 0;
    font-size: 15px
}
.btn-group+.help-block,
.input-append+.help-block,
.input-prepend+.help-block,
.panel-group .panel+.panel,
.uneditable-input+.help-block,
input+.help-block,
select+.help-block,
textarea+.help-block {
    margin-top: 5px
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.panel-group {
    margin-bottom: 20px
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 1px;
    overflow: hidden
}
.panel-group .panel-heading {
    border-bottom: 0
}
.panel-group .panel-footer {
    border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}
.panel-default {
    border-color: #ddd
}
.panel-default>.panel-heading {
    color: #708090;
    background-color: #f5f5f5;
    border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}
.panel-primary {
    border-color: #618fb0
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #618fb0;
    border-color: #618fb0
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #618fb0
}
.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #618fb0
}
.panel-success {
    border-color: #47b256
}
.panel-success>.panel-heading {
    color: #708090;
    background-color: #56bc76;
    border-color: #47b256
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #47b256
}
.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #47b256
}
.panel-info {
    border-color: #4f8a9e
}
.panel-info>.panel-heading {
    color: #708090;
    background-color: #618fb0;
    border-color: #4f8a9e
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #4f8a9e
}
.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #4f8a9e
}
.panel-warning {
    border-color: #e7a647
}
.panel-warning>.panel-heading {
    color: #708090;
    background-color: #eac85e;
    border-color: #e7a647
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #e7a647
}
.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #e7a647
}
.panel-danger {
    border-color: #e22e24
}
.panel-danger>.panel-heading {
    color: #708090;
    background-color: #e22e24;
    border-color: #e22e24
}
.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #e22e24
}
.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #e22e24
}
.big-upload-section #dropfield.fd-zone {
    border: 0!important
}
.modal-footer:after {
    clear: both
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0
}
code,
pre {
    border-radius: 1px
}
legend {
    line-height: 40px
}
legend small {
    color: gray;
    font-size: 14px
}
.uneditable-input,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
textarea {
    color: #010101;
    radius: 5px;
    min-height: 40px;
    padding-left: 15px;
    padding-right: 10px;
    border: 1px solid #ccc !important;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: none;
    transition: border linear .2s, box-shadow linear .2s;
    font-size: 17px
}
select#recruiterPrivilege {
    border: 2px solid #eee
}
select#recruiterPrivilege:active {
    border: 2px solid #66afe9!important
}
.uneditable-input:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
textarea:focus {
    border-color: #e1e1e1;
    outline: 0
}
.uneditable-input.form-control.search,
.uneditable-input.form-control[type=search],
.uneditable-input[class*=col-].search,
.uneditable-input[class*=col-][type=search],
input[type=text].form-control.search,
input[type=text].form-control[type=search],
input[type=text][class*=col-].search,
input[type=text][class*=col-][type=search],
input[type=password].form-control.search,
input[type=password].form-control[type=search],
input[type=password][class*=col-].search,
input[type=password][class*=col-][type=search],
input[type=datetime].form-control.search,
input[type=datetime].form-control[type=search],
input[type=datetime][class*=col-].search,
input[type=datetime][class*=col-][type=search],
input[type=datetime-local].form-control.search,
input[type=datetime-local].form-control[type=search],
input[type=datetime-local][class*=col-].search,
input[type=datetime-local][class*=col-][type=search],
input[type=date].form-control.search,
input[type=date].form-control[type=search],
input[type=date][class*=col-].search,
input[type=date][class*=col-][type=search],
input[type=month].form-control.search,
input[type=month].form-control[type=search],
input[type=month][class*=col-].search,
input[type=month][class*=col-][type=search],
input[type=time].form-control.search,
input[type=time].form-control[type=search],
input[type=time][class*=col-].search,
input[type=time][class*=col-][type=search],
input[type=week].form-control.search,
input[type=week].form-control[type=search],
input[type=week][class*=col-].search,
input[type=week][class*=col-][type=search],
input[type=number].form-control.search,
input[type=number].form-control[type=search],
input[type=number][class*=col-].search,
input[type=number][class*=col-][type=search],
input[type=email].form-control.search,
input[type=email].form-control[type=search],
input[type=email][class*=col-].search,
input[type=email][class*=col-][type=search],
input[type=url].form-control.search,
input[type=url].form-control[type=search],
input[type=url][class*=col-].search,
input[type=url][class*=col-][type=search],
input[type=search].form-control.search,
input[type=search].form-control[type=search],
input[type=search][class*=col-].search,
input[type=search][class*=col-][type=search],
input[type=tel].form-control.search,
input[type=tel].form-control[type=search],
input[type=tel][class*=col-].search,
input[type=tel][class*=col-][type=search],
input[type=color].form-control.search,
input[type=color].form-control[type=search],
input[type=color][class*=col-].search,
input[type=color][class*=col-][type=search],
textarea.form-control.search,
textarea.form-control[type=search],
textarea[class*=col-].search,
textarea[class*=col-][type=search] {
    padding-left: 26px
}
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
select:focus {
    outline: 0
}
input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    color: #708090;
    border-color: #e1e8ed
}
input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
    border-color: #618fb0;
    box-shadow: none
}
.navbar-form .search-query,
.search-query {
    border-radius: 1px;
    line-height: 20px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0!important
}
.trash-section>.widget {
    min-height: 163px
}
.form-horizontal .input-append+.help-block,
.form-horizontal .input-prepend+.help-block,
.form-horizontal .uneditable-input+.help-block,
.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
    margin-left: 5px;
    passing: 5px
}
.row.login-radio-cont {
    color: #318ce7
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}
.form-group {
    margin-bottom: 20px
}
.btn-group-xs>.btn,
.btn-xs {
    font-size: 9.75px;
    line-height: 20px;
    padding: 0 6px
}
.btn.disabled,
.btn[disabled],
.pager .disabled button {
    color: #fff
}
.input-group .form-control {
    border: 1px solid #e8e9ea
}
.btn-danger.active,
.btn-danger.active:hover,
.btn-info.active,
.btn-info.active:hover,
.btn-primary.active,
.btn-primary.active:hover,
.btn-success.active,
.btn-success.active:hover,
.btn-warning.active,
.btn-warning.active:hover {
    color: rgba(255, 255, 255, .9)
}
.btn-group>.btn+.btn {
    margin-left: 0
}
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: auto
}
.btn-group>.btn+.dropdown-toggle {
    box-shadow: none
}
.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}
.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn {
    margin-left: 5px
}
.tabbable:after {
    clear: both
}
.tab-content {
    padding-top: 18px !important;
    margin-left: 0px;
}
.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    border-bottom: 0
}
.pill-content>.pill-pane,
.tab-content>.tab-pane {
    display: none
}
.pill-content>.active,
.tab-content>.active {
    display: block;
}
.jobExpirePage .tab-content > .tab-pane {
    display: none !important;
}
.jobExpirePage .data-table th, .jobExpirePage .data-table td {
    padding: 5px 10px;
}
.jobExpirePage .tab-content > .tab-pane.active {
    display: block !important;
}
.jobExpirePage .searchpagetabmenu li a.active {
    border: 1px solid #eee;
    border-bottom: 1px solid #fff;
    border-radius: 8px 7px 0 0;
}
.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}
.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}
.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 1px 1px;
    -moz-border-radius: 0 0 1px 1px;
    -ms-border-radius: 0 0 1px 1px;
    -o-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px
}
.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd
}
.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd
}
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none
}
.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}
.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}
.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 1px 0 0 1px;
    -moz-border-radius: 1px 0 0 1px;
    -ms-border-radius: 1px 0 0 1px;
    -o-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px
}
.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:focus,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd
}
.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}
.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 1px 1px 0;
    -moz-border-radius: 0 1px 1px 0;
    -ms-border-radius: 0 1px 1px 0;
    -o-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0
}
.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}
.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:focus,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent
}
.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 1px 1px;
    -moz-border-radius: 0 0 1px 1px;
    -ms-border-radius: 0 0 1px 1px;
    -o-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px
}
.nav-pills .dropdown-menu,
.nav-pills>li>a {
    border-radius: 1px
}
.nav-pills>li>a {
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000;
    margin-top: 2px;
    margin-bottom: 2px;
    background: #fff;
    font-weight: normal;
}
.nav>li>a {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: 0 0;
    color: #000;
    font-weight: normal;
}
.tabs-below .nav-tabs {
    border-bottom: none;
    border-top: 1px solid #ddd
}
.candidatesearch .nav-tabs {
    border-top: none;
    border-bottom: 0px solid #ddd;
}
div#details {
    font-size: medium;
    font-weight: normal;
}
.candidatesearch {
    border-bottom: 2px solid #eee;
}
.candidatesearch span.pageCount {
    float: left;
}
.candidatesearch .orderDropdown {
    float: left;
}
.navtabsleft a.dropdown-toggle {
    border: 0 !important;
}
.tabs-below .nav-tabs>li {
    margin-bottom: 0;
    margin-top: -1px
}
.tabs-below .nav-tabs>li.active>a {
    border-bottom-color: #ddd;
    border-top-color: transparent
}
.tabs-below .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
    border-top-color: transparent
}
.tabs-below .nav-tabs>li>a:hover {
    border-color: #ddd #eee #eee
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
    padding: 0 1.28%
}
.navbar {
    margin: 0
}
.navbar .btn-navbar {
    box-shadow: none
}
.navbar .nav>.active>a,
.navbar .nav>.active>a:focus,
.navbar .nav>.active>a:hover {
    background: 0 0;
    box-shadow: none
}
.navbar-nav {
    margin: -7.5px
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border-color: transparent
}
.pagination>li>a,
.pagination>li>span {
    margin-left: 0
}
.modal-backdrop,
.modal-backdrop.fade.in {
    filter: alpha(opacity=90)
}
.modal.trans-modal .modal-content {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 10px 10px 5px #eee
}
.modal.trans-modal {
    z-index: 5000
}
.modal {
    color: #708090
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    color: #010101
}
.modal-footer {
    background-color: #fff;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 22px 22px!important
}
.trash .icon.icon-bin-2 {
    color: #a7c6c1;
    font-size: 80px
}
.tooltip {
    font-size: 12px
}
.tooltip-inner {
    background-color: #fff!important;
    border: 1px solid #ccc;
    color: #999;
    padding: 4px 8px;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.1);
    white-space: pre
}
.tooltip.right .tooltip-arrow {
    border-right-color: #ccc
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2d3e50
}
.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6 {
    color: #708090
}
.popover-title {
    -webkit-border-radius: 1px 1px 0 0;
    -moz-border-radius: 1px 1px 0 0;
    -ms-border-radius: 1px 1px 0 0;
    -o-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0
}
.badge,
.label {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 2px 4px;
    line-height: 14px;
    font-size: 11.05px
}
.badge {
    padding: 2px 9px
}
.badge-default {
    background-color: #999
}
.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: gray
}
.badge-primary {
    background-color: #618fb0
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #4a7594
}
.badge-success {
    background-color: #56bc76
}
.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #3fa05e
}
.badge-info {
    background-color: #4ab0ce
}
.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #3196b4
}
.badge-warning {
    background-color: #eac85e
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #e4b931
}
.badge-danger {
    background-color: #e22e24
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #d1431c
}
.widget>.jumbotron {
    margin: -10px -12px
}
.jumbotron .h1,
.jumbotron h1 {
    line-height: 1
}
.list-folder-icons .icon.icon-add-1 {
    float: right;
    font-size: 7px;
    line-height: 8px;
    margin-right: 4px;
    margin-top: 5px
}
.create-list-btn .list-folder-icons {
    margin-top: 4px
}
#duplicateNumber,
#selectFolderNumber {
    font-size: 13px;
    color: #708090
}
.check-box-normal-warning {
    color: #2C3E50;
    display: block;
    font-size: 11px;
    margin-bottom: -23px;
    margin-left: 18px;
    margin-top: 5px
}
.alert {
    border: none;
    color: #fff
}
.close {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}
#sourcerList .list-folder-icons {
    font-size: 17px;
    margin-top: 2px;
    margin-left: 3px
}
#sourcerList .icon.icon-delete-3 {
    color: #708090;
    margin-top: 6px
}
.list-group {
    margin-bottom: 0
}
.widget>.list-group {
    margin: -10px -12px
}
.widget .body>.list-group {
    margin: 0 -12px -10px
}
.widget .body>.list-group .list-group-item:first-child {
    border-top: 1px solid #f5f5f5
}
.list-group-item {
    border: none;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}
.widget .list-group-item {
    background: 0 0
}
.widget .list-group-item+.list-group-item {
    border-top: 1px solid #fff
}
.list-group-outer .list-group-item+.list-group-item {
    margin-top: 10px
}
.list-group-item>.fa-chevron-right {
    margin-top: 3px;
    margin-left: 6px;
    color: #595959
}
.breadcrumb a,
.breadcrumb a:hover,
.panel .panel-heading a {
    color: #708090
}
.progress {
    background: rgba(0, 0, 0, .15);
    border-radius: 3px
}
#account-details-form .row {
    margin-bottom: 15px
}
.checkout-step-free-trial {
    margin-top: 0
}
.panel-heading {
    padding: 0
}
.panel-heading>.accordion-toggle {
    display: block;
    padding: 8px 15px
}
.panel {
    border: none;
    background-color: #f5f5f5;
    box-shadow: none
}
.panel:nth-child(2n) .panel-heading {
    border-left: 5px solid #eac85e
}
.panel:nth-child(3n) .panel-heading {
    border-left: 5px solid #8cbf26
}
.panel:nth-child(4n) .panel-heading {
    border-left: 5px solid #56bc76
}
.panel:nth-child(5n) .panel-heading {
    border-left: 5px solid #4ab0ce
}
.panel:nth-child(6n) .panel-heading {
    border-left: 5px solid #618fb0
}
.panel:nth-child(7n) .panel-heading {
    border-left: 5px solid #a05000
}
.panel:nth-child(8n) .panel-heading {
    border-left: 5px solid #d04f4f
}
.panel-body {
    border-top-color: #f5f5f5
}
.widget>.breadcrumb {
    margin: -10px -12px
}
.widget>.carousel {
    margin: 0 -12px 5px
}
.carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px
}
.carousel-indicators.outer {
    bottom: -10px
}
.carousel-indicators li {
    background-color: #eee
}
[class*=icheckbox],
[class*=iradio] {
    display: inline-block!important;
    vertical-align: middle;
    margin: 0 5px!important
}
.icheckbox_square-grey,
.iradio_square-grey {
    display: block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../img/icheck/square/grey.png) no-repeat;
    border: none;
    cursor: pointer
}
.datepicker:after,
.datepicker:before {
    content: '';
    display: inline-block;
    position: absolute
}
.icheckbox_square-grey {
    background-position: 0 0
}
.icheckbox_square-grey.hover {
    background-position: -24px 0
}
.icheckbox_square-grey.checked {
    background-position: -48px 0
}
.icheckbox_square-grey.disabled {
    background-position: -72px 0;
    cursor: default
}
.icheckbox_square-grey.checked.disabled {
    background-position: -96px 0
}
.iradio_square-grey {
    background-position: -120px 0
}
.iradio_square-grey.hover {
    background-position: -144px 0
}
.iradio_square-grey.checked {
    background-position: -168px 0
}
.iradio_square-grey.disabled {
    background-position: -192px 0;
    cursor: default
}
.iradio_square-grey.checked.disabled {
    background-position: -216px 0
}
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px
}
.datepicker:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 6px
}
.datepicker:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 7px
}
.datepicker>div {
    display: none
}
.datepicker table {
    width: 100%;
    margin: 0
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 1px
}
.datepicker td.day:hover {
    cursor: pointer
}
.datepicker td.day.disabled {
    color: #f8f8f8
}
.datepicker td.new,
.datepicker td.old {
    color: #708090
}
.datepicker td.active,
.datepicker td.active:hover {
    background: #618fb0;
    color: #fff
}
.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    border-radius: 1px
}
.datepicker td span:hover {
    background: #eee
}
.datepicker td span.active {
    background: #618fb0;
    color: #fff
}
.datepicker td span.old {
    color: #708090
}
.datepicker th.switch {
    width: 145px
}
.datepicker th.next,
.datepicker th.prev {
    font-size: 19.5px
}
.datepicker thead tr:first-child th {
    cursor: pointer
}
.datepicker thead tr:first-child th:hover {
    background: #eee
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}
.select2-container {
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: top
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
.select2-container .select2-choice {
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 8px;
    color: #708090;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #fff
}
.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #ccc;
    -webkit-border-radius: 0 0 1px 1px;
    -moz-border-radius: 0 0 1px 1px;
    -ms-border-radius: 0 0 1px 1px;
    -o-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px
}
select2-container:active .select2-choice:active {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}
.select2-container .select2-choice span {
    margin-right: 26px;
    display: block;
    color: #999;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.select2-container .select2-choice abbr {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match,
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
    text-decoration: underline
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}
.select2-drop-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998;
    opacity: 0
}
.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #708090;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}
.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 1px 1px 0 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .15)
}
.select2-container .select2-choice div {
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 1px 1px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.select2-container .select2-choice div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/select2.png) 0 1px no-repeat
}
.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}
.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px
}
.select2-search input {
    width: 100%;
    height: auto!important;
    min-height: 26px;
    border-radius: 3px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-size: 1em;
    border: 1px solid #ccc;
    box-shadow: none;
    background: url(img/select2.png) 100% -22px no-repeat #fff;
    background: url(img/select2.png) 100% -22px no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
    background: url(img/select2.png) 100% -22px no-repeat, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(img/select2.png) 100% -22px no-repeat, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(img/select2.png) 100% -22px no-repeat, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: url(img/select2.png) 100% -22px no-repeat, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url(img/select2.png) 100% -22px no-repeat, linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}
.select2-search input.select2-active {
    background: 100% no-repeat #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
    background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(97, 143, 176, .2);
    border-radius: 3px
}
.select2-dropdown-open .select2-choice {
    border-color: #ccc;
    box-shadow: 0 1px 0 #fff inset
}
.select2-dropdown-open .select2-choice div {
    background: 0 0;
    border-left: none;
    filter: none
}
.select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px
}
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}
.select2-results ul.select2-result-sub {
    margin: 0
}
.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 13px
}
.select2-results .select2-highlighted {
    background: #2D3E50;
    color: #fff
}
.select2-results li em {
    background: #feffde;
    font-style: normal
}
.select2-results .select2-highlighted em {
    background: 0 0
}
.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}
.select2-results .select2-disabled,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}
.select2-results .select2-disabled.select2-highlighted {
    color: #708090;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}
.select2-results .select2-disabled {
    cursor: default
}
.select2-results .select2-selected {
    display: none
}
.select2-more-results.select2-active {
    background: 100% no-repeat #f4f4f4
}
.select2-more-results {
    background: #f4f4f4;
    display: list-item
}
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}
.select2-container.select2-container-disabled .select2-choice div {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}
.select2-container-multi .select2-choices {
    height: auto!important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #ccc;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(6%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 6%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 6%);
    background-image: -o-linear-gradient(top, #eee 1%, #fff 6%);
    background-image: -ms-linear-gradient(top, #eee 1%, #fff 6%);
    background-image: linear-gradient(top, #eee 1%, #fff 6%);
    min-height: 26px
}
.select2-locked {
    padding: 3px 5px!important
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #618fb0;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(97, 143, 176, .2)
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    font-size: 100%;
    color: #708090;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: 0 0!important
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: 100% no-repeat #fff!important
}
.select2-default {
    color: #708090!important
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 22px 3px 3px;
    margin: 5px 0 5px 5px;
    position: relative;
    line-height: 14px;
    cursor: default;
    border: 1px solid #575858;
    color: #708090;
    font-style: italic;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: 0
}
.select2-search-choice-close:before {
    color: #708090;
    content: "x";
    font-size: 14px;
    line-height: 11px
}
.select2-container-multi .select2-search-choice-close {
    right: 1px
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover,
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}
.select2-container-multi.select2-container-disabled .select2-choices {
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none
}
.select2-offscreen {
    position: absolute;
    left: -10000px
}
ul.wysihtml5-toolbar {
    margin: 0;
    padding: 0;
    display: block
}
ul.wysihtml5-toolbar::after {
    clear: both;
    display: table;
    content: ""
}
ul.wysihtml5-toolbar>li {
    float: left;
    display: list-item;
    list-style: none;
    margin: 0 5px 10px 0
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
    font-style: italic
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #D9D9D9;
    outline: 0
}
ul.wysihtml5-commands-disabled .dropdown-menu {
    display: none!important
}
ul.wysihtml5-toolbar div.wysihtml5-colors {
    display: block;
    width: 50px;
    height: 20px;
    margin-top: 2px;
    margin-left: 5px;
    position: absolute;
    pointer-events: none
}
.has-switch,
.has-switch>div {
    display: inline-block;
    position: relative
}
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
    padding-left: 70px
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=black] {
    background: #000!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=silver] {
    background: silver!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=gray] {
    background: gray!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] {
    background: maroon!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=red] {
    background: red!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=purple] {
    background: purple!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=green] {
    background: green!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=olive] {
    background: olive!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=navy] {
    background: navy!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=blue] {
    background: #00f!important
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value=orange] {
    background: orange!important
}
input:-webkit-autofill {
    background-color: #fff!important
}
.has-switch {
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid;
    border-color: rgba(51, 51, 51, .1) rgba(51, 51, 51, .1) rgba(51, 51, 51, .2);
    background: #666;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-width: 102px
}
.has-switch.deactivate,
.has-switch.deactivate label,
.has-switch.deactivate span {
    cursor: default!important
}
.has-switch.switch-mini {
    min-width: 72px
}
.has-switch.switch-small {
    min-width: 81px
}
.colorpicker,
.has-switch.switch-large {
    min-width: 120px
}
.has-switch.deactivate {
    filter: alpha(Opacity=50);
    opacity: .5
}
.has-switch>div {
    width: 150%;
    top: 0
}
.has-switch>div.switch-animate {
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}
.has-switch>div.switch-off {
    left: -50%
}
.has-switch>div.switch-on {
    left: 0
}
.has-switch input[type=checkbox] {
    display: none
}
.has-switch label,
.has-switch span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 100%;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 14px;
    line-height: 20px
}
.has-switch label.switch-mini,
.has-switch span.switch-mini {
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 10px;
    line-height: 9px
}
.has-switch label.switch-small,
.has-switch span.switch-small {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 12px;
    line-height: 18px
}
.has-switch label.switch-large,
.has-switch span.switch-large {
    padding-bottom: 9px;
    padding-top: 9px;
    font-size: 16px;
    line-height: normal
}
.has-switch label {
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    width: 33.333333%;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background: #f8f8f8
}
.has-switch span {
    color: #fff;
    text-align: center;
    z-index: 1;
    width: 33.333333%;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)
}
.has-switch span.switch-left {
    -moz-border-radius-topleft: 1px;
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-bottom-left-radius: 1px
}
.has-switch span.switch-right {
    color: #fff;
    -moz-border-radius-topright: 1px;
    -webkit-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -webkit-border-bottom-right-radius: 1px;
    border-bottom-right-radius: 1px;
    background: #666
}
.has-switch span.switch-left,
.has-switch span.switch-primary {
    color: #fff;
    background: #618fb0
}
.has-switch span.switch-info {
    color: #fff;
    background: #4ab0ce
}
.has-switch span.switch-success {
    color: #fff;
    background: #56bc76
}
.has-switch span.switch-warning {
    color: #fff;
    background: #eac85e
}
.has-switch span.switch-danger {
    color: #fff;
    background: #e22e24
}
.colorpicker-saturation {
    width: 170px;
    height: 170px;
    background-image: url(../img/saturation2.png);
    cursor: crosshair;
    float: left
}
.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    border-radius: 1px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px
}
.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-radius: 1px
}
.colorpicker-alpha,
.colorpicker-hue {
    width: 20px;
    height: 170px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px
}
.colorpicker-alpha i,
.colorpicker-hue i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px
}
.colorpicker-hue {
    background-image: url(../img/hue.png)
}
.colorpicker-alpha,
.colorpicker-color {
    background-image: url(../img/alpha.png)
}
.colorpicker-alpha {
    display: none
}
.colorpicker:after,
.colorpicker:before {
    content: '';
    display: inline-block;
    position: absolute
}
.colorpicker {
    top: 0;
    left: 0;
    padding: 4px;
    border-radius: 1px
}
.colorpicker:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 6px
}
.colorpicker:after {
    clear: both;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 7px
}
.colorpicker div {
    position: relative
}
.jqvmap-label,
.jqvmap-zoomin,
.jqvmap-zoomout {
    position: absolute;
    border-radius: 1px;
    padding: 3px;
    color: #fff
}
.colorpicker.alpha {
    min-width: 140px
}
.colorpicker.alpha .colorpicker-alpha {
    display: block
}
.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-position: 0 100%
}
.colorpicker-color div {
    height: 10px
}
.input-append.color .add-on i,
.input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}
.jqvmap-label {
    display: none;
    background: #292929;
    font-size: smaller
}
.jqvmap-zoomin,
.jqvmap-zoomout {
    left: 10px;
    background: #000;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center
}
.jqvmap-zoomin {
    top: 10px
}
.jqvmap-zoomout {
    top: 30px
}
.jqvmap-region {
    cursor: pointer
}
.jqvmap-ajax_response {
    width: 100%;
    height: 500px
}
.fc {
    direction: ltr;
    text-align: left
}
.fc table {
    border-collapse: collapse;
    border-spacing: 0
}
.fc-agenda table,
table.fc-border-separate {
    border-collapse: separate
}
.fc table,
html .fc {
    font-size: 1em
}
.fc td,
.fc th {
    padding: 0;
    vertical-align: top
}
.fc-header td {
    white-space: nowrap
}
.fc-header-left {
    width: 25%;
    text-align: left
}
.fc-header-center {
    text-align: center
}
.fc-header-right,
.fc-rtl .fc-event {
    text-align: right
}
.fc-header-right {
    width: 25%
}
.fc-event-inner,
.fc-view {
    width: 100%;
    overflow: hidden
}
.fc-header-title {
    display: inline-block;
    vertical-align: top
}
.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap
}
.fc .fc-header-space {
    padding-left: 10px
}
.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
    margin-right: -1px
}
.fc-header .fc-corner-right {
    margin-right: 1px
}
.fc-header .ui-corner-right {
    margin-right: 0
}
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2
}
.fc-header .fc-state-down {
    z-index: 3
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4
}
.fc-content {
    clear: both
}
.fc-widget-content,
.fc-widget-header {
    border: 1px solid #ccc
}
.fc-agenda-days .fc-agenda-axis,
.fc-border-separate td.fc-last,
.fc-border-separate th.fc-last {
    border-right-width: 1px
}
.fc-agenda-slots tr.fc-slot0 td,
.fc-agenda-slots tr.fc-slot0 th,
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0
}
.fc-state-highlight {
    background: #f5f5f5
}
.fc-cell-overlay {
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20)
}
.fc-event-vert .fc-event-bg,
.fc-grid .fc-other-month .fc-day-number {
    opacity: .3;
    filter: alpha(opacity=30)
}
.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer
}
.fc-event,
.fc-state-disabled {
    cursor: default
}
.fc-state-default {
    border-style: solid;
    border-width: 1px 0
}
.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden
}
.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap
}
.fc-button-content .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%
}
.fc-button-content .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%
}
.fc-state-default,
.fc-state-default:hover {
    background: 0 0;
    border-color: transparent
}
.fc-state-default .fc-button-inner {
    border-style: solid;
    background: #fff;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25);
    border-width: 1px;
    color: #708090
}
.fc-event,
.fc-event-inner {
    border-style: solid;
    border-width: 0
}
.fc-button-next .fc-button-inner:before {
    display: block;
    font: 22px FontAwesome;
    content: "\f105";
    line-height: 28px;
    padding: 0 10px
}
.fc-button-next .fc-button-inner .fc-button-content {
    display: none
}
.fc-button-prev .fc-button-inner:before {
    display: block;
    font: 22px FontAwesome;
    content: "\f104";
    line-height: 28px;
    padding: 0 10px
}
.fc-button-prev .fc-button-inner .fc-button-content,
.fc-state-disabled .fc-button-effect {
    display: none
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .08);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .08);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .08)
}
.fc-state-active,
.fc-state-active .fc-button-inner {
    border-color: #708090;
    background: #777;
    color: #fff
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
    color: #708090;
    border-color: #ddd
}
.fc-event {
    font-size: .85em
}
.fc-event-draggable,
a.fc-event {
    cursor: pointer
}
a.fc-event {
    text-decoration: none
}
a.fc-event:focus,
a.fc-event:hover {
    color: #fff
}
.fc-agenda-days th,
.fc-grid th {
    text-align: center
}
.fc-event-skin {
    background-color: #618fb0;
    color: #fff
}
.fc-event-inner {
    position: relative;
    height: 100%;
    border-radius: 1px
}
.fc-event-time,
.fc-event-title {
    padding: 0 1px
}
.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%
}
.fc-event-hori {
    margin-bottom: 1px
}
.fc-event-hori .ui-resizable-e {
    top: 0!important;
    right: -3px!important;
    width: 7px!important;
    height: 100%!important;
    cursor: e-resize
}
.fc-event-hori .ui-resizable-w {
    top: 0!important;
    left: -3px!important;
    width: 7px!important;
    height: 100%!important;
    cursor: w-resize
}
.fc-border-separate td,
.fc-border-separate th {
    border-width: 1px 0 0 1px
}
.fc-border-separate tr.fc-last td,
.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px
}
.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px
}
.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px
}
.fc-rtl .fc-grid .fc-day-number {
    float: left
}
.fc-rtl .fc-grid .fc-event-time {
    float: right
}
.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap
}
.fc-agenda .fc-day-content {
    padding: 2px 2px 1px
}
.fc-agenda-days .fc-col0 {
    border-left-width: 0
}
.fc-agenda-allday th {
    border-width: 0 1px
}
.fc-agenda-allday .fc-day-content {
    min-height: 34px
}
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden
}
.fc-widget-header .fc-agenda-divider-inner {
    background: #eee
}
.fc-agenda-slots th {
    border-width: 1px 1px 0
}
.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: 0 0
}
.fc-agenda-slots td div {
    height: 20px
}
.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots tr.fc-minor th {
    border-top-style: dotted
}
.fc-event-vert {
    border-width: 0 1px
}
.fc-event-vert .fc-event-content,
.fc-event-vert .fc-event-head {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden
}
.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px
}
.fc-event-vert .fc-event-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}
.fc-event-vert .ui-resizable-s {
    bottom: 0!important;
    width: 100%!important;
    height: 8px!important;
    overflow: hidden!important;
    line-height: 8px!important;
    font-size: 11px!important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}
#superSpecialDialog .modal-content {
    margin-top: 160px
}
#superSpecialDialog.modal-dialog.resume-viewer-modal .modal-content {
    margin-top: 80px;
}
.campaign-step1 .campaign-navs {
    text-align: right
}
.nav-tabs>li>a.btn,
.nav>li>a.btn:focus,
.nav>li>a.btn:hover {
    padding: 4px 15px;
    border-radius: 4px 4px 0 0;
    border: 0 solid #2D3E50;
    color: #2d3e50;
    background: #ddd
}
.resume-viewer-modal .modal h1,
.resume-viewer-modal .modal h2,
.resume-viewer-modal .modal h3,
.resume-viewer-modal .modal h4,
.resume-viewer-modal .modal h5,
.resume-viewer-modal .modal h6,
.resume-viewer-modal .widget,
.resume-viewer-modal a.name {
    color: #fff
}
.modal .resume-viewer-modal .widget {
    border-radius: 11px
}
.resume-viewer-modal .modal-content {
    background: #2D3E50
}
.dropdown.login-button .login {
    width: 112px;
}
.searchmenuright a.login {
    color: #222 !important;
    box-shadow: inherit !important;
}
.searchmenuright a.loginmenu:hover {
    color: #fff !important;
}
.searchmenuright a.signupMenu:hover {
    color: #2D3A5B !important;
}
a.postjobmenu:hover {
    color: darkturquoise !important;
}
.dropdown.login-button .login:hover {
    font-size: 15px !important;
}
.dropdown.login-button .login {
    font-weight: bold;
    color: #477ab8;
    box-shadow: inherit;
    font-size: 15px !important;
}
.orderDropdown ul.dropdown-menu:after,
.orderDropdown ul.dropdown-menu:before {
    left: 50%;
    transform: translate(-50%, 0);
    right: auto;
    margin: 0;
}
.dropdown.login-button .login:hover {
    box-shadow: inherit;
    font-size: 15px;
}
.searchmenuright .dropdown-menu:before {
    left: 40px;
}
.searchmenuright .dropdown-menu:after {
    left: 39px;
}
a.postjobmenu:focus {
    color: darkturquoise !important;
}
.resume-viewer-tabs li a {
    border-radius: 3px;
    color: #373f47;
    text-align: center;
    font-size: 12px;
    padding: 6px 8px 3px
}
.resume-viewer-modal .btn-group:hover .btn.btn-default,
.resume-viewer-modal .btn-group:hover .btn.btn-info,
.resume-viewer-modal .btn-group:hover .btn.btn-primary,
.resume-viewer-modal .btn.btn-default:hover,
.resume-viewer-modal .btn.btn-info:hover,
.resume-viewer-modal .btn.btn-primary:hover {
    box-shadow: none!important;
    border-color: #2D3A5B;
    color: #2D3A5B!important;
}
button.btn.btn-info.dropdown-toggle {
    border-color: #2D3A5B !important;
    background: #fff !important
}
.btn-group.btn-group-warning.pull-right.hidden-for-public {
    margin-right: 10px
}
.dropdown-menu>li>a {
    cursor: pointer
}
#myTabContent {
    background: #fff;
    height: max-content;
    overflow: scroll;
    border-radius: 0;
    bottom: 20px;
    color: #000;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 120px;
    border: 1px solid #ccc
}
.btn.blu-btn {
    font-size: 20px;
    margin-top: 10px;
    padding: 15px 50px
}
.ok-mark.blu-mark {
    color: #74899e;
    font-size: 70px;
    margin-top: 50px
}
.big-up-bg .modal-body {
    min-height: 322px
}
.main-horizontal-nav {
    float: left;
    margin: 10px 0 0
}
.main-horizontal-nav i {
    font-size: 23px
}
.big-up-bg .well.fd-zone {
    background: rgba(0, 0, 0, 0);
    border: 0
}
.main-horizontal-nav li a {
    border-bottom: 2px solid transparent;
    color: #eee;
    float: left;
    margin-bottom: 9px;
    margin-top: 3px;
    padding: 5px 12px 4px;
    text-align: center;
    font-size: 16px;
    border-radius: 16px;
    line-height: 22px
}
.main-horizontal-nav li a:hover {
    color: #ccc
}
.main-horizontal-nav li a.active,
.main-horizontal-nav li a:active {
    text-shadow: none;
    background: 0 0;
    height: 33px;
    text-decoration: underline
}
.main-horizontal-nav li {
    display: inline;
    float: left;
    margin-right: 4px
}
.big-up-bg .modal-dialog {
    margin-top: 140px
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px
}
.files .progress {
    width: 200px
}
.progress-animated .bar {
    filter: none
}
.fileupload-loading {
    position: absolute;
    left: 50%;
    width: 128px;
    height: 128px;
    display: none
}
.fileupload-processing .fileupload-loading {
    display: block
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0
}
.contact-action-btns button i {
    font-size: 15px;
    margin: 0 8px 0 0
}
.contact-srch-bar {
    border: solid 1px #fff;
    padding: 0 10px;
    height: 15px;
    border-radius: 0 30px 30px 0;
    border-right: 0;
}
.clsTextField {
    display: block;
}
.clsDropDown {
    display: none;
}
.clsDropDownApprove {
    display: none;
}
.clsDropDownUserType {
    display: none;
}
.clsDropDownCountry {
    display: none;
}
.backgrid-container {
    position: relative;
    display: block;
    width: 100%;
    height: 465px;
    padding: 0;
    overflow: auto;
    border: 0
}
.backgrid {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border: 1px solid #ddd;
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.backgrid td,
.backgrid th {
    height: 20px;
    max-width: 250px;
    padding: 4px 5px;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ddd
}
.backgrid th {
    cursor: pointer
}
.backgrid th a {
    white-space: nowrap
}
.backgrid thead th {
    vertical-align: bottom
}
.backgrid tbody tr:nth-child(odd) td,
.backgrid tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}
.backgrid tbody tr:nth-child(odd) td.editor,
.backgrid td.editor {
    background-color: rgba(82, 168, 236, .1);
    outline: rgba(82, 168, 236, .8) solid 1px;
    outline-offset: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: width, outline, background-color;
    -moz-transition-property: width, outline, background-color;
    -o-transition-property: width, outline, background-color;
    transition-property: width, outline, background-color;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}
.backgrid td.editor input[type=text] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}
.backgrid tbody tr:nth-child(odd) td.editor.error,
.backgrid td.editor.error {
    background-color: rgba(255, 210, 77, .1);
    outline: #ffd24d solid 1px
}
.backgrid td.editor:focus,
.backgrid th.editor:focus {
    outline: 0
}
.backgrid .sort-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    border: 0;
    content: ""
}
.backgrid .ascending .sort-caret,
.backgrid .descending .sort-caret {
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}
.backgrid .ascending .sort-caret {
    vertical-align: baseline;
    border-top: none;
    border-bottom: 4px solid #000
}
.backgrid .descending .sort-caret {
    vertical-align: super;
    border-top: 4px solid #000;
    border-bottom: none
}
.backgrid .email-cell,
.backgrid .email-cell.editor input[type=text],
.backgrid .string-cell,
.backgrid .string-cell.editor input[type=text],
.backgrid .uri-cell,
.backgrid .uri-cell.editor input[type=text] {
    text-align: left
}
.backgrid .date-cell,
.backgrid .date-cell.editor input[type=text],
.backgrid .datetime-cell,
.backgrid .datetime-cell.editor input[type=text],
.backgrid .integer-cell,
.backgrid .integer-cell.editor input[type=text],
.backgrid .number-cell,
.backgrid .number-cell.editor input[type=text],
.backgrid .time-cell,
.backgrid .time-cell.editor input[type=text] {
    text-align: right
}
.backgrid .boolean-cell,
.backgrid .boolean-cell.editor input[type=checkbox],
.backgrid .select-cell {
    text-align: center
}
.backgrid .select-cell.editor {
    padding: 0
}
.backgrid .select-cell.editor select {
    display: block;
    width: 100%;
    height: 28px;
    padding: 4px 5px;
    margin: 0;
    line-height: 28px;
    background-color: #fff;
    border: 0;
    outline: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.backgrid .select-cell.editor:focus {
    border: 0;
    outline: 0
}
.backgrid .select-cell.editor optgroup::-moz-focus-inner,
.backgrid .select-cell.editor optgroup::-o-focus-inner,
.backgrid .select-cell.editor option::-moz-focus-inner,
.backgrid .select-cell.editor option::-o-focus-inner,
.backgrid .select-cell.editor select::-moz-focus-inner,
.backgrid .select-cell.editor select::-o-focus-inner {
    border: 0
}
.table-striped>tbody>tr:nth-child(2n+1) {
    background: 0 0
}
.trigger-btn {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    left: -120px;
    padding: 5px 5px 5px 20px;
    position: fixed;
    top: 85px;
    transition: right .2s ease 0;
    z-index: 500;
    display: none
}
textarea {
    resize: none;
    width: 100%
}
ul#account-menu {
    left: -3px;
    margin-top: 2px
}
.modal-footer button.btn.btn-default {
    color: #4e9ce6 !important;
}
button#changePassword {
    color: #222;
    margin-top: 10px;
}
button#saveUserResume {
    color: #222 !important;
}
button#go2Payment {
    color: #222 !important;
}
button.btn.btn-info.pull-right.prv-btn.saveJobFeedBtn,
button.btn.btn-info.pull-right.prv-btn.createAppBtn {
    color: #4e9ce6 !important;
    margin-right: 15px;
}
.form-wizard form#jobFeedForm a.btn.btn-info.pull-right,
.form-wizard form#createAppForm a.btn.btn-info.pull-right {
    color: #4e9ce6 !important;
}
.form-wizard form#jobFeedForm a.btn.btn-info.pull-right:focus,
button.btn.btn-info.pull-right.prv-btn.saveJobFeedBtn:focus {
    border: 1px solid rgba(49, 140, 231, 0.69) !important;
}
.small-logo-right-area i {
    color: #74899e;
    margin: 0 5px 0 0;
    vertical-align: middle
}
.top-right-icons.top-left-icons #account {
    width: 21px;
    padding-left: 48px;
    margin-left: -43px
}
.top-right-icons.top-left-icons .dropdown-menu.account:before {
    left: 13px
}
.top-right-icons.top-left-icons .dropdown-menu.account::after {
    left: 12px
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: inherit
}
.trigger-btn:hover {
    left: -1px
}
.trigger-btn .fa.fa-angle-right {
    float: right;
    font-size: 18px;
    margin: 8px 0 0
}
.top-right-icons.top-left-icons {
    float: left;
    width: auto;
    margin: 2px 0 0 29px;
    position: relative
}
.search-main-cont-one {
    float: left;
    margin-top: 200px;
    width: 100%
}
.campaign-nav {
    clear: both;
    float: left;
    margin-top: 20px;
    text-align: right;
    width: 100%
}
.widget.thanks-widget h4 {
    margin: 0;
}
.campaign-nav .back-btn {
    float: left
}
.widget.thanks-widget {
    max-width: 400px;
    padding: 20px 5%;
    border-radius: 10px
}
.campaign-content-tabl .folder-ico.sub-folds {
    margin-left: 10px;
    margin-right: 8px
}
.register-widget {
    margin-top: -25px
}
.register-page-cont.container.bouncy-target {
    color: #1e1f21
}
.filter-listing li .fa {
    padding-right: 5px
}
.filter-listing>li {
    padding-bottom: 3px
}
.panel-group.filter-doc-menu {
    margin-bottom: 0
}
.filter-listing li a {
    display: block
}
.filter-listing li a .filter-counts {
    color: #9f9f9f;
    float: right;
    font-size: 11px
}
.filter-listing li a span {
    color: #5c86ed
}
.dld-rsm {
    float: right;
    margin: 5px 0 0
}
.editable-container .control-group.form-group {
    margin-left: 0
}
.editable-container .input-sm {
    min-height: inherit
}
address#propertyList {
    font-size: 13px;
    color: #000
}
#propertyList>br {
    display: none
}
.list-folder-icons {
    color: #708090;
    float: left;
    margin: 3px 0 0
}
#sourcerList .editable-container .form-control {
    font-size: 15px;
    height: 34px
}
.list-folder-icons .fa.fa-plus {
    font-size: 9px
}
.form-control::-webkit-input-placeholder {
    color: #ccc
}
.form-control:-moz-placeholder {
    color: #ccc
}
.form-control::-moz-placeholder {
    color: #ccc
}
.form-control:-ms-input-placeholder {
    color: #ccc
}
.editable-container.editable-inline {
    position: relative
}
.editable-container.editable-inline .editable-buttons {
    display: inline-block;
    margin-left: 7px;
    position: absolute;
    right: -77px;
    top: 0;
    vertical-align: top;
    background: #fff;
    z-index: 50
}
.btn-group-sm>.btn,
.editable-container.editable-inline .editable-buttons .btn-sm {
    border-radius: 20px;
    font-size: 8.05px;
    line-height: 1.9;
    padding: 2px 6px;
    box-shadow: 0 0 0 3px #fff
}
.editable-container.editable-inline .form-control.input-sm {
    margin-left: -7px
}
.editable-buttons .editable-cancel {
    margin-left: 3px
}
#notification-menu.dropdown-menu {
    padding: 0
}
#propertyList abbr,
#propertyList span {
    float: left;
    display: block;
    width: 55%;
    min-height: 33px;
    background: 0 0!important;
    word-break: break-all;
    margin-right: 25px
}
#propertyList abbr {
    width: 27%
}
.custm-pls.fa.fa-plus {
    background: #2d3e50;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    margin-top: -3px;
    padding: 4px 5px 3px
}
.tab-div {
    display: table
}
.tr-div {
    display: table-row
}
.cell-div {
    display: table-cell;
    vertical-align: middle
}
.filter-doc-menu .cell-div>h4 {
    font-size: 13px;
    margin: 0
}
.filter-doc-menu .cell-div>p {
    color: #708090;
    font-size: 11px;
    margin: 0;
    padding: 0
}
.cell-div.chk-cell {
    width: 21px
}
.filter-doc-menu .panel-heading {
    border: 0!important
}
.filter-doc-menu .cell-div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    padding-top: 7px
}
.filter-doc-menu .panel-body {
    border: 0!important
}
.filter-doc-menu .panel-title {
    border-bottom: 1px solid #ddd;
    position: relative
}
.filter-doc-menu .panel-title>a:after {
    background: url(img/doc-minus.png) no-repeat;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 15px
}
.filter-doc-menu .panel-title a.collapsed:after {
    background: url(img/doc-plus.png) no-repeat
}
.filter-doc-menu .panel-title>a {
    display: block;
    padding: 8px 14px;
    position: relative;
    text-decoration: none
}
.filter-doc-menu .panel.panel-default {
    margin: 0!important
}
.more-btn-cont>a {
    display: block;
    font-size: 13px;
    padding: 5px 13px 0;
    text-align: right
}
.filter-doc-menu .panel-collapse.collapse.in {
    border-bottom: 1px solid #ddd
}
.filter-doc-menu .panel-body {
    padding: 10px
}
.filter-sel {
    margin-bottom: 17px;
    padding: 4px
}
.margino {
    margin: 0
}
.pie-chart-cont .value {
    color: #68a5fe;
    margin-top: 55px
}
.label.label-info,
.label.label-success {
    float: left;
    margin-bottom: 6px;
    background: none;
    box-sizing: content-box;
    color: #777;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 12px;
    border: 1px solid #777;
    margin-top: 0px;
    font-weight: 400;
    border-radius: 50px;
}
#forms-collapse li {
    position: relative
}
#forms-collapse .icon.icon-delete-3,
#forms-collapse .icon.icon-pencil-2,
#job-select .icon.icon-pencil-2 {
    border-radius: 2px;
    color: #d8d9da;
    cursor: pointer;
    font-size: 12px;
    line-height: 10px;
    position: absolute;
    right: 5px;
    top: 10px
}
#forms-collapse .icon.icon-pencil-2,
#job-select .icon.icon-pencil-2 {
    font-size: 11px;
    right: 24px;
    top: 10px!important;
    display: none
}
#forms-collapse li:hover .icon.icon-pencil-2,
#job-select>li:hover .icon.icon-pencil-2 {
    display: block
}
button#uploadCSV .icon {
    margin: 3px 5px 0 0;
    float: left;
    font-size: 13px
}
.dropdown-menu:before,
.top-right-icons .dropdown-menu.account:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 10px;
    top: -5px;
    width: 0;
    z-index: 10
}
.cards-dd .dropdown-menu.account:after,
.dropdown-menu:after,
.top-right-icons .dropdown-menu.account:after {
    border-bottom: 8px solid rgba(0, 0, 0, .15);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 9px;
    top: -6px;
    width: 0;
    z-index: 9;
    margin-left: 37px;
}
.header-chat-noti-numbers {
    background: #ffb392;
    border-radius: 100%;
    bottom: -5px;
    color: #111;
    display: block;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 13px;
    font-style: normal
}
.cards-dd .dropdown-menu.account {
    border-radius: 6px!important
}
.dropdown-menu {
    border-radius: 5px
}
.custm-pls.fa.fa-plus:hover {
    background: #069075
}
.cont-det-txt-a {
    float: left;
    font-size: 13px;
    margin: 5px 0 0;
    display: block;
    clear: both
}
.cont-det-txt-a i {
    font-size: 18px;
    float: right;
    margin: 0 5px;
    font-style: normal;
    color: #74899e;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}
.campaign-body input[type=text],
.campaign-body select,
.campaign-body table,
.key,
.value {
    width: 100%
}
.cont-det-txt {
    float: left;
    color: #666
}
.campaign-body {
    min-height: 290px;
    padding: 0 4%
}
.campaign-body th {
    padding-bottom: 10px;
    padding-top: 10px
}
.campaign-body .campaign-footer {
    margin-top: 60px;
    text-align: right
}
.calender-icon,
.fly-btns-cont a,
.key,
.mob-fixed-nav li,
.value {
    text-align: center
}
.campaign-body .campaign-footer .fa.fa-chevron-right {
    font-size: 11px;
    padding-left: 10px
}
.campaign-body .campaign-footer .back-btn {
    float: left
}
.campaign-body .campaign-content-tabl {
    margin-top: 25px
}
.campaign-body .sel-temp-blu-bar {
    background: #fff;
    border-radius: 4px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc
}
.campaign-body .sel-temp-blu-bar li a {
    color: #ff6347;
    display: block;
    padding: 4px 12px;
    font-size: 12px
}
.campaign-body .sel-temp-blu-bar li a:hover {
    text-decoration: none;
    background: #d3d3d3;
    color: #575858!important
}
.campaign-body .fa.fa-list {
    color: #16a085;
    font-size: 14px!important;
    margin-top: 3px;
    padding: 0 10px!important
}
.sel-temp-blu-bar li.active a {
    background: #d3d3d3;
    color: #575858!important
}
.value {
    color: #777;
    font-size: 50px;
    line-height: normal
}
.key {
    font-size: 15px
}
.container.pie-chart-cont {
    max-width: 1130px;
    width: 100%
}
.steps-campaign li {
    padding: 9px 10px 9px 20px;
    margin-bottom: 10px
}
.steps-campaign li .icon {
    float: left;
    font-size: 15px;
    margin: 2px 16px 0 0;
    visibility: hidden
}
.filter-doc-menu .collapse,
.sidebar,
.steps-campaign li.active .icon {
    visibility: visible
}
.steps-campaign .vert-devider {
    font-style: unset;
    padding: 0 0 0 15px
}
.steps-campaign li.active {
    background: #fff;
    border-radius: 100px;
    font-size: 14px;
    color: #318cea
}
.steps-campaign .row>div {
    padding: 0 5px!important
}
#sendTestEmailBtn {
    margin-left: 5px
}
.for-blue-bg-area .campaign-body {
    background: #fff;
    border-radius: 5px;
    color: #708090;
    padding-bottom: 20px;
    border: 1px solid #fff
}
.for-blue-bg-area .mailbox-content,
.for-blue-bg-area .widget h3,
.for-blue-bg-area a {
    color: #575858
}
.campaign-content-tabl i.icon.icon-briefcase-2 {
    font-size: 20px;
    padding: 3px 7px;
    float: left
}
#hasLogo>img {
    height: auto;
    margin: 11px;
    max-width: 200px;
    width: auto
}
.calender-icon {
    background: #2d3e50;
    border-radius: 4px;
    color: #fff;
    float: right;
    line-height: 13px;
    padding: 3px
}
.calender-icon>span {
    background: #fff;
    color: #708090;
    display: block;
    line-height: 14px;
    margin-top: 3px;
    padding: 1px 5px 2px
}
.calender-icon>p {
    margin: 0
}
.sent-date>span {
    float: left;
    margin-top: 10px
}
.campaign-preview-cont {
    margin-top: 25px
}
.btn-group .dropdown-menu {
    left: inherit;
    right: 0
}
.top-right-icons .popover {
    width: 200px
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right::before,
.top-right-icons .navbar .pull-right>li>.dropdown-menu::before {
    border-bottom: 8px solid #fff;
    right: 11px;
    top: -5px
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right::after,
.top-right-icons .navbar .pull-right>li>.dropdown-menu::after {
    border-bottom: 6px solid #ccc!important;
    display: block;
    left: auto;
    right: 23px!important;
    top: -7px!important;
    z-index: -1
}
.mob-btn-active-state,
.mob-fixed-nav {
    background: rgba(3, 10, 22, .9);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0
}
.mob-fixed-nav {
    width: 100%;
    z-index: 5000;
    height: 50px;
    display: none
}
.mob-fixed-nav li {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    width: 20%
}
.mob-fixed-nav li span {
    display: block
}
.mob-fixed-nav li i {
    margin-top: 10px
}
.big-round-center-btn {
    margin-top: 3px;
    cursur: point;
    width: auto
}
.mob-btn-active-state {
    top: 0;
    z-index: 6000;
    display: none
}
.mob-heading h3 {
    font-size: 18px;
    margin: 0 0 -2px;
    padding: 6px 0;
    border-bottom: 3px solid #5c86ed;
    display: inline-block
}
.mob-heading {
    border-bottom: 1px solid #ccc
}
.mobo-btn {
    display: block;
    width: 100%
}
.mobo-widget {
    margin: 20px 0;
    clear: both;
    width: 100%
}
.panel.panel-default {
    overflow: visible
}
.panel:nth-child(1n) .panel-heading {
    border: 0
}
.mobo-resume-viewer {
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 9px;
    background: #fff
}
.panel .panel-heading a {
    display: block;
    padding: 5px 0
}
span.mobo-resume-name {
    font-size: 14px
}
.mobo-right-sort-btns label.label.label-primary {
    margin-right: 15px
}
.btn-group.mobo-collapse-chkbox {
    float: left;
    margin: 5px 6px 0 0
}
.fly-btns-cont a {
    position: absolute;
    width: 100px
}
.first-fly-btn {
    bottom: 5%;
    left: 30%
}
.second-fly-btn {
    bottom: 25%;
    left: 34%
}
.third-fly-btn {
    bottom: 25%;
    right: 34%;
    left: inherit
}
.forth-fly-btn {
    bottom: 5%;
    right: 30%;
    left: inherit
}
.fifth-fly-btn {
    bottom: 40%;
    left: 50%;
    margin-left: -50px
}
.fly-btns-cont a span {
    display: block;
    text-align: center
}
.active-big-round-btn {
    bottom: 5px;
    display: block;
    left: 50%;
    margin-left: -25px;
    position: absolute
}
.fly-btns-cont span {
    color: #FFF;
    font-size: 14px
}
.fly-btns-cont i {
    color: #FFF;
    font-size: 23px
}
a:hover {
    text-decoration: none
}
.resume-txt li {
    list-style: none inside;
    margin-bottom: 4px;
    padding-left: 20px;
    line-height: 20px
}
.resume-txt li,
.resume-txt p,
.resume-txt span {
    font-size: 14px
}
.resume-txt-top-btns {
    text-align: right
}
.campaign-body th {
    width: 30%
}
.preview-cont {
    background: #fff;
    border-radius: 15px;
    color: #708090;
    margin-bottom: 17px;
    padding: 11px 20px
}
.rickshaw_graph .detail {
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    width: 1px;
    transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear
}
.rickshaw_graph .detail.inactive {
    opacity: 0
}
.rickshaw_graph .detail .item.active {
    opacity: 1
}
.rickshaw_graph .detail .x_label {
    border-radius: 1px;
    padding: 6px;
    opacity: .5;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    position: absolute;
    background: #fff;
    white-space: nowrap;
    color: #708090
}
.rickshaw_graph .detail .item {
    position: absolute;
    z-index: 2;
    border-radius: 1px;
    padding: .25em;
    font-size: 12px;
    opacity: 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .4);
    margin-left: 1em;
    margin-top: -1em;
    white-space: nowrap
}
.rickshaw_graph .detail .item.active {
    background: rgba(0, 0, 0, .8)
}
.rickshaw_graph .detail .item:before {
    content: "\25c2";
    position: absolute;
    left: -.5em;
    color: rgba(0, 0, 0, .7);
    width: 0
}
.rickshaw_graph .detail .dot {
    width: 4px;
    height: 4px;
    margin-left: -4px;
    margin-top: -3px;
    border-radius: 1px;
    position: absolute;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    background: #fff;
    border-width: 2px;
    border-style: solid;
    display: none;
    background-clip: padding-box
}
.rickshaw_graph .detail .dot.active {
    display: block
}
.rickshaw_graph {
    position: relative
}
.rickshaw_graph svg {
    display: block;
    overflow: hidden
}
.rickshaw_graph .x_tick {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px dotted rgba(0, 0, 0, .2);
    pointer-events: none
}
.rickshaw_graph .x_tick .title {
    position: absolute;
    font-size: 12px;
    opacity: .5;
    white-space: nowrap;
    margin-left: 3px;
    bottom: 1px
}
.rickshaw_annotation_timeline {
    height: 1px;
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    position: relative
}
.rickshaw_annotation_timeline .annotation {
    position: absolute;
    height: 6px;
    width: 6px;
    margin-left: -2px;
    top: -3px;
    border-radius: 1px;
    background-color: rgba(0, 0, 0, .25)
}
.rickshaw_graph .annotation_line {
    position: absolute;
    top: 0;
    bottom: -6px;
    width: 0;
    border-left: 2px solid rgba(0, 0, 0, .3);
    display: none
}
.rickshaw_graph .annotation_line.active {
    display: block
}
.rickshaw_graph .annotation_range {
    background: rgba(0, 0, 0, .1);
    display: none;
    position: absolute;
    top: 0;
    bottom: -6px;
    z-index: -10
}
.rickshaw_graph .annotation_range.active {
    display: block
}
.rickshaw_graph .annotation_range.active.offscreen {
    display: none
}
.rickshaw_annotation_timeline .annotation .content {
    background: #fff;
    color: #000;
    opacity: .9;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8);
    border-radius: 1px;
    position: relative;
    z-index: 20;
    font-size: 12px;
    padding: 6px 8px 8px;
    top: 18px;
    left: -11px;
    width: 160px;
    display: none;
    cursor: pointer
}
.rickshaw_annotation_timeline .annotation .content:before {
    content: "\25b2";
    position: absolute;
    top: -11px;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .8)
}
.rickshaw_annotation_timeline .annotation.active,
.rickshaw_annotation_timeline .annotation:hover {
    background-color: rgba(0, 0, 0, .8);
    cursor: none
}
.rickshaw_annotation_timeline .annotation .content:hover {
    z-index: 50
}
.rickshaw_annotation_timeline .annotation.active .content {
    display: block
}
.rickshaw_annotation_timeline .annotation:hover .content {
    display: block;
    z-index: 50
}
.rickshaw_graph .x_axis_d3,
.rickshaw_graph .y_axis {
    fill: none
}
.rickshaw_graph .x_ticks_d3 .tick,
.rickshaw_graph .y_ticks .tick {
    stroke: rgba(0, 0, 0, .16);
    stroke-width: 2px;
    shape-rendering: crisp-edges;
    pointer-events: none
}
.rickshaw_graph .x_grid_d3 .tick,
.rickshaw_graph .y_grid .tick {
    z-index: -1;
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 1 1
}
.rickshaw_graph .x_grid_d3 path,
.rickshaw_graph .y_grid path {
    fill: none;
    stroke: none
}
.rickshaw_graph .x_ticks_d3 path,
.rickshaw_graph .y_ticks path {
    fill: none;
    stroke: grey
}
.rickshaw_graph .x_ticks_d3 text,
.rickshaw_graph .y_ticks text {
    opacity: .5;
    font-size: 12px;
    pointer-events: none
}
.rickshaw_graph .x_tick.glow .title,
.rickshaw_graph .y_ticks.glow text {
    fill: #000;
    color: #000;
    text-shadow: -1px 1px 0 rgba(255, 255, 255, .1), 1px -1px 0 rgba(255, 255, 255, .1), 1px 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1), 0 -1px 0 rgba(255, 255, 255, .1), 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(255, 255, 255, .1), -1px -1px 0 rgba(255, 255, 255, .1)
}
.rickshaw_graph .x_tick.inverse .title,
.rickshaw_graph .y_ticks.inverse text {
    fill: #fff;
    color: #fff;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8), 0 1px 0 rgba(0, 0, 0, .8), 0 -1px 0 rgba(0, 0, 0, .8), 1px 0 0 rgba(0, 0, 0, .8), -1px 0 0 rgba(0, 0, 0, .8), -1px -1px 0 rgba(0, 0, 0, .8)
}
.rickshaw_legend {
    font-size: 12px;
    color: #708090;
    display: inline-block;
    padding: 12px 5px;
    border-radius: 1px;
    position: relative
}
.rickshaw_legend:hover {
    z-index: 10
}
.rickshaw_legend .swatch {
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, .2)
}
.rickshaw_legend .line {
    clear: both;
    line-height: 140%;
    padding-right: 15px
}
.rickshaw_legend .line .swatch {
    display: inline-block;
    margin-right: 3px;
    border-radius: 1px
}
.rickshaw_legend .label {
    margin: 0;
    white-space: nowrap;
    display: inline;
    font-size: inherit;
    background-color: transparent;
    color: inherit;
    line-height: normal;
    padding: 0;
    text-shadow: none
}
.rickshaw_legend .action:hover {
    opacity: .6
}
.rickshaw_legend .action {
    margin-right: .2em;
    opacity: .2;
    cursor: pointer;
    font-size: 14px;
    display: none
}
.rickshaw_legend .line.disabled {
    opacity: .4
}
.rickshaw_legend ul {
    list-style-type: none;
    padding: 0;
    margin: 2px;
    cursor: pointer
}
.rickshaw_legend li {
    padding: 0 0 0 2px;
    min-width: 80px;
    white-space: nowrap
}
.rickshaw_legend li:hover {
    background: rgba(255, 255, 255, .08);
    border-radius: 1px
}
.rickshaw_legend li:active {
    background: rgba(255, 255, 255, .2);
    border-radius: 1px
}
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    background: #f5f5f5
}
table.dataTable thead th {
    cursor: pointer;
    text-decoration: underline
}
table.dataTable thead th.sorting_disabled {
    cursor: default;
    text-decoration: none
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center
}
.dataTables_wrapper {
    position: relative;
    clear: both
}
.dataTables_length {
    float: left
}
.dataTables_filter {
    float: right;
    text-align: right
}
.dataTables_info {
    clear: both;
    float: left
}
.dataTables_paginate {
    float: right;
    text-align: right
}
.btn.post-job-btn-mob {
    border: 5px solid #fff;
    background: #2D3E50;
    border-radius: 7px!important;
    color: #fff;
    box-shadow: 0 0 1px #575858;
    width: 98%;
    margin-left: 1%
}
.trash-btns-cont {
    text-align: right;
    margin-bottom: 30px
}
.trashModalcards {
    clear: both
}
.alertify,
.alertify-log {
    font-family: sans-serif
}
.rating-gly,
.rating-gly-star {
    font-family: 'Glyphicons Halflings'
}
.alertify {
    background: #fff;
    border: 1px solid #8E8E8E;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.alertify-dialog {
    padding: 0
}
.alertify-inner {
    text-align: left
}
.alertify-message {
    padding: 15px;
    margin: 0
}
.alertify-text-wrapper {
    padding: 0 15px
}
.alertify-text {
    color: #708090;
    border-radius: 4px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #CCC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.alertify-text:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}
.alertify-buttons {
    padding: 14px 15px 15px;
    background: #F5F5F5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
    text-align: right
}
.alertify-button,
.alertify-button:active,
.alertify-button:focus,
.alertify-button:hover {
    margin-left: 10px;
    border-radius: 4px;
    padding: 4px 12px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}
.alertify-button:focus {
    outline: 0;
    box-shadow: 0 0 5px #2B72D5
}
.alertify-button:active {
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}
.table-top-btns.text-center {
    padding-bottom: 20px
}
.unssubscribe-page-cont {
    width: 1040px
}
.alertify-button-cancel,
.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .75);
    background-color: #E6E6E6;
    border: 1px solid #BBB;
    color: #708090;
    background-image: -webkit-linear-gradient(top, #fff, #E6E6E6);
    background-image: -moz-linear-gradient(top, #fff, #E6E6E6);
    background-image: -ms-linear-gradient(top, #fff, #E6E6E6);
    background-image: -o-linear-gradient(top, #fff, #E6E6E6);
    background-image: linear-gradient(top, #fff, #E6E6E6)
}
.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    background: #E6E6E6
}
.alertify-button-ok,
.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #04C;
    border: 1px solid #04C;
    border-color: #04C #04C #002A80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff
}
.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    background: #04C
}
.alertify-log {
    background: #D9EDF7;
    padding: 8px 14px;
    border-radius: 4px;
    color: #3A8ABF;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #BCE8F1
}
.alertify-log-error {
    color: #B94A48;
    background: #F2DEDE;
    border: 1px solid #EED3D7
}
.alertify-log-success {
    color: #468847;
    background: #DFF0D8;
    border: 1px solid #D6E9C6
}
.report-page-top-area.text-right {
    padding-bottom: 15px
}
.count-wedget h3 {
    color: #5c86ed;
    font-size: 36px;
    margin: 9px 0 0
}
.widget.count-wedget>p {
    margin: 0;
    color: #708090
}
.count-widget p i {
    color: #5c86ed
}
.count-wedget p.light-color-txt {
    color: inherit
}
#notification-menu,
.notify-dd {
    width: 390px;
    top: 0
}
#notification-menu.dropdown-menu.account,
.notify-dd.account {
    background: #fff;
    border-radius: 0px !important
}
#notification-menu>li,
.notify-dd>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #adbed0;
    padding: 15px 25px;
    background: #f5f6f7;
}
.snapcardnotefull {
    width: 100% !important;
}
#login-btn:before {
    content: "Sign In";
}
#login-btn.loginbtntext:before {
    content: "Signing In";
}
#forgotPasswordUnlock:focus,
#login-btn:focus {
    color: #fff !important;
}
*/#notification-menu p i,
.notify-dd p i {
    color:#a9a9a9;
    font-size:10px;
    line-height:23px;
    margin-bottom:14px;
    padding-left:0
}
#notification-menu span,
.notify-dd span {
    border-radius:400px;
    color:#708090;
    float:left;
    height:32px;
    line-height:32px;
    margin-top:2px;
    text-align:center;
    width:32px;
    font-size:19px;
    background:white;
}
#notification-menu p,
.notify-dd p {
    color:#444;
    font-size:15px;
    line-height:18px;
    margin-bottom:0;
    padding-left:40px
}
#notification-menu p a:before,
.notify-dd p a:before {
    content:"";
    width:16px;
    height:13px;
    background:url(../img/chat-ico.png) center no-repeat;
    background-size:cover;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    display:none
}
.rating-container .rating-stars:before,
.rating-container-rtl .rating-stars:before,
.rating-container:before {
    content:attr(data-content)
}
#notification-menu img,
.notify-dd img {
    float:left;
    width:28px
}
#notification-menu p a,
.notify-dd p a {
    color:#6495ed;
    font-size:14px;
    margin-left:4px
}
#notification-menu p strong,
.notify-dd p strong {
    font-style:normal;
    font-size:15px;
    color:#4c9ef1;
}
#notification-menu li.see-all-noti-link,
.notify-dd li.see-all-noti-link {
    background:#eee;
    border-bottom:0 none;
    padding:0;
    text-align:center
}
#notification-menu li.see-all-noti-link a:hover,
#notification-menu li.see-all-noti-link:hover,
.notify-dd li.see-all-noti-link a:hover {
    background:#eee
}
.linkedin-label {
    margin-top:6px
}
.notify-dd {
    top:50px;
}
.notify-dd>li:last-child {
    border:0;
}
ul.dropdown-menu.account.notify-dd {
    background:#f5f6f7;
}
span.unviewedList:before {
    display:block;
    content:"";
    width:8px;
    height:8px;
    background:red;
    position:absolute;
    border-radius:50px;
}
.job-link-txt-wrap a,
.job-link-txt-wrap i {
    display:inline-block;
    vertical-align:middle;
}
.job-link-txt-wrap a.job-link-txt.jobSearchName {
    width:200px;
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block;
    white-space:nowrap;
}
.see-all-noti-link>a {
    font-size:15px;
    margin:0;
    padding:8px 0!important
}
#notification .badge.red.notiNumber {
    font-size: 11px;
    height: 17px;
    line-height: 16px;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: 0;
    top: 8px;
    min-width: 19px;
    background: #f34a43;
    font-family: Arial,
    sans-serif;
    border-radius: 25px;
    left: 26px;
}
.rating-gly-star,
.rating-gly-star .rating-stars:before {
    padding-left:2px
}
.srchResumePanelBody button.btn.btn-primary {
    margin-top:7px
}
.star-rating .clear-rating,
.star-rating-rtl .caption {
    padding-right:5px
}
.contact-srch-bar button.btn.btn-default {
    padding-top:5px;
    padding-bottom:5px;
    border:0;
    background:none;
    box-shadow:none;
    margin:0;
    padding-right:0
}
.contact-srch-bar input {
    background:none;
    border:0!important
}
.btn.post-job-btn,
.btn.post-job-btn:hover,
.btn.post-job-btn:active,
.btn.create-app-btn,
.btn.create-app-btn:hover,
.btn.create-app-btn:active {
    color: #fff !important;
    float: right;
    font-size: 14px;
    margin: 13px 0 0;
    width: 130px;
    height: 45px;
    padding: 0;
    text-align: center;
    line-height: 39px;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    border: solid 1px #000 !important;
    background: #000;
    border-radius: 10px !important;
}
a.btn.btn-primary.post-job-btn:active {
    border:0 !important;
}
a.btn.btn-info.create-app-btn {
    color: #fff!important;
    padding: 0 20px !important;
    width: auto;
    font-size: 14px;
    line-height: 45px;
}
.addBudgetBtn {
    cursor:pointer;
}
div#mainShareLink {
    max-width:430px !important;
    padding:10px !important;
    min-height:45px !important;
}
.twittersocial {
    margin-left:14px;
}
.linkedinsocial {
    margin-left:10px;
}
.rating-loading {
    width:25px;
    height:25px;
    font-size:0;
    color:#fff;
    background:url(../img/loading.gif) top left no-repeat;
    border:none
}
h2.jobTitle {
    font-size: 30px;
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
    color: #0f2124;
    font-family: 'Cera Pro';
    text-transform: capitalize;
}
.jobBannerCont h2.jobTitle {
    color: #fff;
}
.jobExpirePage .jobexpirelogo {
    padding: 0;
}
.jobDesc {
    font-size: 14px;
    line-height: 20px;
}
.p-0 {
    padding: 0 !important;
}
.jobDesc ul {
    list-style-type: none;
    padding-left: 16px;
    padding-top: 10px;
}
.jobDesc ul li {
    position: relative;
    overflow: visible !important;
}
.jobDesc ul li {
    padding-left: 22px;
}
.jobDesc ul li + li {
    margin-top: 15px;
}
.jobDesc ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(to right,  rgba(90,192,219,1) 0%,rgba(157,151,243,1) 100%);
    position: absolute;
    left: 0;
    top: 10px;
}
h4.jobType {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: capitalize;
    margin-bottom: 2px;
    font-weight: 400;
    margin-top: 5px;
}
a.btn.btn-primary.job-apply-btn.trackingClick span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
}
a.btn.btn-primary.job-apply-btn.trackingClick {
    text-transform: capitalize;
    font-family: 'CeraPro-Regular';
    display: flex;
    line-height: initial;
    align-items: center;
}
.nvtooltip,
svg text {
    font-family:inherit
}
input#promoteCode {
    margin:-3px 0 0;
    float:right;
    width:150px;
    display:block
}
.amountTxt:before {
    content:"$";
    font-weight:500
}
.form-group.totalCostRow {
    border-top:1px solid #ddd;
    padding-top:10px
}
.amountTxt,
b.finalAmount {
    color:#010101;
    font-weight:500;
    font-size:19px
}
.leftPaymentBar label.modal-para-heading {
    line-height:26px
}
.rating-lg .rating-gly-star,
.rating-lg .rating-gly-star .rating-stars:before {
    padding-left:4px
}
.rating-xl .rating-gly-star,
.rating-xl .rating-gly-star .rating-stars:before {
    padding-left:2px
}
.rating-active {
    cursor:default
}
.rating-disabled {
    cursor:not-allowed
}
.rating-uni {
    font-size:1.2em;
    margin-top:-5px
}
.rating-container {
    position:relative;
    color:#ccc;
    overflow:hidden
}
.selectboxit-list {
    min-width:100%!important
}
.modal .form-horizontal fieldset {
    max-width:565px
}
button.close.applyJobClose {
    position:absolute;
    right:15px;
    top:15px;
    color:#fff;
    text-shadow:none;
    margin:0;
}
.rating-container .rating-stars {
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color:#fac900;
    transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -webkit-transition:all .25s ease-out
}
@-webkit-keyframes hvr-rating {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
@keyframes hvr-rating {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
.contact-srch-bar i.fa.fa-search {
    float:right;
    margin-right:19px;
}
.rating-container {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.rating-container:active,
.rating-container:focus,
.rating-container:hover {
    -webkit-animation-name:hvr-rating;
    animation-name:hvr-rating;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.rating-container-rtl {
    position:relative;
    vertical-align:middle;
    display:inline-block;
    overflow:hidden;
    color:#fde16d
}
.rating-container-rtl:before {
    content:attr(data-content);
    text-shadow:0 0 1px rgba(0,
    0,
    0,
    .7)
}
.rating-container-rtl .rating-stars {
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap;
    overflow:hidden;
    color:#e3e3e3;
    transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -webkit-transition:all .25s ease-out
}
.rating-xl {
    font-size:4.89em
}
.rating-lg {
    font-size:3.91em
}
.rating-md {
    font-size:3.13em
}
.rating-sm {
    font-size:2.5em
}
.rating-xs {
    font-size:1.2em
}
.star-rating .clear-rating,
.star-rating-rtl .clear-rating {
    color:#aaa;
    cursor:not-allowed;
    display:inline-block;
    vertical-align:middle;
    font-size:60%
}
.clear-rating-active {
    cursor:pointer!important
}
.clear-rating-active:hover {
    color:#843534
}
.star-rating .caption,
.star-rating-rtl .caption {
    color:#708090;
    display:inline-block;
    vertical-align:middle;
    font-size:55%
}
.star-rating .caption {
    padding-left:5px
}
.paginate_disabled_next,
.paginate_disabled_previous,
.paginate_enabled_next,
.paginate_enabled_previous {
    height:19px;
    float:left;
    cursor:pointer;
    color:#111!important
}
.paginate_disabled_next:hover,
.paginate_disabled_previous:hover,
.paginate_enabled_next:hover,
.paginate_enabled_previous:hover {
    text-decoration:none!important
}
.paginate_disabled_next:active,
.paginate_disabled_previous:active,
.paginate_enabled_next:active,
.paginate_enabled_previous:active {
    outline:0
}
.paginate_disabled_next,
.paginate_disabled_previous {
    color:#708090!important
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left:23px
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right:23px;
    margin-left:10px
}
.paging_full_numbers {
    height:22px;
    line-height:22px
}
.paging_full_numbers a:active {
    outline:0
}
.paging_full_numbers a:hover {
    text-decoration:none
}
.paging_full_numbers a.paginate_active,
.paging_full_numbers a.paginate_button {
    border:1px solid #eee;
    padding:2px 5px;
    margin:0 1px;
    cursor:pointer;
    color:#6badf1!important;
}
.paging_full_numbers a.paginate_button {
    padding:4px 12px!important
}
.paging_full_numbers a.paginate_button:hover {
    text-decoration:none!important;
    background:#eee;
}
.dd-handle,
.dd3-content,
.logo a,
.news-list .name a,
.side-nav li a,
.users-list .name a,
.widget .actions a {
    text-decoration:none
}
.paging_full_numbers a.paginate_active {
    background-color:#99B3FF
}
div#pro_widget_paging {
    float:left!important;
    padding:50px!important
}
.dataTables_processing {
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    height:30px;
    margin-left:-125px;
    margin-top:-15px;
    padding:14px 0 2px;
    border:1px solid #ddd;
    text-align:center;
    color:#708090;
    font-size:14px;
    background-color:#fff
}
table.dataTable thead td:active,
table.dataTable thead th:active {
    outline:0
}
.dataTables_scroll {
    clear:both
}
.dataTables_scrollBody {
    -webkit-overflow-scrolling:touch
}
body {
    -webkit-backface-visibility:hidden
}
.animated.flip,
.animated.flipInX {
    -webkit-backface-visibility:visible!important;
    -moz-backface-visibility:visible!important;
    -o-backface-visibility:visible!important
}
.animated {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.main-vertical-nav.job-seeker-nav {
    top:87px;
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-moz-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-o-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.animated.flash {
    -webkit-animation-name:flash;
    -moz-animation-name:flash;
    -o-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}
@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}
@-o-keyframes shake {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}
@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}
.animated.shake {
    -webkit-animation-name:shake;
    -moz-animation-name:shake;
    -o-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}
@-moz-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}
@-o-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}
.animated.bounce {
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }
    10%,
    20% {
        -moz-transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0)
    }
}
@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }
    10%,
    20% {
        -o-transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -o-transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}
.animated.tada {
    -webkit-animation-name:tada;
    -moz-animation-name:tada;
    -o-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes swing {
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0)
    }
}
@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0)
    }
}
@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0)
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0)
    }
}
.animated.swing {
    -webkit-transform-origin:top center;
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    -moz-animation-name:swing;
    -o-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
}
@-moz-keyframes wobble {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
}
@-o-keyframes wobble {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
}
@keyframes wobble {
    0%,
    100% {
        transform: translateX(0)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
}
.animated.wobble {
    -webkit-animation-name:wobble;
    -moz-animation-name:wobble;
    -o-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
}
@-moz-keyframes pulse {
    0%,
    100% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
}
@-o-keyframes pulse {
    0%,
    100% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1)
    }
}
@keyframes pulse {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}
.animated.pulse {
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-animation-name:flip;
    -moz-animation-name:flip;
    -o-animation-name:flip;
    backface-visibility:visible!important;
    animation-name:flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}
.animated.flipInX {
    -webkit-animation-name:flipInX;
    -moz-animation-name:flipInX;
    -o-animation-name:flipInX;
    backface-visibility:visible!important;
    animation-name:flipInX
}
.animated.flipInY,
.animated.flipOutX {
    -webkit-backface-visibility:visible!important;
    -moz-backface-visibility:visible!important;
    -o-backface-visibility:visible!important
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.animated.flipOutX {
    -webkit-animation-name:flipOutX;
    -moz-animation-name:flipOutX;
    -o-animation-name:flipOutX;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}
.animated.flipInY {
    -webkit-animation-name:flipInY;
    -moz-animation-name:flipInY;
    -o-animation-name:flipInY;
    backface-visibility:visible!important;
    animation-name:flipInY
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.animated.flipOutY {
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:flipOutY;
    -o-backface-visibility:visible!important;
    -o-animation-name:flipOutY;
    backface-visibility:visible!important;
    animation-name:flipOutY
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.animated.fadeIn {
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.animated.fadeInUp {
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.animated.fadeInDown {
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.animated.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.animated.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.animated.fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    -moz-animation-name:fadeInUpBig;
    -o-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.animated.fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    -moz-animation-name:fadeInDownBig;
    -o-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.animated.fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    -moz-animation-name:fadeInLeftBig;
    -o-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.animated.fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    -moz-animation-name:fadeInRightBig;
    -o-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.animated.fadeOut {
    -webkit-animation-name:fadeOut;
    -moz-animation-name:fadeOut;
    -o-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}
.animated.fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    -moz-animation-name:fadeOutUp;
    -o-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}
@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}
.animated.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    -moz-animation-name:fadeOutDown;
    -o-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}
.animated.fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    -moz-animation-name:fadeOutLeft;
    -o-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}
.animated.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    -moz-animation-name:fadeOutRight;
    -o-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.animated.fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    -moz-animation-name:fadeOutUpBig;
    -o-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.animated.fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    -moz-animation-name:fadeOutDownBig;
    -o-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.animated.fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    -moz-animation-name:fadeOutLeftBig;
    -o-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.animated.fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    -moz-animation-name:fadeOutRightBig;
    -o-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name:slideInDown;
    -moz-animation-name:slideInDown;
    -o-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name:slideInLeft;
    -moz-animation-name:slideInLeft;
    -o-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name:slideInRight;
    -moz-animation-name:slideInRight;
    -o-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    -moz-animation-name:slideOutLeft;
    -o-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.slideOutRight {
    -webkit-animation-name:slideOutRight;
    -moz-animation-name:slideOutRight;
    -o-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.slideOutUp {
    -webkit-animation-name:slideOutUp;
    -moz-animation-name:slideOutUp;
    -o-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.animated.bounceIn {
    -webkit-animation-name:bounceIn;
    -moz-animation-name:bounceIn;
    -o-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}
.animated.bounceInUp {
    -webkit-animation-name:bounceInUp;
    -moz-animation-name:bounceInUp;
    -o-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}
.animated.bounceInDown {
    -webkit-animation-name:bounceInDown;
    -moz-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}
.animated.bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    -moz-animation-name:bounceInLeft;
    -o-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}
.animated.bounceInRight {
    -webkit-animation-name:bounceInRight;
    -moz-animation-name:bounceInRight;
    -o-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}
@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}
@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}
.animated.bounceOut {
    -webkit-animation-name:bounceOut;
    -moz-animation-name:bounceOut;
    -o-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.animated.bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    -moz-animation-name:bounceOutUp;
    -o-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.animated.bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    -moz-animation-name:bounceOutDown;
    -o-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.animated.bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    -moz-animation-name:bounceOutLeft;
    -o-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.animated.bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    -moz-animation-name:bounceOutRight;
    -o-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}
.animated.rotateIn {
    -webkit-animation-name:rotateIn;
    -moz-animation-name:rotateIn;
    -o-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.animated.rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    -moz-animation-name:rotateInUpLeft;
    -o-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.animated.rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    -moz-animation-name:rotateInDownLeft;
    -o-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.animated.rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    -moz-animation-name:rotateInUpRight;
    -o-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.animated.rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    -moz-animation-name:rotateInDownRight;
    -o-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}
@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}
.animated.rotateOut {
    -webkit-animation-name:rotateOut;
    -moz-animation-name:rotateOut;
    -o-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.animated.rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    -moz-animation-name:rotateOutUpLeft;
    -o-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.animated.rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    -moz-animation-name:rotateOutDownLeft;
    -o-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.animated.rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    -moz-animation-name:rotateOutUpRight;
    -o-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.animated.rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    -moz-animation-name:rotateOutDownRight;
    -o-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}
@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}
@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}
.animated.hinge {
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-name:hinge;
    -moz-animation-name:hinge;
    -o-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0)
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0)
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
}
.animated.rollIn {
    -webkit-animation-name:rollIn;
    -moz-animation-name:rollIn;
    -o-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}
.animated.rollOut {
    -webkit-animation-name:rollOut;
    -moz-animation-name:rollOut;
    -o-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1
    }
}
@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1
    }
}
@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}
.animated.lightSpeedIn {
    -webkit-animation-name:lightSpeedIn;
    -moz-animation-name:lightSpeedIn;
    -o-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
.animated.lightSpeedOut {
    -webkit-animation-name:lightSpeedOut;
    -moz-animation-name:lightSpeedOut;
    -o-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-duration:.25s;
    -moz-animation-duration:.25s;
    -o-animation-duration:.25s;
    animation-duration:.25s
}
.menu-bar-ico {
    color:#fff;
    cursor:pointer;
    float:right;
    font-size:24px;
    display:none;
    margin:11px 15px 0 0
}
.dd-handle,
.dd-item>button {
    color:#708090;
    margin:5px 0
}
.dd,
.dd-list {
    display:block;
    padding:0;
    list-style:none;
    margin:0;
    position:relative
}
.dd {
    max-width:600px;
    font-size:13px;
    line-height:20px
}
.dd-list .dd-list {
    padding-left:30px
}
.dd-collapsed .dd-list {
    display:none
}
.dd-empty,
.dd-item,
.dd-placeholder {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    min-height:20px;
    font-size:13px;
    line-height:20px
}
.dd-handle {
    display:block;
    height:30px;
    padding:5px 10px;
    background:#fff;
    -webkit-box-shadow:0 -1px 1px rgba(103,
    103,
    103,
    .4),
    0 1px 1px rgba(103,
    103,
    103,
    .4);
    -moz-box-shadow:0 -1px 1px rgba(103,
    103,
    103,
    .4),
    0 1px 1px rgba(103,
    103,
    103,
    .4);
    box-shadow:0 -1px 1px rgba(103,
    103,
    103,
    .4),
    0 1px 1px rgba(103,
    103,
    103,
    .4);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.dd-item>button {
    display:block;
    position:relative;
    cursor:pointer;
    float:left;
    width:25px;
    height:20px;
    padding:0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    border:0;
    background:0 0;
    font-size:12px;
    line-height:1;
    text-align:center
}
.dd-dragel,
.dd3-handle,
.dd3-handle:before,
.nvtooltip {
    position:absolute
}
.dd-empty,
.dd-placeholder {
    border:1px dashed rgba(255,
    255,
    255,
    .7)
}
.dd-item>button:before {
    content:'+';
    display:block;
    position:absolute;
    width:100%;
    text-align:center;
    text-indent:0
}
.dd-item>button[data-action=collapse]:before {
    content:'-'
}
.dd-empty,
.dd-placeholder {
    margin:5px 0;
    padding:0;
    min-height:30px;
    background:rgba(51,
    51,
    51,
    .2);
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.dd-empty {
    min-height:100px;
    background-size:60px 60px;
    background-position:0 0,
    30px 30px
}
.dd-dragel {
    pointer-events:none;
    z-index:9999
}
.dd-dragel>.dd-item .dd-handle {
    margin-top:0
}
.dd-dragel .dd-handle {
    -webkit-box-shadow:2px 4px 6px 0 rgba(0,
    0,
    0,
    .1);
    box-shadow:2px 4px 6px 0 rgba(0,
    0,
    0,
    .1)
}
.nestable-lists {
    display:block;
    clear:both;
    padding:30px 0;
    width:100%;
    border:0;
    border-top:2px solid #ddd;
    border-bottom:2px solid #ddd
}
.dd-hover>.dd-handle {
    background:#2ea8e5!important
}
.dd3-content {
    display:block;
    height:30px;
    margin:5px 0;
    padding:5px 10px 5px 40px;
    color:#708090;
    border:1px solid #ccc;
    background:#fafafa;
    background:-webkit-linear-gradient(top,
    #fafafa 0,
    #eee 100%);
    background:-moz-linear-gradient(top,
    #fafafa 0,
    #eee 100%);
    background:linear-gradient(top,
    #fafafa 0,
    #eee 100%);
    -webkit-border-radius:3px;
    border-radius:3px;
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.dd3-content:hover {
    color:#2ea8e5;
    background:#fff
}
.dd-dragel>.dd3-item>.dd3-content {
    margin:0
}
.dd3-item>button {
    margin-left:30px
}
.dd3-handle {
    margin:0;
    left:0;
    top:0;
    cursor:pointer;
    width:30px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    border:1px solid #aaa;
    background:#ddd;
    background:-webkit-linear-gradient(top,
    #ddd 0,
    #bbb 100%);
    background:-moz-linear-gradient(top,
    #ddd 0,
    #bbb 100%);
    background:linear-gradient(top,
    #ddd 0,
    #bbb 100%);
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.dd3-handle:before {
    content:'≡';
    display:block;
    left:0;
    top:3px;
    width:100%;
    text-align:center;
    text-indent:0;
    color:#fff;
    font-size:20px
}
.nvd3 .nv-axis line.zero,
.nvd3 .nv-axis path.domain,
.side-nav.sidebar-icons li .name,
.sidebar .settings .btn-auto,
.sidebar-hidden .sidebar,
.sidebar.sidebar-icons h2 {
    display:none
}
.dd3-handle:hover {
    background:#ddd
}
.nvtooltip,
body.background-dark {
    background-color:#fff
}
.stat-widget header .nvd3.nv-multibar .nv-group {
    fill-opacity:1!important
}
.nvd3.nv-stackedarea path.nv-area {
    fill-opacity:.8
}
.nvd3.nv-stackedarea path.nv-area.hover {
    fill-opacity:.95
}
svg text {
    fill:#000
}
.nvtooltip {
    padding:5px;
    border:1px solid rgba(0,
    0,
    0,
    .15);
    z-index:10000;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    -moz-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    border-radius:0;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}
.nvtooltip h3,
.nvtooltip h4 {
    margin:0;
    padding:0;
    font-size:13px;
    text-align:center
}
html {
    min-height:100%
}
body {
    padding-bottom:71px
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
svg text {
    color:#708090
}
.resume-list-head h3 .folder-ico.pub-folder {
    margin-left:0;
    margin-right:6px
}
.controls.form-group li,
.controls.form-group p {
    font-size:14px;
    line-height:20px;
    overflow:hidden;
    margin:0
}
.searchtabscontent .btn:focus , 
.searchtabscontent .btn:focus-visible {
    color: #fff !important;
    border:0;
    outline: none;
    box-shadow: none;
}
.new-job-content p {
    font-size:15px;
    color:#000
}
.posDetailList + .posDetailList {
    margin-top: 15px;
}
.jobDesc p {
    margin: 0;
}
.jname,
h3.heading-left-pulled {
    color:#010101;
    display:none
}
.widget.resume-txt {
    color:#708090
}
input.search,
input[type=search] {
    padding-left:26px;
    background:url(../img/search.png) 5px 10px no-repeat #fff
}
input.search.input-transparent,
input[type=search].input-transparent {
    border:none;
    background:url(../img/search.png) 5px 5px no-repeat rgba(255,
    255,
    255,
    .4)
}
input.search.input-transparent:-moz-placeholder,
input[type=search].input-transparent:-moz-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
input.search.input-transparent::-moz-placeholder,
input[type=search].input-transparent::-moz-placeholder {
    color:rgba(238,
    238,
    238,
    .76);
    opacity:1
}
input.search.input-transparent:-ms-input-placeholder,
input[type=search].input-transparent:-ms-input-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
input.search.input-transparent::-webkit-input-placeholder,
input[type=search].input-transparent::-webkit-input-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
ol ul,
ul ul {
    list-style:none
}
ol,
ul {
    list-style:none;
    padding:0;
    color:#000;
}
ul.socila_icon {
    margin: 0;
}
iframe {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.innerFooter .footer_bottom .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jqstooltip,
.jqstooltip *,
.pie-chart-footer .control {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box
}
fieldset {
    width:100%;
    min-width:0
}
form {
    margin-bottom:0
}
.blue,
.brown,
.dark-red,
.green,
.lime,
.orange,
.red,
.teal {
    color:#fff!important
}
.btn {
    transition:background-color .2s ease-in
}
.sidebar.sidebar-icons {
    width:auto;
    margin:80px 0 0 1.6%
}
.sidebar.sidebar-icons .panel-collapse li a {
    width:1px;
    padding-left:10px;
    transition:width .3s ease-in
}
.side-nav.sidebar-icons li a {
    padding:8px 16px;
    text-align:center
}
.side-nav.sidebar-icons li a i[class*=fa] {
    margin-right:0;
    float:none
}
.logo,
.sidebar {
    float:left
}
.side-nav.sidebar-icons>li.active>a,
.sidebar-on-right .side-nav.sidebar-icons>li.active>a {
    border-left:none;
    border-right:none;
    padding-left:16px
}
.wrap.sidebar-icons {
    margin-left:62px
}
.logo.sidebar-icons {
    left:1.6%;
    padding-left:5px;
    width:40px;
    top:13px
}
.orange {
    background:#eac85e!important
}
.lime {
    background:#8cbf26!important
}
.green {
    background:#56bc76!important
}
.teal {
    background:#4ab0ce!important
}
.blue {
    background:#618fb0!important
}
.brown {
    background:#a05000!important
}
.dark-red {
    background:#d04f4f!important
}
.color-red {
    color:#e22e24!important
}
.color-orange {
    color:#eac85e!important
}
.color-lime {
    color:#8cbf26!important
}
.color-green {
    color:#56bc76!important
}
.color-teal {
    color:#4ab0ce!important
}
.color-blue {
    color:#618fb0!important
}
.color-brown {
    color:#a05000!important
}
.color-dark-red {
    color:#d04f4f!important
}
input.parsley-error {
    border-color:#eac85e;
    -webkit-box-shadow:inset 0 1px 1px rgba(229,
    96,
    59,
    .075);
    -moz-box-shadow:inset 0 1px 1px rgba(229,
    96,
    59,
    .075);
    box-shadow:inset 0 1px 1px rgba(229,
    96,
    59,
    .075)
}
.parsley-error-list li {
    list-style:none
}
.logo a {
    color:#666
}
.sidebar {
    background:#fff;
    border-radius:6px;
    color:#000;
    font-size:12px;
    margin:0;
    padding:10px 8px 10px 18px;
    top:0;
    width:234px;
    z-index:1
}
.sidebar .settings {
    margin-top:10px;
    text-align:center
}
.sidebar.sidebar-icons .settings .btn-group-sm>.btn,
.sidebar.sidebar-icons .settings .btn-sm {
    padding:2px 8px
}
.sidebar .panel {
    background:0 0
}
.jobType i {
    color: #428de9;
    vertical-align: middle;
}
.side-nav {
    margin:0
}
.sub-headings {
    display:block;
    padding:10px 0;
    color:#000;
    margin-top:-10px;
    margin-bottom:0;
    font-size:16px;
}
.mob-grid-view {
    background:#2D3E50;
    bottom:0;
    display:none;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:6000;
    overflow:auto
}
.feed .tab-content,
.news-list {
    overflow-x:hidden
}
.mob-grid-view li {
    display:inline-block;
    margin:5% 0;
    width:32%
}
.mob-grid-view a {
    border-radius:5px;
    color:#2751b8;
    display:block;
    padding:17px 0 10px;
    text-align:center
}
.mob-grid-view li a i {
    color:#2751b8;
    font-size:27px;
    text-shadow:1px 1px 0 #b7e1ff
}
.mob-grid-view a span {
    display:block;
    padding:4px 0;
    text-shadow:1px 1px 0 #aad4f2
}
.mob-grid-view a:focus,
.mob-grid-view a:hover {
    background:#2751b8;
    box-shadow:3px 3px 3px #073193 inset;
    color:#fff;
    text-shadow:inherit
}
.mob-grid-view li a:focus i,
.mob-grid-view li a:focus span,
.mob-grid-view li a:hover i,
.mob-grid-view li a:hover span {
    color:#fff;
    text-shadow:inherit
}
.close-grid-menu .fa {
    color:#2751b8;
    cursor:pointer;
    font-size:28px;
    text-shadow:1px 1px 0 #b7e1ff
}
.close-grid-menu {
    margin:9px 3%;
    text-align:right
}
.contacts-list li {
    border:1px solid transparent;
    border-bottom:1px solid #f8f8f8
}
.contacts-list li:first-child {
    border-top:1px solid #f8f8f8;
    margin-top:10px
}
.contacts-list li.active {
    border-radius:50px;
    background:#fff
}
.side-nav li {
    clear:both;
    list-style:none;
    padding:0
}
a.download-example-btn:focus,
a.download-example-btn:hover {
    background:0 0!important
}
.align-center {
    display:block;
    text-align:center
}
#sourcerList li .fa {
    margin:2px 14px 4px 221px;
    border:solid 1px #eee
}
p.terms-txt1 {
    padding-top:10px
}
.side-nav li a {
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    -o-transition:background-color .2s;
    transition:background-color .2s;
    display:block;
    padding:0 0 0 24px;
    font-size:15px;
    color:#000;
}
.side-nav li a.accordion-toggle:not(.collapsed)+.panel-collapse li a:hover,
.side-nav li a.accordion-toggle:not(.collapsed)+.panel-collapse li.active a {
    background:#dcdcdc
}
.side-nav>li.active>a {
    border-left:4px solid #e22e24;
    padding-left:16px;
    background:#f5f5f5;
    color:#708090
}
.side-nav .panel-collapse li a {
    padding:4px 10px 4px 40px;
    font-size:15px
}
.sidebar .panel .folder-links {
    font-size:15px;
    padding:6px 0 6px 24px;
    color:#000;
    line-height:20px
}
#sourcerList .name::after,
.sidebar .panel .folder-links::after {
    color:#8499ae;
    content:"";
    font-family:streamline-30px!important;
    font-size:11px;
    margin-left:3px;
    line-height:12px;
    display:none
}
.side-nav .panel-collapse li a i[class*=fa] {
    float:none;
    font-size:inherit
}
.side-nav .panel-collapse .panel-collapse .panel-collapse>li a {
    padding-left:60px
}
.side-nav .panel-collapse .panel-collapse>li a {
    padding-left:50px
}
.side-nav .panel-collapse a[data-toggle=collapse]:before {
    display:inline-block;
    font-family:FontAwesome;
    content:"\f107";
    float:right;
    margin-right:10px;
    -webkit-transition:-webkit-transform .3s ease-in-out;
    -moz-transition:-moz-transform .3s ease-in-out;
    -o-transition:-o-transform .3s ease-in-out;
    transition:transform .3s ease-in-out
}
#text-header:after,
.box h2:before {
    content:''
}
.side-nav .panel-collapse a[data-toggle=collapse].collapsed:before {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.side-nav .panel {
    margin:0;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}
.side-nav .panel-collapse.collapse {
    display:block;
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition:height .35s ease;
    -moz-transition:height .35s ease;
    -o-transition:height .35s ease;
    transition:height .35s ease
}
.side-nav .panel-collapse.collapse.in {
    height:auto
}
.sidebar-on-right .sidebar {
    right:0;
    margin:80px 25px 0 0
}
.sidebar-on-right .sidebar.sidebar-icons {
    margin-right:1.6%
}
.sidebar-on-right .side-nav>li.active>a {
    border-left:none;
    border-right:4px solid #fff;
    padding-left:20px;
    padding-right:16px;
    background:#f5f5f5
}
.sidebar-on-right .wrap {
    margin-left:0;
    margin-right:185px
}
.sidebar-on-right .wrap.sidebar-icons {
    margin-right:62px
}
.sidebar-on-right .logo {
    right:67px;
    left:auto
}
.sidebar-on-right .logo.sidebar-icons {
    left:auto;
    right:1.6%;
    padding-right:2px;
    width:40px;
    top:13px
}
.sidebar-hidden .logo,
.sidebar-hidden .sidebar {
    display:none
}
.sidebar-hidden .wrap {
    margin-left:0;
    margin-right:0
}
.sidebar-hidden .wrap.sidebar-icons {
    margin-right:0
}
.wrap {
    margin:0 2% 0 10px;
    width:auto;
    clear:both;
    left:0;
    right:0;
}
.big-inp-bar .fa {
    font-size:21px
}
.big-srch-btn {
    font-size:20px
}
.resume-box-right-bar.market-page {
    padding-top:17px
}
.content {
    transition:margin-top .35s ease opacity .2s;
    max-width:none;
    width:auto;
    opacity:1
}
.content.hiding {
    opacity:0
}
.box {
    border-radius:1px;
    background:#fff
}
.box .description {
    text-align:center;
    margin:10px -5px
}
.box strong {
    color:#fff
}
.box .big-text,
.box .icon {
    margin-top:15px;
    font-size:36px;
    line-height:36px;
    height:36px
}
address .phones {
    color:#9e9e9f;
    font-size:11px
}
.trash-card address {
    margin-bottom:0;
    line-height:13px;
    display:none
}
.widget.normal {
    height:220px
}
.widget.large {
    height:315px
}
.widget.large .body {
    height:280px
}
.widget.xlarge {
    height:415px
}
.widget.xlarge .body {
    height:380px
}
.widget.tiny {
    height:188px
}
.widget.tiny-x2 {
    height:426px
}
.widget.transparent {
    background:0 0;
    box-shadow:none
}
.widget>header {
    position:relative;
    background:0 0
}
.sources-table {
    color:#575858;
    clear:both;
    word-break:break-all
}
#snapcard-content {
    color:#708090
}
.sidebar li li a,
.sidebar li>a .fa-plus,
.sidebar li>a span {
    color:#000
}
button.btn.btn-default.p-share-btn.soci-share-btn:hover {
    color:#4169e1
}
.widget>header h1,
.widget>header h2,
.widget>header h3,
.widget>header h4,
.widget>header h5 {
    margin:0;
    line-height:23px;
    color:#1e1f21
}
.widget>header h4 {
    font-size:17px!important;
    color:#000 !important;
}
.widget>header h1 small,
.widget>header h2 small,
.widget>header h3 small,
.widget>header h4 small,
.widget>header h5 small {
    text-transform:lowercase
}
.widget .body {
    margin-top:10px
}
.widget>footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:15px 0 0
}
.widget .actions {
    position:absolute;
    right:0;
    top:-2px
}
.large .pie-chart {
    height:212px
}
.xlarge .pie-chart {
    height:298px
}
.pie-chart {
    position:relative
}
.pie-chart .total {
    text-align:center;
    position:absolute;
    left:0;
    top:50%
}
.pie-chart .visits {
    color:#708090;
    font-size:16.25px
}
.pie-chart-footer .controls {
    margin-top:16px;
    width:100%
}
.pie-chart-footer .control {
    box-sizing:content-box;
    background:#f5f5f5;
    text-align:center;
    padding:3px 2%;
    color:#708090;
    width:20.625%;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    margin-left:.5%;
    float:left
}
.pie-chart-footer .control:first-child {
    border-bottom-left-radius:1px;
    margin-left:0
}
.pie-chart-footer .control:last-child {
    border-bottom-right-radius:1px
}
.pie-chart-footer .control.disabled {
    border-top:3px solid transparent!important
}
.pie-chart-footer .control .key {
    font-size:11.05px;
    margin:0
}
.pie-chart-footer .control .value {
    font-size:16.25px;
    margin-bottom:5px
}
.btn.snapcard-close-btn {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    color:#b4c9de;
    cursor:pointer;
    float:right;
    font-size:13px;
    line-height:10px;
    margin:0;
    padding:3px;
    position:absolute;
    right:1px;
    top:1px;
    z-index:1
}
.btn.snapcard-close-btn:hover {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    color:#575858
}
.visits-chart {
    height:200px
}
.visits-info {
    margin:12px 0 0;
    text-align:center;
    padding-bottom:0
}
.visits-info .key {
    color:#777;
    font-size:15px
}
.visits-info .value {
    font-size:24.25px;
    line-height:14px;
    margin-bottom:0;
    margin-top:6px
}
.jqstooltip,
.jqstooltip * {
    box-sizing:content-box
}
.news-list.news-list-no-hover li:hover,
.users-list.news-list-no-hover li:hover {
    background:0 0;
    cursor:default
}
.news-list.stretchable>li,
.users-list.stretchable>li {
    height:auto
}
.news-list li,
.users-list li {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    border-top:1px solid #f5f5f5;
    padding:8px 13px;
    margin:0 -12px;
    cursor:pointer;
    height:50px;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out
}
#sourcerList .name {
    color:#000;
    font-size:15px;
    padding-bottom:2px;
    padding-top:1px
}
#sourcerList li.active .name {
    color:#000
}
.snapcard-thumbs img {
    max-width:100%
}
.trash-number {
    color:#a7c6c1
}
.news-list li:hover,
.users-list li:hover {
    background:#f5f5f5
}
.news-list li:last-child,
.users-list li:last-child {
    margin-bottom:-10px
}
.news-list .icon,
.news-list img,
.users-list .icon,
.users-list img {
    float:left;
    height:50px;
    width:50px
}
.news-list .icon,
.users-list .icon {
    line-height:50px;
    border-radius:50%;
    text-align:center;
    font-size:32px
}
.news-list .news-item-info,
.users-list .news-item-info {
    margin-left:62px
}
.news-list .name,
.news-list .position,
.news-list .time,
.users-list .name,
.users-list .position,
.users-list .time {
    line-height:16px
}
.news-list h4.name,
.users-list h4.name {
    text-transform:none
}
.news-list .name,
.users-list .name {
    margin:0;
    text-transform:uppercase
}
.news-list .name a:hover,
.users-list .name a:hover {
    color:#618fb0
}
.news-list p,
.users-list p {
    margin-top:5px;
    font-size:90%;
    line-height:1.4
}
.news-list .time,
.users-list .time {
    font-size:11.05px;
    color:gray
}
.news-list .options,
.users-list .options {
    margin-top:5px
}
.news-list .comment,
.users-list .comment {
    font-size:11.05px;
    color:#708090;
    line-height:1.3em
}
.users-list-group img {
    width:40px;
    height:40px;
    float:left;
    margin-right:10px
}
.users-list-group .fa-circle {
    margin-top:14px
}
.top-right-icons {
    border:0;
    border-radius:1px;
    float:right;
    margin:7px 20px 0 7px
}
.top-right-icons .navbar {
    min-height:40px;
    border:none
}
.register-btn {
    float:right;
    margin:15px 16px 0 0
}
.top-right-icons .navbar .nav li.dropdown.active>.dropdown-toggle,
.top-right-icons .navbar .nav li.dropdown.open.active>.dropdown-toggle,
.top-right-icons .navbar .nav li.dropdown.open>.dropdown-toggle {
    background-color:transparent;
    color:#74899e
}
.top-right-icons .navbar .nav li.dropdown.active>.dropdown-toggle:focus,
.top-right-icons .navbar .nav li.dropdown.active>.dropdown-toggle:hover,
.top-right-icons .navbar .nav li.dropdown.open.active>.dropdown-toggle:focus,
.top-right-icons .navbar .nav li.dropdown.open.active>.dropdown-toggle:hover,
.top-right-icons .navbar .nav li.dropdown.open>.dropdown-toggle:focus,
.top-right-icons .navbar .nav li.dropdown.open>.dropdown-toggle:hover,
.top-right-icons .navbar .nav>.active>a,
.top-right-icons .navbar .nav>.active>a:focus,
.top-right-icons .navbar .nav>.active>a:hover,
.top-right-icons .navbar .nav>li>a:focus,
.top-right-icons .navbar .nav>li>a:hover {
  /*  color:#708090*/
}
.top-right-icons .nav>li {
    position:relative;
    background:0 0;
    margin-top:0;
    float:left
}
#showJobDetailsModal .modal-content .modal-body {
    padding:0 20px;
}
.top-right-icons .nav>li>a {
    padding: 3px 20px 0 0;
    font-size: 16px;
    outline: 0;
    background: 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    text-shadow: none;
    border: 0px solid #efefef;
    border-radius: 10px;
    margin-right: 7px;
    font-family: 'Cera Pro';
    font-weight: 700;
}
.newPropertyA abbr {
    width:100% !important;
}
.contact-srch-bar {
    margin-top:0 !important;
}
input#searchTeamWorkJobs {
    margin-top:0;
}
span.jobsCompanyName {
    padding-left:10px;
    display:inline-block;
}
#applyJobModalNew .modal-dialog .modal-content #msform fieldset {
    padding:0;
}
#applyJobModalNew .modal-dialog .modal-content {
    margin:0;
}
#applyJobModalNew .modal-dialog .modal-content .modal-body {
    padding:30px;
}
#applyJobsrusModal .modal-dialog .modal-content #msform fieldset {
    padding:0;
}
#applyJobsrusModal .modal-dialog .modal-content {
    margin:0;
}
#applyJobsrusModal .modal-dialog .modal-content .modal-body {
    padding:30px;
}
.dflexcenter {
    display:flex;
    align-items:center;
}
a.btn.btn-info.job-save-btn:focus {
    color:#333 !important;
}
#applyJobModalNew .modal-dialog .modal-content img {
    max-width:100%;
}
#applyJobModalNew .modal-dialog {
    width:100%;
    max-width:1000px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    margin:1.75rem auto;
    align-items:center;
    min-height:calc(100% - (1.75rem * 2));
}
#applyJobModalNew .modal-dialog .modal-content {
    max-width:100%;
}
#applyJobsrusModal .modal-dialog .modal-content img {
    max-width:100%;
}
#applyJobsrusModal .modal-dialog {
    width:100%;
    max-width:1000px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    margin:1.75rem auto;
    align-items:center;
    min-height:calc(100% - (1.75rem * 2));
}
#applyJobsrusModal .modal-dialog .modal-content {
    max-width:100%;
}
span.snapxlogo {
    background:#00e2d6;
    height:45px;
    border:0;
    display:flex;
    align-items:center;
    padding:0 20px;
    margin-left:10px;
}
.snapxlogo small {
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
}
.snapxlogo img {
    width:24px;
    filter:brightness(0) invert(1);
    margin-right:5px;
}
.top-right-icons .nav>li .count {
    position:absolute;
    bottom:2px;
    right:2px;
    font-size:9.1px;
    background:rgba(51,
    51,
    51,
    .55);
    color:rgba(255,
    255,
    255,
    .9);
    line-height:1em;
    padding:2px 4px;
    border-radius:6px
}
.top-right-icons .nav>li.divider {
    display:block;
    height:38px;
    width:1px;
    margin:0 20px;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsMjU1LDI1NSwwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwyNTUsMjU1LDAuOCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMTAyLDEwMiwxMDIsMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background:-webkit-gradient(linear,
    50% 0,
    50% 100%,
    color-stop(0,
    rgba(255,
    255,
    255,
    0)),
    color-stop(50%,
    rgba(255,
    255,
    255,
    .8)),
    color-stop(100%,
    rgba(102,
    102,
    102,
    0)));
    background:-webkit-linear-gradient(rgba(255,
    255,
    255,
    0),
    rgba(255,
    255,
    255,
    .8),
    rgba(102,
    102,
    102,
    0));
    background:-moz-linear-gradient(rgba(255,
    255,
    255,
    0),
    rgba(255,
    255,
    255,
    .8),
    rgba(102,
    102,
    102,
    0));
    background:-o-linear-gradient(rgba(255,
    255,
    255,
    0),
    rgba(255,
    255,
    255,
    .8),
    rgba(102,
    102,
    102,
    0));
    background:linear-gradient(rgba(255,
    255,
    255,
    0),
    rgba(255,
    255,
    255,
    .8),
    rgba(102,
    102,
    102,
    0))
}
.top-right-icons .search-query {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    min-height:0;
    padding:4px 14px 4px 26px;
    color:#708090;
    border:none;
    background:url(../img/search.png) 5px 5px no-repeat rgba(255,
    255,
    255,
    .4);
    -webkit-transition:width .2s;
    -moz-transition:width .2s;
    -o-transition:width .2s;
    transition:width .2s;
    width:100px;
    -webkit-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    -moz-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3)
}
.top-right-icons .search-query:-moz-placeholder {
    color:rgba(128,
    128,
    128,
    .76)
}
.top-right-icons .search-query::-moz-placeholder {
    color:rgba(128,
    128,
    128,
    .76);
    opacity:1
}
.top-right-icons .search-query:-ms-input-placeholder {
    color:rgba(128,
    128,
    128,
    .76)
}
.top-right-icons .search-query::-webkit-input-placeholder {
    color:rgba(128,
    128,
    128,
    .76)
}
.top-right-icons .search-query:focus {
    width:120px;
    -webkit-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    -moz-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3)
}
.top-right-icons .navbar-form {
    margin:5px 15px 0 0;
    padding:0;
    border:none;
    box-shadow:none
}
.top-right-icons .navbar-nav {
    margin:0
}
.top-right-icons .navbar .nav>li>.dropdown-menu:after {
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    top:-6px;
    left:10px
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right,
.top-right-icons .navbar .pull-right>li>.dropdown-menu {
    left:auto;
    right:0
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right:before,
.top-right-icons .navbar .pull-right>li>.dropdown-menu:before {
    left:auto;
    right:21px
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right:after,
.top-right-icons .navbar .pull-right>li>.dropdown-menu:after {
    left:auto;
    right:13px
}
.top-right-icons .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu,
.top-right-icons .navbar .pull-right>li>.dropdown-menu .dropdown-menu {
    left:auto;
    right:100%;
    margin-left:0;
    margin-right:-1px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    -ms-border-radius:6px 0 6px 6px;
    -o-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px
}
.mascot-ico {
    background:url(img/white-mascot-ico.png) 0 5px no-repeat;
    background-size:100% auto;
    cursor:pointer;
    display:inline-block;
    height:50px;
    margin-bottom:-27px;
    transition:margin .2s ease 0;
    width:36px
}
.mascot-ico:hover {
    margin-bottom:-22px
}
.mascot-cont .popover {
    border-radius:7px;
    color:#708090;
    font-size:15px;
    margin-left:8px;
    margin-top:17px
}
li.mascot-cont {
    margin-left:20px
}
.input-group-btn .dropdown-menu {
    left:auto;
    right:0
}
.page-title {
    color:#fff;
    line-height:1;
    margin:11px 0 15px
}
.page-title small {
    color:#eee
}
.notifications {
    margin:6px 20px 6px -40px;
    -webkit-transition:margin-top .2s ease;
    -moz-transition:margin-top .2s ease;
    -o-transition:margin-top .2s ease;
    transition:margin-top .2s ease
}
.notifications .alert {
    background:rgba(255,
    255,
    255,
    .4);
    color:#708090;
    border:none;
    font-size:11.05px;
    margin-bottom:0;
    padding:2px 9px;
    text-shadow:none;
    border-radius:6px;
    -webkit-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    -moz-box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3);
    box-shadow:0 0 2px rgba(0,
    0,
    0,
    .3)
}
.notifications .alert a {
    color:#708090
}
.notifications .close {
    position:static;
    margin:1px 0 1px 2px
}
.messages {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}
.settings-popover,
.support {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0
}
.navbar .nav>li>.messages:before {
    border-bottom:none
}
.navbar .nav>li>.messages:after {
    border-bottom-color:#fff
}
.navbar .nav>li>.messages>li>a {
    padding:8px 10px
}
.navbar .nav>li>.messages .see-all {
    padding:5px 10px
}
.message img {
    float:left;
    width:40px
}
.message .details {
    margin-left:50px
}
.message .text {
    font-size:11.05px;
    color:gray
}
.comment-wording {
    clear:left;
    font-size:14px;
    padding:5px 0 8px;
    line-height:18px;
    color:#000
}
.support {
    border-radius:0
}
.navbar .nav>li>.support:before {
    border-bottom:none
}
.navbar .nav>li>.support:after {
    border-bottom-color:#fff
}
.navbar .nav>li>.support .see-all,
.navbar .nav>li>.support>li>a {
    padding:5px 10px
}
.support-ticket .picture {
    float:left;
    text-align:center
}
.support-ticket .details {
    margin-left:30px;
    font-size:11.05px
}
.side-bar div.timeline_dual div.timeline_element_left {
    margin:0
}
.settings-popover {
    border-radius:0;
    border:none;
    width:115px;
    font-size:11.05px;
    left:-76px!important;
    top:30px!important
}
.settings-popover.bottom .arrow {
    border-bottom-color:transparent;
    top:-13px;
    margin-left:0;
    left:auto;
    right:4px
}
.settings-popover.bottom .arrow:after {
    border-width:6px
}
.settings-popover .btn-group {
    margin-top:0
}
.settings-popover .btn-group-sm>.btn,
.settings-popover .btn-sm {
    padding:0 7px
}
.setting+.setting {
    margin-top:5px
}
.account {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0
}
.navbar .nav>li>.account:before {
    border-bottom:none
}
.navbar .nav>li>.account:after {
    border-bottom-color:#fff
}
.account-picture {
    padding:5px 10px
}
.account-picture img {
    width:50px;
    margin-right:5px
}
.account>li>a {
    padding:3px 10px
}
.main-navi-icon .account a i {
    font-size:16px;
    margin-top:0;
    padding:2px;
    float:left;
    margin-right:5px
}
.logo-hang {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-animation-name:hvr-hang-sink,
    hvr-hang;
    animation-name:hvr-hang-sink,
    hvr-hang;
    -webkit-animation-duration:.3s,
    1.5s;
    animation-duration:.3s,
    1.5s;
    -webkit-animation-delay:0s,
    .3s;
    animation-delay:0s,
    .3s;
    -webkit-animation-timing-function:ease-out,
    ease-in-out;
    animation-timing-function:ease-out,
    ease-in-out;
    -webkit-animation-iteration-count:1,
    infinite;
    animation-iteration-count:1,
    infinite;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-direction:normal,
    alternate;
    animation-direction:normal,
    alternate
}
.single-widget-container {
    left:inherit;
    top:0;
    margin-top:200px;
    position:relative;
    width:400px;
    float:right;
    background:#fff;
    right:10%;
    box-shadow:0 0 26px rgba(0,
    0,
    0,
    0.1);
    border-radius:40px
}
.single-widget-container.thankyouPage {
    width: 100%;
    box-shadow: none;
}
.single-widget-container .widget {
    margin:0 auto
}
.login-widget,
.registration-widget {
    max-width:300px;
    padding-bottom:0
}
.login-page-txt {
    color:#1e1f21
}
.loginMain .login-page-widget {
    background-color:#fff;
    padding:40px 55px 30px 55px;
    margin:0;
    width:100%;
    max-width:430px;
    margin-left:auto;
}
.login-page-txt p {
    font-size:26px;
    margin-top:10px;
    line-height:34px
}
.f-links {
    text-align:right;
    padding-right:10px;
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    background:#fff;
    font-weight:600
}
.f-links a {
    color:#fff
}
.f-links li {
    padding:0 10px
}
.f-links li,
.s1 {
    display:inline
}
.login-widget header,
.register-page-cont header {
    margin-bottom:23px
}
span.logo-name {
    font-size:20px
}
.login-widget input[type=password],
.login-widget input[type=email],
.registration-widget input[type=password],
.registration-widget input[type=email] {
    font-size:13px
}
.login-widget .input-group-addon,
.registration-widget .input-group-addon {
    padding:8px 7px
}
.login-widget .input-group-addon i,
.login-widget .input-group-addon i:after,
.login-widget .input-group-addon i:before,
.registration-widget .input-group-addon i,
.registration-widget .input-group-addon i:after,
.registration-widget .input-group-addon i:before {
    width:20px;
    margin:0
}
.login-widget .form-actions,
.registration-widget .form-actions {
    margin:0 -12px;
    padding:20px 15px 0
}
.login-widget .form-actions .btn-group-lg>.btn,
.login-widget .form-actions .btn-lg,
.registration-widget .form-actions .btn-group-lg>.btn,
.registration-widget .form-actions .btn-lg {
    padding:10px 18px
}
.login-widget .form-actions .small-circle,
.registration-widget .form-actions .small-circle {
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:50%;
    background:rgba(0,
    0,
    0,
    .2);
    vertical-align:middle
}
.login-widget .form-actions .small-circle i,
.registration-widget .form-actions .small-circle i {
    position:relative;
    left:1px
}
.login-widget .form-actions .forgot,
.registration-widget .form-actions .forgot {
    color:gray;
    text-align:center;
    text-decoration:underline;
    padding:15px 0
}
.login-widget footer,
.registration-widget footer {
    margin:0 -12px;
    position:static
}
.login-widget .facebook-login,
.registration-widget .facebook-login {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:30px;
    background:#618fb0;
    text-align:center;
    padding-top:10px
}
.login-widget .facebook-login a,
.registration-widget .facebook-login a {
    color:#fff;
    display:block;
    text-shadow:none;
    text-decoration:none
}
.chat-messages {
    padding-right:15px
}
.chat-footer {
    height:40px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:10px
}
.chat-footer input {
    margin-bottom:0
}
.chat-message:after,
.chat-message:before {
    content:" ";
    display:table
}
.chat-message:after {
    clear:both
}
.chat-message .icon {
    position:relative;
    z-index:1;
    text-align:center;
    width:53px;
    height:53px;
    line-height:53px;
    vertical-align:middle;
    -webkit-border-radius:53px;
    -moz-border-radius:53px;
    -ms-border-radius:53px;
    -o-border-radius:53px;
    border-radius:53px
}
.chat-message .icon img {
    position:relative;
    top:-2px;
    width:50px;
    height:50px
}
.chat-message .time {
    font-size:11.05px;
    line-height:1.5em;
    text-align:center;
    color:gray
}
.chat-message+.chat-message {
    margin-top:10px
}
.chat-message-body {
    margin-left:63px;
    padding:8px 10px;
    background:#f9f9f9;
    position:relative;
    border-left:2px solid gray;
    border-radius:1px
}
.chat-message-body.on-left {
    margin-left:0;
    margin-right:63px;
    border-left:none;
    border-right:2px solid #999
}
.chat-message-body.on-left .arrow {
    left:auto;
    right:-7px;
    border-right:none;
    border-left:5px solid #999
}
.chat-message-body.on-left .sender,
.chat-message-body.on-left .text {
    text-align:right
}
.chat-message-body .arrow {
    display:block;
    position:absolute;
    top:21px;
    left:-7px;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #999
}
.overall-stats li {
    margin-top:12px
}
.overall-stats .key {
    line-height:18px;
    margin-left:5px
}
.overall-stats .icon {
    text-align:center
}
.overall-stats .value,
.report-dd-txt p {
    text-align:right
}
.server-stats {
    margin-top:-3px;
    margin-bottom:2px
}
.server-stats li {
    margin-bottom:10px
}
.server-stats .progress,
.server-stats li:last-child {
    margin-bottom:0
}
#candidateConfirmModal,
#recruiterConfirmModal {
    position:fixed;
    z-index:9999999
}
.btn-transparent {
    background:rgba(255,
    255,
    255,
    .4);
    text-shadow:none;
    box-shadow:none
}
.btn-transparent:hover {
    background:rgba(255,
    255,
    255,
    .8);
    color:#fff
}
.btn-transparent.active,
.btn-transparent.active:hover {
    background:rgba(51,
    51,
    51,
    .55)
}
.btn-transparent.active {
    color:#fff
}
.btn-transparent .caret {
    border-top-color:#999
}
.btn-inverse {
    color:#708090;
    background-color:#f8f8f8;
    border-color:#ccc
}
.btn-inverse.active,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open .btn-inverse.dropdown-toggle {
    color:#708090;
    background-color:#e4e4e4;
    border-color:#adadad
}
.btn-inverse.active,
.btn-inverse:active,
.open .btn-inverse.dropdown-toggle {
    background-image:none
}
.btn-inverse.disabled,
.btn-inverse.disabled.active,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse[disabled],
.btn-inverse[disabled].active,
.btn-inverse[disabled]:active,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse.active,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:hover {
    background-color:#f8f8f8;
    border-color:#ccc
}
.btn-inverse .badge {
    color:#f8f8f8;
    background-color:#708090
}
.btn-inverse.disabled,
.btn-inverse.disabled.active,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse[disabled],
.btn-inverse[disabled].active,
.btn-inverse[disabled]:active,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse.active,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:hover {
    color:#708090
}
legend+.control-group {
    margin-top:20px;
    -webkit-margin-top-collapse:separate
}
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
    content:" ";
    display:table
}
.offer:before,
.table-editable .sort-caret,
.widget.resume-txt>header::after {
    content:""
}
.form-horizontal .control-group:after {
    clear:both
}
.form-horizontal .control-label {
    float:left;
    width:190px;
    padding-top:0;
    text-align:right;
    font-size:16px;
    color:#000
}
.dropdown.cards-dd,
.report-dd {
    float:right
}
.big-up-btn {
    margin:10px!important
}
#zs_modal_content {
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,
    0,
    0,
    .2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 5px 15px rgba(0,
    0,
    0,
    .5);
    box-shadow:0 5px 15px rgba(0,
    0,
    0,
    .5);
    margin-top:100px
}
.big-up-btn-span-txt {
    display:block;
    font-size:19px;
    padding:27px 10%;
    color:#708090
}
.big-up-btn .fa.fa-cloud-upload {
    font-size:32px
}
.form-horizontal .form-group {
    margin-right:0
}
.form-horizontal .help-block {
    margin-bottom:0
}
.form-horizontal .input-append+.help-block,
.form-horizontal .input-prepend+.help-block,
.form-horizontal .uneditable-input+.help-block,
.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
    margin-top:5px;
    color:#ccc;
    font-size:11px
}
.form-horizontal.label-left .control-label {
    margin-top:40px
}
.form-condensed .controls {
    margin-left:120px
}
.left-col-sec .row {
    padding-top:4px
}
.controls.form-group strong {
    font-size:15px;
    font-style:normal
}
.section {
    font-size:14px;
    vertical-align:middle;
    line-height:30px;
    padding:10px 0 0
}
.share-icon-sec .row {
    padding-bottom:3px
}
.linkedin.btn:hover,
.twitter.btn:hover {
    border:1px solid transparent
}
.share-icon-sec {
    margin-top:30px;
    color:#010101
}
.widget h3 {
    color:#708090
}
.cards-rows-head {
    box-shadow:0 0 50px rgba(0,
    0,
    0,
    0.11);
    height:31px;
    background:#fff;
    border-radius:7px;
}
.linkedin.btn,
.twitter.btn {
    background:#fff;
    border:2px solid #eee;
    border-radius:31px;
    color:#259af4;
    height:46px;
    line-height:43px;
    padding:0;
    width:46px;
    font-size:18px
}
.twitter.mail.btn:hover {
    background:#259af4
}
.vertical-cards-cell-head .cards-dd i.dd-ico-img {
    width:20px;
    height:21px;
    background:url(/assets/img/dd-ico.png) no-repeat;
    margin-right:1px!important;
    background-size:17px;
    margin-top:8px
}
.uploader {
    color:#c5c8ca;
    padding:5px;
    margin-left:-6px;
    cursor:default;
    display:block;
    font-size:11px;
    line-height:10px;
    overflow:hidden;
    text-transform:capitalize
}
#progressbar li,
#text-header h1,
.as-featured-cont h1,
.box h2,
.cc-dtails h4,
.fs-title,
.left-blue-col-heading,
.nav.nav-tabs.jobs-tab li a,
.snapcard .names {
    text-transform:uppercase
}
.widget.snapcard {
    border-radius:7px;
    margin:11px auto;
    max-width:231px;
    min-height:83px;
    padding:6px 7px;
    word-break:break-all;
    box-shadow:0 0 25px -2px rgba(122,
    126,
    226,
    0.15);
}
.modal img,
.report-dd-icons button>img,
.report-dd>button img {
    max-width:90%
}
.widget.snapcard:hover {
    box-shadow:0 0 0 1px #e8e9ea
}
#job-select>li.active,
#archive-job-select>li.active {
    background:#eff0f9
}
.widget.snapcard.ui-sortable-helper {
    transform:rotate(5deg)
}
.widget.snapcard address {
    margin-bottom:0
}
li#public-folder-li {
    border-top:1px solid transparent
}
li#public-folder-li.active {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff
}
.cover .icon.icon-cross-1 {
    border:1px solid #f48e61;
    color:#f48e61;
    font-size:7px;
    line-height:7px;
    margin-right:2px;
    padding:1px 2px 0;
    width:7px
}
.resume-viewer-head-right .icon.close-modal-ico {
    top:0;
    right:0;
    color:#fff!important;
    font-size:21px
}
.twitter.mail.btn:hover i {
    color:#fff
}
.resume-list-head {
    min-height:111px
}
.report-dd {
    margin:13px 11px 0 0
}
.report-dd .dropdown-menu {
    right:-20px;
    left:inherit;
    top:45px;
    width:379px;
    padding:5px 0 0;
    border-radius:10px
}
.report-dd .dropdown-menu:after {
    right:31px
}
.report-dd .dropdown-menu:before {
    right:32px
}
.faces-ico {
    width:98px;
    margin:12px 0 0 12px
}
.discount-price {
    position:absolute;
    right:0;
    color:#74899e;
    top:27px;
    font-size:20px
}
.discount-price h5 {
    font-size:25px;
    margin:0
}
.offer:before {
    width:107px;
    height:3px;
    background:#2D3E50;
    display:inline-block;
    margin-top:10px;
    position:absolute;
    margin-left:-51px
}
.feed,
.feed .wrapper {
    position:relative
}
.offer.free-offer:before {
    display:none
}
.report-issue-form .form-control {
    border:1px solid #ccc
}
.report-dd-txt h3 {
    margin:7px 0 2px;
    font-size:15px
}
.report-dd-txt p {
    font-size:13.5px;
    margin:9px 0 27px;
    color:#aaa;
    line-height:19px;
}
.center-aligned,
.jobs-edit-ico,
.sources-table td,
.sources-table th {
    text-align:center
}
.report-dd>button {
    background:0 0;
    border:0;
    border-radius:10px;
    width:45px;
    height:45px;
    margin-top:-2px;
    color:#010101;
    align-content:center;
    justify-content:center;
    padding:0;
    align-items:center;
    font-size:19px;
    border:0px solid #e5e5e5;
    line-height:35px;
}
.cornerDD {
    position:absolute;
    left:100%;
    z-index:5;
    background:#fff;
    width:138px;
    box-shadow:0 0 70px rgba(0,
    0,
    0,
    0.2);
    display:none;
    top:0;
}
.searchMiddletbar .widget.center-fixed-bar {
    width:73.5%;
    right:0%;
}
.cornerDD ul {
    padding:0 !important;
}
.logo-cont:hover .cornerDD {
    display:block;
}
.report-dd-icons button {
    border-radius:60px;
    padding:0;
    display:inline-block;
    width:35px;
    height:37px;
    background:#fff;
    border:0 solid #eee
}
:focus {
    outline:0
}
select.form-control.small-select {
    width:auto
}
.jobs-edit-ico {
    border-radius:100%;
    color:#318cea;
    display:inline-block;
    font-size:14px;
    height:46px;
    line-height:50px;
    width:46px
}
.controls .bootstrap-select.btn-group .dropdown-menu,
.controls .bootstrap-select.btn-group[class*=span] .btn,
.select-block-level,
.thumbnail img {
    width:100%
}
button.btn.btn-primary.enable-btn {
    background:#000;
    border-color:#000 !important;
}
table.table.table-images tr {
    color:#000;
    font-size:15px
}
.job-link-txt {
    color:#000;
    display:inline-block;
    margin-left:0;
    padding:3px 5px 3px 0;
    font-size:15px!important
}
a.job-link-txt.jobSearchName {
    color:#000;
}
.nav.nav-tabs.jobs-tab li a {
    background:#eef0f4 !important;
    text-transform:unset;
    border-radius:0 0 0 0;
    color:#000;
    font-size:17px;
    padding:11px 10px;
}
.table.table-images th {
    border:none
}
.widget.resume-txt>header::after {
    clear:both;
    display:block
}
.nav.nav-tabs.jobs-tab li.active a {
    background:#fff!important;
    border:2px solid #eee!important;
    border-bottom:0!important;
    font-size:17px;
}
.resume-box-right-bar {
    font-size:14px;
    padding-left:300px;
    padding-top:0;
    width:100%
}
span#selectFolderTitle {
    font-size:21px;
    color:#000
}
#sourcers-details-form {
    height:auto!important
}
.snapcard .names {
    color:#000;
    font-size:13px;
    padding-top:8px
}
.help-block,
.section small {
    font-size:11.05px
}
.section small {
    color:gray
}
.controls+.controls {
    margin-top:10px
}
.form-actions,
.icons>section {
    margin-top:20px
}
input.input-transparent,
textarea.input-transparent {
    border:none;
    color:gray;
    background-color:rgba(255,
    255,
    255,
    .4)
}
input.input-transparent:-moz-placeholder,
textarea.input-transparent:-moz-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
input.input-transparent::-moz-placeholder,
textarea.input-transparent::-moz-placeholder {
    color:rgba(238,
    238,
    238,
    .76);
    opacity:1
}
input.input-transparent:-ms-input-placeholder,
textarea.input-transparent:-ms-input-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
input.input-transparent::-webkit-input-placeholder,
textarea.input-transparent::-webkit-input-placeholder {
    color:rgba(238,
    238,
    238,
    .76)
}
.wizard-navigation a,
input.input-transparent:focus,
textarea.input-transparent:focus {
    color:#708090
}
.controls .bootstrap-select.btn-group[class*=span] {
    float:none;
    display:inline-block;
    margin-left:0
}
.form-actions {
    padding:19px 20px 20px;
    background-color:#f5f5f5
}
.form-actions:after,
.form-actions:before {
    content:" ";
    display:table
}
.form-actions:after {
    clear:both
}
.form-group [class*=col-] {
    padding:0
}
.form-wizard .progress {
    margin-bottom:10px
}
.table-top-control,
.wizard-navigation {
    margin-bottom:5px
}
.fontawesome-icon-list>div,
.the-icons li {
    line-height:40px
}
.fontawesome-icon-list>div i,
.the-icons li i {
    -webkit-transition:font-size .2s;
    -moz-transition:font-size .2s;
    -o-transition:font-size .2s;
    transition:font-size .2s
}
.fontawesome-icon-list>div:hover i,
.the-icons li:hover i {
    font-size:26px
}
.fontawesome-icon-list i {
    min-width:20px
}
.i-code {
    display:none
}
.dropzone:after,
.dropzone:before,
.feed-item:after,
.feed-item:before {
    content:" ";
    display:table
}
.widget-tabs {
    background:0 0;
    box-shadow:none;
    padding:0;
    margin-top:0;
}
.widget-tabs .body {
    background:#fff;
    border-radius:0 10px 10px;
    margin-bottom:30px;
    margin-top:0;
    padding:10px 12px;
    border:2px solid #eee
}
.widget-tabs .nav-tabs {
    border-bottom:none
}
.widget-tabs .nav>li>a {
    padding-top:7px;
    padding-bottom:6px;
    border:2px solid #eee;
    color:#708090
}
.widget-tabs .nav>li:not(.active)>a {
    background:#fff;
    border-bottom:none
}
.widget-tabs .nav>li:not(.active)>a:hover {
    background:#e6e6e6;
    border-color:transparent
}
.widget:not(.widget-tabs) .tab-content {
    padding:10px;
    border-radius:0 0 1px 1px
}
.tab-header {
    margin-top:0;
    margin-bottom:1em;
    font-size:14px
}
.progress-small {
    height:8px
}
.feed,
.map {
    height:100%
}
.progress .progress-bar-inverse,
.progress-inverse .bar {
    color:#fff;
    background-color:#999;
    background-image:-webkit-linear-gradient(top,
    #999 0,
    #999 100%);
    background-image:linear-gradient(to bottom,
    #999 0,
    #999 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF999999',
    endColorstr='#FF999999',
    GradientType=0)
}
.external-event,
.external-event:nth-child(1n) {
    background-color:#e22e24
}
.progress-inverse.progress-striped .bar,
.progress-striped .progress-bar-inverse {
    background-image:-webkit-linear-gradient(45deg,
    #999 25%,
    transparent 25%,
    transparent 50%,
    #999 50%,
    #999 75%,
    transparent 75%,
    transparent);
    background-image:linear-gradient(45deg,
    #999 25%,
    transparent 25%,
    transparent 50%,
    #999 50%,
    #999 75%,
    transparent 75%,
    transparent)
}
.map * {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.external-event {
    margin:15px 0;
    padding:5px 10px;
    color:#fff;
    cursor:pointer
}
.external-event:nth-child(2n) {
    background-color:#eac85e
}
.external-event:nth-child(3n) {
    background-color:#8cbf26
}
.external-event:nth-child(4n) {
    background-color:#56bc76
}
.external-event:nth-child(5n) {
    background-color:#4ab0ce
}
.external-event:nth-child(6n) {
    background-color:#618fb0
}
.external-event:nth-child(7n) {
    background-color:#a05000
}
.external-event:nth-child(8n) {
    background-color:#d04f4f
}
.thumbnails>li {
    margin-bottom:20px
}
.feed .nav-tabs li.active a {
    border-color:#eee;
    border-bottom-color:transparent;
}
.searchdropdown {
    display:none;
}
.dropzone {
    border:3px dashed #eee;
    margin-top:10px;
    font-size:40px;
    color:#eee;
    line-height:100px;
    padding-left:5%;
    vertical-align:middle
}
.dropzone:after {
    clear:both
}
.dropzone i {
    margin-top:20px;
    padding-right:10%
}
.feed {
    margin-top:17px
}
.feed .nav-tabs li a {
    border-radius:10px 10px 0 0;
    padding:5px 9px;
    color:#000;
}
.feed .vertical-line {
    height:100%;
    width:2px;
    background:#e5e5e5;
    position:absolute;
    left:13px
}
.feed-item {
    border-bottom:1px solid #eee;
    padding:8px 0 5px
}
.feed-item:after {
    clear:both
}
.feed-comment-icon {
    background:url(../img/chat-icon.png) center right no-repeat;
    background-size:42px auto;
    border:#fa8072;
    border-radius:40px;
    color:#aad4e2!important;
    display:inline-block;
    font-size:33px;
    height:45px;
    line-height:50px;
    margin-right:4px;
    margin-top:-10px;
    position:relative;
    text-align:center;
    vertical-align:middle;
    width:45px;
    z-index:1
}
.feed-comment-icon:before {
    display:none
}
.feed-item .icon img {
    position:relative;
    top:-2px;
    width:26px;
    height:26px
}
.feed-item+.feed-item {
    margin-top:10px
}
.feed-item-body {
    margin-left:10px;
    padding-top:0;
    position:relative;
    vertical-align:bottom
}
.feed-item-body span.time {
    font-size:11.05px;
    line-height:1.5em;
    color:#999
}
.table th {
    color:#666;
    font-size:16px
}
.text {
    padding-right:20px
}
.table-images td {
    vertical-align:middle!important;
    padding:15px 8px!important
}
.table-images tr:hover td .jobs-edit-ico {
    background:#fff;
    color:#318cea
}
.table-images td img {
    height:60px
}
.table-colored tbody tr:nth-child(1n) {
    color:#e22e24
}
.table-colored tbody tr:nth-child(2n) {
    color:#eac85e
}
.table-colored tbody tr:nth-child(3n) {
    color:#8cbf26
}
.table-colored tbody tr:nth-child(4n) {
    color:#56bc76
}
.table-colored tbody tr:nth-child(5n) {
    color:#4ab0ce
}
.table-colored tbody tr:nth-child(6n) {
    color:#618fb0
}
.table-colored tbody tr:nth-child(7n) {
    color:#a05000
}
.table-colored tbody tr:nth-child(8n) {
    color:#d04f4f
}
.table-editable th a {
    display:block;
    cursor:pointer;
    color:#708090;
    text-decoration:underline
}
.table-editable tbody tr:nth-child(odd) td.editor,
.table-editable td.editor {
    background-color:rgba(97,
    143,
    176,
    .05);
    outline:#618fb0 solid 1px;
    outline-offset:-1px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-property:width,
    outline,
    background-color;
    -moz-transition-property:width,
    outline,
    background-color;
    -o-transition-property:width,
    outline,
    background-color;
    transition-property:width,
    outline,
    background-color;
    -webkit-transition-timing-function:ease-in-out;
    -moz-transition-timing-function:ease-in-out;
    -o-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out
}
.table-editable td.editor input[type=text] {
    display:block;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background-color:transparent;
    border:0;
    outline:0;
    box-shadow:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none
}
.table-editable tbody tr:nth-child(odd) td.editor.error,
.table-editable td.editor.error {
    background-color:rgba(234,
    200,
    94,
    .1);
    outline:#eac85e solid 1px
}
.selected-channel button:focus,
.table-editable td.editor:focus,
.table-editable th.editor:focus {
    outline:0
}
.table-editable .sort-caret {
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:.3em;
    border:0;
    font:15px FontAwesome
}
.table-editable .ascending .sort-caret:before {
    content:"\f0d8"
}
.table-editable .descending .sort-caret:before {
    content:"\f0d7"
}
.chart-col-header {
    width:100px
}
.table .chart-cell {
    padding:3px
}
.source-col-header {
    width:30%
}
.sources-table td:first-child,
.sources-table th:first-child {
    text-align:left
}
.client-details,
.mailbox-content .folder-view .total-pages {
    text-align:right
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc,
table.table thead .sorting_desc_disabled {
    cursor:pointer
}
table.table thead .sorting {
    background:url(../img/datatables/sort_both.png) center right no-repeat
}
table.table thead .sorting_asc {
    background:url(../img/datatables/sort_asc.png) center right no-repeat
}
table.table thead .sorting_desc {
    background:url(../img/datatables/sort_desc.png) center right no-repeat
}
table.table thead .sorting_asc_disabled {
    background:url(../img/datatables/sort_asc_disabled.png) center right no-repeat
}
table.table thead .sorting_desc_disabled {
    background:url(../img/datatables/sort_desc_disabled.png) center right no-repeat
}
.per-page-selector label {
    vertical-align:middle;
    line-height:26px
}
.table-bottom-control {
    margin-top:10px
}
.table-bottom-control .pagination {
    margin:0
}
.fileupload-progress.fade.in .progress {
    margin-top:20px
}
.fileupload-progress.fade .progress {
    margin:0
}
.search-result {
    padding:5px 15px 5px 10px;
    margin-bottom:10px
}
.search-result h4 {
    margin:0
}
.search-result:nth-child(even) {
    background:#f5f5f5
}
.search-result:nth-child(1n) {
    border-left:5px solid #e22e24
}
.search-result:nth-child(2n) {
    border-left:5px solid #eac85e
}
.search-result:nth-child(3n) {
    border-left:5px solid #8cbf26
}
.search-result:nth-child(4n) {
    border-left:5px solid #56bc76
}
.search-result:nth-child(5n) {
    border-left:5px solid #4ab0ce
}
.search-result:nth-child(6n) {
    border-left:5px solid #618fb0
}
.search-result:nth-child(7n) {
    border-left:5px solid #a05000
}
.search-result:nth-child(8n) {
    border-left:5px solid #d04f4f
}
.search-result:hover {
    cursor:pointer;
    padding-left:10px;
    border-left-color:#f8f8f8;
    -webkit-transition:border-left-color .2s;
    -moz-transition:border-left-color .2s;
    -o-transition:border-left-color .2s;
    transition:border-left-color .2s
}
.mailbox-content .folder-view .starred,
.modal .mailbox-folders li a {
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    -o-transition:color .2s
}
.search-result>p {
    margin-bottom:0
}
.widget-404 h1 {
    font-size:140px;
    line-height:140px;
    margin:0;
    text-rendering:optimizeLegibility;
    color:#fff
}
.widget-404 h3,
.widget-404 p {
    color:#708090
}
.widget-404 .description {
    vertical-align:middle;
    padding-top:5px
}
.widget-404,
.widget-404-search {
    width:600px
}
.widget-404-search {
    padding-left:20px;
    padding-right:20px
}
.single-widget-container .widget-404-search {
    margin-top:40px
}
.single-widget-container .widget-404-search .search-field {
    width:456px
}
.invoice-logo {
    width:253px;
    height:70px
}
.invoice-number {
    font-size:19.5px;
    margin-top:15px
}
.invoice-number-info {
    color:gray;
    font-size:14px
}
.invoice-info .details-title {
    color:gray;
    margin:0
}
.invoice-actions {
    margin-top:20px
}
.modal .mailbox-folders {
    background:#2D3E50;
    border-radius:6px;
    margin-left:12%;
    margin-top:40px;
    overflow:hidden
}
.modal .mailbox-folders li a {
    display:block;
    padding:6px 15px;
    color:#fff;
    text-decoration:none;
    transition:color .2s
}
#forms-collapse .editable-container.editable-inline .form-control.input-sm {
    background:rgba(255,
    255,
    255,
    .8);
    border:0;
    font-size:14px;
    height:25px;
    margin-bottom:4px;
    margin-left:-6px;
    margin-top:4px;
    padding:0 5px 0 7px !important;
    width:100%
}
#forms-collapse .editable-container.editable-inline .form-control.input-sm:focus {
    border:none
}
.modal .mailbox-folders li a:hover {
    color:#fff;
    font-size:14px
}
.modal .mailbox-folders .active a {
    background:#71a3ff;
    border-left:5px solid #71a3ff;
    color:#fff;
    padding-left:10px;
    font-size:14px
}
.list-group-item-placeholder,
.widget-placeholder {
    background:rgba(51,
    51,
    51,
    .2);
    border:1px dashed rgba(255,
    255,
    255,
    .7)
}
.selected-channel button span {
    line-height:18px;
    margin-bottom:0
}
.selected-channel button .icon {
    font-size:10px;
    margin-left:3px
}
.mailbox .folder-title {
    margin:0;
    line-height:30px;
    float:left
}
.mailbox .input-search {
    width:140px;
    -webkit-transition:width .2s;
    -moz-transition:width .2s;
    -o-transition:width .2s;
    transition:width .2s
}
.mailbox .input-search:focus {
    width:200px
}
.mailbox-content {
    margin-top:20px;
    color:#000;
    height:auto!important
}
.mailbox-content .folder-view tbody {
    color:gray
}
.mailbox-content .folder-view .icheckbox_square-grey {
    -webkit-transform:scale(.72);
    -moz-transform:scale(.72);
    -ms-transform:scale(.72);
    -o-transform:scale(.72);
    transform:scale(.72)
}
.mailbox-content .folder-view .tiny-column {
    width:18px
}
.mailbox-content .folder-view .name {
    width:140px
}
.mailbox-content .folder-view .name,
.mailbox-content .folder-view .subject {
    cursor:pointer
}
.mailbox-content .folder-view .date {
    text-align:right;
    width:60px
}
.mailbox-content .folder-view .unread {
    color:#708090
}
.mailbox-content .folder-view .starred {
    color:gray;
    cursor:pointer;
    transition:color .2s
}
.mailbox-content .folder-view .starred:hover {
    color:#708090
}
.mailbox-content .email-view hr {
    margin:5px 0
}
.mailbox-content .email-view .print {
    margin-right:6px;
    color:gray;
    text-decoration:none;
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    -o-transition:color .2s;
    transition:color .2s
}
.mailbox-content .email-view .print:hover {
    color:#708090
}
.mailbox-content .email-view .email-body {
    margin-top:20px
}
.mailbox-content .email-details img {
    width:30px;
    height:30px;
    float:left
}
.mailbox-content .email-details-content {
    margin-left:30px;
    padding:0 5px
}
.mailbox-content .email-details-content .email {
    color:gray;
    font-size:11.05px
}
.mailbox-content .email-details-content .receiver {
    display:block;
    color:gray;
    margin-top:-6px
}
.mailbox-content .email-details-content .email-date {
    margin-right:10px;
    line-height:24px;
    vertical-align:middle
}
.mailbox-content .email-attachments .attachment img {
    display:block
}
.mailbox-content .email-attachments .attachment .title {
    margin:0
}
.mailbox-content .form-email-compose .control-label {
    width:46px
}
.mailbox-content .form-email-compose .controls {
    margin-left:51px
}
.mailbox-content .form-email-compose .wysihtml5-sandbox {
    width:100%!important
}
.mailbox-content .form-email-compose .control-group {
    margin-bottom:10px
}
.widget-container {
    min-height:30px
}
.widget-placeholder {
    box-shadow:none;
    margin:-1px -1px 29px
}
.list-group-item-placeholder {
    box-shadow:none!important;
    margin:-1px
}
.slimScrollBar {
    border-radius:1px!important
}
.text-align-center {
    text-align:center
}
.text-align-right {
    text-align:right
}
.loader,
.loader-wrap,
.timeline-loader,
.uploaded-logo {
    text-align:center
}
.well-white {
    background:rgba(255,
    255,
    255,
    .2)
}
.margin-top {
    margin-top:10px
}
.margin-bottom {
    margin-bottom:10px
}
.no-margin {
    margin:0!important
}
.visible-phone-landscape {
    display:none!important
}
.background-danger {
    background:#e22e24;
    color:#fff
}
.background-warning {
    background:#eac85e;
    color:#fff
}
.background-success {
    background:#56bc76;
    color:#fff
}
.background-primary {
    background:#618fb0;
    color:#fff
}
.background-info {
    background:#4ab0ce;
    color:#fff
}
.background-lime {
    background:#8cbf26;
    color:#fff
}
.loader {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.loader .spinner {
    position:absolute;
    top:50%;
    margin-top:-10px;
    font-size:20px
}
.loader-wrap {
    position:fixed;
    left:0;
    right:0;
    top:70px;
    bottom:0;
    opacity:1;
    -webkit-transition:opacity .2s ease-out;
    -moz-transition:opacity .2s ease-out;
    -o-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out
}
.sidebar-hidden .loader-wrap {
    margin-left:0!important;
    margin-right:0!important
}
.loader-wrap.hiding {
    opacity:0
}
.loader-wrap .fa {
    position:absolute;
    top:50%;
    line-height:30px;
    margin-top:-85px;
    font-size:20px;
    vertical-align:middle;
    color:#708090
}
.attention {
    display:inline-block;
    width:8px;
    height:8px;
    margin:0 5px;
    border-radius:50%
}
.desktop-view {
    display:block
}
.mobo-view {
    display:none
}
.ok-mark {
    font-size:70px;
    padding-bottom:20px
}
.btn.done-btn {
    background:#fff;
    color:#74899e;
    font-size:20px;
    margin-top:30px;
    padding:15px 50px
}
#removeJobFromDashBoard {
    font-size:25px;
    margin-top:-2px;
    padding:0 5px;
    margin-left:15px
}
#confirmModal .modal-footer,
.confirmationModal .modal-footer {
    background:#fff !important;
    border:0;
    padding:0;
    margin-top:10px;
}
.confirmationModal.applyLater input#email {
    margin-bottom:0;
}
.confirmationModal.applyLater .modal-body .row {
    display:flex;
    align-items:center;
}
#confirmModal .modal-footer .btn.btn-info,
.confirmationModal .modal-footer .btn.btn-info {
    width:80px;
    color:#fff!important
}
#confirmModal .modal-footer .btn-info,
.confirmationModal .modal-footer .btn-info {
    margin:0 40px
}
#confirmModal .modal-dialog.modal-sm,
.confirmationModal .modal-dialog.modal-sm {
    width:480px
}
#confirmModal .modal-footer button.btn.btn-info.btn-no,
.confirmationModal .modal-footer button.btn.btn-info.btn-no {
    width:38%;
    float:left;
    background:#55dd88;
    border-radius:50px;
    border:0;
    margin:0px;
    margin-left:56px;
}
#confirmModal .modal-footer button.btn.btn-info.btn-yes,
.confirmationModal .modal-footer button.btn.btn-info.btn-yes {
    float:none;
    width:38%;
    border-radius:50px;
    border:0;
    background:#55dd88;
    margin:0 0 20px 0;
}
.resume-cate-filters .folder-ico.pub-folder {
    margin:0 6px 0 0
}
.job-title-main:after,
.job-title-main:before {
    clear:both;
    content:"";
    display:block
}
.job-title-main {
    background:#fff;
    border:1px solid #e3e3e3;
    border-bottom:0;
    border-radius:10px 10px 0 0;
    float:right;
    padding:10px 10px 8px
}
.modal-dialog.resume-viewer-modal {
    width:80%
}
h3.uploading-resume-processing {
    background:#fff!important;
    color:#74899e!important;
    margin-top:5px
}
.well .value {
    height:18px
}
.snapcard .phones {
    font-size:12px
}
.widget.snapcard-categories-cont {
    border:0;
    border:1px solid #e3e3e3;
    border-radius:10px 0 10px 10px;
    clear:both
}
.uploading-points>ul {
    margin-bottom:30px
}
.uploading-points li {
    color:#fff;
    font-size:17px
}
li.menu-bars {
    display:none
}
.blue-left-col {
    background:#2D3E50;
    border:none;
    color:#fff;
    padding:20px 0;
    margin-bottom:20px
}
.blue-left-col h1,
.blue-left-col h2,
.blue-left-col h3,
.blue-left-col h4,
.blue-left-col h5,
.blue-left-col h6 {
    color:#fff
}
.uploaded-logo>img {
    margin:30px 0;
    max-width:85%
}
.uploaded-logo {
    background:#fff;
    vertical-align:middle;
    border-radius:5px;
    float:right;
    width:35%
}
.company-name-txt {
    float:left;
    width:63%
}
.company-name-txt>span {
    color:#708090;
    display:block;
    font-size:26px;
    line-height:29px;
    margin-top:15px
}
.company-name-txt>a {
    color:#bdcff1;
    font-size:14px;
    font-style:italic
}
.resume-only-modal.resume-viewer-modal {
    max-width:890px;
    width:auto
}
.blue-left-col h4 {
    background:#069075;
    font-size:14px;
    border-radius:0;
    padding:5px 7px
}
.user-detail-name {
    display:none;
    font-size:17px;
    padding-bottom:3px
}
.dlt-comment-btn {
    clear:both;
    float:left
}
.dlt-comment-btn i.icon {
    background:rgba(0,
    0,
    0,
    0);
    color:#74899e;
    font-size:8px;
    margin-right:4px
}
.about-company-txt {
    font-size:12px;
    line-height:14px;
    line-height:17px
}
.under-heading-txt {
    font-size:13px;
    padding:0 7px
}
.btn.round-black,
.btn.round-black:focus,
.btn.round-black:hover {
    background:#1b222c!important;
    border:0;
    border-radius:70px;
    color:#fff
}
.srch-resume-inp {
    float:left;
    margin-right:5px;
    width:auto
}
.container.recruitment-resume-container {
    max-width:1200px;
    width:auto
}
.preview-cont td,
.preview-cont th {
    padding-bottom:40px;
    padding-top:0;
    vertical-align:top
}
a.view-job-btn {
    background:#111;
    border:3px solid #fff;
    border-radius:5px;
    color:#fff;
    font-style:normal;
    margin-top:-4px;
    padding:2px 15px
}
#choseDataName>a {
    color:#708090;
    font-style:italic
}
.big,
.big1 {
    font-style:normal
}
.timeline-loader {
    width:100%
}
.login-radio>input {
    margin-right:7px
}
.login-radio {
    padding-bottom:16px
}
.login-radio-cont {
    margin:0 auto;
    max-width:400px
}
#signinLinkedinBtn {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    margin-top:20px
}
#signinLinkedinBtn .fa.fa-linkedin {
    border-right:3px solid #fff;
    bottom:0;
    left:0;
    padding:9px 13px;
    position:absolute;
    top:0
}
#tempList .icon.icon-folder-1 {
    font-size:18px;
    margin-top:2px;
    margin-right:6px
}
.nav-tabs {
    border-bottom:1px solid #eee
}
.campaign-nav .btn,
.campaign-nav .btn:active,
.campaign-navs .btn,
.campaign-navs .btn:active {
    background:#fff;
    border-radius:30px;
    color:#318cea;
    margin-bottom:10px;
    font-size:14px;
    line-height:23px;
    border:1px solid #ccc
}
#hasLogo {
    margin-left:35px
}
#hasNoLogo {
    font-size:16px;
    margin-left:20px;
    display:inline!important
}
.for-blue-bg-area #dropfield.fd-zone {
    border:1px dashed;
    border-radius:5px;
    margin:5px 0!important;
    padding:30px 0!important;
    text-align:left!important
}
.campaign-form-tabl td,
.campaign-form-tabl th {
    padding-bottom:13px;
    padding-top:0;
    vertical-align:top
}
.btn.view-tour-btn {
    background:#1b222c;
    color:#fff;
    margin-top:8px;
    width:100%
}
.sortable-placeholder::before {
    content:"Drop Here";
    display:block;
    font-size:11px;
    height:50px;
    left:50%;
    margin-left:-25px;
    position:absolute;
    top:31%
}
.sortable-placeholder {
    background-color:#eee;
    border:1px dashed #888;
    border-radius:5px;
    margin:0 auto 25px;
    max-width:200px;
    min-height:70px;
    opacity:.7;
    padding:5px;
    position:relative
}
#sidebar .icon {
    color:#708090
}
#openSnapCardButton {
    background:#eee;
    border:2px solid #e9e9e9;
    border-radius:100px;
    line-height:21px;
    color:#318ce7
}
button.btn.btn-default.boost-btn {
    color:#fff;
    background:#fff;
    border-color:#318ce7;
    margin-left:0
}
#openSnapCardButton:hover {
    color:#318ce7;
    background:#eee
}
.mailbox-content h1,
h2 {
    font-size:14px
}
.getting-started-left {
    background:#fff;
    bottom:0;
    color:#666;
    left:10px;
    overflow-y:auto;
    position:fixed;
    top:0;
    width:20% !important;
    box-shadow:3px 3px 3px #eee!important;
}
.getting-started-left-inner {
    margin:90px 5% 20px;
    width:90%
}
.getting-started-right {
    background:none;
    border-radius:10px;
    left:40%;
    padding:15px 0;
    position:absolute;
    width:59%
}
.tour-points li {
    display:table-row;
    padding:7px 0;
    width:100%
}
.tour-points {
    display:table;
    width:100%
}
.tour-points-txt {
    font-size:18px!important;
    color:#000!important;
    margin-left:5px;
    margin-bottom:12px;
    white-space:nowrap;
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    padding-left:2px!important;
    padding-right:0!important
}
.m-install--background-shapes {
    position:absolute;
    left:0;
    right:0;
    overflow:hidden;
    height:calc(24vw+750px);
    pointer-events:none;
    top:240px;
    z-index:-1
}
.widget.thanks-widget h4 {
    color:#f08080!important
}
.widget.thanks-widget h5 {
    color:#ccc!important
}
.border-ed-note {
    clear:both;
    margin:5px 0 15px;
    padding:6px 0;
    line-height:24px;
    color:#000;
    font-size:16px
}
span.min-price-pop {
    position:absolute;
    background:#fff;
    font-size:13px;
    padding:11px 16px;
    border:1px solid #ccc;
    left:auto;
    top:31px;
    right:0;
    display:none;
    box-shadow:0 0 7px 5px rgba(0,
    0,
    0,
    0.05)
}
.min-budget-inp-sec span.input-group-addon:hover span.min-price-pop {
    display:block
}
span.min-price-pop:after {
    content:"";
    display:inline-block;
    border-bottom:7px solid #ccc;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:-5px;
    right:11px;
    z-index:5
}
.alert-danger.alert h4 {
    color:#f08080!important;
    padding:5px;
    line-height:22px;
    text-align:center;
    padding-left:0;
    margin:0;
}
span.min-price-pop:before {
    content:"";
    display:inline-block;
    border-bottom:7px solid #fff;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:-4px;
    right:11px;
    z-index:7
}
.boostModalheader .gradient-modal {
    background:#f4795f;
    border-radius:0
}
.contact-srch-bar input {
    box-shadow:none!important
}
ul.job-sites {
    text-align:left;
    padding:5px 0
}
.jobcon-ad {
    padding:20px 0 0
}
.jobcon-ad p {
    line-height:22px;
    margin:7px 0 20px;
    font-size:16px;
    color:#000;
    text-transform:uppercase
}
.jobcon-ad a.btn.btn-primary {
    background:#3cb371;
    color:#fff!important;
    border-color:#3cb371
}
.jobcon-ad .col-md-3 {
    vertical-align:middle;
    display:inline-block;
    float:none;
    width:24%;
    text-transform:uppercase;
    font-weight:initial;
    line-height:23px
}
.tour-points-txt:hover {
    background:#f3f3f3
}
.tour-points li div {
    border-bottom:1px solid #fff;
    display:table-cell;
    padding:10px 0
}
.tour-points-link {
    font-size:12px;
    text-align:right
}
.tour-points li div.tour-points-txt {
    font-size:15px;
    padding-left:11px
}
.tour-points-arrow {
    font-size:20px;
    border-radius:100px;
    padding:0 4px
}
.tour-points-arrow .fa.fa-check-circle {
    display:none
}
.done-tour .tour-points-arrow .fa.fa-check-circle {
    display:block
}
.done-tour .tour-points-arrow .fa.fa-circle {
    display:none
}
.done-tour .tour-points-txt {
    text-decoration:line-through
}
#zr_attributed a,
a.tooltip:hover,
a:focus,
a:hover {
    text-decoration:none
}
.tour-para-arrow {
    font-size:21px;
    text-align:right
}
.tour-screenshots {
    border:7px solid #1b222c;
    border-radius:7px;
    display:block;
    margin:20px auto;
    max-width:90%
}
.fix-bar-ico-right .icon.icon-add-1,
.fix-bar-panel .fa.fa-plus {
    display:none
}
.resume-action-btns {
    padding:10px 0 16px;
    width:100%;
    clear:both;
}
.comment-txt .fa {
    color:#708090;
    font-size:10px;
    padding:0 8px
}
#snapcard-content .col-xs-12.col-sm-10 {
    width:100%
}
.fix-bar-panel {
    background:#2d3e50;
    bottom:-230px;
    height:230px;
    position:fixed;
    right:20px;
    transition:bottom .2s ease 0;
    width:220px;
    border-radius:10px 0 0;
    z-index:100
}
.fix-bar-trigger {
    background:#2d3e50;
    border-bottom:1px solid #415264;
    border-radius:10px 10px 0 0;
    color:#fff;
    cursor:pointer;
    float:right;
    height:30px;
    margin-top:-30px;
    width:170px
}
.fix-bar-ico {
    border-right:1px solid #4d5e70;
    float:left;
    padding:5px 10px
}
.fix-bar-pop-txt {
    float:left;
    padding:5px 0 0 12px
}
.fix-bar-panel.open-bar {
    bottom:0
}
.report-issue-form {
    padding:15px 20px 20px
}
.report-issue-form .form-control {
    margin-bottom:10px
}
.report-issue-form .btn {
    width:100%;
    margin-top:5px
}
.contacts-add-modal .modal-dialog {
    margin-top:130px
}
.fix-bar-ico-right {
    float:right;
    padding:7px 2px 0 0;
    width:27px
}
.profile-page-right-col {
    left:280px;
    padding:20px 40px;
    position:absolute;
    right:0;
    top:90px
}
.profile-page-left-col {
    background:#fff;
    border-right:2px solid #eee;
    bottom:0;
    left:0px;
    overflow-y:auto;
    position:fixed;
    top:0;
    width:300px
}
/*************** Profile page Style start **************/
.profileStyle .profile-page-right-col,
.profileStyle .profile-page-left-col {
    position: static;
}
.profileStyle .profile-page-left-col {
    border: 0;
}
.profileStyle {
    padding-top: 60px;
}
.profileStyle .profile-page-left-col {
    width: 100%;
}
.profileStyle .profile-page-left-col .profile-page-left-col-inner {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.profileStyle .profile-page-left-col .profile-page-left-col-inner p {
    margin: 0;
}
.profileStyle .infoBox h3 {
    margin-bottom: 18px;
    color: #111417;
    font-size: 20px;
    font-family: 'Cera Pro';
}
.profileStyle .infoBox + .infoBox {
    border-top: 1px solid #E3F2FD;
    padding-top: 16px;
    margin-top: 16px;
}
.profileStyle .infoBox .candidate-profile-links {
    padding: 0;
    margin: 0;
}
.profileStyle .infoBox ul li {
    color: #808080;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.42;
}
.profileStyle .infoBox ul li + li {
    margin-top: 15px;
}
.profileStyle .infoBox .candidate-profile-links a,
.profileStyle .infoBox .candidate-profile-links a span {
    color: inherit;
    font-size: inherit;
}
.profileStyle .infoBox .candidate-profile-links a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.profileStyle .infoBox.passBox button, 
.profileStyle .infoBox.passBox button:active {
    margin: 0 !important;
    padding: 0 20px;
    border: 0 !important;
    text-transform: capitalize;
    color: #fff !important;
    font-size: 14px;
    height: auto;
    background: #000;
}
.profileStyle .profile-page-right-col {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.profileStyle .profile-page-right-col.profileNewStyle {
    padding: 0;
    border: 0;
    box-shadow: none;
}
.profileStyle .profile-page-right-col .body.profileBodyBox {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.profileStyle .profile-page-right-col legend.section {
    font-size: 20px;
    color: #1C73F6;
    font-family: 'CeraPro-Medium';
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    margin: 0;
}
.profileStyle .profile-page-right-col legend.section img {
    width: 30px;
}
.profileStyle .profile-page-right-col .saveBtn button {
    margin: 0;
    background: #000;
    font-size: 14px;
    height: auto !important;
    line-height: initial !important;
    padding: 10px 20px;
    font-family: 'CeraPro-Medium';
    border-radius: 10px !important;
}
.profileStyle .profile-page-right-col .saveBtn button#go2Payment,
.profileStyle .profile-page-right-col .saveBtn #saveUserResume {
    color: #fff !important;
}
.profileStyle .profileTitleCol {
    margin-bottom: 16px;
}
.profileStyle .profile-page-right-col .body {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(142, 149, 167, 0.2);
}
.profileStyle .profile-page-right-col .body.coverLetterCol {
    padding-bottom: 0;
}
.profileStyle .profile-page-right-col .body.borderZero {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
.profileStyle .profile-page-right-col .body fieldset + fieldset {
    margin-top: 50px;
}
.profileStyle .profile-page-right-col .control-group label.control-label {
    float: none;
    display: block;
    width: 100%;
}
.profileStyle .control-group {
    margin-bottom: 30px;
}
.profileStyle .control-group .controls input,
.profileStyle .control-group .controls textarea {
    background: #fff;
    border: 1px solid #808080 !important;
    border-radius: 10px !important;
    padding: 10px 15px;
    font-size: 13px;
}
.profileStyle .control-group .controls input {
    height: 50px;
}
.profileStyle .control-group .controls textarea {
    height: 205px;
}
.profileStyle .control-group .controls input::placeholder,
.profileStyle .control-group .controls textarea::placeholder {
    color: #808080 !important;
}
.profileStyle .dropZoneField {
    position: relative;
}
.profileStyle .dropZoneField .well {
    border: 2px dashed #808080 !important;
    height: 300px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.profileStyle .dropZoneField .well h3 {
    color: #2D3A5B;
    font-size: 18px;
    margin: 15px 0 10px;
    font-family: 'Cera Pro';
}
.profileStyle .dropZoneField .well p {
    font-size: 14px;
    color: #808080;
}
.profileStyle .dropZoneField .well p a {
    font-family: 'CeraPro-Medium';
}
.noteColSec p {
    font-size: 14px;
    color: #808080;
    line-height: 1.5;
    font-weight: normal;
}
.noteColSec p a {
    color: #1C73F6;
    font-family: 'CeraPro-Medium';
}
.noteColSec p strong {
    color: #000;
    font-family: 'Cera Pro';
    font-weight: normal;
}
.profileStyle .profile-page-right-col .profile-page-resume {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
}
.profileStyle .noteColMain p {
    color: #808080;
    font-size: 14px;
}
.profileStyle .noteColMain p strong {
    font-family: 'Cera Pro';
}
.profileStyle a.downloadLink span.downloadTxt {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: initial;
}
.profileStyle a.downloadLink span {
    font-family: 'CeraPro-Medium';
}
.profileStyle a.downloadLink span i:before {
    font-weight: 700 !important;
}
.profileStyle a.downloadLink span.downloadTxt i {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-top: 3px;
}
/*************** Profile page Style end **************/
.profile-page-links li i {
    font-size:15px;
    margin:0 5px 0 0
}
.profile-page-left-col-inner {
    padding:90px 30px 0;
    color:#000
}
.profile-page-links.profile-page-other-links>li,
legend.section {
    padding-bottom:5px
}
.profile-page-links .fa {
    font-size:21px;
    margin-right:7px
}
.profile-page-links li a {
    color:#000;
    font-size:17px
}
.candidate-profile-links {
    margin-top:50px;
    padding-left:10px
}
legend.section {
    font-size:24px;
    border-bottom:0;
    font-weight:500
}
.profile-page-right-col .form-horizontal.label-left .control-label {
    margin-top:0;
    color:#000;
    font-weight:500;
    font-size:16px;
    margin-right:41px
}
.profile-page-links span {
    font-size:19px;
    color:#000
}
.profile-page-links.profile-page-other-links li .fa {
    width:26px
}
.profile-page-links.profile-page-other-links {
    margin-top:10px
}
.profile-page-left-col-inner>p {
    margin-top:25px;
    font-size:15px;
    color:#000
}
.gender-select-btns .btn {
    margin-right:5px
}
.upload-blue-area {
    background:#f1f1f1
}
ul.black-tabs>li.active>a,
ul.black-tabs>li>a {
    background:#1b222c!important;
    border:0;
    border-radius:7px 7px 0 0;
    color:#fff
}
.comment-wording .fa.fa-quote-left {
    margin-right:10px;
    color:#888
}
.comment-wording .fa.fa-quote-right {
    margin-left:10px;
    color:#888
}
.cover-2 {
    margin:0 auto;
    max-width:1010px;
    padding:0 10px
}
.cover img {
    margin-right:10px
}
.cover {
    border-radius:10px;
    box-shadow:0 10px 4px rgba(0,
    0,
    0,
    .1);
    margin-bottom:27px;
    padding-bottom:30px;
    border:3px solid #c1d2e9;
    background:#fff;
    position:relative
}
.price-ban {
    background:url(../img/blue-badge.png) no-repeat;
    width:135px;
    height:107px;
    text-align:left;
    position:absolute;
    padding:7px 5px 5px 10px;
    left:0;
    top:0
}
.cover a:hover {
    color:#ddd
}
.price-ban h4 {
    color:#343131;
    font-size:22px;
    margin:0
}
.price-ban p {
    color:#343131;
    font-size:12px
}
.price-ban p b {
    color:#5f6061;
    font-size:13px
}
.price-ban span strong {
    font-size:23px;
    margin-top:5px;
    display:block;
    color:#343131
}
.price-ban span {
    font-size:16px;
    text-align:left;
    display:block
}
.offer-btn {
    background:#318ce7;
    border:none;
    color:#fff;
    font-size:16px;
    padding:10px 35px;
    border-radius:30px
}
.button {
    margin-top:25px;
    text-align:center
}
.offer1 h4 {
    color:#fff;
    font-size:30px;
    line-height:75px
}
.offer1>p {
    margin-bottom:-15px
}
.big1 {
    color:#f48e61;
    font-size:55px
}
.ofr-2 ul {
    padding:20px 30px 0
}
.ofr-2 li {
    border-bottom:1px solid #ccc;
    padding:8px 0!important
}
.offer-btn1 {
    background:#ff7f50;
    border:none;
    color:#fff;
    font-size:16px;
    padding:10px 35px;
    border-radius:30px
}
img.affiliate-dd-img {
    float:left;
    margin:10px 15px 2px 0
}
i.report-ico.affiliate-dd-ico {
    height:19px;
    display:block
}
.price-head>h1 {
    font-size:40px;
    margin:0 0 8px;
    color:#708090
}
.price-head {
    margin-bottom:30px;
    margin-top:0;
    text-align:center;
    color:#708090
}
.price-head p {
    margin-bottom:0
}
.offer {
    min-height:70px;
    text-align:center;
    margin-top:102px;
    padding-left:25px
}
.offer h4 {
    color:#fff;
    font-size:30px;
    line-height:75px
}
.big {
    color:#2D3E50;
    font-size:55px
}
.jobDesc .big {
    font-size: inherit;
}
.jobDesc b {
    font-size: 14px;
    font-weight: 400;
}
.jobDesc h3.dark-blue-text , h3.dark-blue-text {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #6abfe1;
}
.offer1>p,
.offer>p {
    color:#2D3E50;
    font-size:35px;
    margin:26px 0
}
.small1 {
    color:#515252
}
.send {
    font-size:11px;
    color:#828282
}
.ofr ul {
    padding:20px 30px 0
}
.ofr li {
    border-bottom:1px solid #ccc;
    padding:8px 0!important
}
.big-up-bg #dropfield {
    height:460px;
    padding-top:130px!important
}
.big-up-bg .modal-dialog {
    width:1100px
}
#fileProcessing {
    display:block!important;
    text-align:center;
    width:100%
}
.btn.done-btn.done-btn2 {
    margin:0 0 20px
}
.gif-loader {
    position:absolute;
    width:100%;
    text-align:center
}
table.jobTableList td#paginationPlaceHolder {
    border-top:0!important
}
.jobTableList .btn.tabl-btns {
    padding:0 5px;
    font-size:13px;
    border:0;
    text-decoration:underline;
    font-size:15px
}
header.resume-list-headNew {
    margin-bottom:20px;
    float:left;
    margin-left:5%
}
.jobTableList #bodyResume td.name {
    width:auto
}
table.jobTableList {
    margin-left:5%!important;
    width:85%
}
.contacts-add-modal .modal-content {
    background:#fff;
    color:#575858;
    border:3px solid #fff
}
.contacts-add-modal .modal-body {
    padding:30px 15px 15px;
    background:#fff!important;
    border-radius:7px
}
.report-page-left-col {
    background:#f1f1f1;
    bottom:0;
    color:#bbb;
    left:64px;
    overflow-y:auto;
    position:fixed;
    top:0;
    width:38%;
    font-size:16px
}
.cc-dtails h4 {
    font-size:21px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding:7px 8px
}
.payment-page-main-cont .report-page-left-col {
    background:#fff;
    width:310px;
    border-right:2px solid #e8e9ea
}
.payment-page-main-cont .report-page-right-col {
    border-radius:10px;
    bottom:0;
    left:398px;
    margin-top:-20px;
    position:absolute;
    top:0;
    right:0;
    width:inherit
}
.report-page-left-col h3 {
    color:#fff
}
.report-page-left-col-inner {
    margin:70px 5% 20px;
    width:90%
}
.report-page-right-col {
    border-radius:10px;
    left:40%;
    margin-top:-20px;
    position:absolute;
    width:58%
}
.select-campaign-dd {
    float:right;
    width:194px
}
.chart-v {
    color:#708090
}
.preview-cont.preview-cont-reports {
    background:rgba(0,
    0,
    0,
    0);
    padding:11px 0
}
.preview-cont-reports table {
    width:100%
}
#mapWidget.widget {
    max-width:100%;
    padding:4px
}
.sent-campaign-date {
    float:right;
    margin-right:30px
}
.sent-date {
    margin:0 auto;
    width:130px
}
.report-page-right-col .col-sm-12,
.report-page-right-col .col-sm-4 {
    padding:0 5px
}
.report-page-right-col .col-md-4 {
    padding:0
}
.report-page-right-col .widget {
    border-radius:3px;
    margin-bottom:11px;
    min-height:89px
}
.preview-cont-reports td,
.preview-cont-reports th {
    padding-bottom:7px
}
.preview-cont-reports th {
    width:138px
}
#aliasUrl {
    float:left;
    height:28px;
    margin-right:30px
}
.contact-drag-modal .modal-content {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    box-shadow:none;
    margin-top:120px
}
.contact-drag-modal .modal-dialog {
    width:1100px
}
.contact-drag-modal .modal-body {
    min-height:322px
}
h3.modal-heading {
    color:#fff;
    margin:9px 18px 0
}
.modal-resume-list-cont {
    background:#fff;
    border-radius:10px;
    padding:5px 10px
}
.progress.used-space {
    background:#0d1e30;
    float:left;
    margin:16px 0 0 14px;
    width:160px
}
.cms-modal .modal-header,
button.close {
    background:rgba(0,
    0,
    0,
    0)
}
.progress.used-space .progress-bar {
    font-size:11px;
    line-height:21px
}
#spaceUsed {
    float:left;
    margin:13px 0 0 10px
}
button.close {
    border:0;
    color:#102188;
    cursor:pointer;
    float:right;
    margin:5px 13px 0 0;
    opacity:1;
    padding:0;
    position:relative;
    z-index:50
}
button.close:hover {
    color:#fff;
    opacity:1;
    text-shadow:inherit
}
.modal-dialog button.close:hover {
    color:#000 !important;
}
.close>span:before {
    content:"["
}
.close>span:after {
    content:"]"
}
#aspaceUsed-text {
    float:left;
    margin:16px 10px
}
.cms-modal .modal-title {
    color:#318ce7;
    padding:10px
}
.cms-modal .close span::after,
.cms-modal .close span::before {
    display:none
}
.cms-modal button.close {
    color:#666;
    margin:10px 0 0;
    text-shadow:0 0 transparent
}
.cms-tab-inner {
    color:#708090;
    margin:25px 0;
    width:100%
}
.cms-modal p.lbl-sub-txt {
    color:#999;
    font-size:11px;
    margin:0
}
.del-uploaded-logo {
    background:#000;
    border-radius:100%;
    color:#fff;
    display:inline-block;
    font-size:12px;
    height:20px;
    text-align:center;
    width:20px;
    margin-left:10px
}
.your-logo-uploaded {
    background:#eee;
    border:1px solid #e1e8ed;
    border-radius:5px;
    display:inline-block;
    padding:6px 20px
}
.cms-tab-inner>.row {
    margin-bottom:20px
}
.cover-image-picker .active {
    border:3px solid #ccc
}
.cover-image-picker>img {
    border:3px solid transparent;
    border-radius:7px;
    margin-bottom:5px;
    margin-right:.4%;
    margin-top:5px;
    width:49%;
    cursor:pointer
}
.cover-image-picker>img:hover {
    border:3px solid #4682b4
}
.cover-image-picker>img:active {
    border:4px solid #4682b4!important
}
.current-cover-img,
.text-chat-box {
    border-radius:4px
}
.pick-img-btn i {
    margin-right:8px
}
.btn.pick-img-btn {
    margin:10px 0 0
}
.cover-image-picker {
    display:none
}
li.upload-txt {
    border-radius:3px;
    display:block;
    font-size:13px;
    line-height:16px;
    padding:7px 0;
    color:#777
}
.widget.cart-widget {
    float:left;
    margin:19% 0 0 100px;
    max-width:330px;
    width:90%
}
.widget.cart-widget .btn.btn-block,
.widget.cart-widget .btn.btn-block:focus,
.widget.cart-widget .btn.btn-block:hover {
    border:0
}
#recruiters option {
    color:#708090
}
.payment-icons {
    margin-bottom:15px;
    padding-left:50px
}
.row.payment-page-radios {
    color:#708090;
    margin:0 auto;
    width:260px
}
.payment-form-footer {
    clear:both;
    width:100%
}
.payment-icons input {
    margin-right:9px
}
.payment-icons .col-xs-12 {
    color:#708090;
    padding-bottom:10px
}
.payment-icons .col-xs-12 img {
    margin-left:7px
}
.payment-icons .col-xs-12>span {
    display:inline-block;
    width:75px
}
.payment-page-right-col a {
    color:#fa8072
}
.payment-page-right-col {
    background:#fff;
    bottom:0;
    float:right;
    padding-left:20px;
    padding-top:150px;
    right:0;
    top:0;
    width:270px;
    position:fixed;
    overflow-y:auto;
    border-left:2px solid #eee;
    color:#708090
}
hr.devider-hr {
    border-bottom:1px solid #e1e8ed
}
.choose-plan-cont {
    margin:0 auto;
    width:199px
}
.choose-plan-lab {
    color:#708090
}
.cart-widget #amount.non-enterprise {
    background:#2D3E50;
    color:#fff;
    margin:12px 0 0;
    text-align:center
}
.choose-plan-cont select,
select#memberType {
    color:#708090
}
.payment-page-main-cont .report-page-left-col-inner>p {
    margin-bottom:15px
}
.payment-page-main-cont .report-page-left-col-inner {
    margin-top:20px
}
.news-list .action {
    float:right
}
.add-recruit-btns {
    width:100%
}
.add-recruit-btns span {
    float:left;
    font-size:17px;
    margin-top:3px
}
.add-recruit-btns button.btn.btn-info {
    background:#fff!important;
    border:1px dashed #575858;
    border-radius:51px!important;
    color:#708090;
    float:right;
    height:30px;
    padding:0 0 2px!important;
    width:30px
}
.active.channel-item>span,
div#testtext1 {
    color:#ccc
}
.news-list {
    height:113px;
    overflow-y:auto
}
.trash-section form {
    padding:14px 0
}
.trash-section {
    border:3px dashed #4a647e;
    margin:20px 0
}
.getting-started-right.chat-page-right-col {
    left:23%;
    right:26%;
    width:auto;
}
.getting-started-left.chat-page-left-col {
    width:20%
}
.left-blue-col-heading {
    display:flex;
    font-size:25px;
    padding-left:0;
    align-items:center;
}
.left-blue-col-heading i {
    font-size:30px;
    color:#000;
    line-height:21px;
    margin-right:10px;
}
.chat-users-list>li {
    clear:both;
    display:block;
    cursor:default
}
#job-select>li,
#archive-job-select>li,
.chat-srch-trigger,
.find-chat-btn {
    cursor:pointer
}
.chat-users-list .tour-points-arrow {
    float:left;
    margin:0 10px 0 0
}
.chat-users-list .tour-points-arrow i {
    float:left;
    font-size:18px;
    margin-top:1px
}
#sourcerList .list-folder-icons,
.channel-item .icon.icon-bubble-comment-2,
.chat-users-list .tour-points-arrow i,
.sidebar .icon.icon-folder-1 {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%
}
#sourcerList li:hover .list-folder-icons,
.channel-item:hover .icon.icon-bubble-comment-2,
.chat-users-list li:hover .tour-points-arrow i,
.sidebar .resumebox-folder-list li:hover .icon.icon-folder-1 {
    -webkit-transform:skew(-1deg);
    transform:skew(-1deg)
}
.invite-users {
    font-style:italic
}
.resumebox-folder-list li {
    border:1px solid transparent;
    border-bottom:1px solid #f8f8f8;
    padding:0
}
#job-select>li,
.resumebox-folder-list .droppable-target.active,
.resumebox-folder-list .droppable-target.active:hover {
    border-radius:2px
}
.resumebox-folder-list li:first-child {
    border-top:1px solid #f8f8f8
}
#job-select>li,
#archive-job-select>li {
    padding:16px;
    line-height:20px
}
#job-select>li:first-child {
    margin-top:15px
}
#dropfield.upld-rec-logo.fd-zone {
    margin:0;
    padding:15px 0
}
.upld-rec-logo.fd-zone i {
    border:1px solid;
    border-radius:100%;
    display:inline-block;
    font-style:normal;
    height:15px;
    line-height:13px;
    width:15px
}
.upld-rec-logo.fd-zone span {
    font-size:16px
}
div#testtext1 {
    font-size:18px
}
.chat-area-main-col-right {
    float:right
}
span#sendFileAttachment {
    position:relative;
    z-index:500
}
.chat-software-info {
    margin-left:0%;
    text-align:center;
    width:97%;
    background:#fff
}
.cstmwidthloading {
    width:70%;
    background:#fff;
    margin:0 auto;
    left:50%;
    transform:translate(-50%,
    -50%);
}
.chat-software-info li span {
    color:#444;
    display:block;
    font-weight:500
}
.chat-software-info li {
    border:1px solid #fff;
    border-radius:7px;
    display:inline-block;
    margin:10px 0;
    padding:10px 0;
    width:38%
}
.chat-software-info>p {
    font-size:17px;
    line-height:24px;
    margin-bottom:22px
}
.chat-software-info span {
    color:darkturquoise
}
.end-txt-date>span {
    background:#fff;
    color:#444;
    display:inline-block;
    margin-bottom:-14px;
    overflow:hidden;
    padding:0 10px
}
.end-txt-date {
    border-bottom:1px solid #fff;
    margin:100px auto 0;
    max-width:500px;
    text-align:center
}
.text-chat-box .input-group-addon {
    background:rgba(0,
    0,
    0,
    0);
    border:1px #74899e;
    border-radius:100px!important;
    color:#fff;
    cursor:pointer;
    font-size:15px;
    padding:4px 3px
}
.contakt-detail .icon {
    font-size:15px;
    vertical-align:middle
}
.search-chat-box .input-group-addon {
    background:rgba(0,
    0,
    0,
    0);
    color:#444
}
.search-chat-box {
    float:left;
    width:240px
}
.search-chat-icons {
    border:1px solid #e1e8ed;
    border-radius:50px;
    color:#444;
    display:inline-block;
    height:30px;
    margin-right:2px;
    padding-top:4px;
    text-align:center;
    width:31px
}
.search-chat-icons-cont {
    float:left;
    margin-left:7px
}
.chat-page-main-cont {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.chat-page-left-col .getting-started-left-inner {
    bottom:50px;
    overflow-y:auto;
    position:absolute;
    top:0
}
.side-nav #uploadCSV,
.side-nav #uploadCSV:hover,
.sidebar #uploadResume,
.sidebar #uploadResume:hover {
    border:2px dashed #e7e7e7;
    font-size:14px;
    padding:0px 21px 0px 21px;
    background:none!important;
    color:#010101!important;
    display:flex;
    align-items:center;
    justify-content:center;
}
#uploadResume i.icon {
    float:left;
    font-size:13px;
    margin:2px 5px 0 0
}
#uploadCSV i.icon,
#uploadResume i.icon {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
#uploadCSV:active i.icon,
#uploadCSV:focus i.icon,
#uploadCSV:hover i.icon,
#uploadResume:active i.icon,
#uploadResume:focus i.icon,
#uploadResume:hover i.icon {
    -webkit-animation-name:hvr-wobble-vertical;
    animation-name:hvr-wobble-vertical;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.side-nav #uploadCSV {
    color:#fff;
    background:#a9a9a9
}
.main-user-online-section {
    background:#000;
    border-top:1px solid #e1e8ed;
    bottom:0;
    height:65px;
    position:fixed;
    width:237px;
    border-radius:5px 0 0;
    right:0;
    display:none!important
}
.small-logo-right-area h5 {
    color:silver;
    font-size:13px;
    margin:14px 0 0
}
.small-logo-cont {
    float:left;
    margin:18px 15px 0
}
.small-logo-right-area .fa.fa-circle {
    border:1px solid #fff;
    border-radius:50px;
    color:green;
    font-size:11px;
    line-height:10px;
    margin-right:5px
}
.getting-started-right.chat-page-right-col {
    border-radius:3px 3px 0 0;
    bottom:0;
    position:fixed;
    top:110px
}
#generalSpinner {
    top:50%;
    transform:translate(0,
    -50%);
}
.chattabcstm .dropdown-menu li {
    display:block;
}
.searchmenuoverlay {
    display:none;
}
.searchmenuoverlay {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,
    0,
    0,
    0);
    z-index:8;
}
.chat-area-main-col {
    bottom:100px;
    float:left;
    overflow-y:auto;
    z-index:1;
    position:absolute;
    top:58px;
    width:100%;
    background-size:cover;
}
.chat-area-main-col-right {
    background:#fff;
    bottom:-1px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:90px 2% 20px;
    position:fixed;
    right:0;
    top:0;
    width:25%;
    border-left:1px solid #eee
}
.sechedule-list-table td,
.sechedule-list-table th {
    color:#708090
}
.chat-body strong.primary-font {
    color:rgba(97,
    143,
    176,
    0.78);
    font-size:15px;
    display:none
}
.job-sites li {
    width:32%;
    text-align:left;
    display:inline-block
}
.modal-para-heading {
    font-size:16px;
    display:block;
    color:#000;
    font-weight:400;
    line-height:18px
}
.select-price-dd-cont {
    margin-top:4px;
    border:1px solid #ccc
}
.selectboxit-container .selectboxit-options {
    border-radius:0;
    top:40px !important;
    max-height:250px !important;
    overflow-y:auto;
    overflow-x:hidden;
    ;
    border:1px solid #ddd !important;
}
.selectboxit-container .selectboxit,
.selectboxit-option-last {
    border-radius:0
}
.selectboxit-option-first {
    border-top-right-radius:0;
    border-top-left-radius:0
}
.select-price-dd .selectboxit-container .selectboxit,
.select-price-dd-cont .selectboxit-arrow-container,
.select-price-dd-cont .selectboxit-container .selectboxit,
.select-price-dd-cont .selectboxit-text {
    line-height:50px;
    height:50px;
    font-size:15px;
    max-width:400px!important
}
.select-price-dd-cont .selectboxit-container .selectboxit-options,
span.selectboxit.select-price-dd.selectboxit-enabled.selectboxit-btn,
#targetJobSelectBoxItOptions {
    width:400px!important;
    min-width:auto!important
}
.boost-modal-form .select-price-dd-cont .selectboxit-container .selectboxit-options,
.boost-modal-form span.selectboxit.select-price-dd.selectboxit-enabled.selectboxit-btn,
.boost-modal-form #targetJobSelectBoxItOptions {
    width:100%!important;
    max-width:100%!important
}
.boost-modal-form .selectboxit-container .selectboxit-options a {
    font-size:19px;
    line-height:37px;
    height:auto
}
.boost-modal-form .select-price-dd-cont .selectboxit-text {
    max-width:100%!important
}
.boost-modal-form .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    top:44%
}
.row.selected-amount {
    font-size:15px;
    margin-left:-11px;
    color:#318ce7
}
.chat-applicants li.channel-item {
    position:relative;
    color:#666;
    font-size:15px;
    border-bottom:1px solid #f8f8f8
}
.chat-body:after,
.chat-body:before {
    width:0;
    height:0;
    display:block;
    position:absolute;
    left:-7px;
    top:8px;
    z-index:5
}
.chat-body:after {
    z-index:4
}
.selected-channel button {
    background:0 0;
    border:0 solid #4682b4;
    border-radius:100px;
    color:#708090;
    margin-left:0;
    font-size:16px;
    height:32px;
    margin-right:0;
    padding:5px 10px;
    line-height:10px;
    min-width:103px
}
.dd-line-ico {
    margin:0 0 0 4px
}
.side-bar .content {
    color:#708090!important
}
.chat-box-top-bar {
    width:55%;
    text-align:right
}
.selected-channel {
    float:right;
    margin:0;
    padding-bottom:6px
}
.find-chat-btn {
    background:#fff;
    border-color:#eee;
    border-image:none;
    border-radius:10px 10px 0 0;
    border-style:solid;
    border-width:1px;
    bottom:-1px;
    font-size:11px;
    margin-right:0;
    padding:2px 9px 0;
    position:absolute;
    right:0;
    color:#777;
    line-height:17px
}
.text-chat-box {
    background:#fff!important;
    border:1px solid #fff;
    bottom:10px;
    margin:0;
    padding:10px 0;
    position:absolute;
    width:95%
}
.search-chat {
    float:right;
    width:40%
}
.selected-channel .dropdown-menu {
    left:auto;
    right:11px;
    top:33px;
    min-width:auto;
    width:134px
}
i.invite-user-ico {
    margin-right:-66px;
    padding:0
}
.selected-channel .fa.fa-chevron-down {
    color:#fff;
    font-size:14px
}
.search-col-result {
    color:#708090;
    margin:30px
}
.find-in-chat-sectoin {
    position:absolute;
    width:55%;
    top:60px;
    z-index:50
}
.chat-srch-trigger .fa-angle-left,
.passive-search .chat-srch-trigger .fa-angle-right {
    display:none
}
.passive-search .chat-area-main-col-right {
    display:none!important
}
.passive-search .chat-area-main-col {
    width:100%
}
.passive-search .text-chat-box {
    width:85%
}
.passive-search .chat-srch-trigger .fa-angle-left {
    display:inline
}
.three-dot-drop.dropdown {
    display:inline-block
}
.three-dot-drop .search-chat-icons {
    background:0 0;
    padding:0
}
.three-dot-drop .dropdown-menu {
    left:auto;
    margin-top:4px;
    right:-3px
}
.text-chat-box .input-group .form-control {
    border-color:none;
    height:50px;
    color:#708090;
    border-radius:4px
}
.video-call video#my-video,
.video-call video#their-video {
    width:100%;
    height:100%;
    position:absolute;
    top:0
}
.list-resume-popup .modal-header {
    border-bottom:0 none;
    font-size:19px;
    padding-top:10px
}
.list-resume-popup .modal-body {
    color:#fff
}
.list-resume-popup .modal-footer {
    background:rgba(0,
    0,
    0,
    0);
    border:0
}
.video-call video#my-video {
    right:0
}
.interview-vid-cont video {
    display:block
}
#participantList>li {
    padding:3px 11px;
    color:#318ce7
}
#participantList li .active-btn {
    background:#66afe9;
    border-radius:50px;
    color:#fff;
    cursor:default;
    display:block;
    height:25px;
    padding-top:1px;
    text-align:center;
    width:25px;
    line-height:24px
}
#participantList li .active-btn:hover {
    background:#318ce7
}
.selected-channel button:hover i img {
    transform:scale(1.1,
    1.1)
}
.dd-line-ico img,
i.invite-user-ico img {
    trasnsition:.5s all
}
i#loadingSpin,
i.loadingSpin {
    display:inline-block;
    margin-left:6px;
    font-size:13px
}
.mentions-input .highlighter {
    border-radius:4px
}
.fix-bar-ico .icon {
    float:left;
    font-size:14px;
    line-height:14px;
    margin-top:4px
}
.dropdown-menu.account {
    border-radius:8px!important
}
.login-page-txt>img {
    max-width:300px
}
#account-menu.account>li {
    border-bottom:0 solid #eee
}
.modal .widget .btn.btn-info {
    border:1px solid #bdcee0;
    color:#708090
}
.main-navi-icon a i {
    font-size:24px;
    color:#ccc;
    padding:3px;
    display:inline-block;
    margin-top:2px
}
.main-navi-icon a i.dd-aro {
    font-size:12px
}
.form-control {
    box-shadow:none
}
#sidebar {
    background:#fff;
    border-radius:0;
    bottom:0;
    left:0px;
    overflow-y:auto!important;
    position:fixed;
    top:85px;
    width:300px;
    padding-top:20px;
    box-shadow:3px 3px 3px #eee
}
.left-dark-bar.for-contats-page,
.snapboard-main-left-col {
    left:10px;
    position:fixed;
    box-shadow:3px 3px 3px #eee;
    bottom:0
}
#sidebar ul.side-nav {
    padding-bottom:30px
}
.topText {
    padding-bottom: 30px;
}
.searchField .selectboxit-container {
    max-width: 300px;
    margin-left: auto;
    display: block;
    margin-bottom: 20px;
}
.pilottext {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.pilottext input {
    height: 45px !important;
}
.pilottext button {
    margin: 0 !important;
}
.pilottext .row {
    display: flex;
    align-items: center;
}
#sidebar h4 {
    color:#000;
    font-size:17px;
    font-weight:500
}
.left-dark-bar.for-contats-page {
    background:#fff;
    color:#eee;
    overflow-y:auto;
    padding:20px 12px 10px;
    top:86px;
    width:270px;
}
.right-bar-for-dark {
    margin:0 0 0 0;
    padding-top:20px;
}
.blue-bg-heading {
    color:#666;
    font-size:19px;
    font-weight:500
}
span.user-type {
    background:#74899E;
    color:#fff;
    padding:3px 8px;
    font-size:11px;
    border-radius:50px
}
.snapboard-main-left-col {
    background:#f9f9f9;
    top:85px;
    width:280px;
    padding-top:0;
    overflow-y:auto;
    display:none;
}
.snapboard-main-right-col {
    bottom:0;
    left:300px;
    position:absolute;
    right:0;
    top:0
}
#uploadCSV i.icon.icon-upload-2,
#uploadResume i.icon.icon-upload-2 {
    background:#d7e2f0;
    color:#5f8cc2;
    width:23px;
    border-radius:5px;
    height:23px;
    line-height:23px;
    padding:2px 0 0;
    margin-top:0;
}
.vertical-cards {
    height:98%
}
.snapboard-main-left-col-inner {
    padding:0
}
.vertical-cards-cell {
    margin-top:23px;
    background:#f9f9f9;
    border-radius:0 0 10px 10px;
    float:left;
    margin-right:2.4%;
    max-height:94%;
    overflow:auto;
    width:18%
}
#job-select .icon.icon-delete-3 {
    color:#d8d9da;
    font-size:12px;
    margin-top:-8px;
    position:absolute;
    right:5px;
    top:50%
}
#forms-collapse li.active .icon.icon-delete-3,
#job-select>li.active .icon.icon-delete-3 {
    color:#000
}
#job-select .icon.icon-delete-3:hover {
    color:#575858
}
.chat-users-list .icon.icon-briefcase-2 {
    border-radius:52px;
    color:#7fffd4;
    font-size:21px;
    height:36px;
    margin-top:-2px;
    text-align:center;
    width:36px;
    background:rgba(50,
    185,
    131,
    0.55);
    color:#fff;
    line-height:34px;
    line-height:39px
}
.adres-z {
    float:right;
    font-size:21px;
    padding:7px 3px 2px 11px;
    width:35px;
    line-height:18px;
    height:31px;
    border-radius:0 6px 6px 0;
    margin:-1px -1px 0 0;
}
.main-horizontal-nav li a.active i {
    color:#f78769
}
.sortable-target.droppable-target.ui-sortable {
    clear:both;
    margin-top:17px;
    min-height:101px;
    overflow-y:auto;
    padding:0 8px
}
.sortable-target.droppable-target.ui-sortable::after {
    border:1px dashed;
    border-radius:3px;
    color:#d8d9da;
    content:"Add resume cards here. Drag and Drop to different queues based on your hiring process";
    display:block;
    font-size:12px;
    margin-top:5px;
    padding:11px 5px;
    text-align:center
}
.upload-green-area {
    text-align:center
}
.cards-dd .dropdown-menu {
    left:auto;
    right:-6px;
    top:26px;
    width:212px
}
.cards-dd .dropdown-menu li a {
    font-size:14px;
    padding:2px 14px
}
.vertical-cards-cell-head h3 {
    color:#000;
    float:left;
    font-size:14px;
    margin:9px 0 7px 13px
}
.vertical-cards-cell-head .cards-dd i {
    float:right;
    font-size:10px;
    color:#010101;
    margin:3px 8px 0 0;
    cursor:pointer
}
.vertical-cards-cell-footer .icon {
    float:left;
    margin:3px
}
.vertical-cards-cell-footer {
    padding:6px 10px 0
}
.vertical-cards-cell-footer>a {
    color:#8aadd6;
    font-size:13px
}
.vertical-cards-cell-footer>a:hover {
    color:#444
}
#forms-collapse .icon.icon-pencil-2:hover,
#job-select .icon.icon-pencil-2:hover,
#side-nav li .icon.icon-delete-3:hover {
    color:#000
}
.FullScreenModal #superSpecialDialog {
    width:100%!important;
    height:100%;
    overflow:hidden;
}
.FullScreenModal.snapcardModal #superSpecialDialog {
    background-color:#fff;
    transform:translate(100%,
    0) !important;
    -moz-transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
.loadinganimation {
    position:fixed;
    display:none;
    right:0;
    left:0;
    top:0;
    bottom:0;
    background-color:rgba(0,
    0,
    0,
    0.7);
    z-index:99999;
    justify-content:center;
    align-items:center;
}
.loadinganimation b {
    color:#fff;
    font-size:20px;
    top: 60px;
    position: relative;
    left: -140px;
}
.snapcardModal.in+.loadinganimation {
    display:flex;
}
.snapcardModal.in+.loadinganimation.hideloader {
    display:none;
}
.FullScreenModal.snapcardModal.in #superSpecialDialog {
    transform:translate(0,
    0) !important;
    -moz-transition:all 300ms ease-in-out;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
.calculating-txt {
    display:block;
    background:#fff;
    padding:5px;
    border-radius:7px;
    width:100%;
    text-align:center;
    color:#4f79e0
}
.resumebox-folder-list li.active a.folder-links {
    color:#318ce7
}
.progress.used-space {
    display:block
}
.content {
    padding:0
}
.sidebar .icon.icon-folder-1 {
    color:#66f0d5;
    float:left;
    font-size:17px;
    margin:0 0 0 4px
}
.loadConstantFolder .icon {
    color:#74899e;
    float:left;
    font-size:20px;
    margin:0 10px 0 0
}
#constantFolder .icon.icon-folder-1 {
    margin:0 11px 0 0
}
.new-folder-btn i {
    float:left;
    font-size:15px;
    margin:3px 2px 0 0
}
.new-folder-btn span {
    color:#000;
    font-size:16px
}
.new-folder-btn {
    padding:4px
}
.modal-content {
    background:#fff;
    border-radius:10px;
    border:1px solid #f1f1f1
}
.new-blue-modal .modal-content {
    margin-top:33%;
    box-shadow:10px 10px 5px rgba(0,
    0,
    0,
    );
    border:1px solid #fff;
    background:#fff;
    max-width:700px;
    width:100%;
}
button.btn.btn-info1.dropdown-toggle {
    border-radius:0px !important;
    border:solid 3px #eee !important;
    padding:10px;
}
.trans-modal .modal-content {
    margin-top:181px!important
}
.new-blue-modal .modal-header {
    background:none;
    border-bottom:1px solid rgba(0,
    0,
    0,
    .1)!important
}
.new-blue-modal .modal-header button.close {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    color:#ccc;
    font-size:21px;
    margin-right:0;
    margin-top:2px;
    padding:0;
    text-shadow:none;
    width:21px;
    height:21px
}
.new-blue-modal .modal-header button.close:hover {
    color:#bbb
}
.trans-modal.modal {
    color:#787c83
}
.btn.btn-primary.green-btn {
    background:#6bbfe1;
    border:1px solid #6bbfe1;
    color:#fff!important
}
.trans-modal.modal .modal-footer {
    background:0 0;
    margin-top: 220px
}
#trashModal .FullScreeenModalCenterInner,
.channel-item.active {
    background:#fff
}
.trans-modal .modal-footer {
    border-top:1px solid #eee
}
.trans-modal.modal .fd-zone,
.trans-modal.modal .modal-dialog {
    color:#787c83
}
#job-select .tour-points-arrow {
    margin:0 4px 0 0
}
#job-select .tour-points-txt {
    color:#318ce7;
    padding:0 25px 0 30px
}
#job-select>li.active .tour-points-txt {
    color:#000 !important;
    font-weight:500;
}
.channel-item.active span {
    color:#318ce7
}
li#public-folder-li {
    border-bottom:1px solid #f8f8f8
}
#sourcerList .tour-points-arrow {
    padding:1px;
    height:24px;
    width:23px;
    border:0;
    text-align:center
}
#sourcerList i.icon.icon-chat-2-1 {
    float:none
}
.folder-ico-flat {
    float:left;
    margin:2px 4px 0 0
}
.snapboard-main-left-col a {
    color:#66afe9;
    margin:20px
}
.chat-channels li .icon.icon-bubble-comment-2 {
    border-radius:50px;
    color:#318cea;
    font-size:16px;
    height:32px;
    line-height:30px;
    margin-top:-4px;
    text-align:center;
    width:26px
}
.chat-channels li .icon.icon-bubble-conversation-3 {
    border-radius:50px;
    color:#318ce7;
    font-size:21px;
    line-height:28px;
    margin-top:0;
    text-align:center;
    width:32px
}
.channel-item>span {
    display:block;
    line-height:20px;
    padding-left:0;
    padding-right:20px;
    font-size:15px!important;
    color:#000;
    padding-top:0;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.channels-dlt-ico:hover {
    color:#575858
}
a.channels-dlt-ico {
    color:#d8d9da
}
.login-page-txt h1 {
    font-size:38px;
    margin-top:20px
}
ul.login-txt li b,
strong {
    color:#000;
}
.channel-item.active a.channels-dlt-ico {
    color:#575858
}
.modal.FullScreenModal {
    background:#fff;
    margin:0;
    padding:0!important;
    z-index:99999
}
.FullScreenModal .modal-body {
    height:100%;
    padding:0
}
.FullScreeenModalCenterInner {
    padding:10px
}
.FullScreeenModalRightInner {
    margin:49px 50px
}
.resume-viewer-tabs {
    border:0
}
.widget.trash-card h5 {
    margin:0 0 3px
}
.tabl-btns {
    font-size:12px;
    padding:3px 10px
}
.FullScreeenModalCenter {
    margin-right:35%;
    height:100%
}
.FullScreenModal .details-data {
    height:100%
}
.editInPlace::before,
.feed .delete,
a.deleteProp {
    height:22px;
    text-align:center
}
.header-top-center-btn {
    float:left;
    margin-left:20px
}
.header-top-center-btn .btn.btn-info {
    background:rgba(255,
    255,
    255,
    .13);
    border:1px solid rgba(255,
    255,
    255,
    .39);
    box-shadow:2px 2px 6px -5px #000;
    color:#fff;
    padding:6px 14px;
    text-shadow:1px 1px 3px rgba(0,
    0,
    0,
    .4)
}
.f-logo>img {
    max-width:100%
}
.f-logo {
    margin-top:30px
}
.yes {
    padding:40px 0 50px
}
.links a {
    color:#40475b
}
#trashModal .FullScreeenModalCenter {
    margin-right:0
}
.job-footer {
    background:url(../../landing/images/vid-bg-img.jpg);
    margin-top:50px;
    padding:15px 0
}
.FullScreeenModalCenter {
    background:none;
    position:relative
}
.FullScreeenModalRight {
    background:#fff;
    border-left:2px solid #eee;
    bottom:0;
    float:right;
    overflow-y:auto;
    position:fixed;
    right:0;
    top:0;
    width:35%;
    color:#708090
}
.icon.close-modal-ico {
    color:#575858!important;
    font-size:30px;
    position:absolute;
    right:30px;
    top:15px;
    cursor:pointer
}
.att-by>span,
.feed-item a.commenter-name {
    color:#b4d4e8;
    font-size:14px;
    font-weight:700;
    cursor:default
}
.emoti-trigger,
.emoticons-list>li,
.holder_bu {
    cursor:pointer
}
div#listSocialIcons {
    color:#fa8072;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:10px
}
span.message {
    color:#010101
}
.FullScreeenModalRight a {
    color:#1882ed
}
.feed .delete {
    border:1px solid #ddd;
    border-radius:100px;
    display:inline-block;
    font-size:7px;
    line-height:26px;
    width:23px;
}
.ResumeSearchBar {
    float:right;
    margin-top:20px;
    width:230px
}
.ResumeSearchBar .input-group-addon {
    line-height:5px;
    border-radius:0 7px 7px 0
}
.input-group.ResumeSearchBar.trash-srch-bar {
    float:left;
    margin-top:0;
    margin-left:0
}
a.deleteProp {
    border:1px solid #ccc;
    border-radius:50px;
    color:#373f47;
    display:block;
    float:right;
    font-size:7px;
    line-height:22px;
    margin-top:5px;
    width:22px
}
#user-form .editable-buttons {
    display:block!important
}
.editable-container.editable-inline .form-control.input-sm {
    width:100%!important
}
.editInPlace::before {
    border:1px solid #1882ed;
    border-radius:100px;
    content:"\e025";
    cursor:pointer;
    display:inline-block;
    font-family:streamline-30px!important;
    font-size:10px;
    margin:0 4px 0 -28px;
    position:absolute;
    width:22px
}
.editInPlace:after:hover {
    color:#708090
}
.ico-btns-grp .btn.btn-default {
    border:2px solid #eee;
    display:block;
    float:left;
    margin:0 1% 4px 0;
    width:23.5%;
    background:transparent;
    color:#000;
    border-radius:97px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.contact-action-btns .btn.btn-default {
    margin-bottom: 20px;
    background:transparent;
    color:#4e9ce6 !important;
    font-size: 14px;
    text-transform: capitalize;
}
.right-dark-resume-bg .widget .body {
    background:url(../img/docs-watermark.png) center center no-repeat #fff;
    box-shadow:0 0 7px 0 #777;
    margin:6px 16px;
    min-height:700px;
    padding:10px 17px
}
button#refreshBtn {
    float:left;
}
#groupContacts th {
    font-size: 12px;
}
.headerleftmenu a.myaccountMenu {
    font-size: 16px;
    padding-bottom: 5px;
    color: #000;
    font-weight: 900;
    margin-right: 15px;
}
#groupContacts .simple-pagination {
    margin-top: 20px;
}
button.btn.btn-default.feed-map-btn:active {
    border: 1px solid rgba(49,
    140,
    231,
    0.69) !important;
    color: #4e9ce6 !important;
}
.candi-resume-move .dropdown-menu .dropdown-menu {
    left:auto;
    right:95%
}
.newPropertyA {
    float:left;
    width:33%
}
.NewAddedProperty {
    clear:both;
    width:100%
}
.newPropertyB {
    float:left;
    width:45%
}
.login-page-bg.login-pg {
    background-color:#FAFBFD;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-image:none;
    background-size:cover;
}
.login-pg div#wrap {
    padding:0;
    height:100%;
}
.login-pg {
    position:relative;
}
.jobsearchpage header.common-header {
    box-shadow:none;
}
.login-pg:before {
    background-image:url("../img/loginleftbg.svg");
    background-position:left top;
}
.form-style .common-form .form-control,
input.form-control,
select.form-control {
    background-color:#EEF0F4;
    border:0 !important;
    height:57px;
    border-radius:2px !important;
    border-radius:8px;
    color:#000 !important;
}
textarea.form-control {
    background-color:#EEF0F4;
    border:0 !important;
    border-radius:2px !important;
}
.login-pg:after {
    background-image:url("../img/loginright.svg");
    background-position:top right;
}
.login-pg:after,
.login-pg:before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-repeat:no-repeat;
}
.shapeNone:after,
.shapeNone:before {
    display: none;
}
.logoEditUnsubscribe {
    margin-right: 20px;
    padding: 0 20px;
}
.editUnsubscribeLogin {
    margin-right: 20px;
}
.logoEditUnsubscribe img {
    max-width: 187px;
}
.accountInner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 25px;
    border-radius: 10px;
    margin: 80px 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.accountInner .login-page-widget {
    max-width: 100%;
    padding: 0;
}
.accountInner .login-page-txt {
    background: linear-gradient(to right,  rgba(90,192,219,1) 0%,rgba(157,151,243,1) 100%);
    padding: 70px 55px 55px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.addNewJobVector {
    margin-top: auto;
}
.accountInner .titleCol h3 {
    color: #fff;
    font-size: 38px;
    line-height: 1.2;
    font-family: 'CeraPro-Black';
}
.accountInner .titleBlack.titleCol h3  {
    color: #111417;
}
.accountInner .fontMedium.titleCol h3,
.accountInner .fontMedium.titleCol h3 span {
    font-family: 'Cera Pro';
    font-weight: normal;
}
.accountInner label.form-label {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Cera Pro';
    line-height: 1.25;
    display: block;
    margin-bottom: 16px;
}
.accountInner .form-style .formGroup input,
.accountInner .form-style .formGroup select {
    border-radius: 15px !important;
    border: 1px solid #808080 !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 13px;
    font-family: 'CeraPro-Regular' !important;
    margin-bottom: 5px !important;
    height: 50px;
    padding: 0 16px;
}
.a.accountInner .formGroup {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.accountInner .cstmcheck {
    display: flex;
    margin: 20px 0 !important;
}
.accountInner .cstmcheck label {
    color: #2D3A5B !important;
    padding-left: 30px;
    font-size: 16px;
    font-weight: normal !important;
    font-family: 'Cera Pro';
    line-height: 1.25;
    margin-bottom: 0;
}
.accountInner .cstmcheck label::before {
    margin: 0;
}
.addNewJobVector img {
    max-width: 100%;
}
.accountInner .cstmcheck input+label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #808080;
    display: inline-block;
    top: 50%;
    position: absolute;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border-radius: 3px;
}
.btnStyle {
    padding: 15px 30px;
    border-radius: 10px !important;
    font-family: 'CeraPro-Medium';
    font-size: 14px;
    border: 1px solid #111417;
    height: auto !important;
    font-weight: normal !important;
}
.btnBlack {
    background-color: #000;
    color: #fff;
}
.btnOutline,
.accountInner .form-style button#forgotPasswordUnlock {
    background-color: transparent !important;
    color: #111417 !important;
    font-weight: normal !important;
    border: 1px solid #111417 !important;
    font-size: 14px;
}
.accountInner .cstmcheck input:checked+label:after {
    content: "";
    position: absolute;
    background-image: url('../img/tick.svg');
    width: 7px;
    height: 7px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 7px;
}
.accountInner .form-style .formGroup select {
    appearance: none;
    background-image: url('../img/selectddicon.svg');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
.accountInner label.labelInfo {
    font-size: 13px;
    font-weight: normal;
    font-family: 'CeraPro-Regular';
    line-height: 1.53;
    display: block;
    margin-bottom: 16px;
    color: #40A756;
}
.jobTextInfo p {
    color: #fff !important;
}
.jobTextInfo p a {
    color: #FFDDA1;
    text-decoration: underline;
}
.loginMain .login-page-widget section.widget.login-widget.bouncy-target {
    padding:0;
    margin:0;
    max-width:100%;
}
.accountPage {
    position:relative;
    z-index:2;
    margin-top:20px;
}
input#searchQuery {
    height:45px;
    border-radius:0 !important;
    padding-left:20px;
    font-size:14px;
}
#chatlistCol button {
    border-color:#000;
    border-radius:0;
    border-left:0;
}
#newsearch input#searchKeyWords {
    min-height:100px;
}
button {
    padding:11px;
    border-radius:6px !important;
    border:solid 2px #fff;
    color:#fff;
    background:#57d48f;
}
#newsearch textarea#searchKeyWords {
    padding:16px;
    border:1px solid #ccc !important;
    border-radius:0 !important;
    padding-bottom:42px !important;
    padding-top:18px !important;
    font-size:13px;
    box-shadow:inset 0 0 3px rgba(0,
    0,
    0,
    0.2) !important;
}
textarea#searchKeyWords {
    border-radius:0 !important;
}
#newsearch input::placeholder {
    word-break:break-word;
}
#chatlistCol input {
    border:0px solid #dcdcdc !important;
    border-radius:3px !important;
    padding:12px 0px 12px 16px;
    font-size:13px;
    box-shadow:initial;
}
label.btn.btn-primary.ban-check {
    height:16px;
    margin-bottom:0;
}
span.help-block {
    margin-left:18px;
    color:#999 !important;
}
.jobexpirelogo {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-animation-name:hvr-hang-sink,
    hvr-hang;
    animation-name:hvr-hang-sink,
    hvr-hang;
    -webkit-animation-duration:.3s,
    1.5s;
    animation-duration:.3s,
    1.5s;
    -webkit-animation-delay:0s,
    .3s;
    animation-delay:0s,
    .3s;
    -webkit-animation-timing-function:ease-out,
    ease-in-out;
    animation-timing-function:ease-out,
    ease-in-out;
    -webkit-animation-iteration-count:1,
    infinite;
    animation-iteration-count:1,
    infinite;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-direction:normal,
    alternate;
    animation-direction:normal,
    alternate;
    width:100%;
    padding:60px 0 30px;
}
.register-widget .form-control {
    border:0;
    border:1px solid #ccc !important;
    border-radius:5px;
    height:auto;
    padding-left:16px;
    font-size:17px
}
input:-webkit-autofill,
input:autofill {
    background:0 0!important
}
.register-widget .form-control:focus {
    box-shadow:none
}
.login-pg .ban-check .fa,
.register-widget,
.register-widget .help-block {
    color:#fff
}
.register-widget form {
    min-height:346px
}
.thanks-widget {
    color:#ccc!important
}
#zr_attributed a {
    color:#83b10a;
    font-size:15px;
    margin-right:4px;
    display:none!important
}
#showRelocation {
    margin-top:7px
}
.form-condensed .control-label {
    width:153px;
    padding-right:15px;
    font-weight:500;
    text-align:left;
    color:#000;
    margin-left:30px
}
.chzn-select {
    width:100%
}
input#publicUrl {
    color:#318ce7
}
.register-page-cont {
    margin-bottom:0;
}
.widget.center-fixed-bar {
    background:rgba(0,
    0,
    0,
    0);
    bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px 0 0;
    position:fixed;
    top:116px;
    width:72%
}
.srchResumePanel,
.widget.right-resume-bar {
    border-radius:0;
    margin-bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
    position:fixed;
    right:0;
    top:0;
    width:40%;
    bottom:0
}
.widget.right-resume-bar {
    background:#eee
}
.srchResumePanel {
    border-left:1px solid #ddd
}
.srchResumePanelBody label {
    width:100%;
    margin:8px 0 0;
    font-size:14px;
    color:#888
}
.srchResumePanelBody form-control {
    width:100%
}
.srchResumePanelBody {
    padding:130px 4% 10px
}
.resume-list-head .search-filters-cont {
    width:98%;
}
.logo-cont {
    margin:0;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.srchResumePanelBody h3 {
    font-size:17px;
    font-weight:500;
    color:#666;
    margin-top:0
}
.resumebox-folder-list li.droppable-target.active {
    background:#fff
}
.right-resume-bar #snapcard-content {
    color:#000;
    font-family:Georgia;
    background:#fff;
    overflow-x:hidden
}
.right-resume-bar .body {
    background:url(../img/docs-watermark.png) center no-repeat #fff;
    box-shadow:0 0 15px -7px #777;
    margin-left:20px;
    margin-right:20px;
    margin-top:90px;
    padding:10px 17px;
    min-height:900px;
    border-radius:3px
}
.right-resume-bar #snapcard-content h1 {
    color:#000
}
.new-login-page>section {
    margin:0 auto
}
.snp-logo {
    border-radius:10px;
    margin-bottom:30px;
    text-align:center
}
.snp-logo>img {
    background:#fff;
    border-radius:10px;
    max-width:100%;
    padding:18px;
    width:140px
}
#movableJobs {
    width:205px
}
.btn.soci-share-btn {
    background:#fff;
    border:0;
    border-radius:100%;
    color:#318cea;
    padding:4px 7px;
    font-size:17px
}
.soci-share-btn.p-share-btn {
    background:rgba(0,
    0,
    0,
    0);
    margin:0;
    padding:8px 8px 3px 7px
}
.vertical-cards-cell-head {
    background:none;
    border-radius:10px 3px 0 0;
    position:relative;
    z-index:5;
    float:left;
    margin-right:2.4%;
    width:18%;
    height:68px;
    color:#fff
}
.fixed-left-bar h4,
.left-blue-col-heading,
.right-fxed-col h4 {
    color:#666;
    position:relative;
    font-weight:500
}
.fixed-left-bar h4::after,
.left-blue-col-heading::after,
.right-fxed-col h4::after {
    background:#ccc;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    width:56px;
    display:none
}
.header-calls>a {
    background:#34495e;
    border-radius:100%;
    font-size:15px;
    padding:7px 10px 3px
}
.header-calls {
    float:right;
    margin:18px 17px 0 0
}
.dd-call-btns {
    background:#ccc;
    border-radius:100%;
    display:inline-block;
    margin:5px;
    padding:5px;
    text-align:center;
    width:30px
}
.header-calls .dropdown-menu {
    text-align:center;
    background:#3d4e60;
    border-radius:0 0 3px 3px!important;
    left:auto;
    margin-top:14px;
    right:-3px
}
ul#participantList.dropdown-menu {
    border-radius:10px
}
.cards-dd .dropdown-submenu .dropdown-menu li i.icon {
    float:left;
    margin:3px 4px 0 8px;
    font-size:18px!important
}
.cards-dd .dropdown-menu .dropdown-submenu>.dropdown-menu li a {
    padding:2px
}
.cards-dd .dropdown-submenu .dropdown-menu li a {
    clear:none;
    display:block;
    padding:0
}
.cards-dd .dropdown-submenu .dropdown-menu>li {
    clear:both;
    width:100%
}
.cards-dd .dropdown-submenu>a::after {
    border-width:3px 0 3px 4px;
    margin-top:7px
}
#trashContainer a span {
    font-family:Arial,
    sans-serif;
    background:#f34a43;
    border-radius:6px;
    color:#fff!important;
    font-size:11px;
    letter-spacing:-1px;
    line-height:19px;
    min-height:18px;
    min-width:22px;
    position:absolute;
    right:-10px;
    text-align:center;
    top:-10px
}
#trashContainer i.icon {
    color:#8598a5 !important;
    display:block;
    font-size:23px;
    margin-left:0;
    margin-top:3px;
}
button#dLabel>i {
    margin-top:8px;
    display:inline-block;
    color:#8598a5;
    font-size:24px;
}
#trashContainer>a {
    display:block;
    position:relative;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    border:1px solid #efefef;
    margin-left:20px;
    border-radius:10px;
}
#rowVerified p {
    padding:20px;
}
#user-form .snapcard-thumbs i.icon {
    color:#fff;
    font-size:33px;
    display:none
}
.chat-user-avatar.snapcard-thumbs {
    background:url(../img/user-ico-img.png);
    display:none;
    background-size:cover;
    margin-top:12px
}
.snapcard-thumbs {
    background:url(../img/user-icon.png)
}
.main-logo-cont img {
    margin-bottom:25px;
    max-width:100%
}
.modal-body a.select2-choice,
.modal-body input,
.modal-body textarea {
    font-size:14px;
    font-style:normal;
    border:1px solid #ccc;
    color:#000;
    padding:9px 12px;
    margin-top:5px;
}
.info-not-txt {
    display:block;
    font-size:10px;
    font-style:italic;
    margin-top:0
}
.att-by i,
.channel-item span,
.comment-txt,
.hobby:before {
    font-style:normal
}
.dropdown-menu .dropdown-submenu>.dropdown-menu {
    border-radius:6px
}
.form-control.select-block-level,
.selectboxit,
textarea.form-control {
    border:2px solid #eee
}
.jobPaymentTypeColumn {
    line-height:30px
}
.main-logo-cont {
    text-align:center
}
#gender .btn.active,
#gender .btn:active {
    -moz-box-shadow:inset 0 3px 5px rgba(0,
    0,
    0,
    .1);
    -webkit-box-shadow:inset 0 3px 5px rgba(0,
    0,
    0,
    .1);
    box-shadow:inset 0 3px 5px rgba(0,
    0,
    0,
    .1);
    background:#66afe9!important;
    color:#fff!important;
    border-color:#66afe9
}
.new-job-cover {
    background-size:cover
}
.cover-area-txt {
    color:#010101;
    margin-top:60px;
    position:relative;
    text-align:center
}
.cover-area-txt h3 {
    font-size:44px
}
.cover-area-txt p {
    font-size:24px;
    margin:17px 0
}
.new-job-top-right {
    float:right;
    padding-top:14px;
    position:relative
}
.company-logo {
    border-radius:18px;
    float:left;
    padding:12px;
    position:relative
}
.new-job-cover-header {
    padding-top:8px;
    background:#000
}
.your-website-link {
    background:rgba(255,
    255,
    255,
    .13);
    border:2px solid rgba(255,
    255,
    255,
    .39);
    box-shadow:2px 2px 6px -5px #000;
    color:#fff;
    text-shadow:1px 1px 3px rgba(0,
    0,
    0,
    .4);
    padding:6px 25px;
    border-radius:4px
}
.your-website-link:hover {
    color:#fff
}
.new-job-page .container {
    max-width:1130px;
    width:100%
}
a.btn.btn-info.job-save-btn.trackingClick {
    border: 0;
    padding: 0;
    text-decoration: underline;
    margin: 0;
    height: auto;
    display: none;
}
.savejobbtn {
    display: flex;
    /*align-items: center;*/
}
.top-editable-area.top-editable-area-two.mb {
    margin-bottom: 50px;
}
.new-job-content {
    background:#fff;
    width:100%;
    padding:10px 20px
}
.sidebarColInner {
    background-color: #EFF8FC;
    padding: 30px;
    border-radius: 10px;
}
.jobTopInfoGrid {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.cardStyle1 {
    padding: 15px 10px;
    border-radius: 10px;
    background-color: rgba(99, 188, 223, 0.1);
    width: 100%;
    flex: 1 1 0%;
}
.jobContentDesc {
    padding: 40px 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.new-job-content-top {
    position: relative;
    border-radius:10px 10px 10px 10px;
    border:1px solid #fff;
    background:#fff;
    border-bottom:0 solid #fff
}
.footer-bg {
    padding:40px 0 50px
}
.links li {
    display:inline;
    padding:0 10px
}
.btn.pick-img-btn {
    color:#708090
}
.cms-modal label {
    margin-bottom:0
}
.new-job-content-area-cont {
    margin-top:20px;
    padding-left:107px
}
.job-social-icons {
    color:#fff;
    float:left;
    font-size:21px;
    margin:0 14px 0 0
}
.job-social-icons>a {
    color:#fff;
    opacity:.7
}
.job-social-icons>a:hover {
    opacity:1
}
.contakt-detail {
    padding:0 0 0 15px;
    text-align:right
}
.cms-tab-inner .row .row {
    margin-bottom:3px
}
.content-light-grey {
    background:#fff;
    border-radius:10px;
    margin:10px 0;
    padding:4px 0
}
.new-job-heading::after {
    background:#4a647e;
    bottom:0;
    content:"";
    height:3px;
    left:0;
    display:none;
    position:absolute;
    width:56px
}
.new-job-heading {
    font-size:24px;
    margin:19px 0 5px;
    padding-bottom:10px;
    color:#010101
}
.top-edit-job-btns {
    display:inline;
    margin-top:10px
}
.contakt-detail .new-job-heading::after {
    left:auto;
    right:0;
    display:none
}
#bodyResume tr:first-child td .tbl-content-edit-btn {
    display:block
}
.content-edit-btn,
.tbl-content-edit-btn {
    color:#fff;
    display:none;
    position:absolute
}
.simple-pagination ul {
    postion:absolute
}
.content-edit-btn {
    background:#111f2e;
    border:0;
    border-radius:50px;
    font-size:14px;
    line-height:14px;
    margin-top:-15px;
    padding:8px 10px;
    right:0;
    top:50%;
    opacity:.9
}
.content-edit-btn:hover {
    opacity:1
}
#paginationPlaceHolder {
    height:40px
}
.content-edit-btn.abt-txt-edit-btn {
    left:32px;
    top:-17px;
    right:auto
}
.content-edit-btn.usr-detail-edit-btn {
    right:82px;
    top:-17px
}
.company-logo .content-edit-btn,
.new-job-top-right .content-edit-btn {
    right:-36px
}
.cover-area-txt .content-edit-btn {
    left:50%;
    margin-left:-15px;
    top:0;
    right:auto;
    display:none
}
.empty-cont-img {
    background:url(../img/empty-watermark.png) center center no-repeat #fff
}
.empty-cont-img .table {
    background:rgba(255,
    255,
    255,
    .5)
}
.tbl-content-edit-btn {
    background:#111f2e;
    border:0;
    border-radius:3px 0 0 3px;
    float:left;
    margin-left:-40px;
    margin-top:-5px;
    padding:5px 9px
}
#bodyResume .sortable-target:hover .tbl-content-edit-btn,
.top-editable-area:hover .content-edit-btn {
    display:block
}
#wrapper_bu,
.top-editable-area {
    position:relative
}
#bodyResume .sortable-target:hover {
    background:#fff
}
.edit-btn-td-cont {
    width:0!important
}
h3.cms-modal-heading {
    border-bottom:1px solid #eee;
    color:#708090;
    font-size:21px;
    padding-bottom:5px
}
.container.cms-tab-inner {
    width:100%
}
.cms-modal .modal-content .btn {
    color:#fff
}
a.btn.btn-info.job-apply-btn {
    background:linear-gradient(to bottom,
    #6bbfe1 0,
    #428de9 100%);
    border:0;
    color:#fff!important;
    font-size:16px;
    margin-bottom:9px;
    padding:0px 36px;
    border-radius:90px;
}
.cms-modal .modal-content .btn:hover {
    color:#fff!important;
    background:#66afe9
}
.modal.FullScreenModal .modal-backdrop {
    opacity:0!important
}
.company-logo>img {
    max-height:90px;
    max-width:250px
}
.chat-dropup .dropdown-menu::after {
    border-bottom:0 solid #fff;
    border-top:8px solid #ccc;
    bottom:-6px;
    top:auto
}
#confirmModal,
.confirmationModal {
    z-index:500000
}
.left-col-ad-cont {
    margin:50px auto 0;
    width:200px;
    text-align:center
}
p.trash-card-date {
    color:#999;
    font-size:10px!important
}
#webViewerTab h1,
#webViewerTab h2,
#webViewerTab h3,
#webViewerTab h4 {
    font-size:16px;
    margin:5px 0
}
#webViewerTab {
    color:#000;
    font-family:Georgia;
    padding:15px 0 0 12px
}
.modal-body h2 {
    font-size:20px;
    color:silver
}
#candidateConfirmModal .modal-content,
#recruiterConfirmModal .modal-content {
    margin-top:50%;
    overflow:hidden
}
.parsley-error-list {
    color:red;
    font-size:13px!important;
    margin-left:10px!important;
    padding-top:0px!important
}
.header-with-logo-only {
    margin-top:30px
}
#selectFolderTitle>i {
    margin-right:10px
}
button.btn.searchOptionsBtn {
    text-transform:capitalize;
}
#wrapper_bu {
    width:100%;
    height:500px;
    margin-top:10%;
    background-color:transparent
}
.holder_bu_awayL1,
.holder_bu_awayL2 {
    position:absolute;
    width:10%;
    -webkit-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -moz-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -o-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -ms-transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
.txt_Center {
    margin:50% 0 0 20%
}
.txt_h1 {
    font-size:2em
}
.holder_bu {
    background:#fff;
    box-shadow:0 0 0 3px #eee
}
.holder_bu_awayL1 {
    top:30%;
    left:10%;
    height:40%;
    border-radius:5px 0 0 5px;
    transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
.holder_bu_awayL2 {
    top:35%;
    left:0;
    height:30%;
    border-radius:4px 0 0 4px;
    transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
.holder_bu_awayR1,
.holder_bu_center {
    -webkit-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -moz-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -o-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -ms-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    position:absolute
}
.holder_bu_center {
    top:5%;
    left:20%;
    width:60%;
    height:90%;
    border-radius:8px;
    z-index:20;
    border:1px solid #eee;
    transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
.holder_bu_awayR1 {
    top:30%;
    left:80%;
    width:10%;
    height:40%;
    border-radius:0 5px 5px 0;
    transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
.holder_bu_awayR2 {
    position:absolute;
    top:35%;
    left:90%;
    width:10%;
    height:30%;
    border-radius:0 4px 4px 0;
    -webkit-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -moz-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -o-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    -ms-transition:width 1s,
    height 1s,
    top 1s,
    left 1s;
    transition:width 1s,
    height 1s,
    top 1s,
    left 1s
}
#TutorialModal {
    background:#f7f7f7
}
.holder_bu_center .txt_Center.txt_h1 {
    border:2px solid #eee;
    box-shadow:0 0 30px -10px;
    font-size:25px;
    height:40px;
    margin:0;
    width:40px;
    bottom:20px;
    left:20px;
    transition:.3s all
}
.txt_Center.txt_h1 {
    border:2px solid #eee;
    border-radius:50px;
    font-size:16px;
    height:35px;
    line-height:33px;
    text-align:center;
    width:35px;
    position:absolute;
    background:#fff
}
.tuts-txt-cont {
    font-size:18px;
    padding-top:25px;
    text-align:center;
    display:none
}
.tuts-img-cont {
    text-align:center;
    margin-top:20px
}
.holder_bu_center .tuts-txt-cont {
    display:block
}
.hide-in-cards {
    display:none
}
.holder_bu_center .hide-in-cards {
    display:block
}
.shadow-cont img {
    max-width:590px;
    width:100%
}
.comnt-dlt-ico {
    position:absolute;
    right:0;
    top:1px
}
.att-file {
    border:1px solid #ccc;
    border-radius:3px;
    color:#999;
    float:left;
    font-size:28px;
    margin-right:10px;
    text-align:center;
    padding:3px 0;
    width:45px
}
.att-by i {
    color:#9e9e9f;
    font-size:11px
}
.att-by {
    font-size:7px;
    margin:1px 0;
    height:21px
}
.attachment-list li {
    border-bottom:1px solid #eee;
    padding:11px 0 5px
}
.chat-dropup button {
    background:#fff;
    border:0 solid #ccc;
    border-radius:50px;
    height:34px;
    padding:0;
    width:34px
}
.chat-att {
    margin-left:33px;
    padding-top:10px
}
.chat-users-list .tour-points-txt:hover {
    background:0 0
}
.att-by>span {
    font-size:12px
}
.att-file-name {
    font-size:13px;
    line-height:19px;
    color:slategrey
}
#zs_submit,
a.tooltip strong {
    line-height:30px
}
.att-btns>a {
    margin-right:10px;
    display:inline-block;
    font-size:12px;
    margin-top:0
}
.att-details {
    cursor:default;
    padding-bottom:4px;
    margin-left:60px;
    margin-bottom:1px
}
.attachment-heading {
    overflow:hidden;
    font-size:16px;
    margin:13px 0 5px
}
.att-btns>a i {
    float:left;
    margin:2px 3px 0 0
}
.add-comnt-btn {
    margin-top:10px;
    float:right
}
.warning-modal-txt {
    font-size:17px;
    padding:0 10%;
    text-align:center;
    color:red
}
.warning-modal-txt>.icon {
    font-size:40px;
    margin-bottom:13px
}
#paginationPlaceHolder ul {
    position:absolute
}
.btn.tabl-btns {
    border-radius:50px;
    padding:2px 6px!important;
    margin:2px
}
.btn.tabl-btns:hover {
    background:#fff;
    color:#fff
}
.tabl-btns.view-rsm-btn {
    padding:2px 10px
}
.call-time {
    color:#999;
    display:block;
    font-size:13px;
    margin:9px 0 0 6px
}
.att-file .icon.icon-file-1::before,
.att-file .icon.icon-file-image-1::before,
.att-file .icon.icon-file-pdf-1::before,
.att-file .icon.icon-xls {
    content:"";
    display:inline-block;
    height:35px;
    width:38px
}
.att-file .icon.icon-file-image-1::before {
    background:url(../img/img-ico.png) no-repeat
}
.att-file .icon.icon-file-1::before {
    background:url(../img/word-icon.png) no-repeat
}
.att-file .icon.icon-file-pdf-1::before {
    background:url(../img/pdf-ico.png) no-repeat
}
.att-file .icon.icon-xls {
    background:url(../img/xls-icon.png) no-repeat
}
.jobs-tab>li>a {
    border:1px solid #e2f1fa!important;
    border-bottom:0!important
}
.right-bar-for-dark .widget {
    border:1px solid #fff;
    border-radius:10x
}
.small-logo-right-area>span {
    font-size:8px;
    color:silver
}
.comment-counts {
    margin-right:4px
}
.card-values {
    bottom:0;
    color:#888;
    float:right;
    font-size:13px;
    margin-top:3px;
    position:absolute;
    right:5px
}
.candidatesearch a {
    border:0 !important;
}
div#searchresultcontent {
    padding-top:20px;
}
.card-values i {
    font-size:16px;
    margin-right:2px
}
#skillAddedNoti {
    border-radius:3px;
    color:#000;
    float:right;
    padding:1px 5px
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color:#f9f9f9;
    color:#fff
}
.login-widget h4,
.register-page-cont header h4 {
    color:#ff7f50;
    display:inline;
    font-size:21px
}
.cards-dd .dropdown-menu li i.icon {
    color:#777;
    font-size:20px!important
}
.att-loading {
    float:left;
    margin-right:5px;
    width:33px
}
.typeahead li a span {
    background:#87cefa;
    border-radius:50px;
    color:#fff;
    display:inline-block;
    font-size:12px;
    height:30px;
    line-height:30px;
    margin-right:5px;
    text-align:center;
    width:30px
}
.comment-counts .icon.icon-bubble-2 {
    background:url(../img/snapcard-chat-ico.png) center no-repeat;
    background-size:17px auto;
    height:18px;
    margin-bottom:-5px;
    width:20px;
    display:inline-block;
    margin-right:1px
}
.comment-counts .icon.icon-bubble-2:before {
    display:none
}
.attachments-counts i.icon.icon-clip-1 {
    display:inline-block;
    width:19px;
    height:17px;
    margin-bottom:-1px;
    overflow:hidden
}
.chat-calls-history .att-file {
    border:0;
    margin-right:3px;
    padding:3px 0;
    width:40px
}
.chat-calls-history {
    clear:both;
    padding:5px 0
}
.chat-calls-history .att-file-name {
    font-size:12px;
    line-height:13px;
    padding-top:3px
}
.chat-calls-history .att-by>span {
    font-size:12px
}
.chat-calls-history .att-details {
    margin-left:47px
}
.chat-calls-history .att-file>img {
    max-width:32px
}
.new-job-right-col {
    background:#fff;
    margin:0;
    padding:5px 15px;
    border-radius:10px;
    border:1px solid #fff
}
.new-job-right-col h4 {
    border-bottom: 1px solid #eaeaea;
    font-size: 22px;
    padding-bottom: 10px;
    color: #010101;
    margin-bottom: 20px;
}
.parsing-form label,
.summary-txt-value {
    padding:5px 0
}
.new-job-right-col label {
    margin-bottom:0
}
#saveUserSkills {
    margin-top:-5px
}
.cards-noti {
    bottom:-1px;
    left:7px;
    position:absolute;
    display:none
}
.col-xs-4.resume-folder-right-col {
    float:right;
    max-width:56px
}
.attachments-counts.cards-noti>span {
    cursor:pointer;
    background:red;
    border-radius:5px;
    color:#fff;
    display:inline-block;
    font-size:9px;
    height:15px;
    line-height:16px;
    margin-left:-5px;
    text-align:center;
    width:15px
}
div#modal-details {
    z-index:99999
}
.parsing-form .form-control {
    border:0
}
#modal-details div.modal-dialog {
    width:90%!important;
    max-width:1000px;
    margin-top:140px
}
.summary-txt-btm {
    padding:3px 7px;
    background:#eee;
    font-size:12px;
    margin-bottom:10px;
    margin-top:2px
}
div#listSocialIcons i {
    font-size:40px
}
div#listSocialIcons i.fa-twitter-square {
    color:#27a9e0;
    padding-top:20px;
    padding-bottom:20px
}
div#listSocialIcons i.fa-facebook-square {
    color:#3c5a98
}
div#listSocialIcons i.fa-linkedin-square {
    color:#0274b3
}
.hover-layer span {
    position:absolute!important;
    padding:1px 5px;
    right:2%;
    bottom:2%;
    z-index:550;
    font-size:20px
}
.hover-layer span p {
    float:left;
    font-size:12px;
    margin-right:5px;
    margin-bottom:0
}
.hover-layer span:hover {
    box-shadow:none
}
.hover-layer {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,
    255,
    255,
    .8);
    z-index:501;
    top:0;
    left:0;
    border-radius:2px;
    text-align:center;
    opacity:0;
    overflow:hidden;
    transition:.3s opacity .1s all
}
.hover-layer:after,
.hover-layer:before {
    width:100%;
    height:100%;
    background:#fff;
    transform:rotate(-22deg);
    display:none;
    content:"";
    position:absolute
}
.widget.snapcard:hover .hover-layer {
    opacity:1
}
.hover-layer:after {
    bottom:-62px;
    border:1px solid #ccc;
    right:-26px
}
.hover-layer:before {
    bottom:-58px;
    border:1px dashed #ccc;
    right:-30px;
    z-index:501
}
i.fa.fa-twitter {
    color:#00aced
}
i.fa.fa-linkedin {
    color:#007bb6
}
i.fa.fa-facebook {
    color:#3b5998
}
.facebook.btn:hover i.fa.fa-facebook,
.linkedin.btn:hover i.fa.fa-linkedin,
.twitter.btn:hover i.fa.fa-twitter {
    color:#fff
}
.linkedin.btn:hover {
    background:#007bb6
}
.twitter.btn:hover {
    background:#00aced
}
.facebook.btn:hover {
    background:#3b5998
}
.searchJobModal .herocontent {
    margin-bottom: 10px;
}
.modal-backdrop.in {
    opacity:0;
}
.searchJobModal  .modal-content {
    max-width: 100%;
}
.searchJobModal {
    padding: 0 !important;
}
.searchJobModal .modal-backdrop.in {
    opacity: 0.5 !important;
}
.srh-card-input-cont {
    padding:2px
}
.card-srch-cont ul.dropdown-menu {
    margin-top:-1px;
    right:0;
    margin-right:-13px;
    left:inherit;
    border:0;
    padding:0 2px 2px
}
.srh-card-input-cont input {
    border:1px solid #ccc;
    font-size:11px;
    display:block;
    width:160px;
    padding:1px 7px;
    border-radius:2px;
    height:25px;
    margin-top:-2px
}
.dropdown.card-srch-cont {
    float:right;
    margin:7px
}
.srh-card-input-cont input:focus {
    border:1px solid #bbb
}
.resume-viewer-head {
    background:#000;
    width:100%;
    height:40px
}
.resume-viewer-head-right {
    float:right
}
span.heading-rv {
    color:#fff;
    font-size:16px;
    line-height:40px;
    margin-left:17px
}
ul.rv-controls {
    position:absolute;
    width:80px;
    top:0;
    left:50%;
    margin-left:-30px
}
.rv-controls li {
    float:left;
    margin:9px 5px
}
.resume-viewer-tabs li a div {
    font-size:22px
}
.resume-viewer-tabs {
    float:left
}
.d-resume-d-btn a {
    margin-left:10px
}
.resume-viewer-tabs li a {
    background:0 0;
    border:0
}
.resume-viewer-tabs li.active a,
.resume-viewer-tabs li.active a:active,
.resume-viewer-tabs li.active a:focus {
    background:#000!important;
    border:0!important;
    color:#fff!important
}
.resume-viewer-tabs li.active a:before {
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #6c6f72;
    content:"";
    bottom:-10px;
    position:absolute;
    left:50%;
    margin-left:-10px
}
.resume-viewer-tabs li {
    padding:0 5px
}
input#searchWebViewer {
    background:#eee;
    border:0;
    border-radius:3px 0 0 3px!important
}
.ResumeSearchBar .input-group-addon {
    background:#222;
    border:0
}
.btn:active,
.btn:focus {
    outline:0!important
}
.checkout-cont {
    margin-top:150px;
    margin-right:320px
}
span.plan-listing-txt {
    font-size:17px;
    margin-left:10px
}
span.plan-listing-txt b {
    font-size:17px
}
.chkout-nxt-btn {
    margin-top:27px;
    padding-left:30px;
    padding-right:30px;
    font-size:18px;
    width:100%
}
.checkout-step-one>h4 {
    margin-top:30px
}
.grant-total {
    text-align:right;
    padding-top:31px;
    font-size:21px;
    border-top:5px solid #fff;
    margin-top:20px
}
.grant-total span {
    margin-right:20px;
    float:left
}
.checkout-step-four,
.checkout-step-one,
.checkout-step-three,
.checkout-step-two {
    margin-bottom:80px
}
.checkout-price-tbl {
    max-width:237px
}
.sel-plan-type {
    border:2px solid #ccc;
    padding:3px 5px;
    width:100%;
    border-radius:5px;
    margin:11px 0 17px
}
input.dte-inp {
    width:75px!important
}
table.card-tbl td {
    padding:5px 2px
}
.checkout-price-tbl .ofr li,
.checkout-price-tbl .ofr-2 li {
    border-bottom:1px solid #ccc;
    padding:5px 0!important;
    font-size:12px
}
table.checkout-tab td {
    padding:8px;
    color:#010101
}
.thanks-widget.widget.widget-grey-txt h5 {
    color:#bbb!important;
    font-size:17px!important
}
.checkout-price-tbl .ofr ul,
.checkout-price-tbl .ofr-2 ul {
    padding:0 22px
}
.checkout-price-tbl .discount-price p {
    margin-bottom:2px
}
.choose-plan-btns span {
    font-size:17px
}
.choose-plan-btns input {
    width:22px;
    height:22px;
    float:left;
    margin:0 10px 0 0
}
.choose-plan-btns {
    margin-left:9%
}
.checkout-price-tbl .big,
.checkout-price-tbl .big1 {
    font-size:38px
}
.checkout-price-tbl .offer1>p,
.checkout-price-tbl .offer>p {
    margin:10px 0
}
.checkout-price-tbl .offer {
    min-height:50px;
    margin-top:79px;
    padding-left:55px
}
.checkout-price-tbl .cover {
    padding-bottom:7px
}
.discount-price {
    width:90px;
    text-align:right;
    padding-right:5px
}
.payment-box {
    border:2px solid #c1d2e9;
    padding:9px 20px 13px;
    border-radius:10px;
    margin-top:30px
}
table.checkout-tab {
    width:100%;
    padding:1px 0;
    font-size:19px;
    color:#000;
    margin-top:30px;
    border-bottom:1px solid #ccc
}
input.promo-txt-box {
    width:127px
}
.checkout-price-tbl .left.carousel-control .icon {
    margin-left:-56px
}
.checkout-price-tbl .carousel-control .icon {
    top:46%;
    position:absolute;
    color:#4a647e;
    text-shadow:none
}
.checkout-price-tbl .right.carousel-control .icon {
    left:inherit;
    right:-37px
}
.checkout-price-tbl .discount-price {
    top:5px;
    padding-right:10px
}
.checkout-price-tbl .carousel-control {
    bottom:inherit;
    top:47%
}
.checkout-step-one h3 {
    margin:0 0 40px
}
.credit-c-pay,
.paypal-pay {
    padding:11px 7px;
    min-height:51px
}
input.pay-sel-rad {
    width:30px;
    height:19px;
    margin:0 2px 0 0;
    float:left
}
.credit-c-pay {
    border-top:1px solid #fff
}
.cc-dtails {
    padding:10px 20px;
    background:#fff;
    border-radius:0 0 8px 8px
}
.payment-box.payment-box2 {
    margin-top:0
}
p.terms-txt {
    margin:19px 0 0;
    font-size:20px;
    color:#f5deb3;
    line-height:36px;
    padding-bottom:2px
}
p.terms-txt-1 {
    padding-top:10px
}
.card-tbl select {
    width:100%;
    border:1px solid #ccc;
    padding:4px 5px;
    border-radius:3px
}
.cards-logo-txt {
    margin-top:10px
}
.billing-info-cont.container {
    max-width:1100px;
    width:100%;
    margin-top:50px;
    margin-bottom:50px
}
span.edit-info-txt {
    font-size:13px;
    margin:3px;
    color:#7092be
}
.thumb-user {
    float:left;
    margin-right:12px;
    max-width:160px
}
.general-info-right h4 {
    font-size:16px;
    margin:0
}
.general-info-right p {
    font-size:14px;
    margin:2px 0 20px
}
h3.billing-info-heading {
    margin:0 0 20px
}
.billing-info-up-btn {
    margin:9px
}
.gen-thumb-txt h4 {
    font-size:20px;
    margin-bottom:0;
    margin-top:30px
}
.next-billing-dt {
    background:#35495e;
    display:inline-block;
    padding:7px 20px;
    border-radius:5px;
    color:#fff;
    margin-top:40px
}
.current-plan-div li {
    padding:5px 0;
    font-size:15px
}
.current-plan-div li b {
    font-size:16px
}
.current-plan-div ul {
    padding-bottom:20px;
    border-bottom:5px solid #eee;
    max-width:315px
}
.change-plan-link {
    margin-top:10px;
    display:block
}
.f-img-1,
.f-img-2,
.f-img-3,
.f-logo-ul li {
    display:inline-block
}
span.label.current-plan-label {
    margin-left:20px;
    color:#fff;
    border:0;
    font-size:11px;
    background:#4a647e;
    border-radius:3px
}
span.plan-name-txt {
    color:#000
}
.current-plan-div h4 {
    padding-bottom:10px;
    border-bottom:5px solid #eee;
    max-width:510px
}
.plan-chnage-btn {
    margin-left:20px
}
span.plan-price {
    font-size:17px;
    margin-left:10px;
    color:#575858
}
.bill-history-tab-head .select2-container {
    max-width:250px
}
table.table.bill-history-tab {
    margin-top:10px
}
i.paid-card-detail {
    float:right
}
table.table.bill-history-tab th {
    background:#eee
}
.bill-history-sel {
    padding:3px 5px;
    border:1px solid #ccc;
    border-radius:3px;
    min-width:200px
}
.billing-tab-content {
    min-height:450px
}
.pay-options {
    margin-left:161px;
    margin-right:-199px
}
.btn.chkout-nxt-btn {
    background:#666;
    color:#fff!important;
    border:0;
    padding:9px 0;
    font-size:18px;
    border-radius:5px;
    width:700px;
    margin-bottom:27px
}
a#deleteMethod {
    background:#666;
    border:0;
    font-size:17px;
    text-transform:uppercase;
    padding:8px 30px
}
button.btn.btn-info.chkout-nxt-btn:hover {
    background:#444
}
.choose-plan-btns {
    margin-bottom:30px
}
.cards-logo-cont {
    margin-top:0;
    padding-top:0
}
.promo-code input {
    width:64%;
    color:#fa8072
}
.promo-code {
    margin-top:20px;
    text-align:center
}
.checkout-price-tbl a.carousel-control {
    font-size:35px
}
h3.price-plan-name {
    text-align:center
}
.f-img-3 {
    width:217px;
    height:71px;
    background:url(../img/logo-featrued-3.png) left bottom no-repeat
}
.f-img-2 {
    width:316px;
    height:71px;
    background:url(../img/logo-featrued-2.png) left bottom no-repeat
}
.f-img-1 {
    width:367px;
    height:71px;
    background:url(../img/logo-featrued-1.png) left bottom no-repeat
}
.f-img-1:hover,
.f-img-2:hover,
.f-img-3:hover {
    background-position:top
}
.f-logo-ul li {
    font-size:17px
}
.f-logo-ul {
    text-align:center
}
.as-featured-cont h1 {
    color:#616f6f;
    font-size:32px;
    text-align:center;
    margin-top:50px
}
.register-account-type {
    margin:0 auto 20px;
    max-width:100%;
    font-size:17px;
    text-align:center;
    color:#6bbfe1
}
.register-widget .control-group {
    color:#777;
    padding:5px 0;
    font-size:12px;
}
.register-account-type>label {
    font-size:18px!important;
    display:block;
    width:100%!important;
    padding-bottom:10px
}
.upload-green-area i.icon.icon-upload-5 {
    color:silver;
    line-height:74px
}
ul#marketPlaceFolder li a {
    line-height:32px
}
.typeahead.dropdown-menu>.active>a,
.typeahead.dropdown-menu>.active>a:focus,
.typeahead.dropdown-menu>.active>a:hover {
    background-color:#ddd;
    color:#575858
}
.candi-resume-move ul.dropdown-menu ul.dropdown-menu {
    width:240px
}
.candi-resume-move ul.dropdown-menu ul.dropdown-menu li a i {
    float:left;
    margin-top:-2px
}
.candi-resume-move ul.dropdown-menu ul.dropdown-menu li a {
    line-height:30px;
    padding:4px 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    height:30px;
    white-space:nowrap;
    margin-top:-2px;
    display:block;
    margin-bottom:2px
}
.candi-resume-move ul.dropdown-menu ul.dropdown-menu li a i.icon-briefcase-2 {
    float:none;
    color:#010101;
    font-size:17px;
    vertical-align:middle;
    margin-right:2px
}
.logos-popup>img {
    height:auto!important;
    max-width:100%
}
.logos-popup {
    overflow:hidden;
    position:absolute;
    width:0;
    height:0;
    top:0;
    transition:all .3s ease 0;
    left:101%
}
.boost-btn {
    position:relative
}
.boost-btn:hover .logos-popup {
    display:block;
    height:117px;
    top:-44px;
    width:92px;
    padding-left:6px
}
.select-price-dd {
    font-size:15px;
    border-radius:2px;
    padding:16px;
    border:1px solid rgba(255,
    255,
    255,
    0.5)
}
.orange-heading {
    color:#bbb
}
#zipsearch_container::before {
    color:#4682b4;
    content:"LOOKING FOR A JOB?";
    display:block;
    font-size:32px;
    margin:20px 0 110px;
    text-align:center
}
#zipsearch_container::after {
    color:#010101;
    content:"Over 10k+ jobs available with us. Search for a job to create alerts and get notified.";
    display:block;
    font-size:19px;
    left:50%;
    margin:22px auto 0 -250px;
    max-width:490px;
    position:absolute;
    text-align:center;
    top:120px;
    width:100%
}
.invitation-dd-heading {
    font-size:16px;
    color:#318ce7;
    text-align:center;
    margin:10px 0 0;
    cursor:default;
}
.zs_search_container {
    display:inline-block;
    margin:0 1% 17px;
    width:47%
}
#zr_pro_widget_filter .zr_filter_days,
#zr_pro_widget_filter .zr_filter_radius {
    border:1px solid #ccc;
    display:block;
    float:left;
    max-width:100%;
    padding:0;
    width:199px;
    border-radius:3px
}
#zs_modal form {
    margin-top:150px
}
#zs_modal_body,
.zs_search_box {
    width:100%
}
#zs_search_module .zs_search_container {
    display:inline-block;
    margin:0 1% 17px;
    width:100%;
    max-width:200px
}
#zr_pro_widget_filter {
    margin:0 1%
}
input#zs_submit {
    margin-left:1%
}
fieldset.form-group.new-fieldset {
    border:1px solid #e6e5e9;
    box-shadow:2px 2px 8px rgba(0,
    0,
    0,
    .04);
    padding:0 1em;
    border-radius:.3em;
    position:relative
}
legend.fieldsetHeader {
    display:inherit;
    width:380px;
    margin:0;
    border:5px solid #fff
}
#zs_submit,
.profile-page-resume {
    padding:0 20px;
    display:inline-block
}
.btn.greenButton,
.btn.greenButton:active {
    background:#fff;
    border:solid 1px #000;
    color:#000 !important;
}
.btn.greenButton i.icon {
    font-size:13px
}
#zr_pro_widget_filter {
    padding:0 8px
}
label.btn.btn-default.active {
    opacity:1
}
#chatlistCol button.btn.btn-info.dropdown-toggle {
    border-left:1px solid #fff !important;
}
label.btn.btn-default {
    opacity:.5;
    transition:.4s all
}
.profile-page-resume {
    margin-left:20px;
    margin-top:45px
}
.profile-page-resume.attachment-list li {
    border-bottom:0
}
a.smaller-device-logout {
    color:#ff7f50;
    font-size:19px;
    text-decoration:underline
}
#zs_search_container {
    padding:15px;
    border-radius:10px!important;
    -webkit-border-radius:3px;
    border:2px solid #e9e9e9;
    clear:both;
    max-width:768px;
    background:#fff!important
}
#zs_submit {
    min-width:100px;
    border:1px solid #c8c8c8;
    color:#343536!important;
    font-size:15px;
    background:#e9e9e9;
    background:-webkit-linear-gradient(top,
    #f8f8f8,
    #e9e9e9);
    background:linear-gradient(top,
    #f8f8f8,
    #e9e9e9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8,
    endColorstr=#e9e9e9,
    GradientType=1);
    height:38px;
    clear:both;
    -webkit-border-radius:30px;
    border-radius:30px;
    outline:0;
    text-shadow:0 1px 1px #fff;
    margin:14px 0 0
}
.modal .modal-backdrop.in {
    opacity: 0.7 !important
}
.col-md-2.jobPaymentTypeColumn {
    width:33%
}
#zs_search_container .selectboxit.selectboxit-btn {
    height:36px;
    background:#fff
}
.selectboxit-container {
    width:100%;
    padding-top:0;
    padding-bottom:0
}
.selectboxit-container .selectboxit {
    width:100%
}
.popover {
    border-color:#ddd;
    box-shadow:5px 5px 3px rgba(0,
    0,
    0,
    .1);
    border-radius:9px;
    max-width:600px!important;
    width:200px;
    color:#ccc
}
.popover.right>.arrow {
    top:50%;
    left:-6px;
    margin-top:-7px
}
.popover>.arrow {
    border-width:7px
}
a.tooltip {
    outline:0
}
a.tooltip span {
    z-index:10;
    display:none;
    padding:14px 20px;
    margin-top:-30px;
    margin-left:28px;
    width:300px;
    line-height:16px
}
#education,
.steps-campaign {
    margin-top:20px
}
a.tooltip:hover span {
    display:inline;
    position:absolute;
    color:#111;
    border:1px solid #DCA;
    background:#fffAF0
}
.left-fixed-campaign,
.right-fixed-campaign {
    background:#fff;
    padding:20px;
    color:#010101;
    bottom:0
}
.callout {
    z-index:20;
    position:absolute;
    top:30px;
    border:0;
    left:-12px
}
.left-fixed-campaign {
    left:0;
    position:fixed;
    top:51px;
    width:27%;
    z-index:5;
    border-right:1px solid #c1c8cd
}
.right-main-campaign {
    left:0;
    margin-left:28%;
    margin-right:31%;
    position:absolute;
    right:0
}
.right-fixed-campaign {
    overflow-y:auto;
    position:fixed;
    right:0;
    top:52px;
    width:30%;
    border-left:1px solid #c1c8cd
}
.right-fixed-campaign h3 {
    color:#010101
}
.step-heading {
    color:#85888a;
    font-size:16px
}
.chat {
    list-style:none;
    margin:0;
    padding:0
}
.chat-user-avatar span {
    color:#fff;
    font-size:12px;
    line-height:21px;
    display:block;
    text-align:center
}
.chat-img,
.chat-screen {
    display:none
}
.chat li {
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px dotted #B3A9A9
}
.text-muted {
    color:#ccc;
    font-size:14px;
    padding-left:15px;
    line-height:22px;
}
.chat li.left .chat-body {
    margin-left:60px
}
.chat li.right .chat-body {
    margin-right:60px
}
.chat li .chat-body p {
    margin:0;
    color:#777
}
.chat .glyphicon,
.chat-screen .slidedown .glyphicon {
    margin-right:5px
}
.left.clearfix .chat-att {
    float:left;
    right:0
}
.chat-screen {
    bottom:0;
    height:auto;
    max-height:100%;
    padding-right:15px;
    position:absolute;
    margin-left:-32px;
    width:100%
}
a.getNewResumeLink i {
    font-size:23px;
    float:left;
    margin-right:8px;
    margin-bottom:-3px
}
a.getNewResumeLink {
    font-size:16px;
    font-weight:500;
    color:#6495ed
}
.getNewResumeLink {
    font-size:19px;
    font-weight:500;
    color:#00c;
    margin-top:20px;
    display:block
}
span.resumeStatus {
    color:#ff7f50
}
.resumeSrchList {
    margin-top:20px
}
.resumeSrchList p span {
    color:#a59f99;
    font-size:14px;
    padding-left:8px
}
.resumeSrchList p {
    margin:0;
    color:#000;
    line-height:19px;
    font-size:16px
}
#jobBoardSwitchModal label.modal-para-heading {
    line-height:28px;
    margin-bottom:20px
}
.modal-dialog {
    z-index:1050
}
span.resumeCounts {
    margin-top:10px;
    float:left;
    font-weight:500;
    color:#bbb;
    margin-left:14px
}
ul.resumeSrchList li {
    margin-bottom:15px
}
.resumeSrchListCont {
    overflow-y:auto;
    max-height:380px
}
.chat-screen li.left.clearfix {
    float:left
}
.chat-screen li {
    width:100%;
    list-style:none;
    padding-bottom:0
}
.right.clearfix .chat-body {
    border:0;
    margin-right:0;
    margin-left:35px;
    border-radius:7px;
    padding:0 10px;
}
.chat-body {
    margin-left:35px;
    border-radius:7px;
    position:relative;
    padding:10px;
    background:none;
    margin-right:0
}
.right.clearfix .chat-user-avatar {
    float:left
}
.chat-user-avatar {
    background:#87cefa;
    border-radius:100px;
    float:left;
    height:35px;
    width:35px;
    margin-top:15px;
    padding:8px
}
.chat-screen li.right.clearfix {
    float:right;
    padding-left:0;
    padding-right:10px;
    text-align:right;
}
.chat-body .header {
    color:#000;
    font-size:12px;
    padding:3px 3px 3pxx;
    line-height:14px
}
.chat-channels li,
.widget,
.widget-tabs .nav>li.active>a:hover {
    color:#000
}
.chat-body:after,
.right.clearfix .chat-body:after {
    width:0;
    opacity:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    display:block;
    top:24px;
    content:""
}
.chat-ico img {
    max-width:23px;
    margin-right:5px;
    margin-top:-2px
}
.chat-body:after {
    border-right:7px solid #f7f7f7;
    left:-6px
}
.right.clearfix .chat-body:after {
    border-left:7px solid #e8f2f9;
    border-right:none;
    left:auto;
    right:-6px
}
.online-gif {
    background:#fff;
    border-radius:50px;
    bottom:2px;
    padding:1px;
    position:absolute;
    right:2px;
    width:12px;
    z-index:5
}
#participantList table tr td:first-child {
    width:133px;
    padding:0 2px;
    height:25px
}
.chat-channels li,
.chat-applicants li.channel-item {
    border:1px solid transparent;
    font-size:15px;
    padding:6px 10px 4px 0;
    position:relative;
    border-radius:0;
    border-bottom:1px solid #eee
}
ul.chat-channels {
    padding-top:2px
}
.channels-dlt-ico {
    color:#8499ae;
    font-size:12px;
    margin-top:-22px;
    position:absolute;
    right:5px;
    top:50%
}
.opponent-user-picB {
    margin-right:30px
}
.opponent-user-picB span {
    float:right
}
.opponent-user-picA {
    margin-left:30px
}
.chat-area-main-col.empty {
    background:url(${ctx}/assets/img/empty-chat-icon.png) center center no-repeat
}
.emoticons-cont {
    background:#eee;
    border-radius:3px 3px 0 0;
    bottom:35px;
    padding:10px 4px 3px;
    position:absolute;
    right:-2px;
    width:251px;
    display:none
}
.emoticons-list {
    white-space:normal;
    width:100%;
    padding:6px;
    min-height:130px;
    background:#fff;
    margin-bottom:0
}
.text-chat-box .input-group-addon {
    position:relative
}
.emoticons-cont .nav-tabs li {
    display:inline-block;
    float:none;
    margin-bottom:-3px
}
.emoticons-cont .nav-tabs {
    border-bottom:1px solid #ccc
}
.emoticons-list>li {
    display:inline-block;
    list-style:none;
    border:1px solid transparent;
    margin-top:1px;
    border-radius:3px
}
.emoticons-list>li:hover {
    background-color:#fff;
    border:1px solid transparent;
    box-shadow:0 0 0 2px #010101
}
.emoti {
    background-image:url(${ctx}/assets/img/emoticons.png);
    background-size:3000% auto!important;
    display:block;
    height:17px;
    width:17px;
    padding:0 1px
}
.emoticons-cont .nav-tabs .emoti {
    height:22px;
    width:22px
}
.emoti-trigger:hover {
    color:#4f79e0
}
.emoti.emoti1 {
    background-position:75.8621% 62.069%
}
.emoti.emoti2 {
    background-position:75.8621% 65.5172%
}
.emoti.emoti3 {
    background-position:75.8621% 68.9655%
}
.emoti.emoti4 {
    background-position:75.8621% 72.4138%
}
.emoti.emoti5 {
    background-position:75.8621% 75.8621%
}
.emoti.emoti-2 {
    background-position:37.931% 24.138%
}
.emoti.emoti-3 {
    background-position:24.1379% 24.1379%
}
.emoti.emoti-4 {
    background-position:3.44828% 3.44828%
}
.emoti.emoti-2-1 {
    background-position:37.931% 24.1379%
}
.emoti.emoti-2-2 {
    background-position:37.931% 31.0345%
}
.emoti.emoti-2-3 {
    background-position:37.931% 34.4828%
}
.emoti.emoti-2-4 {
    background-position:37.931% 37.931%
}
.emoti.emoti-3-1 {
    background-position:24.1379% 24.1379%
}
.emoti.emoti-3-2 {
    background-position:3.44828% 20.6897%
}
.emoti.emoti-3-3 {
    background-position:24.1379% 27.5862%
}
.emoti.emoti-3-4 {
    background-position:24.1379% 31.0345%
}
.emoti.emoti-4-1 {
    background-position:3.44828% 3.44828%
}
.emoti.emoti-4-2 {
    background-position:3.44828% 6.89655%
}
.emoti.emoti-4-3 {
    background-position:3.44828% 10.3448%
}
.emoti.emoti-4-4 {
    background-position:3.44828% 17.2414%
}
.chat-body:hover p {
    cursor:default
}
.list-online-gif {
    margin:0 5px 3px 0;
    width:12px
}
.video-chat-option li a {
    padding-left:10px;
    padding-right:10px
}
.load-more-cont {
    background:#fff;
    position:absolute;
    top:57px;
    width:53.2%;
    z-index:500
}
.load-more-cont>ul {
    font-size:12px;
    text-align:center;
    width:100%
}
.load-more-cont>ul ul {
    background:#5789ea;
    color:#fff;
    display:none
}
.load-more-cont li span {
    border-radius:15px;
    display:inline-block;
    font-size:11px;
    line-height:12px;
    padding:0 10px
}
.load-more-cont ul span:hover {
    background:rgba(0,
    0,
    0,
    .1)
}
.load-more-cont ul ul span:hover {
    background:rgba(255,
    255,
    255,
    .2);
    cursor:pointer
}
.history-chat-btns li:hover ul {
    display:block
}
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,
    0,
    0,
    .3);
    background-color:#F5F5F5
}
::-webkit-scrollbar {
    width:12px;
    background-color:#F5F5F5
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,
    0,
    0,
    .3);
    background-color:#010101
}
.chat-screen a {
    color:#618fb0;
    text-decoration:underline
}
.cancel-srch-chat-bar {
    float:right;
    font-size:8px;
    margin:4px 10px 0 0;
    cursor:pointer;
    background:#fff;
    border-radius:100px;
    height:18px;
    line-height:20px;
    text-align:center;
    width:18px
}
.find-chat-btn span {
    padding-left:5px;
    color:#318ce7
}
.find-chat-bar {
    background:#fff;
    border-radius:0;
    border-top:1px solid #ccc;
    display:none;
    font-size:13px;
    margin-right:0;
    padding:3px 0 3px 10px;
    margin-top:-4px;
    color:#999
}
.answer-btns,
.user-name-image {
    display:inline-block;
    text-align:center
}
input.find-chat-input {
    border:1px solid #e1e1e1;
    border-radius:3px;
    font-size:11px;
    height:22px;
    line-height:15px;
    margin:3px 7px 3px 8px;
    min-height:0;
    padding:0 5px;
    width:58%
}
.find-in-chat-section {
    bottom:72px;
    height:30px;
    left:0;
    padding:0;
    position:absolute;
    width:81%;
    z-index:50;
    border-bottom:0 solid #e1e1e1
}
.find-chat-bar i.fa.fa-search {
    margin-right:5px
}
.user-name-image {
    background:#fff;
    border-radius:200px;
    color:#10151b;
    font-size:46px;
    height:170px;
    line-height:170px;
    margin-top:68px;
    width:170px
}
.answer-btns {
    background:#1F252C;
    border-radius:90px;
    cursor:pointer;
    font-size:21px;
    height:45px;
    line-height:45px;
    width:45px;
    color:#fff
}
.animated-img {
    margin-top:21px;
    display:none
}
.find-chat-bar .icon.icon-magnifier {
    font-size:10px;
    margin:3px 3px 0 0
}
.table-condensed td {
    text-align:center
}
.datepicker::after,
.datepicker::before,
.picker-switch.accordion-toggle {
    display:none
}
.chat-area-main-col-right.selected-channel>h3 {
    color:#318ce7;
    margin:0 0 20px;
    text-align:center
}
.timepicker td,
td.day {
    color:#010101
}
.timepicker-picker .table-condensed {
    margin:0 auto
}
.sechedule-btns {
    margin-top:0;
    text-align:center
}
.sechedule-btns .btn.btn-defaut {
    background:linear-gradient(to bottom,
    #fff 0,
    #f1f1f1 100%) rgba(0,
    0,
    0,
    0);
    border:1px solid #ccc;
    border-radius:5px!important;
    color:#010101;
    font-size:17px;
    height:auto;
    margin:39px 0 0;
    padding:7px 20px;
    width:100%
}
.timepicker {
    margin-top:50px
}
.interview-page-link {
    max-width:300px;
    width:100%
}
.sechedule-modal .modal-dialog {
    width:800px
}
.sechedule-modal .modal-body {
    padding:27px 51px
}
.timepicker .btn {
    height:28px;
    width:42px
}
.btn.fini-btn {
    background:#16a085;
    margin-top:10px;
    padding:5px 20px;
    border:0
}
.datepicker {
    background:#eee;
    border-radius:5px
}
td.day.active {
    border:1px solid #fff
}
.sechedule-list-table {
    margin:0 auto;
    max-width:490px
}
.text-center.seche-txt>p {
    color:#fa8072;
    margin:23px 0 20px
}
.sechedule-list-table thead>tr>th {
    border-bottom:0 none
}
.seche-devider {
    border-color:#c1c1c1;
    margin:40px 0 40px 5%;
    width:90%
}
#sendingFileIndicator img {
    width:30px
}
.sechedule-list-table td {
    border-bottom:1px solid #c1c1c1;
    border-top:1px solid #c1c1c1!important
}
.sechedule-list-table.table-hover>tbody>tr:hover {
    background-color:#f1f1f1
}
.modal-content .table-condensed .btn,
.seche-txt .btn.btn-primary {
    background:linear-gradient(to bottom,
    #fff 0,
    #f1f1f1 100%) rgba(0,
    0,
    0,
    0);
    color:#010101
}
.sechedule-list-table .btn {
    border-radius:50px;
    font-size:12px;
    padding:3px 8px
}
.seche-txt .btn.btn-primary {
    border:1px solid #c1c1c1;
    line-height:19px
}
#targetNote {
    height:100px;
    margin-top:10px
}
.modal-content .table-condensed .btn {
    border:1px solid #ccc;
    font-size:12px
}
.typeahead.dropdown-menu::after,
.typeahead.dropdown-menu::before {
    display:none!important
}
.channel-item>.icon {
    float:left;
    margin:0 5px 0 0
}
.chat-noti-numbers {
    background:#87ceeb;
    border-radius:100%;
    color:#fff;
    font-size:11px;
    height:21px;
    line-height:21px;
    margin-top:-11px;
    position:absolute;
    right:21px;
    text-align:center;
    top:50%;
    width:21px;
    display:none
}
.open-find-chat-bar .find-chat-bar {
    display:block;
    position:relative;
    z-index:50
}
.add-note-right-col>button {
    background:#fff!important;
    border:0!important;
    box-shadow:1px 1px 0 #ccc;
    display:block;
    font-size:13px;
    margin-bottom:7px;
    padding:4px 10px;
    text-align:left;
    width:100%
}
.mentions-input .highlighter {
    height:35px!important
}
.text-chat-box .input-group-addon i {
    background:#fff;
    border:1px solid #ccc;
    border-radius:100%;
    color:#373f47;
    display:inline-block;
    font-size:15px;
    height:29px;
    line-height:34px;
    padding-top:0;
    width:29px
}
.small-logo-cont>img {
    max-width:29px
}
.chat-users-list .tour-points-arrow i {
    color:#010101
}
.mentions-input {
    margin-top:2px
}
.sechedule-list-table td.email {
    width:24.1%
}
button.close .icon.icon-delete-3 {
    font-size:20px;
    color:indigo
}
.note-description,
.note-heading {
    margin:0 0 5px
}
.note-edit-btns {
    cursor:pointer;
    font-size:12px;
    padding-left:10px;
    text-decoration:underline
}
.add-note-right-col>h3 {
    font-size:17px;
    margin:0 0 4px
}
.note-description {
    font-size:16px
}
#schedulerNoteNow {
    border:0;
    box-shadow:1px 1px 0 #ccc;
    margin-top:7px
}
.comment-txt {
    color:#010101;
    display:block;
    padding-left:22px
}
.comment-auther {
    float:left;
    margin-left:-15px
}
.comment-auther>span {
    background:#fff;
    border:1px solid #ccc;
    border-radius:100px;
    display:block;
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px
}
#msform fieldset:not(:first-of-type),
.chat-dropup .dropdown-menu::after,
.chat-dropup .dropdown-menu::before {
    display:none
}
.comment-txt>p {
    background:#fff;
    box-shadow:1px 1px 0 #ccc;
    font-size:13px;
    line-height:16px;
    margin:4px 0 0;
    padding:3px 6px
}
.note-comment-cont {
    border-left:3px solid #ccc;
    padding:13px 0
}
.auth-name-txt {
    font-size:13px;
    margin:0
}
.note-comments {
    padding:16px 0 0
}
#UpdateNewNode.btn.btn-primary {
    background:#74899e;
    border:0;
    color:#fff;
    margin-top:6px
}
.add-note-right-col>button .icon {
    color:#888;
    float:left;
    width:18px
}
.note-date-txt {
    color:#777;
    float:right;
    font-size:10px
}
.chat-dropup .dropdown-menu li {
    float:left
}
.chat-dropup .dropdown-menu li a {
    padding:2px 5px
}
.chat-dropup .dropdown-menu {
    bottom:46px;
    left:0;
    width:235px
}
.loading-file-bar>span {
    font-size:16px;
    margin-left:12px
}
.loading-file-bar {
    padding:10px 0
}
span#sendFileAttachment {
    overflow:hidden;
    cursor:pointer!important
}
.ui-draggable-dragging {
    cursor:grabbing!important;
    cursor:-webkit-grabbing!important
}
span#sendFileAttachment:hover .icon.icon-clip-2 {
    border:1px solid #888;
    cursor:pointer
}
#msform,
#jobsrusform {
    width:100%;
    margin:0 auto;
    position:relative
}
#msform fieldset,
#jobsrusform fieldset {
    background:#fff;
    border:solid 1px #fff;
    border-radius:0 0 7px 7px;
    padding:20px 30px;
    font-size:12px;
    box-sizing:border-box;
    width:100%;
    margin:0;
    position:static!important
}
#msform input,
#msform textarea,
#jobsrusform input {
    border:1px solid #ccc;
    border-radius:3px;
    margin-bottom:10px;
    width:100%;
    box-sizing:border-box;
    color:#2C3E50;
    font-size:13px
}
#msform .action-button,
#jobsrusform .action-button {
    background:linear-gradient(to bottom,
    #6bbfe1 0,
    #428de9 100%);
    border:0 solid #69D4E3;
    border-radius:100px;
    color:#fff;
    cursor:pointer;
    font-size:15px;
    margin:10px 5px;
    padding:12px 16px;
}
#msform .previous.action-button,
#jobsrusform .previous.action-button {
    background:#010101
}
.fs-title {
    font-size:15px;
    color:#2C3E50;
    margin-bottom:10px
}
.fs-subtitle {
    font-size:13px;
    color:#666;
    margin-bottom:20px
}
#progressbar {
    background:#ccc;
    counter-reset:step;
    margin-bottom:0;
    overflow:hidden;
    padding:10px 0 5px
}
#progressbar li {
    list-style-type:none;
    color:#fff;
    font-size:12px;
    width:33.33%;
    float:left;
    padding-left:7px;
    text-align:center;
    position:relative
}
#progressbar li:before {
    content:counter(step);
    counter-increment:step;
    width:40px;
    line-height:40px;
    display:block;
    font-size:16px;
    color:#000;
    background:#fff;
    border-radius:50%;
    margin:0 auto 5px
}
#progressbar li::after {
    background:#fff;
    content:"";
    height:4px;
    left:-50%;
    position:absolute;
    top:19px;
    width:100%;
    z-index:-1
}
#progressbar li:first-child:after {
    content:none
}
#progressbar li.active:after,
#progressbar li.active:before {
    background:#27AE60;
    color:#fff
}
.transparent-modal .modal-content {
    background:0 0;
    border:0;
    margin-top:15%
}
.transparent-modal .modal-dialog {
    margin-top:0
}
.btn-file {
    position:relative;
    overflow:hidden
}
.btn.btn-primary.ban-check.trackingClick:hover,
.btn.btn-primary.ban-check.trackingClick:focus {
    background: transparent !important;
    border: solid 0px #2D3A5B !important;
}
.btn-file input[type=file] {
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:0;
    background:#fff;
    cursor:inherit;
    display:block
}
.fd-file,
.filter-listing li,
.job-chat-box-top,
.sources-table tr {
    cursor:pointer
}
.btn.btn-file {
    background:#EAF9FF;
    border:1px dashed #8dbef0!important;
    border-radius:1px;
    color:#333 !important;
    display:block;
    height:auto;
    font-size:19px;
    margin:0 auto;
    overflow:hidden;
    padding:20px;
    position:relative;
    text-align:left;
    width:100%
}
a.btn.btn-info.job-save-btn {
    padding:3px 18px;
    font-size:16px;
    margin-bottom:6px;
    border-radius:90px
}
#doneUpload {
    border:2px dashed #eee;
    color:#55dd88;
    font-size:16px;
    padding:3px 8px
}
h2.applyingJobTitle {
    margin-bottom:22px;
    font-size:22px;
    margin-top:-20px;
    text-align:left;
    color:#2C3E50;
}
.applyingAs {
    display:block;
    text-align:left;
    padding-bottom:37px;
    font-size:20px;
    color:#2C3E50
}
.applyingJobAddress {
    display:block;
    font-size:15px;
    text-align:left;
    padding-bottom:20px;
    color: #2C3E50;
}
.attachResumeTxt>span {
    color:#2C3E50;
    float:right;
    font-size:15px
}
.attachResumeTxt {
    font-size:15px
}
.job-chat-box {
    background:#fdfdfd;
    border-radius:6px 6px 0 0;
    bottom:0;
    box-shadow:0 0 3px rgba(0,
    0,
    0,
    .4);
    height:0;
    overflow:hidden;
    position:fixed;
    right:20px;
    top:auto;
    width:340px;
    z-index:500;
    transition:all .7s
}
.job-chat-box-top h3 {
    color:#111;
    font-size:15px;
    margin:0 16px;
    line-height:14px
}
.job-chat-box-top {
    padding:12px 0
}
.job-chat-box-footer {
    position:absolute;
    bottom:0;
    margin:8px;
    border:0 solid #fff;
    border-top:1px solid #eee;
    left:0;
    right:0;
    border-radius:2px
}
input.job-chat-input {
    border:0!important;
    font-size:13px;
    background:none;
    outline:0;
    width:88%;
    color:#000;
    padding:8px
}
.job-chat-box-footer .icon {
    float:right;
    margin:10px 7px 0 0
}
.job-chat-box-welcome-box {
    padding:37px 0!important;
    text-align:center
}
.job-chat-box-welcome-box>img {
    border-radius:50%;
    max-width:90px
}
.job-chat-avatar>img {
    max-width:31px;
    border-radius:50%;
    display:none
}
.right-sided .job-chat-bubble-text {
    float:right;
    margin-left:0;
    margin-right:0;
    background:#d4f2fc
}
.job-chat-bubble-text {
    border-radius:1.2em;
    float:left;
    font-size:15px;
    line-height:20px;
    margin-left:0;
    padding:6px 12px;
    width:auto;
    margin-bottom:2px;
    color:#000;
    background:#f1f0f3;
    max-width:100%
}
.job-chat-bubble {
    margin:15px 8px;
    width:auto;
    clear:both
}
.job-chat-box-top>i {
    font-size:21px;
    position:absolute;
    color:#00aced;
    right:14px;
    top:3px;
    padding:0 1px;
    cursor:pointer
}
.job-chat-avatar {
    float:left;
    margin-left:4px;
    display:none
}
.right-sided .job-chat-avatar {
    float:right;
    margin-right:4px;
    margin-left:0
}
.job-chat-box-inner {
    bottom:60px;
    overflow-x:hidden;
    overflow-y:auto;
    padding-left:19px;
    position:absolute;
    top:30px;
    transition:all .8s ease 0;
    max-width:100%
}
.job-chat-bubble.right-sided {
    overflow:hidden;
    float:right
}
.job-chat-box b,
.mini .job-chat-box-footer,
.mini .job-chat-box-inner {
    display:none
}
.job-chat-box span {
    display:inline-block;
    font-size:14px;
    line-height:14px;
    font-style:normal;
    padding:9px;
    color:#000
}
.job-chat-box.mini b {
    display:inline-block;
    margin-top:-4px;
    overflow:hidden;
    font-size:18px
}
.job-chat-box.mini span {
    display:none
}
.job-chat-box.show-chat-box.mini {
    height:36px;
    width:215px;
    transition:all .7s
}
span.offline-dotted,
span.online-dotted {
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:50px;
    margin-right:8px
}
span.online-dotted {
    background:#51d161;
    padding:0
}
span.offline-dotted {
    background:#ccc
}
.chat-introduce {
    background:#f1f0f3;
    border-radius:1.2em;
    color:#000;
    margin:0 18px 10px 0;
    padding:3px 10px 10px
}
.chat-introduce input {
    color:#010101;
    width:100%;
    max-width:100%;
    border:1px solid #ddd;
    padding:.25em .5em;
    border-radius:.2em;
    box-shadow:none;
    box-sizing:border-box;
    vertical-align:middle;
    background-image:none;
    height:2em;
    margin-bottom:6px
}
.chat-introduce span {
    display:block;
    line-height:20px;
    margin-bottom:5px
}
.filter-listing .active {
    background-color:#e5e5e5
}
#side-nav li.active {
    background-color:#fff
}
#superSpecialDialog {
    width:80%!important
}
.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration:none;
    border-bottom:none
}
.profi-uploaded {
    max-width:80%
}
#photo-header {
    margin-top:-75px
}
#photo {
    height:75px
}
#photo img {
    width:150px;
    height:150px;
    border-radius:50%
}
#text-header h1 {
    margin:0;
    padding:0;
    font-size:2.4em;
    letter-spacing:-1px
}
#text-header h1::first-line {
    font-size:1.5em;
    letter-spacing:-4px;
    line-height:1.5em
}
#text-header h1 span {
    color:#F0563D
}
#text-header h1 sup {
    opacity:.5
}
#text-header:after {
    width:100%;
    height:3px;
    background:url(../img/line.png);
    margin-top:15px;
    display:block
}
.box {
    margin-bottom:15px;
    text-align:left;
    padding:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.box h2 {
    color:#5c86ed;
    font-size:18px
}
.box h2:before {
    margin-right:5px
}
.box p {
    font-size:1.3em;
    line-height:20px
}
#education {
    position:relative;
    padding:1em 0;
    list-style:none
}
#education:before {
    width:5px;
    height:100%;
    position:absolute;
    left:25px;
    top:0;
    content:' ';
    display:block;
    background:#5c86ed;
    background:-moz-linear-gradient(top,
    #fff 0,
    #5c86ed 7%,
    #5c86ed 89%,
    #fff 100%);
    background:-webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0,
    #fff),
    color-stop(7%,
    #5c86ed),
    color-stop(89%,
    #5c86ed),
    color-stop(100%,
    #fff));
    background:-webkit-linear-gradient(top,
    #fff 0,
    #5c86ed 7%,
    #5c86ed 89%,
    #fff 100%);
    background:-o-linear-gradient(top,
    #fff 0,
    #5c86ed 7%,
    #5c86ed 89%,
    #fff 100%);
    background:-ms-linear-gradient(top,
    #fff 0,
    #5c86ed 7%,
    #5c86ed 89%,
    #fff 100%);
    background:linear-gradient(to bottom,
    #fff 0,
    #5c86ed 7%,
    #5c86ed 89%,
    #fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#ffffff',
    GradientType=0)
}
#education li {
    width:100%;
    z-index:2;
    position:relative;
    float:left
}
#education .year {
    width:21%;
    background:#fff;
    padding:10px;
    font-size:1.5em;
    display:inline-block
}
#education .description {
    width:80%;
    display:inline-block;
    background:#eee;
    margin-bottom:10px;
    position:relative;
    padding:10px 10px 0;
    border-bottom:1px solid #ddd
}
#education .description:after {
    content:'';
    position:absolute;
    top:40%;
    right:0;
    left:-16px;
    height:0;
    width:0;
    border:solid transparent;
    border-right-color:#eee;
    border-width:8px;
    pointer-events:none
}
#education .description h3 {
    font-size:16px;
    margin:0;
    padding:0
}
#education .description p {
    font-size:1.3em;
    margin-top:5px;
    padding:0
}
.job {
    margin-bottom:15px
}
.job .where {
    font-size:17px
}
.job .year {
    font-size:12px;
    opacity:.7
}
.job .profession {
    font-size:1.6em
}
.job .description {
    font-size:1.2em;
    line-height:20px
}
.contact-item {
    width:100%;
    float:left
}
.contact-item .icon {
    padding:10px;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    opacity:.2
}
.contact-item:last-child .icon {
    border-bottom:none
}
.contact-item .fa {
    font-size:2em
}
.contact-item .title {
    width:80%;
    width:calc(100% - 55px);
    font-size:1.5em;
    opacity:.9
}
.contact-item .title.only {
    margin-top:10px
}
.contact-item .description {
    width:80%;
    width:calc(100% - 55px);
    font-size:1.2em;
    opacity:.7
}
.description.edit_area,
.item-skills {
    font-size:15px
}
.item-skills {
    height:30px;
    background:#5c86ed;
    color:#fff;
    padding:5px 10px;
    margin-bottom:5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.legend:before,
.skills-legend:before {
    content:' ';
    background:#c6c6c6;
    position:relative
}
.skills-legend {
    margin-top:20px;
    opacity:.8
}
.skills-legend:before {
    width:100%;
    height:3px;
    display:block;
    margin-bottom:-13px
}
.skills-legend div {
    width:10%;
    display:inline-block;
    font-size:1.2em;
    color:#a9a9a9;
    float:left
}
.legend:before {
    width:3px;
    height:10px;
    display:block;
    margin:auto auto 15px
}
.legend-left.legend:before {
    margin-left:0
}
.legend-right.legend:before {
    margin-right:0
}
.legend-right {
    text-align:right
}
#language-skills .skill {
    font-size:1.3em;
    margin:10px 0;
    padding-bottom:10px;
    border-bottom:1px solid #eee
}
#language-skills .skill .icons {
    width:111px;
    height:14px;
    background:url(../img/star-grey.png) no-repeat
}
#language-skills .skill .icons-red {
    background:url(../img/star-red.png) no-repeat
}
.hobby {
    color:#fff;
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    padding:5px 5px 5px 25px;
    background:#A75265;
    position:relative;
    font-size:1.2em
}
.hobby:before {
    content:"\f004";
    font-family:FontAwesome;
    position:absolute;
    top:6px;
    left:7px
}
.ppc-progress,
.ppc-progress .ppc-progress-fill {
    left:calc(50% - 100px);
    top:calc(50% - 100px);
    width:200px;
    height:200px
}
.progress-pie-chart {
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:#E5E5E5;
    position:relative
}
.ppc-percents,
.ppc-progress,
.ppc-progress .ppc-progress-fill {
    content:"";
    position:absolute;
    border-radius:50%
}
.progress-pie-chart.gt-50 {
    background-color:#16a085
}
.ppc-progress {
    clip:rect(0,
    200px,
    200px,
    100px)
}
.ppc-progress .ppc-progress-fill {
    clip:rect(0,
    100px,
    200px,
    0);
    background:#16a085;
    transform:rotate(60deg)
}
.gt-50 .ppc-progress {
    clip:rect(0,
    100px,
    200px,
    0)
}
.gt-50 .ppc-progress .ppc-progress-fill {
    clip:rect(0,
    200px,
    200px,
    100px);
    background:#E5E5E5
}
.count-wedget .icon.icon-preview-2 {
    color:#16a085;
    float:left;
    font-size:15px;
    margin:2px 3px 0 0
}
.deleteProp,
.trash-card .card-detail-txt>span {
    float:right
}
.ppc-percents {
    left:calc(50% - 173.91px/2);
    top:calc(50% - 173.91px/2);
    width:173.91px;
    height:173.91px;
    background:#fff;
    text-align:center;
    display:table
}
.ppc-percents span {
    display:block;
    font-size:2.6em;
    color:#16a085
}
.pcc-percents-wrapper {
    display:table-cell;
    vertical-align:middle
}
.progress-pie-chart {
    margin:5px auto 0
}
#bodyResume td.name {
    min-width:100%;
    color:#000;
    font-size:14px;
    width:100%
}
.snapcard.mx-state-moving {
    opacity:.9;
    margin:0
}
.trash.mx-content-hover {
    background-color:#cf9
}
.modal.full-page-modal .modal-dialog {
    bottom:0!important;
    margin-bottom:0!important;
    margin-top:0;
    top:0;
    width:100%
}
.modal.full-page-modal .modal-content {
    margin-bottom:0!important;
    margin-top:0!important
}
.modal.full-page-modal {
    z-index:500000
}
.new-blue-modal .modal-header {
    border-radius:3px 3px 0 0;
    padding:5px 15px
}
.new-blue-modal .fd-zone {
    color:#010101
}
.new-blue-modal .modal-footer {
    background:#fff;
    border-radius:0 0 3px 3px;
    text-align:center
}
#job-select>li,
#archive-job-select>li {
    position:relative;
    border-bottom:2px solid #fff;
    background:#f9f9f9;
    text-align:left;
}
div#stats {
    min-height:540px
}
.FullScreenModal .modal-dialog {
    margin:0!important;
    width:100%
}
.modal.FullScreenModal .modal-content {
    background:rgba(0,
    0,
    0,
    0);
    box-shadow:none;
    margin:0!important;
    border:0
}
.FullScreeenModalRight .feed .wrapper {
    margin-top:23px;
    position:relative
}
.FullScreeenModalRight .comment-wording .fa.fa-quote-left,
.FullScreeenModalRight .comment-wording .fa.fa-quote-right {
    color:#fff
}
.modal.FullScreenModal h1,
.modal.FullScreenModal h2,
.modal.FullScreenModal h3,
.modal.FullScreenModal h4,
.modal.FullScreenModal h5,
.modal.FullScreenModal h6 {
    color:#373f47
}
.FullScreeenModalRight .fa-quote-left:before,
.FullScreeenModalRight .fa-quote-right::before {
    color:#2d3e50
}
.ResumeSearchBar .input-group-addon {
    padding:4px 9px
}
.deleteProp {
    font-size:10px;
    margin-top:5px
}
.snapcard-thumbs .icon.icon-profile-1 {
    font-size:28px;
    color:#777;
    display:none
}
.archieve-table,
.archieve-table .snapcard-thumbs {
    color:#616f6f
}
widget.trash-card {
    background:#fff;
    border:1px solid transparent;
    border-radius:3px;
    box-shadow:0 0 0 1px #999;
    color:#010101;
    margin:20px 0 10px;
    height:72px;
    max-width:186px
}
.report-dd.affiliate-dd>button {
    background:rgba(0,
    0,
    0,
    0);
    border:0 solid #ccc;
    font-size:18px;
    box-shadow:0 0 0 1px #ccc inset
}
.widget.trash-card .card-profile-pic {
    float:right;
    font-size:40px;
    width:56px;
    margin-bottom:5px;
    color:#010101
}
.trash-card .body {
    margin-top:2px
}
.trash-card.active.widget {
    box-shadow:0 0 0 3px #66afe9
}
.card-detail-txt>h4 {
    margin:0
}
.card-detail-txt>h5 {
    color:#777!important;
    margin-bottom:5px!important
}
.card-detail-txt>p {
    font-size:12px;
    margin:0;
    padding:0;
    line-height:16px
}
#trashModal .card-detail-txt>p {
    clear:left
}
.loading-cards-spinner {
    text-align:center;
    padding-top:13px;
    display:none
}
.snapcard-date {
    padding-right:0
}
.snapcard-modal-left-ad {
    left:0;
    margin-top:93px;
    position:absolute;
    width:170px
}
.FullScreeenModalCenterInner.FullScreeenModalCenterInnerwithad {
    padding-left:188px;
    position:relative
}
.dld-rsm.hvr-icon-push:before {
    content:"\f0ed";
    margin-right:-5px;
    margin-top:1px
}
.billing-info-logo {
    box-shadow:0 0 16px -6px #000;
    background:#fff;
    padding:5px 8px
}
.gen-thumb-txt p {
    margin:5px 0
}
.aff-header {
    background:url(${ctx}/landing/images/cover-image-placeholder5.jpg) no-repeat;
    background-size:cover;
    min-height:520px
}
.header-bottom h4 {
    color:#fff;
    font-size:17px;
    line-height:20px;
    padding-top:15px;
    text-align:center
}
.btn:focus,
.btn:hover {
    color:#000 !important;
    text-decoration:none;
}
.btn.btn-primary:hover {
    color:#fff !important;
}
.btn.btn-border {
    box-shadow: 0 2px 10px rgba(0,
    0,
    0,
    0.2);
    border-radius: 7px;
    height: 45px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    color: #192120;
}
.btn.btn-border:hover {
    border-color: transparent !important;
    outline: none !important;
}
.header-bottom h1 {
    color:#fff;
    text-align:center
}
.lnk-txt1,
.lnk-txt2 {
    color:#000
}
.Login-frmm {
    background:rgba(0,
    0,
    0,
    .5);
    border-radius:7px;
    margin:0 auto 35px;
    max-width:380px;
    padding:25px;
    width:100%
}
.cont-wdth {
    max-width:915px
}
.content-section img,
.selectboxit-container .selectboxit {
    max-width:100%
}
.table-row h4 {
    font-size:16px;
    line-height:25px
}
.table-row li {
    font-size:14px;
    padding:4px 0
}
.cta-button {
    margin-top:20px
}
.lnk-txt2 {
    font-size:16px!important;
    list-style:none
}
.quest-txt h2,
.recute-txt h2 {
    color:#000;
    font-size:24px;
    line-height:26px
}
.recute-txt h2 {
    margin:0 0 18px
}
.content-image2 {
    margin-top:10px
}
.quest-txt h2 {
    margin:0 0 18px
}
.quest-txt h3 {
    color:#3d93ce;
    font-size:20px
}
.quest-txt-2 h4 {
    color:#777;
    font-size:16px;
    line-height:22px;
    margin:0 0 12px
}
.quest-txt-2 h3 {
    color:#3d93ce;
    font-size:20px
}
.Login-frmm .btn.btn-warning {
    display:block;
    width:100%
}
.Login-frmm .btn.btn-warning:hover,
.btn.btn-warning.cta-button:hover {
    background:#f0ad4e
}
.header-bottom {
    margin-top:60px
}
.affi-points li {
    padding:2px 0 2px 30px;
    position:relative
}
.affi-points li:before {
    content:"\e300";
    font-family:streamline-30px!important;
    position:absolute;
    left:10px;
    top:1px;
    font-size:15px
}
button.close:active,
button.close:focus {
    outline:0
}
.login-txt li {
    font-size:20px;
    margin:11px 0 11px 24px;
    list-style:outside
}
.privacy-page h1,
.privacy-page strong {
    color:#fa8072;
    padding:50px;
}
#jobFormPosting fieldset .control-group {
    display:block!important;
    max-width:818px
}
.btn.btn-default.p-share-btn.soci-share-btn {
    border:0;
    padding:0;
    margin-top:5px
}
.btn.btn-default.p-share-btn.soci-share-btn:active,
.btn.btn-default.p-share-btn.soci-share-btn:focus,
.btn.btn-default.p-share-btn.soci-share-btn:hover {
    background:0 0;
    border:0 solid #318cea
}
.btn.btn-default.p-share-btn.soci-share-btn.dlt-bin {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    color:#000;
    font-size:17px;
    height:6px;
    margin-right:0px;
    margin-top:-6px;
    padding-left:36px;
    text-shadow:none;
}
.btn.btn-default.p-share-btn.soci-share-btn.dlt-bin:active,
.btn.btn-default.p-share-btn.soci-share-btn.dlt-bin:focus,
.btn.btn-default.p-share-btn.soci-share-btn.dlt-bin:hover {
    background:0 0;
    color:#000 !important
}
.soci-share-btn.p-share-btn img {
    height:auto;
    width:27px
}
.newActivity strong {
    font-size:inherit
}
span.mainJobhedingTxt {
    float:left
}
.new-job-content-area-cont.jobContentArea {
    padding-left:0
}
.jobTableList th {
    white-space:nowrap
}
.btn.bg-info.btn-lg.btn-block {
    margin:0;
    margin-bottom:10px
}
ul.dropdown-menu.dark-dd ul.dropdown-menu {
    max-height:200px;
    overflow-y:auto
}
.headerMoney>i.icon {
    font-size:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:0;
    cursor:pointer
}
i.chat-ico-names {
    border-radius:100px;
    width:36px;
    height:36px;
    background:rgba(73,
    196,
    255,
    0.5);
    font-size:5px;
    display:inline-block;
    text-align:center;
    line-height:23px;
    font-style:normal;
    float:left;
    margin-right:13px;
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,
    0,
    0,
    0.1);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:7px;
    text-indent:-9999px
}
span.initial-chat-bubble {
    background:#d4f2fc;
    border-radius:21px;
    margin:0 0 7px;
    color:#000;
    font-size:14px;
    padding:12px 18px
}
.job-chat-box-footer i.icon.icon-plane-paper-1 {
    color:#318ce7;
    width:30px;
    height:30px;
    line-height:34px;
    text-align:center;
    font-size:15px;
    border-left:1px solid #e4e4e4;
    border-radius:0;
    cursor:pointer;
    display:none
}
.chat-users-list.analytics-list .tour-points-txt {
    padding-right:25px!important
}
.job-chat-box.show-chat-box {
    height:475px
}
.adres-z a {
    color:#fff
}
span.viewed {
    font-size:12px;
    color:#b0c4de;
    font-style:italic;
    cursor:pointer
}
.card-values span {
    cursor:pointer
}
p.row.orange-heading {
    padding:5px;
    text-align:center;
    background:rgba(255,
    165,
    0,
    0.57);
    color:#fff;
    margin-bottom:8px;
    font-weight:500
}
p.row.report-issue-txt {
    font-size:13px;
    text-align:center;
    margin-top:0;
    margin-bottom:30px
}
.payment-page-left-col input#promoteCode {
    margin:-3px 0 0;
    float:none;
    width:100%
}
p.lastMessage i {
    display:block;
    width:55%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-left:47px
}
.chat-users-list li p {
    font-size:12px;
    margin-bottom:0;
    font-style:initial;
    margin-left:43px;
    color:#8699a6;
    line-height:20px;
}
.chat-users-list li p i {
    font-style:normal;
}
.logo-cont a img {
    opacity:0.4;
    transform:all 300ms ease-in-out;
}
.logo-cont a img:hover {
    opacity:1;
    transform:all 300ms ease-in-out;
}
.confirmModal .btn {
    font-size:15px;
    padding:10px 30px;
    margin-left:19px;
    display:none
}
span.numbers-txt {
    border:0px solid;
    border-radius:2px;
    width:24px;
    display:inline-block;
    text-align:center;
    height:17px;
    line-height:15px;
    font-size:16px;
    margin-right:6px;
    margin-left:1px;
    background:none;
    font-family:'AvenirLTStd-Medium';
}
.greentxt {
    color:#57d48f;
}
.purpletxt {
    color:#7a7ee2;
}
.lastUpdatechoti {
    margin-left:45px;
    color:rgba(153,
    153,
    153,
    0.74);
    font-size:9px;
    line-height:9px;
    text-align:right;
    margin-right:9px;
    margin-top:-1px;
    position:absolute;
    bottom:0;
    right:0
}
.chat-area-main-col-right .channel-item.active span {
    overflow:visible;
    white-space:normal
}
li.channel-item.chat-page-left-list {
    clear:both;
    min-height:56px
}
.profile-page-right-col {
    color:#444
}
.report-page-right-col.payment-page-left-col {
    left:0;
    right:0;
    padding:0
}
.report-page-right-col.payment-page-left-col .checkout-cont {
    max-width:580px;
    margin:100px auto 0;
    border:1px solid #d8dade;
    padding-bottom:30px;
    padding-left:20px;
    padding-right:20px;
    background:#fff
}
.youWillPay {
    background:#edf6fb;
    padding:14px 12px;
    border-radius:7px;
    color:#000;
    font-size:13px;
    margin-left:-13px;
    margin-right:-13px
}
b.border-bottom {
    border-bottom:1px solid #ccc;
    display:block;
    padding-bottom:3px;
    font-size:13px;
    font-weight:700
}
table.amount-detail-table {
    margin:37px 0;
    width:100%;
    font-size:13px
}
.amountpaid b {
    font-weight:700
}
.icon.bank-icon {
    background:#fff;
    border-radius:10px;
    font-size:18px;
    box-shadow:2px 2px 8px rgba(0,
    0,
    0,
    0.1);
    text-align:center;
    display:inline-block;
    padding:2px 8px
}
.amountPolicies {
    padding:18px 0 0;
    font-size:13px
}
.amountPolicies a {
    font-weight:700
}
.upload-txt.for-pub {
    padding:9px;
    background:rgba(238,
    238,
    238,
    0.2);
    font-size:14px;
    color:#010101;
    border:solid 1px #e9e9e9;
    line-height:20px
}
#job-select .tour-points-arrow,
#archive-job-select .tour-points-arrow {
    margin:0px 7px 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    float:left;
    width:34px;
    font-size:15px;
    text-align:center;
    height:34px;
    line-height:35px;
    color:#fff
}
.stripe-button-el span {
    padding:10px 50px!important;
    height:auto!important;
    font-size:20px!important
}
.cc-dtails {
    text-align:center;
    background:none
}
.pay-options {
    margin-left:0;
    margin-right:0
}
button.submit-coupon-btn {
    color:#1275ff;
    border-radius:4px;
    padding:0;
    margin-left:5px;
    margin-top:7px;
    border:0;
    background:none
}
i.chat-ico-names:before {
    width:20px;
    height:20px;
    background:url(../img/user-white-ico.png) no-repeat center;
    background-size:22px auto;
    content:"";
    display:block;
    margin:1px
}
.form-group.totalCostRow {
    border-top:0 solid #ddd;
    padding-top:10px;
    background:rgba(238,
    238,
    238,
    0.34);
    padding-left:10px;
    padding-right:10px
}
a.paginate_button.active {
    background:#eee!important;
    color:#fff!important;
    border:1px solid #eee
}
.analysis-page-header-right {
    text-align:right;
    padding:18px 15px 0 0
}
img.link-loads {
    width:15px;
    margin-left:23px;
    visibility:hidden
}
img.grey-loading {
    position:absolute;
    width:40px;
    right:0;
    top:50%;
    margin-top:-16px;
    display:none;
    padding:5px;
    background:#f5f5f5
}
.chat-col-list-load.text-center img {
    width:28px
}
.main-vertical-nav .navMain a:focus img.link-loads,
.main-vertical-nav .navMain a:active img.link-loads {
    visibility:visible
}
a.viewJobLink {
    position:absolute;
    right:15px;
    top:25px;
    text-decoration:underline;
    font-size:14px;
    display:none
}
p.searchResultJobPara {
    margin-left:44px!important;
    margin-top:6px;
    font-size:10px!important;
    line-height:13px!important;
    color:#3a3a3a!important;
    margin-right:70px
}
span.card-percentage {
    background:url(../img/colored-circle.png);
    width:43px;
    height:43px;
    display:inline-block;
    background-size:cover;
    line-height:44px;
    font-family:Arial,
    sans-serif;
    font-size:11px;
    text-align:center
}
span.dots-loading {
    display:none;
    width:66px
}
span.compared-txt {
    display:inline-block;
    background:url(../img/colored-circle.png);
    width:28px;
    height:28px;
    text-align:center;
    float:right;
    margin-top:-23px;
    background-size:cover;
    line-height:30px;
    font-size:9px;
    font-family:Arial,
    sans-serif;
    background-repeat:no-repeat;
    display:none
}
i.userID {
    display:block;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    font-style:oblique
}
span.boosted-job {
    position:absolute;
    background:#57d48f;
    color:#fff;
    border-radius:2px;
    font-size:8px;
    padding:3px 0;
    line-height:12px;
    left:12px;
    top:41px;
    width:42px;
    text-align:center
}
.analytic-filter {
    padding:25px 20px 30px
}
.analytic-result-List header {
    border-bottom:1px solid #dfe0e4;
    background:#eee;
    border-radius:4px 4px 0 0;
    padding:7px 20px
}
.channel-item>p {
    font-size:12px;
    color:#bbb;
    margin-bottom:0
}
.channel-item>p i {
    font-style:normal;
    padding-right:3px;
    color:#000;
    font-size:11px
}
.eventColContent ul {
    color:#000
}
button.export-d-btn {
    border:0;
    background:none;
    font-size:22px;
    vertical-align:middle;
    margin:0 4px
}
.chat-applicants .chat-ico span {
    display:block;
    padding:2px 17px 2px 29px;
    line-height:20px
}
.chat-applicants .chat-ico img {
    float:left;
    margin-top:4px
}
.user-id-box {
    padding:11px 20px;
    background:#f9f9f9;
    font-size:14px;
    border-right:1px solid #ddd;
    border-radius:4px 0 0 0
}
.analytic-results-body {
    position:relative
}
.user-id-box span {
    display:block;
    font-size:11px
}
.user-id-box span i {
    color:#ccc;
    font-size:10px;
    padding-left:8px
}
.user-id-details {
    border-right:1px solid #dfe0e4;
    font-size:13px;
    padding:10px 20px;
    color:rgba(65,
    105,
    225,
    0.68);
    overflow:hidden;
    line-height:22px
}
.user-id-details b {
    color:#010101
}
.dataTables_paginate.paging_full_numbers {
    margin-bottom:50px;
    width:100%;
    text-align:center
}
.dataTables_paginate.paging_full_numbers a {
    display:inline-block;
    margin-bottom:5px;
    color:#000 !important;
    font-weight:400;
    font-size:15px;
    margin-right:15px;
    border-radius:50px;
}
.eventColHeading {
    position:relative;
    padding-right:250px;
    margin:5px 0
}
.eventRightSec {
    padding:20px 15px 15px 0
}
span.evntTime {
    position:absolute;
    right:0;
    top:0;
    max-width:250px;
    display:inline-block
}
span.number {
    background:rgba(73,
    196,
    255,
    0.5);
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    left:0;
    width:30px;
    text-align:center;
    color:#fff;
    border-radius:1px 0 0 1px;
    font-size:13px;
    line-height:24px
}
.vertical-cards-cell-head>h3:before {
    content:"";
    display:inline-block;
    width:4px;
    height:11px;
    margin-right:4px;
    margin-left:-4px
}
.vertical-cards-cell-head.hiredHead .adres-z,
.vertical-cards-cell-head.hiredHead>h3:before {
    background:rgba(250,
    128,
    114,
    0.63)
}
.vertical-cards-cell-head.interviewdHead .adres-z,
.vertical-cards-cell-head.interviewdHead>h3:before {
    background:rgba(54,
    115,
    185,
    0.58)
}
.vertical-cards-cell-head.rockstarsHead .adres-z,
.vertical-cards-cell-head.rockstarsHead>h3:before {
    background:rgba(50,
    185,
    131,
    0.55)
}
.vertical-cards-cell-head.screenedHead .adres-z,
.vertical-cards-cell-head.screenedHead>h3:before {
    background:rgba(222,
    131,
    223,
    0.51)
}
.vertical-cards-cell-head.appliedHead .adres-z,
.vertical-cards-cell-head.appliedHead>h3:before {
    background:rgba(73,
    196,
    255,
    0.5)
}
.eventColContent {
    padding:5px 0 15px
}
.eventColContent ul {
    margin:0
}
.user-id-details>b {
    font-size:13px
}
.gradient-modal {
    background:#fff;
    color:#010101;
    border-radius:9px 9px 0 0;
    padding:30px 20px 0
}
.gradient-modal h3,
.sidebarHeader h3 {
    text-transform:uppercase;
    color:silver;
    font-size:22px;
    font-weight:bolder;
    margin:-3px 19px 4px -23px;
    text-align:left;
    padding-left:43px;
    padding-top:16px
}
.gradient-modal .selectboxit-btn.selectboxit-enabled:hover,
.gradient-modal .selectboxit-btn.selectboxit-enabled:focus {
    color:#010101
}
.snapboard-main-left-col-inner h3.left-blue-col-heading {
    margin-left:40px;
    margin-bottom:40px;
}
.gradient-modal label.modal-para-heading {
    color:#010101;
    display:block;
    text-align:right;
    padding:17px
}
.gradient-modal h3 b {
    font-size:30px
}
.gradient-footer {
    background:#fff;
    padding:10px;
    text-align:center;
    color:#bbb;
    font-size:15px;
    line-height:19px;
}
.gradient-modal table {
    width:100%
}
.row.sidebarHeader {
    clear:both
}
.gradient-modal button.close .icon {
    color:#010101
}
.gradient-modal button.close {
    position:absolute;
    text-shadow:none;
    right:10px;
    top:30px
}
.new-blue-modal.boost-modal .modal-content {
    margin-top:20%;
    box-shadow:0 0 50px 5px rgba(0,
    0,
    0,
    .15)
}
.border-ed-note {
    padding:20px
}
.eventColContent>ul>li {
    display:inline-block;
    padding:0 10px 0 35px;
    background:#fff;
    font-size:13px;
    position:relative;
    margin:0 2px 5px 0;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:251px;
    overflow:hidden;
    vertical-align:top;
    border-radius:6px;
    border:solid 1px #eee
}
span.number.greenBg {
    background:rgba(50,
    185,
    131,
    0.55)
}
span.number.pinkBg {
    background:rgba(222,
    131,
    223,
    0.51)
}
span.number.blueBg {
    background:rgba(54,
    115,
    185,
    0.58)
}
span.number.yellowBg {
    background:rgba(236,
    236,
    2,
    0.93)
}
span.number.redBg {
    background:rgba(255,
    0,
    0,
    0.4)
}
span.number.salmonBg {
    background:rgba(250,
    128,
    114,
    0.63)
}
.view-track-details {
    border-left:10px solid #eee;
    padding:5px 10px;
    margin-left:11px
}
.os-info {
    text-align:right;
    padding:4px 10px 0 0
}
.os-info img {
    width:16px
}
label.defaut-track-lable:before {
    width:7px;
    height:7px;
    border-radius:10px;
    content:"";
    background:#de83df;
    display:inline-block;
    vertical-align:middle;
    margin-right:3px
}
label.defaut-track-lable {
    border-radius:3px;
    background:#eee;
    font-size:12px;
    font-weight:400;
    padding:0 8px;
    border:1px solid #ccc;
    color:#000
}
label.defaut-track-lable:before {
    width:7px;
    height:7px;
    border-radius:10px;
    content:"";
    background:#de83df;
    display:inline-block;
    vertical-align:middle;
    margin-right:3px
}
label.defaut-track-lable.colored {
    background:#de83df;
    border-color:#de83df;
    color:#fff
}
label.defaut-track-lable.colored:before {
    background:#ecafec
}
.view-track-details {
    border-left:8px solid #dadada;
    padding:5px 10px;
    margin-left:11px;
    display:none
}
label.defaut-track-lable.greenDot:before {
    background:#55e055
}
.underLabelContent {
    border-left:2px solid #dadada;
    padding-left:10px;
    margin-left:11px
}
.eventCol {
    border-radius:5px;
    padding:1px 6px;
    margin-bottom:2px;
    cursor:pointer
}
.eventCol:hover {
    background:#fff
}
.eventCol.active .view-track-details {
    display:block
}
.eventColHeading i.fa.fa-angle-right {
    margin-right:3px;
    transition:all .3s ease-in-out 0;
    transform:rotate(0deg)
}
.eventCol.active .eventColHeading i.fa.fa-angle-right {
    transform:rotate(90deg)
}
label.defaut-track-lable.blueDot:before {
    background:#49c4ff
}
span.raw-event-txt {
    margin:0 8px
}
.eventColHeading h3 {
    color:#318cea;
    font-size:15px;
    font-weight:600;
    margin:8px 0
}
.tuts-img-cont img {
    _display:none
}
.analytic-result-List {
    border:1px solid #dfe0e4;
    border-radius:4px;
    margin-bottom:20px
}
span.analytic-result-user {
    font-size:24px;
    font-weight:500;
    margin-right:11px
}
span.lastSeen {
    color:#999
}
.analytic-results {
    margin:22px 0
}
a.showRawEvent {
    float:right;
    margin-top:3px
}
.analysis-page-cont {
    width:100%
}
.folder-dropdown {
    padding:19px;
    background:none;
    border:0;
    margin:0;
    border-right:1px solid #dfe0e4
}
.analysis-page-header {
    border:1px solid #dfe0e4;
    border-radius:4px
}
.dropdown.analysis-folder-dd {
    float:left;
    margin-right:15px
}
p.attachResumeTxt {
    overflow:hidden;
    margin-bottom:12px
}
span.button__inner {
    color:#fff
}
.tutBtn i {
    font-size:19px;
    vertical-align:middle;
    margin-right:3px
}
.job-details-txt-shares {
    padding-bottom:20px
}
p.jobExpiredBox {
    background:#fff;
    width:92%;
    max-width:500px;
    border-radius:18px;
    display:inline-block;
    padding: 0;
    font-size:18px;
    margin-bottom: 0;
}
.jobExpirePage .headermiddlesec {
    margin-top: 0;
}
.jobExpirePage .expiretrash img {
    margin-bottom: 0;
}
.jobexpiresearch {
    background:#ffd11cbd;
    color:#222;
    padding:8px 30px;
    border-radius:50px;
    margin-top:20px;
    display:inline-block;
    font-size:16px;
    transition:all 300ms ease-in-out;
}
.jobexpiresearch:hover {
    /*background:linear-gradient(104deg,
    #23c5dd 0%,
    #5bdfce 100%);*/
    background:#efc75e;
    transition:all 300ms ease-in-out;
    color:#fff;
}
.expiretrash img {
    width:200px;
    margin-top:50px;
    margin-bottom:20px;
}
.expiretrash h2 {
    font-size: 30px;
    text-transform: uppercase;
}
.alert.alert-success.create-app-alert-success {
    background:aliceblue;
    color:#45c9dc !important;
    border:solid 1px #a3b8cb17 !important;
}
i.fa.fa-code {
    padding:1px;
    font-size:21px !important;
    margin-right:11px;
}
.container.onlyLogoCont .logo-lg {
    width:206px
}
.container.onlyLogoCont .logo-sm {
    width:30px
}
.container.onlyLogoCont {
    margin-top:20px;
    margin-bottom:20px
}
.top-edit-job-btns i.icon.icon-letter-1 {
    font-size:23px;
    vertical-align:middle;
    margin:3px
}
.new-job-content.new-job-content-middle {
    border:1px solid #f1f1f1;
    margin-top:-2px
}
.applyLater h4.modal-title {
    margin:4px 0 3px
}
.applyLater button.close {
    margin:6px -1px 3px 0
}
.applyLater .modal-dialog {
    max-width:480px;
    margin-top:15%
}
.applyLater label {
    padding-top:5px;
    text-align:right;
    display:block
}
.applyLater input[type="text"] {
    width:100%;
    margin-bottom:14px
}
div#loginModal .modal-backdrop , 
div#signUpModal .modal-backdrop {
    opacity: .5!important;
    display: block!important;
    position: absolute;
}
#loginModal .modal-dialog ,
#signUpModal .modal-dialog {
    width: 100%;
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin: 1.75rem auto;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2));
}
.contacts-add-modal .form-style .common-form .form-control, 
.contacts-add-modal input.form-control, 
.contacts-add-modal select.form-control {
    height: 45px;
}
#loginModal .ico-input {
    margin-bottom: 15px;
}
.contacts-add-modal .common-form input[type=text], .contacts-add-modal .common-form input[type=password] {
    margin-bottom: 0;
    height: 45px;
    font-size: 14px;
}
.contacts-add-modal .control-group {
    margin-bottom: 12px;
}
.contacts-add-modal .phonenumberrelative label.country-code {
    left: 0;
    font-size: 14px;
    font-weight: 600;
}
.contacts-add-modal span.help-block {
    margin-left: 0;
    line-height: initial;
}
#loginModal .modal-dialog .modal-content , 
#signUpModal .modal-dialog .modal-content {
    max-width: 100%;    
    margin: 0;
}
#loginModal .modal-dialog .modal-content .modal-body , 
#signUpModal .modal-dialog .modal-content .modal-body {
    padding: 30px;
}
.login-form-footer button.btn {
    background: #000 !important;
    border: 0 solid #000 !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 15px;
    margin: 10px 5px;
    padding: 12px 16px;
    margin: 0;
}
#loginModal .ico-input i.icon , 
#signUpModal .ico-input i.icon {
    top: 15px;
}
#loginModal img {
    max-width: 270px;
}
.timerIco {
    font-size:50px;
    text-align:center;
    height:68px
}
div#applyJobModalNew .modal-backdrop {
    opacity:.5!important;
    display:block!important;
    position:absolute
}
#msform .selectboxit-container.selectboxit-container {
    max-width:520px
}
span.dropdown.dotted-dropdown {
    position:absolute;
    right:0;
    top:50%;
    margin-top:-19px;
    padding:5px 0 5px 5px
}
span.dropdown.dotted-dropdown a.dropdown-toggle {
    transform:rotate(-90deg);
    font-size:30px;
    margin:2px 9px 0 0;
    display:inline-block;
    color:#000;
    border-radius:50px;
    padding:1px 3px 4px 6px;
    height:24px;
    width:24px;
    line-height:11px;
    opacity:0
}
span.dropdown.dotted-dropdown ul.dropdown-menu li:first-child a:before {
    content:"";
    display:block;
    width:86px;
    position:absolute;
    margin-top:-23px;
    left:71px;
    height:18px
}
#job-select>li:hover span.dropdown.dotted-dropdown a.dropdown-toggle {
    opacity:1
}
span.dropdown.dotted-dropdown:hover a.dropdown-toggle {
    background:transparent;
    opacity:1;
    color:#7a7ee2;
    font-weight:bold;
}
span.dropdown.dotted-dropdown:hover .dropdown-menu {
    display:block!important
}
span.dropdown.dotted-dropdown ul.dropdown-menu {
    right:2px;
    left:inherit;
    border-radius:6px;
    top:35px
}
span.dropdown.dotted-dropdown.open a.dropdown-toggle {
    color:#fff;
    font-weight:500
}
span.dotted-dropdown .dropdown-menu>li>a {
    padding:1px 13px;
    margin:0;
    border-bottom:0px solid #ddd !important;
}
.footerBar {
    border-top:2px solid #eee;
    box-shadow:0 -4px 5px #eee;
    padding-top:25px;
    text-align:left;
    margin-top:50px
}
.footer-header-line {
    border-bottom:2px solid #eee;
    color:#ccc;
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
    padding:30px 0 5px
}
.footerBottomBar p {
    color:#bbb;
    float:left;
    font-size:14px
}
.footerBottomBar ul {
    float:right
}
.footerBottomBarLinks li {
    display:inline-block;
    padding:0 6px
}
.footerBottomBarLinks li a {
    font-size:14px
}
.footerSocialLinks li {
    display:inline-block
}
.footer-header-line+ul li a {
    font-size:16px;
}
.footerSocialLinks li a {
    font-size:24px !important;
    margin-right:5px;
}
.footerBar .container {
    width:100%;
    max-width:850px;
}
.animated1 {
    -webkit-animation-duration:300ms;
    animation-duration:300ms;
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce {
    100%,
    20%,
    53%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    100%,
    20%,
    53%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
.dropdown>a {
    -webkit-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    transition:all .2s ease-in
}
.dropdown-menu.animated {
    -webkit-animation-duration:.55s;
    animation-duration:.55s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
.dropdown-menu.animated.fadeIn {
    -webkit-animation-duration:.45s;
    animation-duration:.45s;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
.viewBoostJobBtn i.icon {
    transform:rotate(60deg);
    display:inline-block;
    font-size:12px;
    vertical-align:middle
}
.viewBoostJobBtn {
    position:absolute!important;
    top:-38px;
    background:#fff;
    border:solid;
    border-radius:2px;
    padding:4px 12px;
    font-size:10px;
    display:none;
    z-index:50;
    opacity:0;
    transition:.6s all;
    border:1px solid #ccc
}
.viewBoostJobBtn:before {
    content:"";
    display:block;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #ccc;
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-7px
}
.viewBoostJobBtn:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #fff;
    position:absolute;
    bottom:-6px;
    left:50%;
    margin-left:-7px;
    z-index:1
}
.viewBoostJobBtn>a {
    margin:0 4px;
    font-size:17px
}
.viewBoostJobBtn>a:hover {
    text-decoration:underline
}
.snapboard-main-left-col li:hover .viewBoostJobBtn {
    display:inline-block;
    opacity:1
}
.jobRadioBtns {
    color:#010101;
    padding-top:4px!important
}
.skillsInstructions>li,
.jobTagsInstructions>li {
    color:#000 !important;
    margin-left:7px;
    line-height:20px;
    text-align:left;
    font-size:14px;
    padding-top:16px;
}
.jobRadioBtns>input {
    margin:-3px 3px 0 0;
    vertical-align:middle
}
.main-vertical-nav .navMain a {
    color:#aaa;
    padding:20px 9px 0;
    display:block;
    margin-right:0;
    height:90px;
    transition:unset
}
.main-vertical-nav .navMain li {
    position:relative;
    width:100%;
    display:inline-block;
    text-align:center;
    border-radius:0;
    float:left
}
.main-vertical-nav .navMain a i.notifications-number {
    position:absolute;
    background:#f34a43;
    height:18px;
    border-radius:5px;
    color:#fff;
    min-width:20px;
    line-height:19px;
    text-align:center;
    font-size:11px;
    font-style:normal;
    top:8px;
    right:27px;
    font-family:Arial,
    sans-serif;
    padding-left:2px;
    padding-right:2px
}
button.chat-send-btn {
    border:0;
    padding:0 6px 0 3px;
    color:#318ce7;
    text-shadow:none;
    border-radius:0;
    font-size:20px;
    background:#fff;
    position:absolute;
    margin:6px 0 0 -35px;
    z-index:5;
    border-left:1px solid #e4e4e4;
    top:0;
    width:43px;
    bottom:4px;
    right:1px
}
.text-chat-box .input-group .mention.form-control {
    width:100%
}
i.job-list-notification {
    background:#f34a43;
    color:#fff;
    min-width:21px;
    height:20px;
    line-height:16px;
    font-size:10px;
    padding-left:3px;
    padding-right:2px;
    border-radius:7px;
    position:absolute;
    font-family:Arial,
    sans-serif;
    font-style:normal;
    left:25px;
    top:2px;
    text-align:center;
    border:solid 2px #fff
}
.main-vertical-nav .navMain a span {
    font-size:14px;
    padding-left:0;
    transition:.2s all;
    display:block;
    line-height:14px;
    color:#ccc;
    padding-top:10px;
    transition:.2s all;
}
.headerleftmenu.headrightmenu {
    position:relative;
    right:0;
    float:right;
    left:auto;
    top:auto;
    margin:23px 10px 0 0;
}
.headerleftmenu li.menuopen a+.headersubmenu {
    display:block;
    position:absolute;
    background:#fff;
    padding:5px 0;
    border-radius:10px;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    top:100%;
    margin-top:5px;
    z-index:99;
}
.headerleftmenu li .headersubmenu li:hover {
    background:#f5f5f5;
}
.headerleftmenu li .headersubmenu li {
    display:block;
}
.contactlist svg {
    height:24px;
    width:24px;
}
.headersubmenu li {
    padding:0;
    margin:0;
    width:100%;
}
.headersubmenu .notifications-number {
    position:absolute;
    background:#f34a43;
    height:18px;
    border-radius:5px;
    color:#fff;
    min-width:20px;
    line-height:19px;
    text-align:center;
    font-size:11px;
    font-style:normal;
    top:-10px;
    right:0;
    font-family:Arial,
    sans-serif;
    padding-left:2px;
    padding-right:2px;
}
.headerleftmenu li:hover a {
    border-bottom:2px solid #eee;
}
.copybtn button {
    margin-bottom:0 !important;
}
.search-filters-cont .cards-dd .dropdown-menu.account:after,
.dropdown-menu:after,
.top-right-icons .dropdown-menu.account:after {
    top:-9px;
}
.search-filters-cont .dropdown-menu:before,
.top-right-icons .dropdown-menu.account:before {
    top:-8px;
}
#jobFormPosting a {
    line-height:45px;
}
.headerleftmenu li.active a {
    border-bottom:3px solid #fff;
}
.headertopmenu li {
    display:inline-block;
    position:relative;
}
.headertopmenu ul.headersubmenu {
    display:none;
}
.postDetailsCol {
    margin-top: 40px;
}
.headertopmenu li .headersubmenu li a {
    white-space:nowrap;
    font-size:14px;
    display:flex;
    color:#222;
    padding:8px 20px;
    align-items:center;
}
.headertopmenu li .headersubmenu li:hover {
    background:#F4F5F7;
}
.headertopmenu li .headersubmenu li a svg,
.headertopmenu li .headersubmenu li a img {
    margin-right:10px;
    max-width: 16px;
}
.headertopmenu li:hover a+.headersubmenu {
    display:block;
    position:absolute;
    background:#fff;
    right:0;
    padding:5px 0;
    border-radius:10px;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    .175);
    top:100%;
    margin-top:0;
}
.headerleftmenu .headersubmenu li a {
    border-bottom:0px solid #eee;
}
.headerleftmenu .headersubmenu li:hover a {
    border-bottom:0px solid #eee;
}
.headersubmenu span {
    position:relative;
    line-height:initial;
}
.headerleftmenu li .headersubmenu li a {
    white-space:nowrap;
    font-size:15px;
    display:flex;
    padding:8px 20px;
    align-items:center;
}
.dropdown.addJobsBulk+.dropdown.addJobsBulk {
    margin-left: 15px;
}
.headersubmenu svg {
    width:24px;
}
.headerleftmenu li.myaccountMenuAuto {
    margin-left: auto;
}
.headerleftmenu li .headersubmenu li a svg {
    margin-right:10px;
}
ul.headerleftmenu {
    width:auto;
    margin:0;
    margin-top:0;
    float:left;
    flex-grow: 1;
    display: flex;
}
.logosec {
    float:left;
    margin-right:20px;
    padding:0 20px;
}
.logosec img {
    width:187px;
    margin-top:0;
}
.headerleftmenu li .headersubmenu li:hover {
    background:#F4F5F7;
}
.main-vertical-nav {
    display:none;
}
.headerleftmenu li a {
    font-size:16px;
    padding-bottom:5px;
    color:#000;
    font-weight:900;
    padding:6px;
}
.headerleftmenu li {
    display:inline-block;
    margin-right:0;
    position:relative;
}
.headerleftmenu ul.headersubmenu {
    display:none;
}
#sendSms-tab select {
    border:1px solid #ddd !important;
    padding:10px;
    border-radius:0;
}
.preloader.dinblock {
    display:inline-block !important;
}
.main-vertical-nav .navMain a::before,
.main-vertical-nav .navMain a::after {
    clear:both;
    content:"";
    display:block
}
.main-vertical-nav .navMain a i {
    border-radius:50px;
    font-size:31px;
    margin-top:2px;
    float:none;
    display:block;
    text-align:center;
    color:#3e4064;
    transition:.2s all
}
.main-vertical-nav .navMain li:hover a i.icon,
.main-vertical-nav .navMain li:hover a span,
.main-vertical-nav .navMain li a.active i.icon,
.main-vertical-nav .navMain li a.active span {
    color:#7a7ee2
}
.main-vertical-nav .navMain li:hover {
    background-color:#fff
}
.main-vertical-nav .navMain li svg path.cls-1,
.main-vertical-nav .navMain li svg path.cls-2,
.main-vertical-nav .navMain li svg path.cls-3 {
    fill:#3e465d;
}
.main-vertical-nav .navMain li:hover svg path.cls-1,
.main-vertical-nav .navMain li a.active svg path.cls-1 {
    fill:#7a7ee2;
}
.main-vertical-nav .navMain li:hover svg path.cls-2,
.main-vertical-nav .navMain li a.active svg path.cls-2 {
    fill:#3cb371;
}
.main-vertical-nav .navMain li:hover svg path.cls-3,
.main-vertical-nav .navMain li a.active svg path.cls-3 {
    fill:#7a7ee2;
}
.main-vertical-nav .navMain li:hover svg path.cls-4,
.main-vertical-nav .navMain li:hover svg path.cls-5,
.main-vertical-nav .navMain li a.active svg path.cls-4,
.main-vertical-nav .navMain li a.active svg path.cls-5 {
    fill:#3cb371;
}
.main-vertical-nav .navMain li:hover svg path.cls-4,
.main-vertical-nav .navMain li a.active svg path.cls-4 {
    fill:#3cb371;
}
.main-vertical-nav .navMain li:hover svg circle.cls-2,
.main-vertical-nav .navMain li a.active svg circle.cls-2 {
    fill:#3cb371;
}
span.badge.greenBadge {
    background:#57d48f;
    margin-top:11px;
    display:inline-block
}
.main-vertical-nav .tooltip {
    display:none!important;
    opacity:0!important
}
.main-vertical-nav.active {
    height:100%;
    padding-top:23px
}
.main-vertical-nav.active .navMain a span {
    display:block;
    opacity:1;
    line-height:15px;
    padding-top:8px
}
.notification-footer {
    position:fixed;
    z-index:99;
    bottom:0;
    width:100%;
    text-align:center;
    color:#dcdcdc;
    border-top:solid 1px #fff;
    background:#fff;
    text-transform:uppercase;
    border:solid 1px #e9e9e9;
    padding:0 10px;
    display:none!important;
    left: 0;
}
.jobHeader {
    align-items: center;
}
.jobHeader .searchmenuright {
    padding-right: 70px;
}
.jobHeader a.loginmenu {
    width: auto;
    height: 38px;
}
.jobHeader .logosec a img {
    margin-top: 0;
    height: auto;
}
.jobHeader .menuColMain {
    flex-grow: 1;
}
.headerColJob {
    padding-bottom: 4px;
    background: #fff;
    box-shadow: 0 0 48px rgb(0 0 0 / 6%) !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    z-index: 1050;
    min-height: 72px;
    padding-top: 0px;
}
.notification-footer h4 {
    display:inline-block;
    margin-right:10px
}
.footer_text ul.socila_icon>li {
    display:inline-block;
}
.footer_text ul.socila_icon>li {
    margin-left:10px;
}
.footer_text ul>li {
    padding:4px 0;
}
.socila_icon li+li {
    margin-left:25px;
}
.socila_icon li {
    display:inline-block;
    vertical-align:middle;
}
.socila_icon li a i {
    font-size:27px;
}
.copyright {
    margin-top:0;
}
.copyright p {
    color:#3b414b;
    font-size:15px;
    margin: 0;
}
.footer_bottom {
    border-top:1px solid #E0DFE0;
    padding:25px 0;
}
.socila_icon li a i.fa.fa-facebook {
    font-size:20px;
    color:#1976D2;
}
.socila_icon li a i.fa.fa-twitter {
    color:#03A9F4;
}
.footer_content {
    background-color: #fff;
    padding: 50px 0 60px;
    position: relative;
    z-index: 9;
    border-top-style: solid;
    border-color: #eaf2f761;
}
.footer_right ul>li {
    display:inline-block;
    padding:0 6px;
}
.notification-footer a.btn.notification-footer-link {
    padding:4px 15px;
    border-radius:100px;
    font-weight:700;
    font-size:14px;
    margin-bottom:12px;
    background:#55dd88;
    color:#fff !important;
    border-color:#55dd88;
    height:auto;
    line-height:20px;
    margin-top:9px;
}
.newMessageTxt {
    margin-top:28vh
}
.newMessageTxt h3 {
    font-size:30px;
    font-weight:400;
    color:silver;
    margin:28px 9%;
    line-height:45px
}
.vertical-cards .lastList {
    margin-right:0
}
.main-vertical-nav {
    position:fixed;
    z-index:500;
    background:#fff;
    background-size:cover;
    top:50px;
    height:100%;
    width:120px;
    padding-top:0;
    top:0;
    transition:.3s all;
    box-shadow:1px 1px 10px rgba(0,
    0,
    0,
    0.1);
}
.menu-toggle-container {
    display:inline-block
}
section.srchResumePanel.searchProfileDetail {
    width:35.5%;
    padding-top:114px
}
section.srchResumePanel.searchProfileDetail h3 {
    font-size:20px;
    margin-left:15px;
    font-weight:500
}
.collapsLogo {
    border-right:0px solid #ddd;
    display: none;
    float:left;
    padding:0;
    transition:.2s all;
    overflow:hidden;
    height:59px;
}
.collapLogoInner {
    width:260px
}
.collapsLogo.active {
    width:265px
}
.collapsLogo .s-logo {
    max-width:49px;
    margin:10px 0 0 33px;
}
img.logo-loading {
    margin:8px 0 0 7px;
    width:38px
}
.collapsLogo .s-logo-txt {
    max-width:175px;
    margin-top:15px;
    display:none;
    margin-left:3px
}
.collapsLogo.active .s-logo-txt {
    display:inline
}
.chatterInfo {
    background:#fff;
    color:#000;
    padding:7px;
    line-height:16px;
    margin-left:0;
    position:absolute;
    z-index:999;
    font-size:13px;
    left:0;
    top:48px;
    border-bottom:1px solid #eee;
    width:53%;
    cursor:default
}
.chatterInfo p {
    display:inline-block;
    background:#fff;
    padding:5px 14px;
    border-radius:0;
    margin:4px;
    color:rgba(49,
    140,
    231,
    0.68);
    border:solid 1px rgba(49,
    140,
    231,
    0.47)
}
p#agentInfo:before {
    content:"\e433";
    font-family:"streamline-30px"!important;
    font-size:17px;
    vertical-align:middle;
    margin-right:7px
}
p#ipInfo:before {
    content:"\e431";
    font-family:"streamline-30px"!important;
    font-size:19px;
    vertical-align:middle;
    margin-right:7px
}
p#locationInfo:before {
    content:"\e39f";
    font-family:"streamline-30px"!important;
    font-size:15px;
    vertical-align:middle;
    margin-right:7px
}
p#referInfo:before {
    content:"\e508";
    font-family:"streamline-30px"!important;
    font-size:15px;
    vertical-align:middle;
    margin-right:7px
}
i.icon.chatterInfoCloseBtn {
    float:right;
    font-size:8px;
    color:#010101;
    margin-top:11px;
    margin-right:10px;
    cursor:pointer
}
span.sessionInfoBtn {
    border:1px solid #ccc;
    border-radius:16px;
    padding:4px 16px;
    font-size:16px;
    position:absolute;
    cursor:pointer;
    margin-top:-5px;
    color:#444
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    border:solid 2px #eee;
    background:#fff;
    color:#000 !important;
}
.notifyjs-corner {
    z-index:99999!important
}
button#chatEnter {
    background:#fefefe none repeat scroll 0 0;
    border:1px solid #e2e2e2;
    border-radius:3px;
    color:#5a595e;
    font-size:10px;
    margin:0px auto 0;
    padding:2px 8px -2px
}
.notifyjs-bootstrap-base .notifyjs-bootstrap-warn {
    border:1px solid #fff;
    background:orange
}
i.minimize-ico span {
    font-size:13px;
    text-decoration:underline;
    color:#00aced
}
button#chatEnter::before {
    background:#55c768 none repeat scroll 0 0;
    border-radius:10px;
    content:"";
    display:inline-block;
    height:6px;
    margin-right:7px;
    vertical-align:middle;
    width:6px
}
.job-chat-box-footer.ienter {
    text-align:center
}
input#notificationEmail {
    width:100%;
    max-width:345px;
    color:#000
}
textarea#autoReply[placeholder] {
    color:#bbb
}
textarea#autoReply {
    color:#318ce7
}
.smaller-devices-content {
    display:none!important
}
.jobcon-ad img {
    max-width:100%
}
.jobcon-ad {
    padding:9px 0 10px;
    margin-top:18px;
    box-shadow:0 0 82px -4px rgba(0,
    0,
    0,
    .1)
}
.incrementInp input {
    width:38px;
    text-align:center
}
.container.m-search-job {
    padding:0 12px 0 0;
    max-width:550px;
    padding-top:40px;
}
.m-search-bar button.btn.btn-success {
    background:#3cb371;
    border-color:#3cb371
}
.m-search-job h1.text-center {
    color:#f4715a
}
.table.jobsTable th {
    background:none;
    font-size:18px;
    text-align:center;
    padding-top:12px !important;
    padding-bottom:12px!important;
    line-height:20px;
    font-weight:800;
}
button.altera {
    display:block;
    width:13px;
    padding:0;
    line-height:5px;
    margin:0;
    border:1px solid;
    margin-bottom:1px;
    font-size:12px;
    background:#fff;
    color:#8a8a8a;
    text-shadow:none;
    border-radius:50px;
    height:13px
}
button.altera.decrescimo {
    padding-bottom:4px;
    padding-top:2px
}
button.altera:hover {
    color:#318ce7
}
.incrementInp {
    min-width:62px
}
.job-link-txt-wrap {
    white-space:normal;
    text-align:left;
    padding-left:20px;
}
i.tableTriggerArrow {
    color:#999;
    font-size:18px;
    border:1px solid;
    border-radius:50px;
    width:20px;
    text-align:center;
    height:20px;
    line-height:20px;
    color:#000 !important
}
.incrementInpBtns {
    display:inline-block;
    vertical-align:middle
}
i.online-dot {
    width:12px;
    height:12px;
    display:inline-block;
    background:#2ace70;
    border-radius:50px;
    margin:0 6px 0 0;
    vertical-align:middle
}
i.online-dot.offline {
    background:#ccc
}
input.jobsCheckbox {
    margin-left:29px;
    margin-top:8px
}
td.jobDetailsInTable div {
    padding:15px;
    max-height:150px;
    margin-left:30px;
    overflow-y:auto;
    text-align:left
}
.dropdown.jobsEditBtn ul.dropdown-menu:before,
.dropdown.jobsEditBtn ul.dropdown-menu:after,
.dropdown.leftSided ul.dropdown-menu:before,
.dropdown.leftSided ul.dropdown-menu:after {
    right:auto
}
.dropdown.jobsEditBtn ul.dropdown-menu:after,
.dropdown.leftSided ul.dropdown-menu:after {
    left:9px;
    margin:0;
}
.dropdown.jobsEditBtn ul.dropdown-menu,
.dropdown.leftSided ul.dropdown-menu {
    left:9px
}
.dropdown.jobsEditBtn ul.dropdown-menu:before,
.dropdown.leftSided ul.dropdown-menu:before {
    left:10px
}
.tableToggleContent {
    display:none
}
a.jobSearchName {
    color:#1ea2d7 !important;
}
.tableToggleContent.showThis {
    display:table-row-group;
    background:rgba(241,
    239,
    239,
    0.31);
    border-top:1px solid
}
tbody.jobsTableRow {
    cursor:pointer
}
.newCheck[type="checkbox"]:not(:checked),
.newCheck[type="checkbox"]:checked {
    position:absolute;
    left:-9999px
}
.newCheck[type="checkbox"]:not(:checked)+label,
.newCheck[type="checkbox"]:checked+label {
    position:relative;
    padding-left:1.95em;
    cursor:pointer;
    margin-bottom:14px;
    margin-left:0
}
ul.job-sites li td img {
    max-width:100%
}
.newCheck[type="checkbox"]:not(:checked)+label:before,
.newCheck[type="checkbox"]:checked+label:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    border:1px solid #c0bdbd;
    background:#fff;
    border-radius:4px;
    box-shadow:inset 0 1px 3px rgba(0,
    0,
    0,
    .1)
}
.newCheck[type="checkbox"]:not(:checked)+label:after,
.newCheck[type="checkbox"]:checked+label:after {
    content:'\f00c';
    font-family: fontawesome;
    position:absolute;
    top:6px;
    left:5px;
    font-size:10px;
    line-height:.8;
    color:#318ce7;
    transition:all .2s
}
.newCheck[type="checkbox"]:not(:checked)+label:after {
    opacity:0;
    transform:scale(0)
}
.newCheck[type="checkbox"]:checked+label:after {
    opacity:1;
    transform:scale(1)
}
.newCheck[type="checkbox"]:disabled:not(:checked)+label:before,
.newCheck[type="checkbox"]:disabled:checked+label:before {
    box-shadow:none;
    border-color:#bbb;
    background-color:#ddd
}
.aligncenter {
    display: flex;
    align-items: center;
}
.newCheck[type="checkbox"]:disabled:checked+label:after {
    color:#999
}
.newCheck[type="checkbox"]:disabled+label {
    color:#aaa
}
.newCheckAddMoreJob[type="checkbox"]:not(:checked),
.newCheckAddMoreJob[type="checkbox"]:checked {
    position:absolute;
    left:-9999px
}
.newCheckAddMoreJob[type="checkbox"]:not(:checked)+label,
.newCheckAddMoreJob[type="checkbox"]:checked+label {
    position:relative;
    padding-left:1.95em;
    cursor:pointer;
    margin-bottom:14px;
    margin-left:0
}
ul.job-sites li td img {
    max-width:100%
}
.newCheckAddMoreJob[type="checkbox"]:not(:checked)+label:before,
.newCheckAddMoreJob[type="checkbox"]:checked+label:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1.25em;
    height:1.25em;
    border:2px solid #ccc;
    background:#fff;
    border-radius:4px;
    box-shadow:inset 0 1px 3px rgba(0,
    0,
    0,
    .1)
}
.newCheckAddMoreJob[type="checkbox"]:not(:checked)+label:after,
.newCheckAddMoreJob[type="checkbox"]:checked+label:after {
    content: '\f00c';
    font-family: fontawesome;
    position:absolute;
    top:5px;
    left:4px;
    font-size:10px;
    line-height:.8;
    color:#358fe9;
    transition:all .2s
}
.newCheckAddMoreJob[type="checkbox"]:not(:checked)+label:after {
    opacity:0;
    transform:scale(0)
}
.newCheckAddMoreJob[type="checkbox"]:checked+label:after {
    opacity:1;
    transform:scale(1)
}
.newCheckAddMoreJob[type="checkbox"]:disabled:not(:checked)+label:before,
.newCheckAddMoreJob[type="checkbox"]:disabled:checked+label:before {
    box-shadow:none;
    border-color:#bbb;
    background-color:#ddd
}
.newCheckAddMoreJob[type="checkbox"]:disabled:checked+label:after {
    color:#999
}
.newCheckAddMoreJob[type="checkbox"]:disabled+label {
    color:#aaa
}
.newRadio[type="radio"]:not(:checked),
.newRadio[type="radio"]:checked {
    position:absolute;
    left:-9999px
}
.newRadio[type="radio"]:not(:checked)+label,
.newRadio[type="radio"]:checked+label {
    position:relative;
    padding-left:1.95em;
    cursor:pointer;
    margin-bottom:14px;
    margin-left:0
}
ul.job-sites li td img {
    max-width:100%
}
.newRadio[type="radio"]:not(:checked)+label:before,
.newRadio[type="radio"]:checked+label:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1.25em;
    height:1.25em;
    border:2px solid #ccc;
    background:#fff;
    border-radius:50%;
    box-shadow:inset 0 1px 3px rgba(0,
    0,
    0,
    .1)
}
.newRadio[type="radio"]:not(:checked)+label:after,
.newRadio[type="radio"]:checked+label:after {
    content:'';
    position:absolute;
    top:.5em !important;
    left:.25em;
    font-size:1em;
    line-height:.8;
    color:#358fe9;
    transition:all .2s
}
.newRadio[type="radio"]:not(:checked)+label:after {
    opacity:0;
    transform:scale(0)
}
.newRadio[type="radio"]:checked+label:after {
    opacity:1;
    transform:scale(1)
}
.newRadio[type="radio"]:disabled:not(:checked)+label:before,
.newRadio[type="radio"]:disabled:checked+label:before {
    box-shadow:none;
    border-color:#bbb;
    background-color:#ddd
}
.newRadio[type="radio"]:disabled:checked+label:after {
    color:#999
}
.newRadio[type="radio"]:disabled+label {
    color:#aaa
}
.tableTriggerArrow.rotateArrow {
    display:inline-block;
    transform:rotate(180deg);
    vertical-align:middle;
    margin-bottom:5px
}
div:contains(0),
div:contains(1),
div:contains(2) {
    background-color:red
}
.dropdown.jobsEditBtn button {
    margin-bottom:0
}
table.jobsTable tbody {
    border-top:0 solid #ccc
}
.table.jobsTable th {
    background:none;
    font-size:14px;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px!important;
    line-height:20px
}
table.jobsTable th,
table.jobsTable td {
    padding:4px 2px!important;
    vertical-align:middle!important;
    text-align:center
}
tbody.placementTotals td {
    color:#000;
    font-weight:700
}
ul.campaignPartners {
    margin:0 24px
}
.row.campaignOverview th,
.row.campaignOverview tr,
.row.campaignOverview td {
    display:block;
    float:left;
    width:100%;
    padding:1px;
    line-height:18px
}
.row.campaignOverview td {
    font-size:19px
}
.row.campaignOverview th {
    font-size:13px;
    color:#a2adb7;
    font-weight:400
}
.row.campaignOverview tr {
    margin-bottom:14px
}
.chat-software-info {
    position:absolute;
    top:50px
}
ul.capaignpartnersLogo {
    margin:5px 20px 0 50px;
    padding:4px 0 0
}
.jobsTable i.fa.fa-check-circle {
    color:#2ace70
}
.jobsTable i.fa.fa-minus-circle {
    color:#999
}
.jobsTable i.fa.fa-pause {
    color:#999;
    font-size:12px;
    margin-left:1px
}
.dropdown.addJobsBulk {
    display:inline-block;
    margin-bottom:13px;
    float:left;
}
.addJobsBulk+.btn {
    vertical-align:top;
}
#realAutoListComp input#city-select {
    padding-left:40px;
}
#realAutoListCompActJobs input#employer-select-active {
    padding-left:40px;
}
.checkoutpagesec {
    margin-top:2%;
}
.dropdown.login-button ul.dropdown-menu {
    min-width:inherit;
    left:50%;
    margin-left:-86px;
    top:48px;
    padding:8px 0;
}
.dropdown.login-button ul.dropdown-menu:before {
    width:0;
    height:0;
    border-bottom:6px solid white;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    content:"";
    position:absolute;
    top:-6px;
    left:50%;
    transform:translate(-50%,
    0);
}
.dropdown.login-button ul.dropdown-menu li {
    border-bottom:1px solid #f9f9f9;
}
.login-button .dropdown-menu li a {
    font-size:15px;
    font-weight:500;
    padding:7px 48px;
    color:#000;
    display:block;
}
.dropdown.login-button ul.dropdown-menu:after {
    left:50%;
    transform:translate(-50%,
    0);
    margin:0;
}
.greenText {
    color:#04a436
}
.redText {
    color:#ff252f
}
span.mainText {
    line-height:14px
}
.footText {
    font-size:10px;
    line-height:11px;
    display:inline-block;
    vertical-align:middle;
    margin-left:4px
}
i.down-red {
    width:0;
    border-top:6px solid red;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    display:inline-block
}
i.up-green {
    width:0;
    border-bottom:6px solid green;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    display:inline-block
}
.boostJobModalTxt {
    margin:0 9px;
    font-size:15px;
    border:0 solid #eee;
    border-radius:3px;
    padding:10px;
    background:#edf6fb;
    margin-top:20px;
    margin-bottom:20px;
}
ul.dropdown-menu {
    min-width:202px;
}
.dropdown.dotted-dropdown ul.dropdown-menu {
    min-width:170px;
    white-space:nowrap;
    padding:10px 30px 10px 5px;
    text-align:left;
}
.boostmodalFooter {
    padding-left:38px;
    padding-right:38px
}
.prsection ul.dropdown-menu.dark-dd li {
    white-space:nowrap;
}
.min-budget-inp-sec {
    background:#fff
}
span#resumesCount {
    margin-left:23px
}
.min-budget-inp span.input-group-addon {
    font-size:24px
}
.min-budget-inp input.form-control {
    background:none;
    height:47px;
    font-size:24px;
    text-align:right
}
.input-group.min-budget-inp {
    margin:19px auto 0;
    max-width:240px
}
.addBudgetModalhead {
    padding:0 13%
}
p.boostJobModalTxt.text-center {
    margin:0 60px;
    line-height:20px;
    padding:0
}
ul.job-sites.fb-google-ads {
    text-align:left;
    padding-left:0
}
table.jobsTable tr td:nth-child(3),
table.jobsTable tr th:nth-child(3) {
    text-align:left
}
.headerMoney span {
    color:#000
}
.headerMoney {
    float:right;
    color:#000;
    font-size:14px;
    font-weight:500;
    margin:23px 10px 0 0;
    border-bottom:solid 2px #eee;
    float:right;
    color:#000;
    font-size:17px;
    font-weight:500;
    margin:23px 10px 0 0;
    cursor:default;
    position:relative;
    display:none;
}
.gradient-modal hr {
    margin:8px 0
}
#addBudget .modal-body {
    padding-left:10%;
    padding-right:10%
}
p.conversionRate {
    font-size:18px;
    margin-top:0;
    margin-bottom:6px;
    color:#000
}
.addBudgetTop b {
    font-size:20px;
    margin-top:20px;
    display:inline-block
}
.sendGetInp {
    margin-top:25px
}
.addBudgetPara {
    margin-bottom:30px;
    text-align:left;
    color:#000;
}
.big-s-logo {
    border-radius:100px;
    box-shadow:14px 10px 50px rgba(244,
    100,
    83,
    0.36);
    margin-top:10px
}
span.clear-helper {
    color:#000;
    border:0 solid #ccc;
    display:inline-block;
    width:28px;
    text-align:center;
    position:absolute;
    margin-left:-33px;
    background:#fff;
    margin-top:2px;
    font-size:19px;
    opacity:0
}
.left-col-search button.btn.btn-default {
    margin:0;
    padding:0 5px
}
span.searchclear,
span.searchclear2 {
    color:#318ce7;
    font-size:20px;
    cursor:pointer;
    width:15px;
    text-align:center;
    padding:0 5px
}
div#campaignModal .modal-content {
    margin-top:60px
}
i.campaignIco {
    vertical-align:middle;
    color:#000;
    font-size:21px;
    margin-right:2px;
    cursor:pointer
}
.row.campaignOverview {
    margin-left:10px;
    margin-right:10px;
    font-size:16px;
    padding:0 0 30px
}
.availableValue {
    font-size:22px
}
.availableValueTxt span {
    font-size:12px;
    margin-left:5px
}
.min-budget-inp-sec input.form-control {
    background:none;
    font-size:18px;
    width:73px;
    border:1px solid #4fa1f4!important
}
.min-budget-inp-sec span.input-group-addon {
    background:none;
    color:#010101;
    font-size:18px;
    border-color:#4fa1f4
}
ul.job-sites.job-select-ul li {
    width:100%
}
span.conversionRateBottom {
    color:silver;
}
button.btn.btn-info.dropdown-toggle.searchOptionsBtn {
    color:darkturquoise !important;
}
a.dropdown-toggle {
    color:#1ea2d7;
}
ul.job-sites.job-select-ul {
    max-height:210px;
    overflow-y:auto;
    height:auto
}
button.btn-lg.gradientBtn {
    padding:0 40px;
    text-transform:uppercase
}
.btn.gradientBtn,
.btn.gradientBtn:hover,
.btn.gradientBtn:active,
.btn.gradientBtn:focus {
    background:#fff;
    border:solid 1px #2d3a5b;
    color:#000 !important;
    border-radius: 10px !important;
}
.text-right .backbtnboost,
.text-right .backbtnboost:hover,
.text-right .btn.gradientBtn:active,
.text-right .btn.gradientBtn:focus {
    border:1px solid #2d3a5b !important;
    background:none !important;
    color:#000 !important;
}
.headerBudgetBtn i.icon.icon-dollar-currency-3 {
    vertical-align:middle;
    margin-right:2px
}
.btn.roundBtn {
    border-radius:100px
}
.report-dd #dLabel img {
    max-width:100%
}
li.selectAllInp {
    border-bottom:1px solid #eaeaea;
    padding-bottom:0;
    margin-bottom:0;
    display:flex;
    width:100%!important;
    margin-bottom:10px;
    align-items:center;
}
.employerradio+.employerradio {
    margin-left:10px;
}
.employerradio {
    display:inline-block;
    position:relative;
}
li.selectAllInp .pull-left {
    white-space:nowrap;
}
.boostedJobSuccess {
    padding:100px 20%
}
.boostedJobSuccess h4 {
    color:#bfbfbf;
    font-size:20px
}
.job-sites li table td {
    margin:0!important;
    padding:0!important
}
#addBudget .modal-content {
    margin-top:20%
}
.availableValueTxt {
    font-size:17px
}
tbody.tableToggleContent tr td,
tbody.tableToggleContent tr th {
    text-align:left!important
}
.jobsTableRow tr {
    height:48px
}
tbody.tableToggleContent tr {
    height:37px
}
button.btn.greenBtn {
    background:#fff !important;
    border:solid 1px #040404 !important;
    color:#000 !important;
    border-radius:5px !important;
}
button.headerBudgetBtn {
    float:right;
    margin-top:12px;
    margin-right:17px
}
.alert-success button.close {
    text-shadow:none;
    color:inherit
}
.selectAllInp .contact-srch-bar {
    margin:-5px 0 9px
}
.min-budget-inp input.form-control::-webkit-input-placeholder {
    color:#fff
}
.min-budget-inp input.form-control::-moz-placeholder {
    color:#fff
}
.min-budget-inp input.form-control:-ms-input-placeholder {
    color:#fff
}
.min-budget-inp input.form-control:-moz-placeholder {
    color:#fff
}
.downloadSample {
    display:block;
    color:#010101;
    text-align:center;
    border:1px dashed #ccc;
    padding:20px;
    margin:0 20px 25px
}
.downloadSample a {
    display:block;
    text-decoration:underline;
    margin-top:-3px;
    font-size:19px
}
ul.modalErrorTxt li {
    border:1px solid;
    text-align:center;
    padding:0 7px;
    display:inline-block;
    margin:0 auto;
    padding-left:17px;
}
span.downloadSampleTxt {
    font-size:28px;
    color:silver;
    display:block;
    line-height:35px
}
.downloadSample span.glyphicon {
    font-size:28px;
    margin-top:20px
}
.btn.gradientBorderBtn {
    margin:50px auto;
    border-top:20px solid #3ACFD5;
    border-bottom:20px solid #3a4ed5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-position:0 0,
    100% 0;
    background-repeat:no-repeat;
    -webkit-background-size:20px 100%;
    -moz-background-size:20px 100%;
    background-size:20px 100%;
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image:-webkit-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%),
    -webkit-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%);
    background-image:-moz-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%),
    -moz-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%);
    background-image:-o-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%),
    -o-linear-gradient(top,
    #3acfd5 0%,
    #3a4ed5 100%);
    background-image:linear-gradient(to bottom,
    #3acfd5 0%,
    #3a4ed5 100%),
    linear-gradient(to bottom,
    #3acfd5 0%,
    #3a4ed5 100%)
}
.input-group.min-budget-inp-sec .input-group-addon i {
    color:#4fa1f4
}
.left-col-search input,
.contact-srch-bar input {
    background:#fff !important;
    height:45px;
    border-radius:3px !important;
    box-shadow:0px 0px 15px 0px rgba(0,
    0,
    0,
    0.12) !important;
    font-size:14px;
    font-family:'AvenirLTStd-Light';
}
.left-col-search .input-group {
    width:100%;
    margin-top:20px;
}
.left-col-search .input-group-btn,
.contact-srch-bar .input-group-btn {
    position:absolute;
    right:0;
    top:0;
    background:#6bbbe1;
    width:60px;
    z-index:900;
    text-align:center;
    border-radius:0px 8px 8px 0px;
}
.left-col-search .input-group-btn i:before,
.contact-srch-bar .input-group-btn i:before {
    color:#fff;
}
.loadgif {
    opacity:1;
    display:block !important;
}
select#activeSince {
    width:100%;
    height:46px;
    border-radius:0px;
    padding:5px 15px;
    border:1px solid #eee!important;
    font-size:14px;
    color:#000;
}
.loadgif {
    opacity:1;
    display:none;
}
.loadgif1 {
    opacity:0;
    display:none !important;
}
.loadgif1.showcontentnoreply {
    opacity:1;
    display:block !important;
}
.chattabsms a {
    text-transform:uppercase;
}
.smsmt {
    margin-top:20px;
}
.loadgif.showcontent {
    opacity:0;
    display:none !important;
}
.loadgif.showcontent1 {
    opacity:1 !important;
    display:block !important;
}
.smshide {
    opacity:0;
}
.smshide.showcontent {
    opacity:1;
}
.left-col-search .input-group input,
.left-col-search .input-group,
.left-col-search .input-group .input-group-btn .btn.btn-default {
    border:0!important;
    background:none;
    box-shadow:none;
    border: 2px !important;
}
.left-col-search.bordergrey input {
    border:1px solid #ddd !important;
}
#job-select>li:first-child {
    margin-top:0
}
.left-col-search {
    background:none;
    margin:0 10px;
    margin-bottom:5px;
}
@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
.lds-rolling {
    position:relative
}
.lds-rolling div,
.lds-rolling div:after {
    position:absolute;
    width:16px;
    height:16px;
    border:2px solid #fff;
    border-top-color:transparent;
    border-radius:50%
}
.lds-rolling div {
    -webkit-animation:lds-rolling 1s linear infinite;
    animation:lds-rolling 1s linear infinite;
    top:0;
    left:15px
}
.lds-rolling div:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.lds-rolling {
    -webkit-transform:translate(-15px,
    -15px) scale(1) translate(15px,
    15px);
    transform:translate(-15px,
    -15px) scale(1) translate(15px,
    15px)
}
.lds-css.ng-scope.link-loads {
    display:inline-block;
    float:right;
    margin:-23px 60px 0 0
}
.lds-css.darkReload .lds-rolling div,
.lds-css.darkReload .lds-rolling div:after {
    border-color:#010101;
    border-top-color:transparent
}
.lds-css.blueReload .lds-rolling div,
.lds-css.blueReload .lds-rolling div:after {
    border-color:#318ce7;
    border-top-color:transparent
}
.lds-css.ng-scope.btnReload {
    display:inline-block;
    vertical-align:middle;
    width:20px;
    margin-right:7px;
    margin-left:-5px
}
.lds-css.ng-scope.btnReload .lds-rolling {
    -webkit-transform:translate(-15px,
    -17px) scale(1) translate(15px,
    15px);
    transform:translate(-15px,
    -17px) scale(1) translate(15px,
    15px)
}
.searchJobsForm .row {
    margin-bottom:10px
}
button.btn.btn-success.jobSearchBtn {
    background:#57d48f;
    border-color:#57d48f;
    width:100%;
    padding:8px;
    margin:11px 0 0
}
i#logoLoadingSpin {
    color:#f46c57;
    font-size:21px;
    margin-top:5px
}
.jobs-list-container {
    overflow:hidden;
    max-height:210px;
    height:auto
}
i.edit-ico-button {
    position:absolute;
    background:rgba(0,
    0,
    0,
    0.6);
    color:#fff;
    width:20px;
    height:20px;
    line-height:23px;
    border-radius:50px;
    font-size:10px;
    margin-top:-19px;
    margin-left:-20px;
    opacity:0;
    transition:.3s opacity
}
i.edit-ico-button:hover {
    background:#000
}
.job-link-txt:hover i.edit-ico-button {
    opacity:1
}
#jobBoardModal .modal-backdrop {
    display:none;
    height:0!important
}
#jobBoardModal .modal-content {
    margin-top:53px
}
li.boostTableRow .row {
    margin:0
}
li.boostTableRow .row .col-xs-1 {
    width:35px
}
li.boostTableRow .row .col-xs-1,
li.boostTableRow .row .col-xs-11,
li.boostTableRow .row .col-xs-6,
li.boostTableRow .row .col-xs-5 {
    padding:0
}
li.jobsTableRow .row {
    margin:0
}
li.jobsTableRow .row .col-xs-1 {
    width:35px
}
li.jobsTableRow .row .col-xs-1,
li.jobsTableRow .row .col-xs-11,
li.jobsTableRow .row .col-xs-6,
li.jobsTableRow .row .col-xs-5 {
    padding:0
}
.addJobsBulk .dropdown-menu li:first-child {
    border-top:0
}
.addJobsBulk .dropdown-menu li {
    border-top:1px solid #fff
}
.footerSocialLinks a {
    font-size:26px
}
.controls.form-group.jobDetailText {
    font-size:16px
}
.freeJobPartners {
    padding: 15px 10px;
    text-align: left;
    z-index: 5;
    border: 1px solid #eee;
    margin-left: 0;
    max-width: 960px;
    margin-top: 77px;
    margin: 70px auto;
}
.freeJobPartners img {
    margin:0 16px
}
.freeJobPartners>h3 {
    font-size:21px;
    margin:2px 6px 0 21px;
    float:left;
    width:109px;
    border-right:1px solid #eee;
    line-height:35px
}
.freeJobPartners p {
    font-size:14px;
    line-height:24px;
    padding-left:192px;
    margin:0 0 2px
}
.freeJobPartners .row>div>h3 {
    text-transform:uppercase;
    font-size:17px;
    color:#010101
}
.freeJobPartners .row>div {
    border-top:1px solid #eee;
    padding:10px
}
.freeJobPartners .row>div>p {
    font-size:14px;
    line-height:19px
}
.popover-content a {
    word-wrap:break-word
}
.popover-content {
    color:#010101;
    font-size:13px
}
button.btn.jobSearchClearBtn {
    margin:11px 0 0;
    width:100%;
    padding:8px;
    height:auto;
    line-height:20px;
}
ul.nav-tabs.statusTab li a {
    background:#eee!important
}
ul.nav-tabs.statusTab li.active a {
    background:#fff!important;
    border-bottom:0;
    color:#010101;
    border-color:#eee
}
p.emptyCampaignMessage {
    color:#d6d6d6;
    text-align:center;
    display:block;
    margin:30px auto;
    padding:1px 20px;
    font-size:25px
}
ul.nav-tabs.statusTab li.active a {
    background:#fff!important;
    border-bottom:0;
    color:#010101;
    border-color:#eee
}
p.emptyCampaignMessage a {
    margin-top:11px;
    font-size:17px;
    display:inline-block;
    font-style:italic
}
p.emptyCampaignMessage.columnMessage {
    font-size:19px;
    margin-top:60px
}
.chat-users-list.searchResultList li p {
    margin-left:0
}
.searchResultListLeft {
    padding-left:0
}
p.searchResultJobPara {
    margin-left:44px!important;
    margin-top:6px;
    font-size:11px!important;
    line-height:15px!important
}
a.btn.btn-primary.tutBtn {
    background:#57d48f;
    color:#fff!important;
    border-color:#57d48f;
}
.jobsCompanyName i {
    font-size:15px;
    margin-right:5px
}
p.boostCampaignSummary span {
    font-size:16px;
    color:#d0cbca;
    margin-left:10px
}
p.boostCampaignSummary {
    font-size:20px;
    border-bottom:1px solid #eee;
    padding-bottom:5px
}
.sidePanelModalCont {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255,
    255,
    255,
    0.68);
    z-index:800;
    display:none
}
.sidePanelModalCont.open {
    display:block
}
div#sendEmail-tab p {
    line-height:18px
}
div#sendEmail-tab textarea,
div#sendEmail-tab p {
    color:#777;
    padding-top:15px;
}
.sidePanelModal {
    position:fixed;
    top:0;
    bottom:0;
    width:750px;
    right:0;
    background:#fff;
    box-shadow:0 0 48px rgba(0,
    0,
    0,
    0.12);
    padding:0 40px;
    z-index:999;
    right:-100%;
    transition:.1s right ease .2s;
    overflow-y:auto;
    padding-bottom:30px
}
.sidePanelModal.open {
    right:0
}
.sidePanelModalHeader {
    margin-top:100px
}
.sidePanelModalHeader i.icon {
    font-size:24px;
    float:right;
    margin-top:-13px
}
.form-row {
    padding-bottom:17px
}
.candi-resume-move button {
    margin-bottom:0 !important;
}
.blur {
    filter:blur(5px);
    webkit-filter:blur(5px);
    ms-filter:blur(5px)
}
.srjpara p,
.srjpara strong {
    font-size:13px!important;
    font-weight:400;
    line-height:19px!important
}
.srjpara {
    line-height:23px;
    font-size:14px;
    margin:10px 0;
    overflow:hidden;
    height:43px;
    text-overflow:ellipsis;
    margin-left:43px
}
.threeBtns label.boxInput {
    width:30%;
    margin-left:0;
    margin-right:2%
}
.threeCols .btn.boxInput {
    margin:0 0 20px;
    width:100%;
}
.searchResultList .tour-points-txt {
    width:43%;
    color:#318ce7
}
.notifyjs-bootstrap-warn {
    font-weight:400!important;
    border-radius:0!important;
    border:1px solid #fff!important;
    padding:5px 19px 5px 30px !important
}
.btn-group.btn-group-warning.candi-resume-move {
    margin-top:10px;
    min-width:120px;
    margin-left:50px
}
form#user-form h4 {
    margin:0
}
.notifyjs-bootstrap-warn span {
    word-wrap:break-word;
    display:block;
    font-size:12px;
    overflow:visible;
    text-overflow:inherit;
    white-space:normal;
    line-height:inherit
}
button.btn.sendEmailFxd {
    position:relative;
    background:space;
    border-color:#444;
    border-radius:7px 0 0 7px;
    color:#010101!important;
    float:right;
    font-size:14px;
    margin:12px -3px 0 0;
    padding:5px 9px;
    display:none
}
#closSidePanel,
#closSidePanelPlan,
#closSidePanelQuickBal {
    cursor:pointer
}
.progress.fileUploadBar {
    height:6px;
    background:#f1f1f1;
    margin:0
}
select#selectedTemplate2 {
    margin-top:18px;
    height:49px
}
.uploaded-resume-right-col {
    margin-left:66px;
    padding-top:14px;
    position:relative
}
.uploadInProgressFile img.uploadFileIco {
    opacity:.6
}
img.uploadFileIco {
    float:left;
    width:47px;
    margin-top:3px;
    margin-left:10px;
}
.progress.fileUploadBar .progress-bar {
    background:#57d48f
}
span.fileName {
    display:block;
    padding-right:29px;
    color:#000;
    font-size:15px;
    font-weight:500
}
.uploadInProgressFile span.fileName {
    font-weight:400;
    font-size:15px;
    color:#777
}
span.icon.uploadCancel {
    font-size:18px;
    position:absolute;
    right:0;
    margin-top:-24px;
    cursor:pointer
}
span.icon.uploadCancel:hover {
    color:#000
}
.uploaded-resume-row {
    min-height:54px;
    margin-bottom:5px
}
.uploaded-resume-box {
    overflow-y:auto;
    max-height:48vh;
    padding-right:7px
}
.uploadResumeModal.trans-modal .modal-content {
    margin-top:100px!important
}
.alert.uploadedResumeAlert {
    margin-left:26px;
    padding:1px 9px;
    font-size:13px;
    border:0;
    box-shadow:none;
    color:#fff;
    margin-top:15px
}
.alert.uploadedResumeAlert strong {
    font-size:13px;
    margin-left:10px
}
span.tag-name {
    border:1px solid #000;
    border-radius:3px;
    margin-right:6px;
    padding:0 22px 0 5px;
    display:inline-block;
    line-height:20px;
    font-size:11px;
    position:relative
}
i.tag-cross-btn {
    font-style:normal;
    float:right;
    margin:0 -1px 0 5px;
    color:#fff;
    cursor:pointer;
    background:#fa8072;
    width:20px;
    text-align:center;
    position:absolute;
    right:0;
    bottom:-2px;
    top:-2px;
    font-size:10px;
    border-radius:0 3px 3px 0;
    border:solid 1px linear-gradient(to bottom,
    #f58565 0%,
    #f34c45 100%)
}
button.btn.contacts-add-save,
button.btn.contacts-add-save:focus {
    color:#000 !important;
    background:#fff;
    border:solid 2px #eee;
    border-radius:50px;
    margin-top:15px!important;
    padding:0 20px;
}
span.selectboxit-text,
span.selectboxit-arrow-container {
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#000 !important;
}
.selectboxit-container .selectboxit {
    height:46px;
    border-radius:0px;
    padding:5px 9px;
    border:1px solid #dcdcdc !important;
}
.left-col-search.messengersearch {
    margin-bottom:20px;
}
.selectboxit-container #searchContactApproveFlagSelectBoxIt.selectboxit.form-control,
.selectboxit-container #searchContactFlagSelectBoxIt.selectboxit.form-control {
    border-radius:0 20px 20px 0 !important;
}
ul.dropdown-menu.dark-dd ul.dropdown-menu {
    box-shadow:-3px 1px 42px rgba(0,
    0,
    0,
    .175);
}
.savedReplys {
    position:absolute;
    right:1%;
    width:30.2%;
    top:50px;
    padding-top:20px
}
ul.savedReplysList {
    margin-top:20px
}
ul.savedReplysList textarea {
    border:0!important
}
ul.savedReplysList li {
    border-top:1px solid #eee;
    padding:10px
}
button.addBudgetBtn {
    margin:15px 10px 9px 1px;
    background:#e2574c;
    padding:0px !important;
    border-radius:50px;
    width:20px;
    height:20px;
    font-size:9px;
    font-weight:700;
    text-align:center;
    line-height:0;
    padding:4px;
    position:absolute;
    color:#fff;
    top:-8px;
    border:2px solid #fff;
    left:-12px;
}
button.btn.replysInputShowBtn {
    background:none;
    border:0;
    padding-left:0;
    color:darkturquoise
}
.replysInput button.btn.btn-primary {
    background:#fff;
    border:2px solid #eee;
    color:#000 !important;
}
.replysInput button.btn.btn-defauil.replyCancelBtn {
    color:#000;
    border:2px solid #eee;
    padding:11px 20px;
    margin-bottom:20px;
}
.chatSmsTabUl li {
    width:auto;
    text-align:center
}
.chatSmsTabUl li a {
    border-radius:2px 2px 0 0;
    color:#a9b2bb;
}
.chatSmsTab {
    margin-top:15px
}
.find-in-chat-section .find-chat-btn {
    display:block
}
.find-in-chat-section.active .find-chat-btn {
    display:none
}
.find-in-chat-section .find-chat-bar {
    display:none
}
.find-in-chat-section.active .find-chat-bar {
    display:block
}
.btn.active,
.btn:active {
    box-shadow:inherit;
    -webkit-box-shadow:inherit
}
.step2ModalHeader button.close {
    margin-top:-24px
}
.step2ModalHeader {
    margin-top:32px
}
.main-vertical-nav.active h4,
.main-vertical-nav:hover h4 {
    display:block
}
.main-vertical-nav h4 {
    font-size:13px;
    padding-left:17px;
    letter-spacing:1px;
    margin-top:15px;
    display:none;
    margin-bottom:2px
}
ul.navMain {
    margin:0;
    padding:0;
}
label.country-code {
    position:absolute;
    margin:8px
}
.profile-page-right-col label.country-code {
    position:absolute;
    margin:8px;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    font-size:20px;
}
input.input-with-country-code {
    padding-left:32px
}
.dot-icon i {
    display:inline-block;
    width:6px;
    height:6px;
    background:#fff;
    float:left;
    margin-right:3px;
    margin-top:3px;
    border-radius:20px
}
.dot-icon {
    width:30px;
    height:30px;
    display:inline-block;
    padding-top:3px
}
a#menu-toggle {
    background:#e2574c;
    display:inline-block;
    width:57px;
    text-align:center;
    padding:8px 0 0 1px;
    height:52px
}
#menu-toggle img {
    width:29px;
    margin-left:-7px;
    margin-top:2px;
    display:none
}
#menu-toggle.loading img {
    display:inline
}
#menu-toggle.loading .dot-icon {
    display:none
}
li.sms-item.chat-page-left-list p.lastMessage {
    margin-bottom:0;
    line-height:19px;
    margin-top:3px
}
li.sms-item.chat-page-left-list {
    border-bottom:1px solid #eee;
    padding:9px 0;
    position:relative
}
li.chat-page-left-list:hover,
li.chat-page-left-list.active {
    background:#fafafa
}
li.sms-item.chat-page-left-list p.smsTime {
    font-size:10px;
    line-height:12px;
    margin-left:50px;
    margin-bottom:0;
    color:#999da1
}
li.sms-item.chat-page-left-list span.smsNumber {
    color:darkturquoise;
    font-size:14px;
    margin-left:50px;
    display:block;
}
h1.resume-view-lefts span {
    font-weight:bold;
    font-size:20px;
    color:orange;
}
button:focus {
    border-color: #333 !important;
    /*border: solid 1px #333 !important;*/
}
a:focus {
    border-color:#2d3a5b;
    color:#ccc;
}
a:hover {
    border-color: #1C73F6;
    color: #1C73F6;
}
h1.resume-view-lefts i {
    font-size:24px;
    vertical-align:middle;
    color:orange !important;
    margin-right:6px;
    float:left;
    margin-top:-2px;
}
h1.resume-view-lefts {
    font-size:14px;
    margin-left:28px;
    padding-bottom:9px;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
}
.animated2 {
    animation-delay:600ms;
}
.chat-screen li p.sentText {
    font-style:italic;
    font-size:14px !important;
    color:lightgrey;
    padding:10px;
    text-align:left;
    padding:0 12px;
    margin-bottom:0px;
    line-height:40px;
}
ul.searchTabs li a {
    border-radius:11px 11px 0 0
}
.chat-screen .right .chat-body.chatOnly p {
    border-radius:25px 25px 0px 25px;
}
.sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex #btnSendSelfMsg,
.sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex #btnSendMsg {
    margin:0 10px 0 0;
    padding-left:60px;
    padding-right:60px;
}
p.chatBubble,
.chat-body.chatOnly p {
    max-width:100%;
    border-radius:20px;
    background:#e5e5ea;
    padding:8px 16px;
    line-height:24px;
    color:#000;
    margin:3px 0;
    display:inline-block;
    border:solid 1px #d7d7e1;
    border-radius:25px 25px 25px 0;
}
.chat-screen li.left p.chatBubble {
    background:#1882ed;
    color:#fff;
    border:solid 1px #1d81e5;
    border-radius:25px 25px 0 25px;
}
.chat-screen li.left .chat-body.chatOnly p {
    background:#d5f2fb;
    border:solid 1px #cbedf7;
}
.refine-sec p {
    margin:0 0 10px
}
.refine-cntnt,
.refine-select,
.cstmRefine-slider,
.cstmOption-slider,
.option-secTab,
.inputOPtn-content {
    margin-bottom:20px
}
.Radiobtn-optn {
    margin-left:10px
}
.btnOPtns {
    display:block;
    margin-top:5px
}
textarea::placeholder {
    color:#ccc
}
span.listRepliesTxt {
    padding-right:10px;
    display:inline-block;
    width:88%;
    line-height:21px
}
li.itemReply:hover {
    background:#fafafa;
    cursor:pointer
}
.chat-page-left-list .notification {
    background:#f34a43;
    position:absolute;
    left:26px;
    min-width:20px;
    text-align:center;
    border-radius:5px;
    color:#fff;
    top:10px;
    box-shadow:0 0 0 3px #fff;
    height:20px;
    line-height:20px;
    font-size:12px
}
li.sms-item i.chat-ico-names {
    margin-top:7px
}
h4.vNumber {
    font-weight:400;
    text-align:center;
}
h3.vNumberHeading {
    font-size:14px;
    font-weight:400;
    color:#ccc;
    text-align:center;
}
h4.vNumber span {
    color:#1882ed;
    font-size:13px;
    font-weight:400;
    margin-left:6px
}
.cardSearchBox input,
.cardSearchBox button {
    background:none!important;
    border:0!important;
    margin:0
}
.cardSearchBox {
    clear:both;
    background:none
}
.selectboxit-default-arrow {
    border-top:6px solid #010101;
}
a#inviteMoreUser i {
    border:0px solid #999;
    width:15px;
    text-align:center;
    height:15px;
    display:inline-block;
    line-height:15px;
    border-radius:50px;
    font-style:normal;
    color:#444;
    font-size:22px;
    margin-right:5px;
}
.chatbannermodal h3 {
    padding:0;
    margin:0;
    font-size:15px;
}
button.btn.btn-default.sendEmailBtn.mailicon,
a#inviteMoreUser,
a#shareJobUrl,
a#archiveJob,
a#showJobDetails {
    background:#fff;
    color:#333;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    text-decoration:none;
    line-height:45px;
    border:solid 1px #333 !important;
}
a#inviteMoreUser i,
a#inviteMoreUser span,
button.btn.btn-default.sendEmailBtn.mailicon i,
button.btn.btn-default.sendEmailBtn.mailicon span {
    display:inline-block;
    vertical-align:middle;
}
a#inviteMoreUser i,
a#shareJobUrl i,
a#archiveJob i,
a#showJobDetails i {
    color:#555;
}
button.btn.btn-default.sendEmailBtn.mailicon i:before {
    color:#555;
}
.snaprboardBtns a:focus,
.snaprboardBtns a:visited,
.snaprboardBtns a:active {
    background:transparent !important;
}
.snaprboardBtns button:focus,
.snaprboardBtns button:visited,
.snaprboardBtns button:active {
    background:transparent !important;
}
.snapboardmodal .bannerleft {
    order:2;
    padding-left:20px;
}
.snapboardmodal .bannerrighttext {
    border-left:0px solid rgba(255,
    255,
    255,
    1);
    border-right:2px solid rgba(255,
    255,
    255,
    1);
    padding-right:20px;
    text-align:right;
}
.chatgrid .reviewcircle span.pricetext {
    font-size:12px;
    margin-bottom:5px !important;
}
.chatgrid .pricecircle {
    font-size:16px;
}
.threeBtns.chatpagebtn * {
    box-sizing:border-box;
}
.chatpagebtn label {
    width:31.9% !important;
    margin:0 5px !important;
}
.chatgrid .reviewcircle {
    position:absolute;
    width:80px;
    height:80px;
    background:#53c4d9;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:14px;
    color:#fff;
    right:-60px;
    top:-10px;
}
.chat-screen li.left p.chatBubble {
    float:right;
}
.chat-screen li.left .header {
    text-align:left;
}
.snapcardModal {
    right:-100%;
    left:auto;
    width:100%;
    background-color:transparent;
}
.snapcardModal.in {
    right:0;
    left:auto;
    width:100%;
    background-color:transparent;
}
.chat-screen li.left p.sentText {
    text-align:right;
    padding-right:0;
}
.mailicon i {
    font-size:20px;
    line-height:20px;
    margin-right:10px;
}
.mailicon .icon-mail-2:before {
    line-height:inherit;
}
.snaprboardBtns {
    float:right;
    margin-bottom:6px;
    margin-right:6px
}
.sidebarModal .modal-backdrop {
    z-index:500
}
a.logolink {
    color:#010101;
    font-size:16px;
    margin-left:8px;
    display:inline-block;
    margin-top:-9px;
    vertical-align:middle;
    position:absolute;
    top:23px
}
a.logolink i {
    font-size:19px;
    vertical-align:middle;
    margin-right:4px
}
#realAutoListComp .bootstrap-tagsinput {
    line-height:45px;
}
#realAutoListCompActJobs .bootstrap-tagsinput {
    line-height:45px;
}
span.newsticker {
    position:absolute;
    top:0;
    padding:2px 5px !important;
    margin:0;
    color:rgba(255,
    255,
    255,
    0.6) !important;
    border-radius:5px;
    left:5px;
    font-size:10px !important;
    margin-left:8px;
    margin-top:7px;
    display:none !important;
}
label.boxInput {
    display:table;
    vertical-align:middle;
    border-radius:10px !important;
    height:140px;
    float:left;
    margin-right:3%;
    margin-left:5%;
    margin-top:15px;
    width:41%;
    white-space:inherit;
    box-shadow:0 0 14px -5px rgba(0,
    0,
    0,
    0.5);
    padding:10px !important;
    min-height:100px;
}
label.boxInput:hover {
    border-color:#c4e1fd
}
label.btn.boxInput.active {
    box-shadow:0 8px 24px 0 rgb(221,
    221,
    221);
    background:#fff;
    margin-top:5px;
    transition:all 300ms ease-in-out;
}
.boxInput {
    position:relative
}
.boxInput .icon.icon-chat-2-1 {
    content:"";
    position:absolute;
    font-size:21px;
    width:20px;
    height:20px;
    right:5px;
    color:#318ce7;
    display:none;
    top:2px;
}
a.changeNumberLink {
    margin-left:20px;
    text-decoration:underline;
}
.boxInput.active .icon.icon-chat-2-1 {
    display:block
}
.boxInputContent span {
    font-size:10px;
    line-height:14px;
    display:block;
    font-weight:bolder;
    padding-top:10px;
    color:#000
}
.boxInputContent {
    color:#000;
    display:table-cell;
    vertical-align:middle;
    font-size:13px;
    text-align:center;
    line-height:27px;
    font-weight:lighter
}
.resume-box-right-bar.searchMiddletbar {
    padding-left:23.7%
}
#sidebar.searchSidebar {
    width:24.7%;
    top:85px;
    padding-right:18px;
}
.searchSidebar label.control-label {
    margin-top:15px;
    margin-bottom:4px;
}
.coverimage {
    background-size:cover;
    width:100%;
    height:160px
}
a.advancedSearchBtn {
    display:block;
    text-align:center;
    font-size:13px;
    position:relative;
    color:#000;
    font-weight:bolder;
    text-transform:uppercase;
}
a.advancedSearchBtn i {
    transform:rotate(180deg);
    display:inline-block;
    font-size:10px;
    margin:0 2px;
    line-height:10px
}
a.advancedSearchBtn.collapsed i {
    transform:rotate(0deg)
}
a.purchaseBtn,
button.purchaseBtn {
    display:inline-block;
    border:1px solid #dbe0ee;
    border-radius: 10px !important;
    padding:12px 18px 11px;
    text-align:center;
    margin-top:5px;
    font-size:15px;
    color:#2D3A5B;
    cursor:pointer;
    line-height:17px;
    margin-left:0;
    margin-bottom:0px;
    background:#eef0f4;
}
span.btncenter a.purchaseBtn {
    padding:7px 18px 6px;
}
a.purchaseBtn img {
    margin-right:5px
}
.coverimage {
    background-size:cover;
    width:100%;
    height:340px;
    position:relative;
    background-position:center
}
.container.profile-page-container {
    width:100%;
    max-width:1170px
}
.profile-avatar {
    z-index:1;
    background:#fff;
    position:relative;
    display:inline-block;
    float:left;
    margin:-87px 13px 0
}
.portfolio-header-right {
    margin-top:0;
    margin-right:16px
}
.heroSectionFooter {
    background-color:#fff;
    box-shadow:0 0 33px 1px rgba(0,
    0,
    0,
    0.05);
    padding:14px 10px 20px 2px;
}
h2.profileName {
    margin-bottom:0;
    font-size:20px;
    margin-left:19px;
    line-height:25px;
    color:#000;
    text-align:center;
}
.data-item {
    font-size:16px;
    color:#000;
}
.profileResumeContainer h3 {
    border-bottom:2px solid #eee;
    padding-bottom:10px;
    display:inline-block;
    color:#000;
    font-weight:bolder;
    text-transform:uppercase;
}
.professional-info-right {
    display:inline-block;
    width:45%;
    margin-left:5%
}
span.profileResumeViews {
    margin-top:28px;
    display:inline-block
}
.profileResumeHeader {
    margin-top:25px
}
.profileResumeContainer {
    background:#fff;
    min-height:200px;
    margin-top:5px;
    box-shadow:0 0 33px 1px rgba(0,
    0,
    0,
    0.05);
    padding:15px;
    margin-top:0px
}
.professional-info-left {
    display:inline-block;
    width:45%
}
span.profileAddress {
    color:#999;
    text-align:center !important;
    margin-left:3px;
}
.dotList li {
    list-style:circle;
    margin-left:20px
}
.profileDetailsTabs {
    background:#fff !important;
    box-shadow:0 0 33px 1px rgba(0,
    0,
    0,
    0.05) !important;
    padding:20px !important;
    border-top:7px;
    height:auto !important;
    margin-bottom:18px;
}
.businesscard-left-container {
    padding:10px 20px;
    background:#fff;
    box-shadow:0 0 33px 1px rgba(0,
    0,
    0,
    0.05);
    min-height:228px
}
.profilDetails .nav>li>a {
    color:#000 !important;
    font-size:19px;
    text-transform:uppercase;
    font-weight:700;
    margin-left:4px;
    margin-bottom:10px;
}
.item-label {
    font-weight:900 !important;
    margin-top:10px;
    line-height:31px;
    font-size:17px;
    color:white;
    border:solid 1px #ccc;
    background:#ccc;
    border-radius:2px;
    padding-left:9px;
}
.item-value {
    font-size:18px;
    line-height:25px;
    padding-top:10px;
    margin-left:4px;
}
.profilDetails {
    margin-top:30px
}
.m-install--background-shape-left-mask {
    position:absolute;
    bottom:-30px;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.m-install--background-shape-right-mask {
    position:absolute;
    bottom:0;
    right:0;
    width:calc(50% - 400px);
    height:100%;
    overflow:hidden
}
.contact-srch-bar input+.input-group-btn {
    right:24px;
    background:none;
    height:100%;
    display:flex;
    align-items:center;
}
.stripe-press img {
    vertical-align:middle;
}
.stubborn-attachment h2 {
    font-size:33px;
    margin:0;
    font-weight:bold;
}
.stubborn-attachment span {
    color:#666;
}
select.custom-select {
    width:100%;
    border:1px solid #eee!important;
    padding:10px;
}
.btn.btnBlock {
    display:block;
    width:100%;
}
.ml-0 {
    margin-left:0;
}
body {
    margin:0;
}
.selectedplan.m-0 {
    margin:0;
}
.selectedplan.paymentstatus .boxInput {
    width:250px;
}
.paymentstatus {
    display:inline-block;
}
.btn.btn-secondary {
    background-color:darkturquoise;
    font-weight:bold;
    border-color:transparent;
    color:#fff;
    height:45px;
    line-height:45px;
    padding:0 15px;
}
.btn.borderbtn {
    font-weight:bold;
    border-color:darkturquoise;
    color:darkturquoise;
    height:45px;
    line-height:45px;
    padding:0 15px;
    margin-bottom:23px;
}
.agreeterm {
    text-align:center;
}
.psLeftCol {
    margin-top:20px;
}
.ElementsApp,
.ElementsApp .InputElement {
    font-size:14px;
}
.upgradeplanbtn {
    max-width:290px;
    margin:20px auto;
}
.checkoutLeftCol {
    padding:0px 0;
}
.checkoutRightCol {
    padding-left:30px;
}
.checkoutRightCol h1 {
    font-size:22px;
    padding:0;
    line-height:24px;
    font-weight:700;
}
.stubborn-attachment h3 {
    font-size:22px;
    margin-bottom:15px;
}
.selectedplan .boxInput {
    width:70%;
    padding:10px 0 15px !important;
}
.selectedplan {
    margin-top:30px;
}
.bImg {
    padding:20px 0 10px;
}
.bImg>img {
    border-radius:4px;
}
.psContent {
    padding:70px 0;
}
.minWdBtn {
    min-width:150px;
}
.mt-20 {
    margin-top:20px;
}
.mt-30 {
    margin-top:30px;
}
.sr-payment-summary.completed-view h1 {
    color:#57bdd4;
    font-size:33px;
    margin-bottom:10px;
    margin-top:15px;
}
.sr-payment-summary.completed-view h4 {
    font-size:16px;
    margin-top:10px;
    font-weight:normal;
}
.imgStyle {
    position:relative;
    width:300px;
    height:300px;
    overflow:hidden;
    margin:0 auto;
}
.imgStyle>img {
    position:absolute;
    width:155px;
    height:170px;
    object-fit:cover;
    object-position:center;
    border-radius:5px;
    border:1px solid #ccc;
}
.imgStyle>img.img-2 {
    right:0;
    top:50px;
    z-index:2;
}
.imgStyle>img.img-3 {
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:0;
    z-index:3;
}
.psLeftCol {
    max-width:400px;
}
.imgStyle>img.img-4 {
    display:none;
}
.searchResultCard {
    position:relative;
    overflow:hidden;
}
.searchResultCard>.checkboxpeople {
    position:absolute;
    left:10px;
    top:10px;
    z-index:5;
}
.personinfocstm>.row>.col {
    max-width:100%;
    flex-grow:1;
    padding: 0 15px;
}
.personinfocstm>.row>.col-auto {
    flex:0 0 auto;
    width:auto;
    max-width:100%;
    padding: 0 15px;
}
.searchcandidate .searchResultCard h2.person-title {
    display:block;
    font-size: 18px;
    color: #1C73F6;
    margin-top: 0;
    padding-right: 20px;
    font-family: 'CeraPro-Medium';
    font-weight: 400;
    margin-bottom: 5px;
}
.searchCardDesc {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 30px;
}
.searchResultCard a {
    color: #fff;
    font-size: 14px;
    width: auto;
    min-width: 105px;
    display: inline-block;
    background: #000;
    border-radius: 11px !important;
    font-family: 'CeraPro-Medium';
    font-weight: 500;
    border: solid 1px #000 !important;
    margin-left: 0;
    padding: 6px 20px;
    margin-top: 0;
}
.searchResultOuter {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    padding-right: 40px;
    gap: 20px;
}
.searchCardDesc p {
    margin: 0;
    color: #808080;
    font-size: 14px;
}
.searchCardDesc p strong {
    color: #111417;
    font-family: 'CeraPro-Medium';
}
.searchCardDesc p + p {
    margin-top: 10px;
}
.searchResultCard .person-photo>a {
    display:inline-block;
}
.searchResultCard span.viewresume {
    margin-top:5px;
}
.viewresumeSec span.viewresume {
    position:initial;
    display:inline-block;
    transform:initial;
    margin-left:10px;
    line-height:37px;
    margin-top:0;
}
.viewresumeSec {
    float:right;
}
.searchResultCard .rightInfo {
    text-align:right;
}
.searchResultCard .personsearch {
    width:100%;
}
.searchResultCard img.person-photo-image {
    display:block;
}
.person-photo {
    text-align:center;
    padding:10px
}
.people .person .personinfocstm .span-person-photo {
    float:none;
}
.jobfeedModal .modal-header {
    padding:12px 14px;
}
.jobfeedModal h3.modal-title {
    font-weight:bold;
}
.jobfeedModal .form-group [class*=col-] {
    padding-left:15px;
    padding-right:15px;
}
label.control-label.feedLabel {
    margin-top:22px;
    line-height:17px;
}
label.col-md-4.control-label.feedLabel {
    padding-right:0;
    font-size:14px;
}
.codePart {
    border:1px solid #ccc;
    border-radius:5px;
    padding:10px;
    background:#fff;
    margin:2px 0;
}
.jobfeedModal .popover {
    width:290px;
}
.jobfeedModal .modal-backdrop {
    right:24px;
}


img.tagIcon {
    height: 15px;
}
h4.jobType.tagStyle,
.tagStyle,
.sidebarCol .jobHeader > span.tagStyle {
    line-height: inherit;
    display: inline-block;
    padding: 2px 8px;
    background-color: #f6f6f6;
    border-radius: 4px;
    font-size: 13px;
    color: slategrey;
}
.jobHeader .sideJobList h3 {
    margin: 0;
}
.sideJobList {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 6px;
}
span.tagStyle {
    margin-top: 5px;
}
.sideJobList + .sideJobList {
    margin-top: 10px;
}
.tagStyle > img, .tagStyle > span {
    display: inline-block;
    vertical-align: middle;
}
.tagStyle > img.tagIcon + span {
    margin-left: 4px;
}
.savejobbtn + span.tagStyle {
    margin-top: 4px;
}
.similarJobsCol .savejobbtn {
    flex-direction: row;
}
.breadCrumbStyle ol.breadcrumb li a {
    display: inline-block;
    margin: 0;
    /* max-width: 100px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.jobHeader .signUpBtn .dropdown-menu li a {
    font-size: 15px;
    font-weight: 500;
    padding: 4px 30px;
    color: #333;
    display: block;
}
.jobHeader .signUpBtn ul.dropdown-menu {
    min-width: inherit;
    left: 50%;
    margin-left: -75px;
    top: 48px;
    padding: 8px 0;
}
.jobHeader .signUpBtn ul.dropdown-menu::before,
.jobHeader .signUpBtn ul.dropdown-menu:after {
    display: none;
}
.jobHeader .signUpBtn .dropdown-menu li.positionr a {
    align-items: center;
    display: flex;
}
.jobHeader .signUpBtn .dropdown-menu li.positionr a i {
    margin-left: 10px;
    font-size: 15px;
}
.jobHeader .submenulevel2 li a {
    padding: 4px 28px !important;
}
.viewFullDescription {
    margin-top: 0;
    margin-bottom: 30px;
}
@media (max-width:991.5px) {
    .headerrmenu.recommendedHeadOuter {
        transform: translate(0px, 0px);
    }
    .profileStyle .profile-page-right-col {
        padding: 15px;
    }
    .profileStyle .profile-page-right-col legend.section {
        font-size: 16px;
        gap: 10px;
    }
    .col-md-4.sidebarCol {
        margin-top: 20px; 
    }
    .jobHeader ul.submenulevel2 {
        position: static;
        box-shadow: inherit;
        border: 0 solid #ccc;
        padding: 0 15px;
        background: #fff !important;
        color: #555 !important;
        margin-bottom: 25px !important;
    }
    .jobHeader .searchmenuright .signUpBtn ul.dropdown-menu {
        min-width: inherit;
        left: 0;
        margin-left: 0;
        top: 48px;
        position: static;
        width: 100%;
        box-shadow: inherit;
        border: 0;
        padding: 0 15px;
    }
    .sidebarCol > .new-job-content.new-job-content-bottom.similarJobsCol {
        padding: 10px 20px;
    }
    .similarJobsCol > .row.content-light-grey > h3 {
        margin-top: 0;
    }

    .jobHeader .logosec {
        margin-right: 0;
        padding: 0;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
    }
    .jobHeader .menuColMain {
        margin-top: 0;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        padding: 40px 20px;
        flex-direction: column;
        justify-content: flex-start;
        transform: translate(-100%, 0);
        right: 0;
        bottom: 0;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .jobHeader .menuclose {
        z-index: 9;
    }
    .jobHeader .menuclose img {
        width: 16px;
    }
    .jobHeader .headerrmenu {
        transform: translate(0, 0);
    }
    .jobHeader .menuColMain.navopen {
        transform: translate(0, 0);
    }
}
@media (min-width:992px) {
    .containerCstm.container {
        max-width: 960px;
        width: 100%;
    }
    .containerMd.container {
        max-width: 780px;
    }
}
@media (min-width:1200px) {
    .containerCstm.container {
        max-width: 1170px;
        width: 100%;
    }
}
@media (min-width:1600px) {
    .containerCstm.container {
        max-width: 1300px;
        width: 100%;
    }
}
@media (min-width:1200px) {
    .containerLg {
		max-width: 1175px;
	}
    .customContainer.container {
        width: 1000px;
    }
    .login-page-bg .container {
        max-width: 1175px;
    }
    .m-install--background-shapes {
        height: calc(24vw + 900px)
    }
    .m-install--background-shape-left-mask {
        width: calc(50% + 400px)
    }
}
@media (min-width:1300px) {
    .trashModalcards .col-sm-2 {
        max-width: 14.27%
    }
}
@media (min-width:500px) {
    #education .description {
        width: 85%
    }
}
@media (min-width:768px) {
    #education .description {
        width: 85%
    }
}
@media (min-width:992px) {
    #education .description {
        width: 87%
    }
}
@media (min-width:1200px) {
    #education .description {
        width: 90%
    }
    .container {
        width: 1170px
    }
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}
@media (max-width:1500px) {
    .bannerVideoInner {
        margin-right: -120px;
    }
    .titleCol h3 {
        font-size: 32px;
    }
    .bannerDesc h3, .bannerDesc .contentCol p {
        margin-bottom: 20px;
    }
}
@media (max-width:1400px) {
    .widget.center-fixed-bar {
        width: 69%
    }
    .navmenulanding ul li a {
        font-size: 14px;
    }
    a.loginmenu {
        font-size: 13px;
        min-width: 85px;
        margin-left: 10px;
        padding: 0 15px;
    }
    .logosec img {
        max-width: 150px;
    }
    .searchmenuright a.loginmenu {
        margin-left: 0;
    }
    .signUpBtn a.signupMenu {
        font-size: 13px;
        width: 90px;
    }
    .topRightMenu h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .topRightMenu a {
        font-size: 12px;
    }
    .uploadCSV {
        font-size: 13px;
        max-width: 100%
    }
    .main-horizontal-nav li a {
        padding: 5px 7px 4px;
        font-size: 14px
    }
    .btn.snapcard-close-btn {
        font-size: 10px
    }
    .snapcard-thumbs .icon.icon-profile-1 {
        font-size: 28px
    }
    .snapcard .names {
        padding-top: 0
    }
    .col-xs-4.resume-folder-right-col {
        padding-left: 0
    }
    .srchResumePanel,
    .widget.right-resume-bar {
        width: 32%
    }
    #newsearch label.control-label {
        font-size: 13px;
    }
    .chattabcstm .nav>li>a {
        padding: 10px;
    }
    .searctabsec.chattabcstm {
        padding: 0 10px;
    }
}
@media(min-width:1401px) {
    .resume-folder-right-col {
        padding: 0
    }
}
@media (max-width:1300px) {
    .bannerVideoInner {
        margin-right: -50px;
    }
    .bannerVideoInner {
        height: 370px;
    }
    .login-page-txt {
        max-width: 450px
    }
    .widget.cart-widget {
        width: 100%;
        margin: 0 auto;
        float: none
    }
    .payment-page-right-col {
        width: 270px;
        border-left: 0;
        margin: 30px auto;
        float: none
    }
    .vertical-cards-cell-head .cards-dd i {
        margin: 4px 10px 0 0
    }
    .dropdown.cards-dd i img {
        width: 16px
    }
    .vertical-cards-cell-head>h3 {
        font-size: 12px;
        margin: 9px 0 7px 7px
    }
}
@media (max-width:1200px) {    
    .resume-action-btns {
        width: 98%
    }
    .selected-channel {
        min-width: 103px
    }
    input.find-chat-input {
        width: 35%
    }
    .jobsRow td:last-child {
        min-width: 70px
    }
    #sidebar {
        width: 244px;
        top: 0
    }
    .ico-btns-grp .btn.btn-default {
        font-size: 13px
    }
    .steps-campaign li.active .fa.fa-arrow-circle-o-right {
        position: relative
    }
    .steps-campaign li .fa.fa-arrow-circle-o-right {
        position: absolute
    }
    .widget.right-resume-bar {
        width: 35%
    }
}
@media (max-width:1199.95px) {
    .bannerFormOuter .searchFormBtn button {
        width: 100%;
        max-width: 100% !important;
    }
    .accountInner .titleCol h3 {
        font-size: 30px;
    }
    .accountInner .login-page-txt {
        padding: 70px 15px 55px;
    }
    .bannerFormOuter {
        align-items: initial;
        flex-direction: column;
        gap: 10px;
        border: 0;
        padding: 10px;
        box-shadow: none;
    }
    .bannerFormOuter .keyWordInput, 
    .bannerFormOuter .locationInput {
        border: 1px solid rgba(17, 20, 23, 0.1);
        border-radius: 10px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    }
    .bannerFormOuter .form-group .iconsec {
        left: 10px;
    }
    .bannerFormOuter .form-group input {
        padding-left: 40px !important;
    }
    .locationInput {
        margin-left: 0;
    }
}
@media (max-width:1170px) {
    .login-page-txt {
        margin: 0;
    }
    #loginPanel {
        margin-right: 5%;
    }
}
@media (min-width:1025px)and(max-width:1100px) {
    .snapcard-thumbs {
        height: 50px;
        width: 50px
    }
}
@media (max-width:1024px) {
    .btn.btn-default.slide,
    .btn.btn-primary.fixbtn,
    .fix-bar-panel,
    .trigger-btn.open-mail-modal {
        display: none
    }
    .register-page-cont.container {
        margin: 80px auto
    }
    .menu-bar-ico {
        display: block
    }
    .desktop-only,
    .desktop-view,
    li.mascot-cont {
        display: none
    }
    #account-details-form .col-md-2 {
        overflow: hidden
    }
    #account-details-form .col-md-4 {
        margin-bottom: 10px
    }
    label.form-item__label {
        padding-top: 6px
    }
    .login-pg .logo,
    .mobo-view {
        display: block
    }
    .login-pg .top-right-icons {
        float: right;
        margin: 7px 2.5641% 0 0;
        width: auto
    }
    .nav.navbar-right {
        margin: 0
    }
    .main-horizontal-nav {
        float: left;
        margin: 0;
        width: 100%;
        display: table
    }
    .main-horizontal-nav ul {
        display: table-row
    }
    .main-horizontal-nav li {
        float: none;
        width: 14.2%;
        display: table-cell
    }
    .main-horizontal-nav li a {
        width: 100%;
        text-align: center;
        margin-left: 0
    }
    .common-header {
        height: 54px
    }
    li.menu-bars {
        display: table-cell
    }
    .payment-page-main-cont .report-page-right-col {
        left: 0;
        width: 100%
    }
    .payment-page-main-cont .report-page-left-col {
        display: none
    }
}
@media (min-width:992px) {
    .container {
        width: 970px
    }
    .modal-lg {
        width: 900px
    }
}
@media (max-width:992px) {
    .freeJobPartners {
        margin-left: 40px
    }
}
@media (max-width:800px) {
    .searchResultList .tour-points-txt {
        width: auto
    }
    .first-fly-btn {
        bottom: 5%;
        left: 20%
    }
    .second-fly-btn {
        bottom: 20%;
        left: 24%
    }
    .third-fly-btn {
        bottom: 20%;
        right: 24%;
        left: inherit
    }
    .forth-fly-btn {
        bottom: 5%;
        right: 20%;
        left: inherit
    }
    .fifth-fly-btn {
        bottom: 32%
    }
    .person-photo {
        padding: 0 0 10px;
    }
    .sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex #btnSendSelfMsg,
    .sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex #btnSendMsg {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sidePanelModal.slideopen {
        width: 100%;
        left: 0;
    }
    .people .person .personinfocstm .span-person-photo {
        float: left;
        margin-right: 20px;
        position: relative;
        z-index: 10;
    }
}
@media (min-width:768px) {
    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .container-md {
        max-width: 1170px;
        margin: 60px auto;
    }
    .container.container-md.w-100 {
        width: 100%;
    }
    .container {
        width: 750px
    }
    .lead {
        font-size: 19.5px
    }
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
    .dl-horizontal dd:after,
    .dl-horizontal dd:before {
        content: " ";
        display: table
    }
    .dl-horizontal dd:after {
        clear: both
    }
    .form-inline .form-group,
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control,
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .control-label,
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox,
    .form-inline .radio,
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }
    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio],
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        float: none;
        margin-left: 0
    }
    .navbar-header,
    .navbar-nav>li {
        float: left
    }
    .form-inline .has-feedback .form-control-feedback,
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 1px 1px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
    .navbar {
        border-radius: 1px
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-toggle,
    .side-nav.sidebar-icons .panel-collapse a[data-toggle=collapse]:before {
        display: none
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px
    }
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important
    }
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
    .navbar-form.navbar-right:last-child {
        margin-right: -15px
    }
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        border: 1px solid #eee
    }
    .modal .modal-dialog {
        transform: none!important;
        transition: none 0 ease 0!important
    }
    .light-grey-txt {
        color: #708090
    }
    .sidebar.sidebar-icons .panel-collapse.open li a {
        width: 80px
    }
    .side-nav.sidebar-icons .panel-collapse .panel-collapse .panel-collapse>li a,
    .side-nav.sidebar-icons .panel-collapse .panel-collapse>li a {
        padding-left: 10px;
        padding-right: 10px
    }
    .side-nav.sidebar-icons .panel-collapse a[data-toggle=collapse]:after {
        font-family: FontAwesome;
        content: "\f107";
        display: block;
        float: none;
        margin-right: 0;
        margin-left: 0;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }
    .side-nav.sidebar-icons .panel-collapse a[data-toggle=collapse].collapsed:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 58.5px
    }
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important;
        display: block
    }
    .sidebar-hidden .sidebar {
        display: none
    }
} 

@media (max-width:767px) {  
    .profileStyle .profile-page-right-col .body.profileBodyBox {
        padding: 15px;
    }
    .changePwdDesc {
        margin-bottom: 15px;
    }
    .earnModalInner ul li {
        font-size: 14px;
        padding-left: 34px;
        line-height: 1.5;
    } 
    .earnModalInner ul li:before {
        width: 20px;
        height: 20px;
        background-size: 100%;
        top: 4px;
    }
    .earnModalDesc h3 {
        font-size: 25px;
    }
    .earnModalDesc h4 {
        font-size: 14px;
        line-height: 1.5;
    }
    .formCheck input {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
    }
    .formCheck input:after {
        width: 18px;
        height: 18px;
    }
    .formCheck label {
        padding-left: 35px;
        font-size: 14px;
    }
    .walletMainCol .body.tab-content,
    .cardBox {
        padding: 15px !important;
    }
    .payoutDesc h3 {
        font-size: 30px;
    }
    .redeemRewardDesc h2 {
        font-size: 28px;
    }
    .rewardVector {
        margin-bottom: 15px;
    }
    .walletCardOuter .cardBox .row {
        display: flex;
        flex-direction: column;
    }
    .payoutDescMborder2 {
        order: 2;
    }
    .payoutDescMborder1 {
        order: 1;
    }
    .walletCardOuter {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    } 
    .headertopmenu ul.headersubmenu {
        display: block;
    }
    .infoBox.passBox {
        display: flex;
        flex-direction: column;
    }
    .infoBox.passBox button {
        align-self: flex-end;
    }
    .searchJobModal .keyWordInput {
        margin-bottom: 15px !important;
    }
    .searchJobModal .herocontent {
        text-align: center;
    }
    .searchJobModal  .uploadyourresume {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 10px;
    }
    .joblistimg.matchPercentOuter {
        display: flex;
        position: static;
    }    
    .slantShape {
        clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
    }
    .alertList h3 {
        font-size: 14px;
    }
    .alertList.unsubscribeAlert > .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .top-right-icons {
        margin: 0 20px 0 0;
    }
    .jobTopInfoGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .jobBannerCont .timeCol ul {
        align-items: flex-start;
    }
    .accordionList .accordionBody .accordionBodyInner {
        padding-right: 0;
    }
    .jobExpirePage {
        max-width: 100%;
        margin: 0 auto;
    }

    .jobExpired , .jobExpired b {
        padding: 20px !important;
        font-size: 16px !important;
    }
    p.jobExpiredBox {
        padding: 10px 0 20px;
        font-size: 16px;
    }
    .expiretrash h2 {
        font-size: 28px;
    }
    .jobexpirelogo img {
        height: 50px;
        width: auto;
    }
    .expiretrash img {
        width: 120px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .breadCrumbStyle ol.breadcrumb {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .breadCrumbStyle ol.breadcrumb li:nth-child(2) {
        width: 100%;
        flex: 1 0 0%;
    }
    .breadCrumbStyle ol.breadcrumb li:first-child {
        flex: 0 0 auto;
        width: auto;
    }
    .breadCrumbStyle ol.breadcrumb li:last-child {
        width: 100%;
    }
    .breadCrumbStyle ol.breadcrumb li a {
        max-width: 90%;
    }
    .breadCrumbStyle ol.breadcrumb li:first-child a {
        max-width: 100%;
    }
    .appDownloadBtn {
        margin-right: 20px;
    }  
    .filtersec ul>li {
        padding: 0;
    }
    .filtersec ul>li + li {
        margin-left: 5px !important;
    }
    .filtersec ul li a {
        font-size: 13px;
    }
    a.searchJobLink {
        display: none;
    }
    div#afterForgotPassword {
        margin-right: auto;
    }
    .unsubscribeEmail {
        display: flex;
        flex-direction: column;
    } 
    .unsubscribeEmail .f-links {
        margin-top: auto;
    } 
    .textRightMb {
        text-align: right;
    }
    .jobHeader {
        margin-bottom: 4px;
    }
    h3.new-job-heading.jobBtnAlignRight {
        justify-content: flex-end;
    }
    h3.new-job-heading.jobBtnAlignLeft {
        justify-content: flex-start;
    }
    .top-right-icons .nav>li>a {
        text-align: left;
    }
    .headertopmenu li:hover a+.headersubmenu {
        position: static;
        box-shadow: none;
    }
    .headertopmenu li .headersubmenu li a {
        padding: 8px 0px;
    }
    #notification .badge.red.notiNumber {
        right: 0;
        top: 3px;
        left: auto;
        display: inline-block;
    }
    .headersearch.searchtabscontent .form-inline.formFlexNoneMb .form-group {
        margin: 0 0 20px !important;
        padding: 0;
    }
    .headersearch.searchtabscontent .form-inline.formFlexNoneMb {
        display: block;
    }
    .accountImg {
        display: none;
    }   
    .mbW100 {
        width: 100%;
    }
    .freeJobPartners>h3 {
        float: none;
        width: 100%;
    }
    .freeJobPartners p {
        padding-left: 20px;
        margin: 0;
    }
    header.common-header.jobHeader {
        border-bottom: 1px solid #e4e4e4;
    }
    .jobHeader .logosec {
        float: left;
        margin-right: 10px;
        padding: 0 10px;
    }
    .jobHeader .logosec img {
        width: 140px;
    }
    .jobHeader .searchmenuright {
        padding-right: 0;
    }
    .jobHeader .searchmenuright a.loginmenu {
        border: solid 1px #4e9ab8 !important;
        background: #6bbfe1;
        max-width: initial;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
    }   
    .jobHeader .menuColMain .searchmenuright a.loginmenu {
        color: #222;
        text-decoration: underline;
        padding: 0;
        background-color: transparent;
        border: 0 !important;
    }
    .notclose {
        right: 10px;
        top: 10px;
        position: absolute;
    }
    .appDownloadSec {
        padding: 0 15px;
    }
    .appDownloadSecInner {
        position: initial;
    }
    .appDownloadSecInner h3 {
        margin-right: 10px;
        font-size: 12px;
        max-width: 180px;
    }
    .appDownloadBtn a p span {
        font-size: 10px;
        line-height: 10px;
    }
    .appDownloadBtn a p label {
        font-size: 14px;
        line-height: 14px;
    }
    .appDownloadBtn img {
        max-width: 18px;
    }
    .mbnone {
        display: none;
    }
    .dflexcenter {
        flex-direction: column;
    }
    .filterBtn {
        display: block;
        margin-left: auto;
    }
    .filterBtn img {
        width: 17px;
    }
    .resumeview.mdflex h1.resume-view-lefts {
        padding: 0;
    }
    .resumeview.mdflex {
        align-items: center;
    }
    .filterBtn a {
        display: inline-block;
        border: 1px solid rgb(205, 209, 212);
        ;
        padding: 5px 20px;
        border-radius: 8px;
    }
    .filterBtn span {
        font-size: 16px;
        color: #222;
        margin-left: 5px;
    }
    .filterBtn span,
    .filterBtn img {
        display: inline-block;
        vertical-align: middle;
    }
    .closeBox img {
        width: 15px;
    }
    .advanceSearchBox {
        display: block;
        height: calc(100% - 210px);
        overflow-y: auto;
    }
    .mbnone {
        display: none;
    }
    .closeBox {
        position: absolute;
        right: 15px;
        top: 10px;
        display: block;
    }
    .advancedSearchBtn {
        display: none !important;
    }
    .filterDd {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 99999;
        display: block;
        height: auto !important;
        padding: 40px 10px 20px 20px;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .filterDd.openBox {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .filterDd .control-group {
        padding-right: 10px;
    }
    div#additionalCriteria {
        overflow-y: auto;
        height: 100%;
        padding-right: 20px;
    }
    .bannercontent {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    button.btn-secondary.downloadSec {
        margin-left: 25px;
    }
    .downloadresumebtn input[type="submit"] {
        margin-right: 20px;
    }
    .bannerleft {
        margin-bottom: 20px;
    }
    a.viewJobLink {
        display: block;
        border-radius: 5px;
        position: static;
        left: 0;
        background: #318cea;
        color: #fff;
        text-decoration: none;
        padding: 5px;
        text-align: center;
        display: none
    }
    .searchResultListLeft {
        padding-bottom: 8px
    }
    .mob-marginTop {
        margin-bottom: 17px
    }
    .jobcon-ad {
        padding-top: 30px;
        padding-bottom: 40px
    }
    .jobcon-ad .col-md-3 {
        width: 100%;
        display: block
    }
    .jobcon-ad a.btn.btn-primary {
        margin-top: 16px
    }
    .btn.btn-file {
        font-size: 14px;
        padding: 15px 2px;
        text-align: center;
        width: 100%
    }
    .profile-page-left-col,
    .report-issue-form,
    div.timeline_dual div.timeline_element_left:after,
    div.timeline_dual div.timeline_element_left:before,
    div.timeline_dual div.timeline_element_right:after,
    div.timeline_dual div.timeline_element_right:before,
    div.timeline_left div.timeline_element:after,
    div.timeline_left div.timeline_element:before,
    div.timeline_right div.timeline_element:after,
    div.timeline_right div.timeline_element:before,
    p.invitation-dd-heading {
        display: none
    }
    .candidateProfile,
    .profile-page-left-col {
        display: block;
    }
    .candidateProfile.profile-page-left-col {
        display: none;
    }
    ul#account-menu {
        left: -27px
    }
    .profile-page-right-col {
        left: 0;
        padding: 20px;
        width: 100%
    }
    .report-dd-icons {
        padding: 0 0 33px;
        text-align: center
    }
    .report-dd-txt p {
        text-align: center;
        color: rgba(49, 140, 231, 0.86);
        margin: 15px 0 17px
    }
    .report-dd .dropdown-menu {
        left: -20px;
        width: 240px
    }
    .report-dd .dropdown-menu:before {
        left: 26px
    }
    .report-dd .dropdown-menu:after {
        left: 25px
    }
    .mob-grid-view li {
        margin: 1% 0
    }
    .form-horizontal .form-group,
    div.timeline_dual div.timeline_element_right div.timeline_element_box,
    div.timeline_right div.timeline_element_box {
        margin-left: 0
    }
    .form-horizontal .control-label {
        text-align: left
    }
    .col-xs-4.resume-folder-right-col {
        text-align: right
    }
    div.timeline_dual div.timeline_element_left,
    div.timeline_dual div.timeline_element_right {
        width: 100%
    }
    div.timeline_dual div.timeline_element_left div.timeline_element_box,
    div.timeline_left div.timeline_element_box {
        margin-right: 0
    }
    .register-account-type label.control-label {
        text-align: center
    }
}
@media (max-width:600px) {
    .container.m-search-job {
        margin-left: 50px
    }
    span.mainJobhedingTxt {
        float: none;
        display: block;
        margin-top: 17px
    }
    .top-edit-job-btns {
        display: block;
        margin-top: 10px;
        text-align: left
    }
    .new-job-content-top {
        /* background: none */
    }
    .register-page-cont header h4 {
        display: block
    }
    #zs_modal form {
        margin-top: 70px
    }
    #zipsearch_container::before {
        margin-top: 10px;
        font-size: 22px
    }
    #zr_pro_widget_filter .zr_filter_days,
    #zr_pro_widget_filter .zr_filter_radius,
    #zs_search_module .zs_search_container {
        margin: 0 1% 17px;
        width: 98%
    }
    #zipsearch_container::after {
        left: 5%;
        margin: 0;
        width: 90%
    }
    .zs_search_container {
        margin: 0 1%;
        width: 100%
    }
    .zs_search_box {
        margin-bottom: 8px;
        width: 100%
    }
    .register-widget .form-group {
        margin-bottom: 0
    }
    .campaign-form-tabl td,
    .campaign-form-tabl th {
        display: block;
        width: 100%
    }
    .register-widget .form-group [class*=col-] {
        padding: 0
    }
    .campaign-nav .btn {
        width: 100%;
        margin-bottom: 10px
    }
    .trash-btns-cont {
        text-align: right;
        float: right;
        clear: both;
        margin-top: 5px
    }
    #notification-menu.dropdown-menu.account:before {
        left: 50%!important;
        margin-left: -8px
    }
    #notification-menu.dropdown-menu.account:after {
        left: 50%!important;
        margin-left: -6px
    }
    #notification-menu.dropdown-menu.account {
        left: 50%;
        margin-left: -150px;
        width: 300px!important
    }
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}
@media (max-width:520px) {
    .appDownloadSecInner h3 {
        display: none;
    }
    .appDownloadBtn {
        margin-right: 0;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}
@media (max-width: 360px) {
    .appDownloadBtn img {
        max-width: 14px;
        margin-right: 5px;
    }
    .appDownloadBtn a p label {
        font-size: 12px;
        line-height: 12px;
    }
    .appDownloadBtn a p span {
        font-size: 9px;
        line-height: 9px;
    }
}
@media screen and (min-width:768px) {
    .carousel-control .glyphicons-chevron-left,
    .carousel-control .glyphicons-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}
@media (min-width:1049px) {
    .loader-wrap {
        margin-left: 185px
    }
    .sidebar-on-right .loader-wrap {
        margin-right: 185px;
        margin-left: 0
    }
    .sidebar-icons .loader-wrap {
        margin-left: 62px
    }
    .sidebar-on-right .sidebar-icons .loader-wrap {
        margin-right: 62px;
        margin-left: 0
    }
}
@media (min-width:768px) and (max-width:1048px) {
    .loader-wrap {
        margin-left: 62px
    }
    .sidebar-on-right .loader-wrap {
        margin-right: 62px;
        margin-left: 0
    }
}
@media (min-width:400px) and (max-width:450px) {
    .common-header span.pull-right {
        padding-right: 20px!important
    }
}
@media (max-width:600px) {
    a#shareMyResume {
        display: none
    }
}
@media (max-width:500px) {
    .first-fly-btn {
        bottom: 5%;
        left: 10%
    }
    .second-fly-btn {
        bottom: 20%;
        left: 20%
    }
    .third-fly-btn {
        bottom: 20%;
        right: 20%;
        left: inherit
    }
    .forth-fly-btn {
        bottom: 5%;
        right: 10%;
        left: inherit
    }
}
@media (max-width:350px) {
    .second-fly-btn,
    .third-fly-btn {
        bottom: 24%
    }
    .fifth-fly-btn {
        bottom: 40%
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url(../img/icheck/square/grey@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice div b,
    .select2-search input,
    .select2-search-choice-close {
        background-image: url(select2x2.png)!important;
        background-repeat: no-repeat!important;
        background-size: 60px 40px!important
    }
    .select2-search input {
        background-position: 100% -21px!important
    }
}
@media only screen and (min-width:700px) {
    .dd+.dd {
        margin-left: 2%
    }
}
@media(max-width:1400px) {
    .total-del-number {
        font-size: 42px
    }
}
@media (max-width:1048px) {
    .sidebar .settings,
    .sidebar h2,
    .sidebar-hidden .sidebar {
        display: none
    }
    .sidebar {
        width: auto;
        margin: 80px 0 0 1.6%
    }
    .sidebar .panel-collapse li a {
        padding-left: 10px;
        transition: width .3s ease-in
    }
    .side-nav li a {
        padding: 3px 16px
    }
    .side-nav li a i[class*=fa] {
        margin-right: 0;
        float: none
    }
    .side-nav>li.active>a,
    .sidebar-on-right .side-nav>li.active>a {
        border-left: none;
        border-right: none;
        padding-left: 16px
    }
    .logo {
        left: 1.6%;
        padding-left: 5px;
        top: 13px
    }
    .sidebar .settings .btn-group-sm>.btn,
    .sidebar .settings .btn-sm {
        padding: 2px 8px
    }
    .sidebar-on-right .sidebar {
        right: 0;
        margin: 80px 1.6% 0 0
    }
    .sidebar-on-right .wrap {
        margin-left: 0;
        margin-right: 62px
    }
    .sidebar-on-right .logo {
        left: auto;
        right: 1.6%;
        padding-right: 2px;
        width: 40px;
        top: 13px
    }
    .sidebar-hidden .wrap {
        margin-left: 0;
        margin-right: 0
    }
}
@media (max-width:1048px) and (min-width:768px) {
    .sidebar .panel-collapse.open li a {
        width: 80px
    }
    .side-nav .panel-collapse .panel-collapse .panel-collapse>li a,
    .side-nav .panel-collapse .panel-collapse>li a {
        padding-left: 10px;
        padding-right: 10px
    }
    .side-nav .panel-collapse a[data-toggle=collapse]:before {
        display: none
    }
    .side-nav .panel-collapse a[data-toggle=collapse]:after {
        font-family: FontAwesome;
        content: "\f107";
        display: block;
        float: none;
        margin-right: 0;
        margin-left: 0;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }
    .side-nav .panel-collapse a[data-toggle=collapse].collapsed:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}
@media (max-width:1024px) {
    .desktop {
        display: none
    }
}
.profileStyle .saveBtnMobileShow {
    display: none;
}
@media (max-width:767px) {
    
    .profileStyle .saveBtnDesktopShow {
        display: none;
    }
    #notification-menu.dropdown-menu.account {
        left: 0;
        margin-left: 0;
        width: 300px!important;
        position: initial;
        transform: initial;
        display: none;
    }
    .open #notification-menu.dropdown-menu.account {
        display: block;
    }
    a#notification img {
        display: none;
    }
    a#notification:before {
        content: "Notification";
        color: #1C73F6;
    }
    .top-right-icons .accountMenuCol.nav>li {
        display: block;
        float: none;
    }
    .saveBtnMarginZero {
        margin-top: 0 !important;
    }
    .profileStyle .saveBtnMobileShow {
        display: block;
    }
    .snapx-image-logo small {
        margin-left: 0;
    }
    .archive-link,
    .total-del-number {
        display: none
    }
    .top-right-icons.top-left-icons #account {
        padding-left: 23px
    }
    body {
        padding-left: 20px;
        padding-right: 20px
    }
    .page-title {
        margin-top: 6px
    }
    .sidebar,
    .sidebar-on-right .sidebar,
    .sidebar-on-right .sidebar.sidebar-icons,
    .sidebar.sidebar-icons {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 90px 5%;
        width: 90%;
        padding: 0
    }
    .sidebar .side-nav,
    .sidebar-on-right .sidebar .side-nav,
    .sidebar-on-right .sidebar.sidebar-icons .side-nav,
    .sidebar.sidebar-icons .side-nav {
        margin: 10px 0
    }
    .sidebar .side-nav li a,
    .sidebar-on-right .sidebar .side-nav li a,
    .sidebar-on-right .sidebar.sidebar-icons .side-nav li a,
    .sidebar.sidebar-icons .side-nav li a {
        padding: 8px 25px;
        text-align: left;
        width: auto;
        -webkit-transition: width 0;
        -moz-transition: width 0;
        -o-transition: width 0;
        transition: width 0
    }
    .sidebar .side-nav li a i[class*=fa],
    .sidebar-on-right .sidebar .side-nav li a i[class*=fa],
    .sidebar-on-right .sidebar.sidebar-icons .side-nav li a i[class*=fa],
    .sidebar.sidebar-icons .side-nav li a i[class*=fa] {
        padding-top: 1px
    }
    .sidebar .side-nav li .name,
    .sidebar-on-right .sidebar .side-nav li .name,
    .sidebar-on-right .sidebar.sidebar-icons .side-nav li .name,
    .sidebar.sidebar-icons .side-nav li .name {
        margin-left: 10px;
        display: inline-block
    }
    .sidebar .side-nav>li.active>a,
    .sidebar-on-right .sidebar .side-nav>li.active>a,
    .sidebar-on-right .sidebar.sidebar-icons .side-nav>li.active>a,
    .sidebar.sidebar-icons .side-nav>li.active>a {
        border-right: 5px solid #fff;
        padding-right: 20px
    }
    .sidebar .panel-collapse.in li a,
    .sidebar-on-right .sidebar .panel-collapse.in li a,
    .sidebar-on-right .sidebar.sidebar-icons .panel-collapse.in li a,
    .sidebar.sidebar-icons .panel-collapse.in li a {
        width: auto
    }
    .sidebar+.wrap,
    .sidebar-on-right .sidebar+.wrap {
        margin-left: 0;
        margin-right: 0
    }
    .nv-controlsWrap {
        display: none
    }
    .logo,
    .logo.sidebar-icons,
    .sidebar-hidden .logo,
    .sidebar-hidden .logo.sidebar-icons,
    .sidebar-on-right .logo,
    .sidebar-on-right .logo.sidebar-icons {
        left: 1.6%;
        right: auto;
        padding-right: 5px;
        width: 40px;
        top: 4px
    }
    .widget-404,
    .widget-404-search {
        width: 402px
    }
    .widget-404 {
        padding: 0
    }
    .single-widget-container .widget-404-search,
    .widget-404 .body {
        margin-top: 0
    }
    .single-widget-container .widget-404-search .search-field {
        width: 285px
    }
    .single-widget-container.error-page {
        margin-top: -170px
    }
    .navbar .nav>li>.dropdown-menu.messages,
    .navbar .nav>li>.dropdown-menu.support {
        margin-right: -68px
    }
    .navbar .nav>li>.dropdown-menu.messages:after,
    .navbar .nav>li>.dropdown-menu.support:after {
        right: 85px
    }
    .notifications {
        position: absolute;
        right: 0;
        top: 46px;
        margin: 0;
        -webkit-transition: top .3s ease;
        -moz-transition: top .3s ease;
        -o-transition: top .3s ease;
        transition: top .3s ease
    }
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }
    .mailbox .folder-title {
        float: none
    }
    .mailbox .form-search {
        margin-top: 10px
    }
    .mailbox .form-search label {
        display: block
    }
    .mailbox .form-search .input-search {
        width: 100%;
        height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mailbox .form-search .input-search:hover {
        width: 100%
    }
    .mailbox-content {
        margin-top: 0
    }
    .client-details {
        text-align: left
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .newActivity>a {
        color: #74899e
    }
    .newActivity>a:hover {
        color: #7489CE
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #010101;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #708090;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #708090
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #708090;
        background-color: transparent
    }
    .files .btn span,
    .files .toggle,
    .fileupload-buttonbar .toggle {
        display: none
    }
    .files .preview * {
        width: 40px
    }
    .files .name * {
        width: 80px;
        display: inline-block;
        word-wrap: break-word
    }
    .files .progress {
        width: 20px
    }
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .hidden-xs {
        display: none!important
    }
}
@media (max-width:575px) {
    .new-job-heading {
        display: flex;
        align-items: center;
    }
    .new-job-heading a+a {
        margin-left: 10px;
    }
    .savejobbtn {
        flex-direction: column;
    }
    .new-job-heading a {
        display: block;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .top-edit-job-btns .new-job-heading a {
        font-size: 12px !important;
    }
    .top-edit-job-btns .new-job-heading a img {
        width: 15px;
    }
    .new-job-heading a,
    .new-job-heading #snapx-apply {
        display: block;
        float: none !important;
        max-width: 340px;
        text-align: center !important;
        justify-content: center;
    }
    .slantBanner {
        padding: 30px 0 45px;
    }
    .new-job-content-bottom {
        border: 0px solid #f1f1f1;
        padding: 0;
    }
    .jobContentDesc {
        padding: 20px 10px;
    }
    .new-job-content-top {
        border: 0px solid #f1f1f1;
        border-bottom: 0 solid #fff;
        /* padding: 0; */
    }
    body>.wrap {
        margin-top: 60px;
    }
    .walletMainCol {
        margin-top: 100px;
    }
    .snapLogo {
        margin-top: -20px;
        margin-bottom: 30px;
    }
    .new-job-heading a.snapx-image-logo {
        display: flex;
    }
    .searchResultCard .personinfocstm .row {
        display: block;
    }
    .searchResultCard .rightInfo,
    .rightInfo .jobSourceOrigin,
    .keywordscount {
        text-align: left;
    }
    .keywordscount span {
        margin: 5px 0 0;
        display: inline-block;
    }
    #candidatedetails .modal-dialog {
        max-width: 95%;
    }
}
@media (max-width:480px) {
    .tab-content {
        margin-left: 0;
    }
    .jobsaction button {
        width: 70% !important;
    }
    .bannerSection {
        padding: 40px 0 40px;
    }
    .herocontent h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .herocontent p {
        font-size: 15px;
    }
    .middlejobtitle {
        font-size: 18px;
        line-height: 30px;
    }
    .headersearchsec {
        padding: 20px 0 20px 0;
    }
    .searchJobsForm {
        width: 400px;
    }
    .sidebar,
    .sidebar-on-right .sidebar,
    .sidebar-on-right .sidebar.sidebar-icons,
    .sidebar.sidebar-icons {
        margin: 90px 2.5641%;
        width: 94.8718%
    }
    .logo {
        margin-left: 4px
    }
    .form-condensed .controls,
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }
    .form-condensed .control-label {
        text-align: left
    }
    .form-horizontal .control-list {
        padding-top: 0
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }
    body {
        padding-left: 0;
        padding-right: 0
    }
    .login-widget,
    .registration-widget,
    .widget-404,
    .widget-404-search {
        width: 100%
    }
    .widget-404 h1 {
        font-size: 80px;
        line-height: 80px
    }
    .widget-404 h3 {
        font-size: 16.25px;
        line-height: 22px
    }
    .single-widget-container .widget-404-search {
        margin-top: 0
    }
    .single-widget-container .widget-404-search .search-field {
        width: 143px
    }
    .single-widget-container.error-page {
        margin-top: -129px
    }
    .navbar .nav>li>.dropdown-menu.messages {
        margin-right: -112px
    }
    .navbar .nav>li>.dropdown-menu.messages:after {
        right: 129px
    }
    .chat-footer .btn {
        padding: 4px 0
    }
    .top-right-icons .navbar-form {
        margin: 10px 0 0;
        width: 100%;
        overflow: hidden;
        height: 0;
        -webkit-transition: height .3s ease;
        -moz-transition: height .3s ease;
        -o-transition: height .3s ease;
        transition: height .3s ease
    }
    .top-right-icons .search-query {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .top-right-icons .search-query:focus {
        width: 100%
    }
    .visible-phone-landscape {
        display: block!important
    }
    .hidden-phone-landscape {
        display: none!important
    }
    .register-account-type label.control-label {
        text-align: center;
        padding-top: 30px
    }
}
@media (max-width:380px) {
    .searchJobsForm {
        width: 350px;
    }
}
@media (max-width:320px) {
    .searchJobsForm {
        width: 300px !important;
    }
    .hidden-xs-portrait {
        display: none!important
    }
}
#dropfield.fd-zone {
    font-size:22px;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:40px;
    padding-top:30px;
    position:relative;
    text-align:center
}
.carousel-control.left,
.carousel-control.right {
    background:0 0
}
.fd-file {
    opacity:0;
    font-size:188px;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    padding:0;
    margin:0;
    filter:alpha(opacity=0);
    font-family:sans-serif;
    width:100%
}
.dropdown-submenu,
.widget {
    position:relative
}
.fd-zone.over {
    border-color:maroon;
    background:#eee
}
.widget {
    border-radius:3px;
    border:0 solid #e1e8ed;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    padding:10px 12px;
    background:#fff;
    margin-bottom:30px;
    transition:box-shadow .2s ease 0
}
.lignt-border {
    border:1px solid #eff2f5
}
.widget.login-widget {
    border:0!important
}
.widget-tabs .nav>li:first-child>a {
    border-left:none
}
.widget-tabs .nav>li.active>a {
    border-color:#E2F1FA;
    background:#E2F1FA
}
.btn-danger,
.btn-success {
    color:#fff;
    background-color:#2D3E50;
    border-color:#2D3E50
}
.sidebar .fa.fa-folder {
    color:#74899e
}
.btn-danger:hover,
.btn-success:hover {
    color:#fff;
    background-color:#95C3EE;
    border-color:#95C3EE
}
.custom-list li.active a:hover,
.news-list li.active a:hover,
.users-list li.active a:hover {
    background:0 0
}
.news-list li.active .icon.icon-delete-3 {
    color:#708090
}
#mailModal .modal-dialog {
    max-width:1070px;
    width:100%;
    margin:110px auto 0
}
#mailModal .mailbox-content {
    min-height:330px
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    right:100%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius:0 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent transparent transparent #ccc;
    border-style:solid;
    border-width:5px 0 5px 5px;
    margin-top:5px;
    margin-right:-10px
}
.dropdown-submenu.pull-left {
    float:none
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    border-radius:6px 0 6px 6px
}
ul.dropdown-menu.dark-dd {
    border-radius:10px!important;
    margin:8px 13px -1px 10px;
    padding-top:28px;
    padding-bottom:15px;
}
.chattabcstm li a,
.chattabcstm li a:hover {
    border-bottom:2px solid transparent !important;
}
ul#movableJobs.dropdown-menu {
    border-radius:7px!important;
    width:260px
}
#accordion .panel-heading {
    border:0;
    border-radius:3px;
    color:#fff;
    text-decoration:none!important;
    background:#2D3E50
}
#accordion .panel-heading:hover {
    background-color:#66a1fc;
    text-decoration:none;
    border-radius:3px
}
#accordion .collapsable:after,
#accordion .collapsed:after {
    display:block;
    width:20px;
    height:20px;
    content:"";
    background:url(../img/plus-ico.png) no-repeat;
    background-size:95% 95%;
    position:absolute;
    right:7px;
    top:7px
}
#accordion .collapsed:after {
    background:url(../img/minus-ico.png) no-repeat;
    background-size:95% 95%
}
#accordion .collapsable,
#accordion .collapsed {
    color:#fff;
    display:block;
    padding:7px 12px;
    position:relative
}
#accordion .widget.snapcard {
    margin-bottom:0;
    margin-top:15px
}
.folder-controls {
    padding:5px 7px 15px;
    width:100%;
    min-height:36px
}
.move-folder-btn>button {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    color:#708090;
    font-size:14px
}
.dropdown.move-folder-btn {
    float:left
}
.del-icn {
    float:right;
    color:#708090;
    font-size:14px
}
.d-resume-heading,
.share-interview {
    float:left
}
.del-icn:hover,
.move-folder-btn>button:hover {
    color:#52a0ec
}
#accordion.panel-group .panel {
    overflow:visible
}
#accordion .dropdown-menu,
#accordion .dropdown-menu:before,
#accordion .top-right-icons .dropdown-menu.account:before {
    left:10px
}
#accordion .dropdown-menu:after,
#accordion .top-right-icons .dropdown-menu.account:after {
    left:9px
}
.del-icn i {
    font-size:11px;
    padding-right:4px
}
.archive-link {
    display:block;
    line-height:13px;
    text-align:center
}
.body.left-col-sec,
.body.left-col-sec b,
.body.left-col-sec label,
.body.left-col-sec strong {
    word-wrap:break-word;
    font-size:16px;
    color:#777
}
.body.share-icon-sec label {
    font-size:16px;
    margin-top:10px
}
#article-options .control-label {
    padding-top:0;
    text-align:left;
    margin-top:0
}
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform:translate3d(125%,
    0,
    0);
    transform:translate3d(125%,
    0,
    0);
    -moz-transform:translate3d(125%,
    0,
    0)
}
.btn.ban-check .fa {
    color:#575858;
    display:none;
    font-size:17px
}
.ban-check .fa.fa-square-o,
.ban-check.active .fa.fa-check-square-o,
.folder-ico {
    display:block
}
.folder-ico {
    float:left;
    height:19px;
    width:19px
}
.folder-ico.add-folder {
    background-position:-29px 0
}
.folder-ico.sub-folds {
    background-position:20px 18px
}
.panel .folder-ico.sub-folds {
    margin:6px 0 0 20px
}
.btn.grp-icons-btn i {
    margin:0 2px
}
.folder-ico.pub-folder {
    background-position:0 -5px;
    height:24px;
    margin-left:19px;
    width:27px
}
.btn.ban-check {
    background:rgba(0,
    0,
    0,
    0);
    border:none;
    padding:0;
    width:10px
}
.ban-check.active .fa.fa-square-o {
    display:none
}
.btn.ban-check.active,
.btn.ban-check.active:hover,
.btn.ban-check:active,
.btn.ban-check:focus,
.btn.btn-primary.ban-check {
    box-shadow:none!important
}
[data-toggle=buttons]>.btn>input[type=radio],
[data-toggle=buttons]>.btn>input[type=checkbox] {
    display:block;
    position:absolute;
    visibility:hidden
}
.prv-btn {
    margin-left:10px
}
.modal-header {
    background:#fff;
    color:#fff;
    padding:0 15px;
    border-radius:10px 10px 0 0
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    color:#666
}
section.widget.trash-card {
    background:#fff;
    box-shadow:0 0 0 1px #999;
    min-height:71px;
    color:#000
}
.widget.trash-card:hover {
    box-shadow:0 0 0 3px #66afe9
}
#mailModal .modal-content {
    background:#16a085
}
#mailModal .widget {
    margin-bottom:0
}
#mailModal.modal .widget {
    border-radius:6px!important
}
#mailModal .modal-header {
    border-bottom:0
}
.public-resume-list-head {
    min-height:35px
}
.profile-page,
.register-pagel {
    margin-top:100px
}
.fa.fa-user.img-ico {
    border:1px solid #ccc;
    font-size:27px;
    padding:2px 6px
}
#modal-details .widget,
#modal-details .widget:hover {
    border:0;
    box-shadow:none
}
#modal-details .modal-content,
#myTabbottom.ul {
    background:#fff
}
#myTabbottom.ul li a,
#myTabbottom.ul li a:hover {
    color:#fff;
    background:0 0
}
.input-group-addon {
    background-color:#1e1f215e;
    color:#fff
}
.login-page-bg {
    background:#2071c5
}
#propertyList input {
    padding:2px 10px;
    height:auto;
    font-size:13px;
    color:#000;
}
#propertyList button {
    padding:2px 10px;
    height:auto;
    color:#000;
}
a.tuts-link {
    margin:15px 13px 0 0;
    position:relative
}
a.tuts-link::after {
    background:#259af4 none repeat scroll 0 0;
    content:"";
    display:block;
    height:1px;
    left:0;
    position:absolute;
    right:100%;
    transition:.3s all
}
a.tuts-link:hover:after {
    right:0
}
.login-widget a,
.login-widget h4 {
    color:#6bbfe1 !important;
    font-size:16px;
}
#wizard .description a {
    font-size:14px;
    color:#6bbfe1 !important;
}
.light-grey-bg {
    background:#fff!important
}
.widget.login-widget,
.widget.login-widget:hover {
    border:transparent;
    border-radius:30px;
    margin-top:0;
    padding-left:25px;
    padding-right:25px
}
.newActivity>i {
    color:#b9b9b9;
    display:block;
    font-size:12px;
    margin-top:8px;
    text-align:right
}
.login-widget h4 {
    display:inline
}
.login-widget header img,
.register-page-cont header img {
    margin:0 12px 0 0;
    display:none
}
.register-btn a.tooltips {
    border:1px solid #15ca6e;
    border-radius:100px;
    color:#fff;
    font-size:13px!important;
    padding:5px 16px;
    background-color:#15ca6e;
    display:none
}
.common-form>input {
    border:1px solid #ccc
}
.common-form input[type=text],
.common-form input[type=password] {
    border-radius:5px;
    margin-bottom:25px;
    min-height:41px;
    padding-left:16px;
    border:0;
    border:1px solid #ccc !important;
    font-size:17px
}
.common-form input[type=text].focus-visible,
.common-form input[type=password].focus-visible {
    border-color:#666!important;
}
.similarJobCol .jobHeader > a {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 0;
    background: #fff;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 30px 5px;
    line-height: initial;
}
.similarJobCol .jobHeader > a h3 {
    margin: 0;
    font-size: 17px;
}
.similarJobCol .jobHeader .savejobbtn {
    background: #fff;
    padding: 0 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 4px;
}
.similarJobCol .jobHeader span.tagStyle {
    background: #fff;
    display: block;
    margin: 0;
    padding: 0 30px 20px;
    margin-bottom: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0;
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'CeraPro-Regular';
    line-height: initial;
}
.similarJobCol .jobHeader .savejobbtn h4.jobType.tagStyle {
    margin: 0;
    background: transparent;
    padding: 0;
    line-height: initial;
}
.similarJobCol .jobHeader .savejobbtn .jobType span {
    color: #40A756;
    font-size: 14px;
    line-height: initial;
}
/************ Similar Jobs Ui Css End ******************/
input#r_password:focus,
input#r_username:focus {
    box-shadow:none
}
.form-horizontal .form-actions {
    padding-left:180px
}
.form-horizontal.label-left .control-label {
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 6px;
}
.login-form-footer>a:hover {
    font-size:#fff
}
.addressInputs{
    margin-top: 10px;
}
.register-widget .form-group [class*=col-] {
    padding-left:5px;
    padding-right:5px
}
.login-pg .common-header {
    display:none
}
#confirmModal .modal-dialog,
.confirmationModal .modal-dialog {
    margin-top:140px
}
#confirmModal .modal-body>h2,
.confirmationModal .modal-body>h2 {
    font-size:27px;
    text-align:center
}
#confirmModal .modal-content,
.confirmationModal .modal-content {
    background:#fff
}
#confirmModal .modal-header,
.confirmationModal .modal-header {
    background:#fff;
    border-radius:9px 9px 0 0
}
#confirmModal .modal-header h4,
#confirmModal h2,
.confirmationModal .modal-header h4,
.confirmationModal h2 {
    color:#222
}
#trashModal .modal-dialog {
    margin-top:90px;
    width:1000px
}
.download-resume-strip {
    border-radius:5px 5px 0 0!important;
    padding:5px 0;
    overflow:hidden
}
.d-resume-d-btn {
    margin-right:5px;
    margin-top:19px
}
#footer a:hover {
    color:#7f7f7f
}
#footer {
    background:#000;
    height:auto;
    padding:20px 0;
    position:absolute;
    text-align:center;
    width:100%
}
.img-avatar {
    border-radius:4px;
    max-width:100%
}
.contact-detail-avatar {
    border-radius:3px;
    height:60px;
    width:60px
}
.snapcard-thumbs {
    background-position:center center;
    display:none;
    background-repeat:no-repeat;
    background-size:80%;
    border-radius:5px;
    height:84px;
    width:84px;
    margin-left:5px;
    background-color:#fff;
    border:4px solid #eee;
    margin-top:-15px
}
.well {
    border-radius:6px;
    color:#575858;
    margin-bottom:20px;
    min-height:20px;
    padding:19px
}
.well.well-sm {
    padding:18px;
    border-radius:6px;
    position:relative
}
.well.well-sm .icon {
    bottom:18px;
    font-size:20px;
    position:absolute;
    right:23px
}
.well.fd-zone.empty-list-message {
    margin-top:13px!important;
    padding-top:47px!important
}
.big-upload-section #dropfield.fd-zone {
    background:#fff;
    box-shadow:none;
    color:#708090
}
.widget.big-upload-section {
    background:#fff
}
.big-upload-section .big-up-btn .fa.fa-cloud-upload {
    color:#a7c6c1;
    font-size:32px
}
.snapcard-categories-cont .well,
.snapcard-categories-cont .well:hover {
    background:#fff;
    border:1px dashed #d0d6df;
    color:#708090
}
label.btn.btn-primary.ban-check:hover {
    background:0 0
}
.typeahead {
    z-index:999999999
}
.highlight {
    background-color:none
}
.highlight.active {
    background-color:#FC8
}
.interview-container .container {
    max-width:1200px;
    width:100%
}
.interview-vid-cont {
    border-radius:10px;
    box-shadow:0 0 20px 2px rgba(0,
    0,
    0,
    .29);
    margin:0 auto;
    max-width:481px;
    overflow:hidden;
    width:100%;
    position:relative
}
.interview-profile-txt {
    background:rgba(255,
    255,
    255,
    .78);
    bottom:0;
    padding:10px 20px;
    position:absolute;
    width:100%
}
.interview-profile-txt h3 {
    margin:0
}
.interview-page-footer {
    background:#2d3e50;
    bottom:0;
    min-height:70px;
    position:fixed;
    width:100%
}
.share-interview button {
    background:rgba(0,
    0,
    0,
    0);
    border:0;
    margin:22px 0 0 13px
}
.interview-time {
    color:#fff;
    font-size:30px;
    left:50%;
    margin-left:-65px;
    position:absolute;
    top:30px;
    width:130px
}
.interview-page-main-links li a {
    background:#16a085;
    border-radius:50px;
    color:#fff;
    display:block;
    font-size:26px;
    height:47px;
    line-height:52px;
    margin:11px 16px;
    text-align:center;
    width:47px
}
.interview-page-main-links {
    float:right
}
.interview-page-main-links li {
    display:inline;
    float:left
}
.dropdown-menu.account li a {
    color:#4c9ef1;
    text-decoration:underline;
}
.register-left-col h3 {
    color:#fff;
    font-size:18px;
    padding:70px 0
}
.register-left-col,
.register-right-col {
    float:left;
    width:50%
}
.register-right-col {
    background:#fff;
    border-radius:0 30px 30px 0;
    padding:30px 0
}
.register-pop-cont.text-center {
    padding:70px 0 50px
}
.container.register-pop {
    background:#16a085;
    border-radius:30px;
    box-shadow:0 0 20px 2px rgba(0,
    0,
    0,
    .29);
    max-width:800px;
    padding:0;
    width:100%
}
.register-right-col input {
    margin:10px 0
}
.name-char {
    border:5px solid #fff;
    border-radius:100%;
    color:#fff;
    font-size:90px;
    line-height:220px;
    margin:83px auto 10px;
    text-align:center;
    width:220px
}
.online-u {
    background:#5ab67b
}
.well.fd-zone {
    border:0
}
.container.demo-cont {
    max-width:670px
}
#dropfield>p {
    font-size:18px;
    margin-top:20px
}
#dropfield.fd-zone {
    background:#fff
}
.well.fd-zone::before {
    border:0 dashed #6a849e
}
.btn.usual-grey {
    background:#f6f5f5;
    border:1px solid #d7d9dc;
    box-shadow:0 1px 2px #ccc;
    color:#787c83;
    font-size:16px;
    padding:6px 20px
}
.lable-txt {
    color:#bad4ee;
    margin:10px 0 15px
}
#dropfield>p {
    color:#787c83;
    padding:10px 40px
}
a.tooltip span {
    border-radius:4px;
    box-shadow:5px 5px 8px #CCC
}
.editable-input .input-sm {
    margin-left:5px;
    width:100px
}
.editable-click,
a.editable-click {
    border-bottom:none
}
thead.fixedHeader tr {
    display:block
}
tbody.scrollContent {
    display:block;
    height:405px;
    overflow:auto;
    width:100%;
    position:relative
}
.pay-options {
    border:2px solid #fff;
    border-radius:10px
}
.glyphicon-spin {
    -webkit-animation:spin 1s infinite linear;
    animation:spin 1s infinite linear
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@media (min-width:800px) {
    body>.wrap {
        min-height: auto
    }
}
@media (max-width:1600px) {    
    .contacts-add-modal .form-style .common-form .form-control, 
    .contacts-add-modal input.form-control, 
    .contacts-add-modal select.form-control {
        height: 35px;
        margin: 0;
    }
    #loginModal .modal-dialog .modal-content .modal-body, 
    #signUpModal .modal-dialog .modal-content .modal-body {
        padding: 15px 30px 10px;
    }
    .registeraccount {
        margin-top: 10px;
    }
    .candidateResumeText {
        margin-bottom: 0 !important;
    }
    .control-group.candidateDetail {
        font-size: 12px;
    }
    .modal-body .tab-content {
        padding-top: 0px !important;
    }
    #dropfield .btn.btn-file {
        font-size: 14px !important;
        padding: 5px 20px;
    }
    #loginModal .ico-input i.icon, #signUpModal .ico-input i.icon {
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    .common-form input[type=text], .common-form input[type=password] {
        min-height: 35px;
        font-size: 15px;
    }
}
@media (max-width:1600px) {
    .herocontent h1 {
        font-size: 50px;
    }
}
@media (max-width:767px) {
    .searchpagetabmenu {
        margin-top: 15px !important;
    }
    .jobinfo span.locationSpan img {
        width: 14px;
        display: inline-block;
    }
    .joblistdesc .joblistcontent {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: rgb(89, 89, 89);
    }
    .joblistimg.matchPercentOuter span {
        font-size: 12px;
    }
    .joblistimg.matchPercentOuter + .joblistcontent {
        padding-left: 15px;
    }
    a.btn.btn-info.job-save-btn {
        padding: 3px 9px;
        font-size: 13px;
    }
    #snapx-apply a.snapx-image-logo small {
        font-size: 13px;
    }
    a.btn.btn-info.job-apply-btn {
        font-size: 13px;
        padding: 0px 16px;
    }
    .loginMain .login-page-widget {
        padding: 40px 30px;
        margin: 0 auto;
    }
    .login-pg:after,
    .login-pg:before {
        display: none;
    }
    .searchbtnsec {
        display: flex;
        width: 100%;
        align-items: center;
    }
    .filtersec ul>li.clearfilter {
        display: none;
    }
    .clearfiltermobile a i {
        font-size: 16px;
        margin-left: 5px;
    }
    .clearfiltermobile a {
        font-size: 15px;
        display: flex;
        align-items: center;
        color: #000;
        background-color: transparent;
        border-radius: 10px;
        font-family: 'CeraPro-Black';
        padding: 7px 20px;
        border: 1px solid #000;
    }
    .clearfiltermobile {
        display: flex;
        flex-grow: 1;
        padding-left: 0;
        justify-content: end;
        padding-right: 10px;
    }
    button.btn.btn-primary.mb-2.mobilesearch.searchbtn {
        display: inline-block;
    }
    .searchtabs.nav>li {
        margin-right: 15px;
    }
    .searchtabs.nav>li a {
        font-size: 12px !important;
    }
    .login-button .dropdown-menu li a {
        padding: 7px 10px;
    }
    .purchasebanner {
        padding: 20px 10px;
    }
    .bannerrighttext h2 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .bannerrighttext {
        padding-left: 10px;
    }
    .completeprofile h2 {
        font-size: 20px;
        padding: 9px 0 18px 0;
    }
    .purchasebanner {
        margin-left: 0;
    }
    #purchaseResumeViewModal .purchasebanner {
        margin-left: 10px;
        margin-right: 10px;
    }
    ul.submenulevel2 {
        position: static;
        box-shadow: inherit;
        border: solid 0px #ccc;
        padding: 0 15px;
    }
    #purchaseVNumber .modal-dialog {
        width: 100%;
    }
    #purchaseVNumber .modal-content {
        padding: 0 15px;
    }
    .joblistimg {
        width: 45px;
        height: 45px;
        box-shadow: 0px 0px 6px #ccc;
        padding: 5px;
        display: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 12px;
        top: 26px;
    }
    .joblistimg img {
        max-width: 80%;
    }
    .filtersec ul {
        order: 2;
    }
    .createalertbtn {
        order: 1;
    }
    .joblistdesc {
        margin-top: 10px;
    }
    .jobinfo {
        font-size: 12px;
    }
    .joblist {
        padding-left: 80px;
    }
    .joblistsec .joblist {
        padding: 10px 15px;
    }
    .createalertbtn {
        display: none;
    }
    .nav.searchpagetabmenu>li>a {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .headersearch.searchtabscontent input {
        background-color: transparent;
        border: rgb(145, 145, 145) solid 1px !important;
        border-radius: 4px !important;
    }
    .joblisttitle {
        font-size: 16px;
    }
    .joblist strong {
        margin-right: 10px !important;
    }
    .mbnone {
        display: none !important;
    }
    .joblist {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .desktop-view {
        display: none
    }
    .register-widget .form-group [class*=col-] {
        padding: 5px
    }
    .register-btn a.tooltips span {
        display: none!important
    }
    .mobo-view {
        display: block
    }
    #job-title>h4:before {
        background: #5f8cf1;
        bottom: -2px;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        width: 30%
    }
    #job-title>h4 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 11px!important;
        padding-bottom: 5px;
        position: relative
    }
    .login-page-bg.login-pg {
        padding: 0
    }
    .contakt-detail {
        padding-left: 0;
        text-align: left
    }
    .contakt-detail .new-job-heading::after {
        left: 0;
        right: auto
    }
}
@media (max-width:600px) {
    .login-pg #footer,
    .trash-section {
        display: none
    }
    #wizard .tab-content {
        padding: 0
    }
    .single-widget-container {
        left: 0;
        margin-top: 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .common-header {
        border: 0
    }
    .post-job .btn.dropdown-toggle {
        float: right;
        width: 7%
    }
    .post-job a.btn.btn-info.btn-md {
        float: left;
        width: 93%
    }
    #account-details-form .control-label,
    .job-sel,
    .post-job {
        width: 100%
    }
    .post-job {
        margin-top: 30px
    }
    .job-sel {
        float: none
    }
    .controls.form-group.big-up-btn {
        float: left;
        margin: 0!important;
        width: 100%
    }
    .fd-zone {
        border-radius: 3px;
        font-size: 22px;
        margin: 15px auto 0;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
        text-align: center
    }
}
@media (max-width:480px) {
    .nav.searchpagetabmenu>li>a {
        position: relative;
        display: block;
        padding: 6px 10px;
        font-size: 12px;
    }
    .new-job-cover-header {
        text-align: center
    }
    .new-job-cover-header .job-social-icons {
        padding-bottom: 10px;
        position: absolute;
        right: 0;
        top: 1px;
        margin-right: 0
    }
    .new-job-cover-header .new-job-top-right {
        clear: both;
        display: block;
        float: none;
        padding-top: 0;
        width: 100%;
        padding-bottom: 10px
    }
    .new-job-cover-header .company-logo {
        display: inline-block;
        float: none
    }
    .top-edit-job-btns.pull-right {
        text-align: right;
        width: 100%
    }
    .sml-view-wd {
        width: 100%
    }
    .cover-area-txt h3 {
        margin-top: 0
    }
    .jobTopInfoGrid .cardDesc p {
        font-size: 12px;
    }
    .jobTopInfoGrid {
        gap: 5px;
        margin-bottom: 20px;
    }
}
#zs_search_module input#zs_submit {
    margin-left:1%;
    background:#768CFA;
    color:#fff!important;
    text-shadow:none
}
.login-pg .wrap {
    margin:0;
    width:100%
}
#zs_search_container {
    padding:0!important;
    border:0 solid #e9e9e9!important;
    clear:both;
    max-width:768px;
    background:#fff!important;
    padding:15px;
    padding-top:25px;
    background-color:#f8f8f8;
    border:1px solid #ccc;
    clear:both;
    position:relative;
    margin:0 auto
}
.zs_search_box {
    height:38px;
    font-size:15px;
    line-height:30px;
    border:1px solid #eee;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:0 6px;
    color:#000;
    width:96%;
    max-width:600px
}
#zr_pro_widget_filter select:last-child {
    margin-right:0;
    border:solid 1px #eee;
    border-radius:6px
}
#zr_pro_widget_filter select {
    display:inline-block;
    margin:0 1% 8px 0;
    font-size:1em;
    width:48%;
    max-width:160px;
    border:solid 1px #eee;
    border-radius:6px
}
#zr_pro_widget_filter {
    text-align:center;
    max-width:600px
}
#zs_search_module {
    width:100%;
    max-width:600px;
    margin:0 auto!important
}
#zr_pro_widget_filter select {
    border:1px solid #eee!important;
    color:#323436!important;
    height:39px!important;
    padding-left:12px!important
}
#zr_pro_widget_filter .filter_wrapper {
    margin-right:61px;
    max-width:148px
}
.zs_down_arrow {
    top:12px!important;
    right:9px!important;
    left:inherit!important
}
.links a {
    color:#9932cc;
    text-decoration:underline
}
.zr_job_title a:link,
.zr_job_title a:active {
    color:#6a5acd
}
#zr_pagination a:link,
#zr_pagination a:active {
    color:#6a5acd
}
.zr_job_desc {
    font-size:14px;
    color:#545454;
    line-height:1.4;
    word-wrap:break-word
}
div#zr_attributed {
    display:none!important
}
#zipsearch_container {
    display:block!important
}
input#zs_search,
input#zs_location {
    padding-left:35px!important;
    border:1px solid #eee!important
}
.zr_job_desc {
    text-align:left
}
.chat-users-list li p i.icon {
    vertical-align:middle
}
.dataTables_paginate.paging_full_numbers {
    padding-top:13px;
    margin-top:6px;
    margin-bottom:30px;
    height:auto
}
body {
    height:100%;
    overflow-x:hidden
}
textarea#replyTextInput {
    height:85px;
    border-radius:0;
    padding:10px;
    max-height:150px;
    margin-top:10px;
}
.snapboard-main-left-col a,
.getting-started-left-inner>a,
.cont-det-txt-a {
    position:relative
}
.snapboard-main-left-col a:hover,
.getting-started-left-inner>a:hover,
.invite-users a:hover {
    color:#2a628e
}
.cont-det-txt-a:hover::after {
    right:31px
}
#job-select .tooltip.bottom .tooltip-arrow {
    border-bottom-color:#ccc
}
#loader-wrapper {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    display:none;
    height:100%;
    z-index:10000;
    background:#f1f1f1
}
.loaded .loader-txt {
    display:none;
    opacity:0
}
.loader-txt {
    color:#94a9be;
    display:block;
    height:90px;
    left:50%;
    margin-left:-75px;
    margin-top:-44px;
    position:absolute;
    text-align:center;
    top:50%;
    width:150px;
    z-index:100000
}
.loader-txt>img {
    width:80px
}
#loader {
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#3498db;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    z-index:1001
}
#loader:before {
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#e74c3c;
    -webkit-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite
}
#loader:after {
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#f9c922;
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
#loader-wrapper .loader-section {
    position:fixed;
    top:0;
    width:51%;
    height:100%;
    background:none;
    z-index:1000;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
#loader-wrapper .loader-section.section-left {
    left:0
}
#loader-wrapper .loader-section.section-right {
    right:0
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all .7s .3s cubic-bezier(0.645,
    0.045,
    0.355,
    1.000);
    transition:all .7s .3s cubic-bezier(0.645,
    0.045,
    0.355,
    1.000)
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all .7s .3s cubic-bezier(0.645,
    0.045,
    0.355,
    1.000);
    transition:all .7s .3s cubic-bezier(0.645,
    0.045,
    0.355,
    1.000)
}
.loaded #loader {
    opacity:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.loaded #loader-wrapper {
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .3s 1s ease-out;
    transition:all .3s 1s ease-out
}
.no-js #loader-wrapper {
    display:none
}
.no-js h1 {
    color:#fff
}
#content {
    margin:0 auto;
    padding-bottom:50px;
    width:80%;
    max-width:978px
}
div#stats {
    min-height:540px
}
#trashModal div#stats {
    background:url(${ctx}/assets/img/empty-bin.png) no-repeat center
}
.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    /* text-indent:-9999px */
}
.ir:before {
    content:"";
    display:block;
    width:0;
    height:150%
}
.hidden {
    display:none!important;
    visibility:hidden
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.invisible {
    visibility:hidden
}
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table
}
.clearfix:after {
    clear:both
}
.clearfix {
    *zoom: 1
}
.rating-container {
    cursor:pointer
}
.fd-file {
    font-size:188px!important
}
#add-note-attachment .fd-file {
    font-size:25px!important
}
@-webkit-keyframes fadeInLd {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadeInLd {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeInLd {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.box {
    width:200px;
    height:200px;
    position:relative;
    margin:10px;
    float:left;
    border:1px solid #000;
    background:#999
}
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    list-style:none;
    font-size:14px;
    text-align:left;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0,
    0,
    0,
    0.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    background-clip:padding-box
}
span.twitter-typeahead .tt-suggestion {
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:400;
    line-height:1.42857143;
    color:#000;
    white-space:nowrap
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
    color:#fff;
    text-decoration:none;
    outline:0;
    background-color:#337ab7
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
span.twitter-typeahead {
    width:100%
}
.input-group span.twitter-typeahead {
    display:block!important;
    height:34px
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
    top:32px!important
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
    border-radius:0
}
.input-group span.twitter-typeahead:first-child .form-control {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group span.twitter-typeahead:last-child .form-control {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.input-group.input-group-sm span.twitter-typeahead {
    height:30px
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top:30px!important
}
.input-group.input-group-lg span.twitter-typeahead {
    height:46px
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top:46px!important
}
.smaller-devices-content {
    display:none;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bbackground:#fff;
    z-index:9999999
}
.bootstrap-tagsinput,
.form-control {
    border:0px solid #eee!important;
    border-radius:25px;
    height:auto;
    padding-left:0;
}
a.advancedSearchBtn:before,
a.advancedSearchBtn:after {
    width:20%;
    height:1px;
    background:#ddd;
    display:block;
    content:"";
    left:0;
    top:46%;
    position:absolute;
}
a.advancedSearchBtn:after {
    left:auto;
    right:0;
}
.bootstrap-tagsinput input {
    border:none!important;
    box-shadow:none!important;
    outline:none!important;
    padding:0 15px!important;
    margin:15px 0 0!important;
    width:auto!important;
    max-width:inherit!important;
    position:static;
    top:0;
    left:0;
    border:1px solid #ccc !important;
}
#realAutoListComp>.bootstrap-tagsinput>input {
    width:100%!important;
    background-color:#EEF0F4;
    border:0 !important;
    height:57px;
    border-radius:8px;
    color:#000;
}
#realAutoListCompActJobs>.bootstrap-tagsinput>input {
    width:100%!important;
    background-color:#EEF0F4;
    border:0 !important;
    height:57px;
    border-radius:8px;
    color:#000;
}
.searchSidebar #newsearch label.control-label {
    margin:0;
    padding:4px 0;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor:pointer;
    border-radius:1px;
    height:2px;
    width:24px;
    background:#010101;
    position:absolute;
    display:block;
    content:''
}
#nav-toggle span:before {
    top:-6px
}
#nav-toggle span:after {
    bottom:-6px
}
a#nav-toggle {
    display:inline-block;
    margin:14px 0 0 16px;
    width:29px;
    height:29px;
    cursor:pointer;
    display:none;
}
a#nav-toggle span {
    margin-top:12px
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition:all 500ms ease-in-out
}
#nav-toggle.active span {
    background-color:transparent
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top:0
}
#nav-toggle.active span:before {
    transform:rotate(45deg)
}
#nav-toggle.active span:after {
    transform:rotate(-45deg)
}
.rightSlidePanel {
    background:inherit;
    padding-top:9px;
    position:fixed;
    top:54px;
    width:184px;
    transition:.3s all;
    left:-100%
}
.rightSlidePanel.active {
    left:0
}
.rightSlidePanel ul li a {
    color:#fff;
    padding:7px 19px;
    display:block;
    transition:.3s all
}
.rightSlidePanel ul li a:hover {
    background:#4d88b9
}
.snapboard-main-right-col.fade-inLd {
    min-width:900px
}
label.control-label {
    color:#000;
    font-size:16px;
    margin:8px 0 0;
    display:block;
    font-weight:bolder;
}
.no-margin {
    margin:0
}
.th-btn-info {
    float:right
}
.chattabcstm li a {
    font-size:14px;
}
.btncenter {
    text-align:center;
    padding:0 2px;
    margin-bottom:20px;
}
.resumeview {
    display:flex;
    justify-content:center;
}
.resumeview h1.resume-view-lefts {
    margin:0;
}
.adjobview {
    display:flex;
    justify-content:center;
}
.adjobview h1.adjob-view-lefts {
    margin:0;
}
.btncenter a {
    margin:0;
}
.searctabsec.chattabcstm {
    padding:0 20px;
}
.th-profile-page .form-horizontal.label-left .control-label {
    text-align:left!important
}
.wrapper-drap {
    width:310px;
    height:310px;
    background:url(../img/empty-watermark.png) no-repeat center;
    display:inline-block;
    cursor:pointer
}
.area-drap {
    border:none!important;
    width:100%;
    height:100%
}
.wrapper-drap .big-up-btn {
    margin:0!important;
    width:100%;
    height:100%
}
.wrapper-drap .fd-zone {
    width:100%;
    height:100%;
    padding:0;
    background-color:transparent!important
}
#myModal2.th-modal-upload .title-upload {
    text-align:center;
    color:#a59f99;
    font-size:16px;
    margin:10px 0 20px
}
.dashedUpoadSection #dropfield {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    align-items:center
}
#myModal2.th-modal-upload .wrapper-drap-file {
    width:100%
}
#myModal2.th-modal-upload #dropfield.fd-zone {
    font-size:16px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    text-align:center;
    padding:0;
    height:130px;
    width:350px;
    border:3px dashed #d5d9fc;
    border-radius:10px
}
#myModal2.th-modal-upload .modal-dialog {
    width:400px
}
#myModal2.th-modal-upload .blue-text {
    color:#8aa0f5;
    cursor:pointer
}
#myModal2.th-modal-upload .fd-file {
    font-size:1px!important;
    opacity:0;
    font-size:188px;
    position:absolute;
    right:auto;
    width:350px;
    height:130px;
    margin-left:0;
    top:-65px;
    left:-3px;
    bottom:auto
}
#myModal2.th-modal-upload .top-upload {
    margin-bottom:30px
}
.th-icon-file-doc {
    background:url(../img/word-icon.png) no-repeat left center;
    background-size:100% 100%;
    width:50px;
    height:50px;
    float:left;
    margin-right:15px
}
.th-icon-file-img {
    background:url(../img/image-icon.png) no-repeat left center;
    background-size:100% 100%;
    width:50px;
    height:50px;
    float:left;
    margin-right:15px
}
.th-icon-file-unknown {
    background:url(../img/file-icon.png) no-repeat left center;
    background-size:100% 100%;
    width:50px;
    height:50px;
    float:left;
    margin-right:15px
}
.th-icon-file-pdf {
    background:url(../img/pdf-icon.png) no-repeat left center;
    background-size:100% 100%;
    width:50px;
    height:50px;
    float:left;
    margin-right:15px
}
.wrapper-icon-file span {
    display:block;
    float:left;
    margin-top:10px;
    width:100%
}
.wrapper-icon-file {
    margin-bottom:15px
}
.th-clearfix {
    clear:both
}
.wrapper-icon-file .right-bar {
    float:left;
    width:calc(100% - 65px)
}
.wrapper-progress {
    float:left;
    width:100%;
    position:relative;
    height:5px
}
.wrapper-progress .bar {
    width:100%;
    height:5px;
    background-color:#a59f99;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    position:absolute;
    z-index:1;
    left:0;
    top:0
}
.wrapper-progress .run-bar {
    width:0;
    height:5px;
    background-color:#f34c45;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    position:absolute;
    z-index:1;
    left:0;
    top:0
}
#myModal2.th-modal-upload,
.sidebarModal {
    color:#787c83;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255,
    255,
    255,
    0.68);
    z-index:500
}
#myModal2.th-modal-upload .modal-dialog,
.sidebarModal .modal-dialog {
    position:fixed;
    top:0;
    bottom:0;
    width:740px;
    background:#fff;
    box-shadow:0 0 25px -12px rgba(0,
    0,
    0,
    0.7);
    padding:0;
    z-index:501;
    right:-100%;
    transition:.2s right!important;
    overflow-y:auto;
    margin:0;
    padding-bottom:30px
}
.sidebarModal .modal-dialog {
    max-width:95%;
}
.sidebarModal.in .modal-dialog,
#myModal2.th-modal-upload.in .modal-dialog {
    right:0
}
h3.oneLineHeading {
    line-height:37px
}
#myModal2.th-modal-upload .modal-content,
.sidebarModal .modal-content {
    border:none!important;
    box-shadow:none!important;
    margin-top:0!important
}
#myModal2.th-modal-upload .modal-body,
.sidebarModal .modal-body {
    padding:0
}
.dashedUpoadSection #dropfield.fd-zone {
    font-size:16px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    text-align:center;
    padding:0;
    height:130px;
    width:350px;
    border:3px dashed #d5d9fc;
    border-radius:10px
}
.dashedUpoadSection #dropfield {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    align-items:center
}
.big-up-btn {
    margin:10px!important
}
.progress.fileUploadBar {
    display:none
}
#myModal2.th-modal-upload #closSidePanel {
    display:none!important
}
.sms-page-right-col {
    border-radius:3px 3px 0 0;
    bottom:0;
    position:fixed;
    top:110px;
    left:22%;
    right:20px;
    width:52%;
}
.sms-show {
    display:block!important
}
.wrapper-input-sms {
    background:#fff;
    height:65px;
    border-top:1px solid #eee;
    z-index:9;
    padding:10px;
    margin-top:53px;
    position:relative;
    width:94.5%;
    border-bottom:1px solid #eee
}
.wrapper-input-sms .wrapper-name {
    float:left;
    border:1px solid;
    margin-bottom:10px;
    position:relative;
    padding-right:40px;
    height:27px;
    line-height:27px;
    border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -moz-border-radius:3px;
    padding-left:15px;
    display:none
}
.wrapper-input-sms .name-sms {
    display:block;
    float:left
}
.wrapper-input-sms .btn-close {
    cursor:pointer;
    width:30px;
    height:27px;
    background-color:#f45d4f;
    display:block;
    right:-2px;
    text-align:center;
    margin-left:15px;
    position:absolute;
    line-height:27px;
    top:-1px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    -moz-border-top-right-radius:3px
}
.wrapper-input-sms .btn-close>i {
    color:#fff;
    font-weight:100;
    font-size:10px
}
.wrapper-input-sms .menu-contact {
    float:right;
    width:39px;
    height:38px;
    background-color:#4378b7;
    cursor:pointer;
    margin-top:-2px;
    margin-right:-5px;
    position:relative;
    text-align:center;
    line-height:44px;
    border-radius:4px;
}
.wrapper-input-sms .menu-contact i {
    color:#fff;
    font-size:16px
}
.wrapper-input-sms .txt-phone-number {
    float:left;
    height:40px;
    margin-top:-3px;
    padding:0 10px;
    line-height:11px;
    box-shadow:none!important;
    min-height:28px;
    width:90%
}
.wrapper-input-sms .txt-phone-number::placeholder {
    color:#ccc
}
.chatlistload {
    display:none;
}
.unreadmessage {
    position:absolute;
    width:18px;
    height:16px;
    background:#f44942;
    top:-5px;
    right:-5px;
    border-radius:4px;
    color:#fff;
    text-indent:0;
    font-size:12px;
    line-height:18px;
}
li.sms-item i.chat-ico-names {
    position:relative;
    overflow:visible;
}
.phonenumberrelative label.country-code {
    top:50%;
    transform:translate(0,
    -50%);
    margin:0 10px;
    font-size:20px;
    line-height:16px;
}
.phonenumberrelative input#phonenumber {
    padding-left:40px;
}
#btn-new-message {
    border:solid 2px #eee;
    border-radius:50px;
    font-size:16px;
    position:absolute;
    cursor:pointer;
    margin-top:-5px;
    color:#000;
    background:#fff;
    padding:8px 20px;
}
.chat-page-right-col {
    display:none
}
.sms-page-right-col #smsGeneralSpinner {
    bottom:auto;
    top:160px
}
.th-row-search {
    padding:10px 15px;
    margin-top:15px;
    cursor:pointer
}
.th-row-search.active,
.th-row-search:hover {
    background-color:rgba(38,
    169,
    213,
    0.1)
}
.sms-page-right-col .th-chat-area-main-col {
    top:58px;
    bottom:80px;
}
li.orderDropdown {
    float:right;
    margin-right:50px
}
button.saveSearch {
    margin:9px 0 0
}
.searchResultHeading {
    font-size:20px;
    padding-right:60px;
    margin-left:17px;
}
span.pageCount {
    float:right;
    margin-top:7px;
    color:#999;
    margin-right:12px
}
.people .person {
    cursor:pointer;
    padding-bottom:0;
    padding-top:10px;
    padding-right:0;
}
.orderDropdown .dropdown-menu {
    right:auto;
    left:auto
}
.center-fixed-bar .people {
    width:100%
}
.people hr {
    margin:0
}
.people .person .span-person-photo {
    width:80px;
    padding-left:0;
    float:left;
    margin-left:20px;
}
.people .person .person-info {
    padding-left:0;
    line-height:25px;
    font-size:16px;
    color:#000;
}
.people .person .person-info td {
    vertical-align:top;
}
.people .person .person-info.main-top-info {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1) !important;
    padding: 45px 35px !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.addToFavBtn i {
    font-size:30px;
    margin:2px 0;
    color:#e2574c
}
.addToFavBtn span {
    display:block;
    font-size:14px;
    line-height:13px;
    color:#000;
}
.addToFavBtn {
    float:right;
    margin:25px 27px 10px 0;
    text-align:center;
    width:auto;
    cursor:pointer;
    position:absolute;
    right:0;
}
body.light-grey-bg.jobsearchpage {
    min-height:100vh;
    margin:0;
}
a.loadmore-btn {
    padding:5px 30px;
    border:1px solid darkturquoise;
    color:darkturquoise;
    margin:20px 0;
    display:inline-block;
}
.jobsearchresult {
    padding-bottom:20px;
}
.loadmore {
    background:#f2f2f2;
    border:0;
    margin-top:30px;
    color:#c5c1c1;
    padding:10px 40px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    margin:30px auto 0;
}
.loadingbtn svg.iconshow circle {
    stroke:#c5c1c1;
}
.loadmore svg.iconshow {
    margin-left:5px;
}
.btntext-center {
    text-align:center;
}
span.viewedBtn {
    margin-right:4px !important;
    border:solid 1px #f9f9f9;
}
ul.login-txt li {
    font-size:18px;
}
#candidatedetails .modal-dialog {
    width:100%;
    max-width:80%;
}
#candidatedetails.new-blue-modal .modal-content {
    max-width:100%
}
#candidatedetails .nav-tabs a {
    color:#000 !important;
    font-size:19px;
    text-transform:uppercase;
    font-weight:700;
    margin-left:4px;
    margin-bottom:10px;
    border:solid 1px #fff !important;
}
.downloadresumebtn input[type="button"] {
    border:2px solid #eee;
    background:#fff;
    color:#000;
    font-size:14px;
    height:45px;
    line-height:41px;
    padding:0 20px;
    border-radius:50px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:normal;
}
.col-sm-12.person-title {
    line-height:30px;
    text-transform:capitalize;
}
.candidatedetailssec,
.clonejobsection {
    padding:20px;
}
.prinfo {
    position:relative;
}
.opennewtab {
    position:absolute;
    top:10px;
    right:0;
}
.opennewtab.opennewtabonmodal {
    top:-25px;
}
.opennewtab img {
    width:15px;
}
.opennewtab a span {
    font-size:14px;
}
.opennewtab span,
.opennewtab img {
    vertical-align:middle;
    display:inline-block;
}
.opennewtab a {
    color:#59c7f3;
    font-weight:normal;
}
img.person-photo-image {
    max-width:100%
}
.span-person-photo .progress-bar {
    background:#3cb371;
    font-size:10px;
    line-height:14px
}
span.person-label {
    font-size:15px;
    color:#000;
    margin-right:5px;
    display:block;
    line-height:21px;
    font-style:italic;
}
.span-person-photo .progress {
    height:13px
}
h2.person-title {
    display:inline;
    font-size:14px;
    font-weight:800;
    color:#3d3d32;
}
.th-delete-sms {
    cursor:pointer;
    margin-left:15px;
    display:inline-block;
    float:right
}
.th-chatBubble {
    float:left;
    max-width:calc(100% - 30px)
}
.ico-input {
    position:relative
}
.ico-input i.icon {
    position:absolute;
    right:18px;
    left:auto;
    bottom:auto;
    top:10px;
    color:#999;
    font-size:16px;
}
.login-page-txt h1 {
    font-size:38px;
    margin-bottom:18px;
    font-family: 'CeraPro-Regular';
}
.login-page-txt h1 span {
    font-family: 'CeraPro-Black';
    font-weight: bold;
    color:#6bbfe1;
    display: block;
}
.login-page-txt p {
    font-size:18px;
    line-height:25px;
}
.line-border-top {
    position:relative
}
.m-install--background-shape-left-mask svg,
.m-install--background-shape-right-mask svg {
    display:none;
}
.f-links ul {
    text-align:center;
}
.f-links ul li a {
    color:#000;
    font-weight:600;
}
#loginPanel {
    margin-right:0;
}
#line-border-top {
    margin-top:70px
}
.autoJobPlugin .joblistcontent {
    font-size: 11px !important;
    color: #fff !important;
}
.joblistdesc.autoJobPlugin {
    margin: 0;
}
.searchHeaderSec {
    display: none;
}
@media (max-width:767px) {
    .herocontent p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .searchResultCard a {    
        margin-top: 20px;
    }
    .people .person .person-info.main-top-info {
        padding: 25px 15px !important;
    }
    .searchResultOuter {
        padding-right: 0;
    }
    .searchHeaderSec {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        cursor: pointer;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .notificationmessage {
        line-height: 24px;
        margin-bottom: 15px;
        font-size: 14px;
        box-shadow: none !important;
        padding: 13px;
        background-color: #f2f2f2;
    }
    .filtersec ul li .filterdropdown ul li a {
        font-size: 16px;
        height: auto;
        display: block;
    }
    .filtersec ul li .filterdropdown ul li + li {
        margin-left: 0;
    }
    .filtersec ul li .filterdropdown ul li {
        line-height: initial;
        position: relative;
        padding-left: 30px;
    }
    .applyLater label {
        text-align: left;
    }
    .jobsearchpage .searchleftcontent {
        padding: 0;
    }
    .confirmationModal.applyLater .modal-body .row {
        display: block;
    }
    .th-profile-page {
        padding-left: 60px
    }
    .th-profile-page.profileMbFix {
        padding-left: 0 !important;
        padding-right: 0;
    }
    .th-btn-info {
        float: right;
        margin-top: 25px
    }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) {
    body {
        min-width: 1600px;
        position: relative;
    }
    .common-header {
        min-width: 1600px;
        width: 100%;
    }
    body.login-page-bg.login-pg {
        min-width: auto !important;
    }
    .headerMoney {
        display: none;
    }
}
@media only screen and (min-width:1100px) and (max-width:1400px) {
    .checkoutpage {
        zoom: 80%;
    }
}
@media only screen and (max-height:700px) {
    .main-vertical-nav .navMain a span {
        padding-top: 0;
        font-size: 12px;
    }
    .main-vertical-nav .navMain a {
        color: #aaa;
        padding: 10px 9px 15px;
        margin-right: 0;
        height: 80px;
    }
}
@media (max-width:1100px) {
    .jobsearchpage .searchbannerright {
        display: none;
    }
    .jobsearchpage .searchleftcontent {
        max-width: 740px;
        margin: 0 auto;
    }
    .searchleftcontent .searchtabscontent .form-inline {
        display: flex;
    }
    .jobsearchpage .searchtabscontent .btn.btn-primary {
        margin: inherit;
    }
    .jobsearchpage .uploadyourresume {
        text-align: left;
    }
}
.headerclose {
    display:none;
}
.zipStatusOuter {
    max-width: 350px;
    word-break: break-all;
    min-width: 350px;
}
.titleColTable {
    max-width: 250px;
    word-break: break-all;
    min-width: 250px;
}
.noteCol , .noteColPostJob {
    background-color: #e7feff;
    padding: 10px 20px;
    border: 1px solid #00aff0;
}
.postJobFormCol .form-condensed .controls {
    margin-left: 190px;
}
.postJobFormCol .bootstrap-tagsinput input {
    width: 100% !important;
}
.postJobFormCol section.widget {
    padding: 0 !important;
}
.postJobFormCol section.widget .tab-content {
    padding: 0;
}
.noteIconCol {
    display: flex;
    align-items: center;
    gap: 10px;
}
.noteColPostJob p {
    margin: 0;
    font-size: 14px;
}
.noteColPostJob p span {
    font-weight: 700;
    font-size: 16px;
}
@media (max-width:1366px) {
    .jobsearchdetails-ctrl .container-cstm {
        max-width: inherit;
    }
}
@media (max-width: 991.99px) {
    .bodyInitialWid {
        min-width: initial !important;
    }
    .accountInner {
        margin: 0 0;
        padding: 25px 15px;
    }
    .accountOuterCol {
        background-color: cornflowerblue;
        padding: 15px 10px;
        border-radius: 20px;
        margin: 30px 0;
    }
    .loginMain .accountInner .login-page-widget {
        padding: 0;
        margin: 0 auto;
    }
    .accountInner .login-page-txt {
        max-width: 100%;
        margin-bottom: 30px;
        display: none;
    }
    .bannerVideoCol {
        margin-top: 40px;
    }
    .snapAutoJobCardOuter .snapAutoJobCard:before {
        margin-left: 0;
    }
    .bannerVideoInner {
        margin-right: 0;
    }
    .titleCol h3 {
        font-size: 24px;
    }
    .checkIconList li {
        font-size: 14px;
        padding-left: 30px;
    }
    .snapAutoDesc .titleCol h3 {
        margin-bottom: 15px;
    }
    .checkIconList li:before {
        width: 18px;
        height: 18px;
        background-size: 100%;
    }
    .snaprecruitAutoInner {
        padding: 60px 0;
    }
    .bannerColAutoJob {
        padding: 30px 0 60px 0;
    }
    .snaprecruitAutoFeat {
        padding: 0 40px 60px;
    }
    .snapCallActionInner {
        padding: 60px 15px;
    }
    .snapAutoJobStep {
        padding: 60px 0;
    }
    .whyAutoApply {
        padding: 0 40px 60px;
    }
    .faqCol {
        padding: 60px 0;
    }
    .contentCol p {
        font-size: 14px;
    }
    .snapAutoOuter {
        margin: 35px auto 0;
    }
    .whyAutoOuter , .faqOuter {
        margin-top: 35px;
    }
    .whyAutoApplyInner {
        padding: 60px 0;
    }
    .accordionList .accordionBody {
        padding: 0px 19px 19px 19px;
    }
    .accordionList .accordionHead button {
        font-size: 18px;
    }
}
@media (max-width:991px) {
    .createalertbtn {
        display: none;
    }
    .navmenulanding ul li+li {
        margin-left: 0;
    }
    .candidatepage.keywordscount.fl-none {
        float: none;
        margin-bottom: 20px;
        margin-top: 20px;
        display: inline-block;
        width: 100%;
    }
    .logosec img {
        width: 170px;
        margin-top: 0;
    }
    .searchmenuright {
        align-items: flex-start;
        flex-direction: column;
    }
    .searchmenuright a.loginmenu:hover {
        color: #ddd !important;
    }
    .footer_text {
        margin-bottom: 30px;
    }
    .login-pg:after,
    .login-pg:before {
        display: none;
    }
    .loginMain .login-page-widget {
        margin-left: auto;
        margin-right: auto;
    }
    #loginPanel {
        margin-right: auto;
        margin-left: auto;
    }
    .login-pg div#wrap,
    .accountPage {
        height: auto;
    }
    .login-page-txt {
        display: none;
    }
    .searchpagetabmenu {
        margin-top: 0;
    }
    .jobsearchdetails-ctrl .container-cstm {
        max-width: inherit;
        min-width: inherit;
        margin-left: 0;
        width: 100%;
    }
    .searchmenuright .dropdown-backdrop {
        display: none;
    }
    .headerleftmenu li .headersubmenu li {
        margin-bottom: 0;
    }
    .headerleftmenu li .headersubmenu li a {
        padding: 6px 20px;
    }
    .headerrmenu.acountmenuopen {
        transform: translate(0, 0);
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        display: flex;
        flex-direction: column;
    }
    .headerclose {
        position: absolute;
        right: 10px;
        top: 10px;
        display: block;
        z-index: 99;
    }
    .headerrmenu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        transform: translate(100%, 0);
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        padding: 40px 20px 20px;
    }
    .sidePanelModal {
        box-shadow: inherit;
    }
    .filtersec {
        flex-direction: column;
    }
    .container-cstm {
        max-width: 1350px;
        margin-left: 0;
        padding: 0 15px;
    }
    .headermiddlesec {
        margin-top: 75px;
    }
    .searchmenuright .dropdown.login-button ul.dropdown-menu {
        min-width: inherit;
        left: 0;
        margin-left: 0;
        top: 48px;
        position: static;
        width: 100%;
        box-shadow: inherit;
        border: 0;
        padding: 0;
    }
    .jobalertdropdown {
        width: 94%;
        position: fixed;
        top: 60px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .afterlogin .top-right-icons .nav>li {
        float: none;
        display: block;
    }
    .afterlogin .dropdown.report-dd {
        float: left;
        order: 3;
        width: 100%;
    }
    .afterlogin .headerMoney {
        width: auto;
        padding: 0 20px;
        display: none;
        float: left;
        order: 2;
    }
    .afterlogin #notification-menu.dropdown-menu.account {
        margin-left: 0;
    }
    .afterlogin .top-right-icons #reloadDataNoti>a {
        width: auto;
        padding: 0;
        border-radius: 50px;
        border: 0;
        font-size: 16px;
        color: #222;
    }
    .afterlogin #reloadDataNoti>a:before {
        content: "Notification";
    }
    .afterlogin #reloadDataNoti>a>i {
        display: none;
    }
    .afterlogin .top-right-icons li.logoutmenu>a>i {
        display: none;
    }
    .afterlogin .top-right-icons li.logoutmenu>a {
        width: auto;
        padding: 0;
        border-radius: 50px;
        border: 0;
        color: #222;
        text-align: left;
    }
    .afterlogin span.pull-right.welcometext {
        display: block;
        width: 100%;
    }
    .afterlogin .btn.post-job-btn {
        float: left;
        order: 4;
    }
    .afterlogin .nav.navbar-right {
        float: left !important;
    }
    .afterlogin .top-right-icons {
        float: left;
        width: 100%;
        order: 5;
    }
    .jobsearchpage.afterlogin.loaded {
        padding: 0;
    }
    .afterlogin .headerclose {
        position: absolute;
        right: 10px;
        top: 10px;
        display: block;
    }
    .headerleftmenu li.menuopen a+.headersubmenu {
        position: static;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }
    .headerleftmenu>li {
        margin-bottom: 10px;
    }
    .afterlogin .headerrmenu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        transform: translate(100%, 0);
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        padding: 30px 20px 20px;
    }
    .navmenulanding .headerleftfix.menufunction {
        top: 50px;
    }
    .afterlogin.overflowhide {
        overflow: hidden;
    }
    .afterlogin.jobsearchpage .acountmenuopen.searchmenuright:before {
        content: "";
        position: fixed;
        left: -100%;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.6);
        z-index: -1;
    }
    .afterlogin .navtabsright {
        width: 100%;
        float: left;
    }
    .afterlogin .headerrmenu.acountmenuopen {
        transform: translate(0, 0);
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        display: flex;
        flex-direction: column;
    }
    .afterlogin .navmenulanding.navopen:after {
        content: "";
        position: fixed;
        right: -100%;
        left: 0;
        bottom: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.6);
        z-index: -1;
    }
    .menuclose a {
        cursor: pointer;
        display: inline-block;
        line-height: initial;
    }
    .loadingsec {
        position: fixed;
        margin-top: 100px;
    }
    .col-sm-12.prsection .unlockResume.col-sm-2.text-left {
        margin-top: 30px;
    }
    .opennewtab.opennewtabonmodal {
        top: -40px;
    }
    .loginformclose,
    .menuclose {
        display: block;
    }
    .downloadresumebtn {
        display: inline-block;
        position: absolute;
        right: auto;
        top: 0px;
        left: 100px;
    }
    .candidatepage.keywordscount {
        margin-bottom: 15px;
        margin-top: 50px;
    }
    div#candidatedetails {
        z-index: 999999;
    }
    .menuclose {
        position: absolute;
        right: 30px;
        top: 5px;
    }
    .loginformclose {
        width: 100%;
        text-align: right;
        padding-right: 20px;
        border-bottom: 0px solid #ddd;
        margin-top: 5px;
    }
    .searchmenuright .groupFrom-button .login {
        padding-left: 0;
    }
    .headerleftfix {
        float: left;
        margin-top: 0px !important;
        display: flex;
        align-items: flex-start;
        position: fixed;
        top: 74px;
        left: 0;
        bottom: 0;
        padding: 20px;
        background: #fff;
        z-index: 99;
        width: 80vw;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        transform: translate(-100%, 0);
        transition: all 300ms ease-in-out;
    }
    ul.headerleftmenu.headerleftfix.loginnavopen {
        transform: translate(0, 0);
        transition: all 300ms ease-in-out;
        width: 100%;
    }
    .mainsearchsec {
        height: auto;
    }
    .iconback {
        display: block;
    }
    .iconback a {
        display: inline-block;
        cursor: pointer;
    }
    .headermiddleinner {
        padding: 25px 0px 15px;
    }
    .navmenulanding.navopen {
        transform: translate(0, 0);
        transition: all 300ms ease-in-out;
    }
    .navmenulanding ul li {
        display: block;
        margin-bottom: 0;
    }
    .navmenulanding ul li+li {
        margin-left: 0px;
    }
    .navmenulanding {
        float: left;
        margin-top: 0px;
        display: flex;
        align-items: flex-start;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 40px 20px;
        background: #fff;
        z-index: 99;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        transform: translate(-100%, 0);
        transition: all 300ms ease-in-out;
    }
    .searchpagemenu li a {
        font-size: 14px;
    }
    .headermiddle {
        margin: 20px 0;
    }
    .headersearchsec {
        display: block;
    }
    .searchresultcount {
        display: none;
    }
    li.recentsearchmenu {
        display: none;
    }
    .searchmenusec {
        width: 100%;
    }
    .searchresultsec {
        width: 100%;
        padding-left: 0;
    }
    .cmpnynameshort {
        display: none;
    }
    .posteddate {
        flex-grow: 1;
    }
    .jobsummary {
        max-width: 290px;
    }
    .jobtitle {
        color: darkturquoise;
        font-weight: normal;
    }
    .searchmenu li.active {
        border-left: 0px solid #28bbb7;
    }
    .searchmenu li {
        padding-left: 0;
    }
    .searchresults,
    .searchmenu {
        height: auto;
    }
    body.light-grey-bg.jobsearchpage {
        min-width: inherit;
    }
    body.light-grey-bg.searchcandidate {
        min-width: inherit;
        margin: 0;
    }
    .searchcandidate .sidePanelModal {
        right: 100%;
    }
    .searchcandidate .sidebartitle {
        width: 100%;
    }
    .searchcandidate .searctabsec.chattabcstm {
        padding: 0;
    }
    .searchcandidate .people .person .person-info td {
        width: auto;
        padding-right: 12px;
    }
    .person-description {
        padding-top: 10px;
    }
    .searchcandidate .resume-box-right-bar.searchMiddletbar {
        padding-left: 15px;
        padding-right: 15px;
    }
    .searchcandidate .sidebartitle h3.searchResultHeading {
        padding: 0;
    }
    .searchcandidate h2.person-title {
        margin-top: 0;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
    .searchcandidate #sidebar.searchSidebar {
        width: 100%;
        top: 85px;
        padding-right: 18px;
        position: static;
        height: auto;
        margin: 0;
        box-shadow: inherit;
        padding: 0 15px;
    }
    .searchcandidate .searchMiddletbar .widget.center-fixed-bar {
        width: 100%;
        right: 0%;
        position: static;
    }
    .searchcandidate .location {
        width: 100%;
        margin-top: 10px;
    }
    .searchcandidate .person-info span {
        display: inline-block;
        margin-right: auto !important;
        float: none !important;
    }
    .searchcandidate .people .person {
        padding-right: 0;
    }
    .jobsearchpage header.common-header {
        min-width: inherit;
    }
    .searchcandidate .people .person .person-info.main-top-info {
        padding-right: 15px;
    }
    .checkboxpeople {
        margin-top: 28px;
    }
    .accountmobile {
        display: block;
        color: #222;
    }
    .jobsearchpage .bannerSection .row {
        display: block;
        align-items: center;
    }
    .jobsearchpage .accountmobile {
        position: absolute;
        right: 15px;
        display: flex;
        flex-direction: column;
        top: 50%;
        transform: translate(0, -50%);
        cursor: pointer;
        align-items: center;
    }
    .jobsearchpage .logosec {
        float: left;
        margin-right: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .jobsearchpage .searchmenuright {
        display: flex;
        align-items: flex-start;
        position: fixed;
        top: 74px;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 99;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        transform: translate(0%, 0);
        transition: all 300ms ease-in-out;
    }
    .searchiconmb {
        display: block;
    }
    .searchiconmb i.material-icons {
        color: #222;
        font-size: 24px;
        height: 20px;
    }
    .searchpagemenu {
        padding: 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        margin-top: 0;
        background: #fff;
        z-index: 99;
        overflow: hidden;
        position: fixed;
        top: 74px;
        bottom: 0;
        left: 0;
        width: 80vw;
        transform: translate(-100%, 0);
        transition: all 300ms ease-in-out;
    }
    .searchpagemenu.navopen {
        transform: translate(0, 0);
        transition: all 300ms ease-in-out;
    }
    .menutogglemb {
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        cursor: pointer;
        transform: translate(0, -50%);
    }
    .searchpagemenu li {
        display: block;
        margin-right: 0;
        position: relative;
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
    }
    .menutogglemb span+span {
        margin-top: 6px;
    }
    .menutogglemb span {
        width: 28px;
        height: 2px;
        background: #000;
        display: block;
    }
    .searchiconmb {
        color: #222;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 50%;
        transform: translate(0, -50%);
        right: 80px;
    }
    .headersearch.searchtabscontent {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        padding: 20px;
        margin: 0;
        z-index: 9;
    }
    .filtersec>ul>li li {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .filtersec>ul>li+li {
        margin-left: 10px;
    }
    .headermiddlesec {
        padding: 10px 0 0;
    }
    .jobsearchpage .acountmenuopen.searchmenuright {
        transform: translate(0, 0);
        transition: all 300ms ease-in-out;
    }
    .dropdown.login-button.open ul.dropdown-menu ul.submenulevel2 {
        position: initial;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
        background-color: #fff;
    }
    ul.submenulevel2 {
        box-shadow: none;
        border: solid 0px #ccc;
        padding-left: 10px;
    }
    .signUpBtn a.signupMenu {
        padding: 0 !important;
    }
    .searchmenuright a.loginmenu {
        border: solid 0px #4e9ab8 !important;
        background: transparent;
        padding: 0 0px !important;
        border-bottom: 0px solid #ddd;
        margin: 0;
        max-width: 400px;
        color: #444;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: transparent;
        text-align: left;
        font-size: 18px;
    }
    .topRightMenu a {
        font-size: 16px;
        margin-top: 10px;
    }
    .searchmenuright .signUpBtn {
        margin: 10px 0;
    }
    .signUpBtn a.signupMenu {
        font-size: 18px !important;
        margin: 0 0px !important;
    }
    a.postjobmenu {
        margin: 0;
        text-align: left;
        padding: 0px 0;
        margin-top: 15px;
    }
    .postjobmenu p {
        text-align: left;
    }
    .login-button .btn.login {
        text-align: left;
    }
    .searchmenuright form.form-inline.groupFrom-button.my-lg-0 {
        padding: 0;
        width: 100%;
        border-bottom: 0px solid #ddd;
    }
    .jobsearchpage .logosec img {
        width: 150px;
        margin-top: 0;
    }
    .jobsearchpage .common-header {
        min-width: inherit;
        width: 100%;
    }
    .searchmenuright a {
        padding: 10px 20px !important;
    }
    .searchmenuright .postjobmenu a {
        padding: 0px !important;
    }
    .jobsearchpage .uploadyourresume {
        display: block;
    }
    .jobsearchpage .searchbannerright {
        margin-top: 30px;
    }
    .jobsearchpage .searchtabscontent .btn.btn-primary {
        display: block;
    }
    .jobsearchpage .uploadyourresume i {
        vertical-align: middle;
    }
    .jobsearchpage br {
        display: none;
    }
    .jobsearchpage .tab-content.searchtabscontent {
        width: 100%;
    }
}
.postJobFormCol select {
    width: 100% !important;
}
@media (max-width:767.99px) {
    .signUpBtn .dropdown-menu li a {
        padding: 0 !important;
    }
    .searchmenuright .signUpBtn ul.dropdown-menu {
        margin-top: 0;
    }
    .signUpBtn .dropdown-menu li {
        margin-top: 10px;
    }
    ul.nav.navbar-right.pull-right.headertopmenu.accountMenuCol {
        width: 100%;
    }
    .searchpagetabmenu {
        overflow-x: auto;
        width: 100%;
        flex-wrap: nowrap;
        white-space: nowrap;
        margin-top: 15px;
        overflow-y: hidden;
        display: flex;
    }
    .notificationmessage h3 {
        font-size: 16px;
    }
    .filtersec {
        padding: 20px 0 20px 0;
    }
    .searchJobOuter .searchFormBtn {
        width: 100%;
        flex-direction: column-reverse;
        gap: 10px;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .searchJobOuter .searchFormBtn button {
        width: 100%;
        max-width: 100% !important;
    }
    .ml-md-3, .mx-md-3 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .searchJobOuter {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .searchJobOuter .form-group {
        margin-bottom: 0;
    }
    .whyAutoApply , .snaprecruitAutoFeat {
        padding: 0 15px 60px;
    }
    .callActionDesc {
        max-width: 270px;
        margin: 0 auto;
    }
    .snapCallActionInner {
        padding: 40px 15px;
    }
    .snaprecruitAutoInner {
        padding: 40px 0;
    }
    .accordionList .accordionHead button {
        font-size: 16px;
    }
    .titleCol h3 {
        font-size: 25px;
    }
    .bannerColAutoJob .bannerDesc {
        text-align: center;
    }
    .bannerColAutoJob .bannerDesc > .row {
        justify-content: center;
    }
    .bannerColAutoJob {
        padding: 50px 0 60px 0;
    }
    .bannerVideoCol:before {
        top: 5px;
        bottom: 5px;
        left: 10px;
    }
    .bannerVideoInner {
        height: 250px;
    }
    .whyAutoApplyInner {
        padding: 40px 0;
    }
    .snapAutoJobCard {
        max-width: 250px;
    }
    .bannerVideoCol {
        padding-left: 20px;
    }
    .snapAutoJobCardOuter .snapAutoJobCard:before {
        width: 50%;
        height: 3px;
        margin-left: 0;
        transform: translate(-50%,0%) rotate(90deg);
        top: 100%;
        z-index: -1;
        left: 50%;
        margin-top: 10px;
    }
    .whyAutoOuter .row {
        grid-row-gap: 30px;
    }
    .snapAutoJobCard {
        margin: 0 auto 70px !important;
        height: auto;
    }
    .snapAutoJobCard.snapAutoRightCard {
        margin-bottom: 0 !important;
    }
    .postJobFormCol .form-horizontal .control-label {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .postJobFormCol select {
        width: 100% !important;
    }
    .postJobFormCol .form-condensed .controls {
        margin-left: 0;
    }
    .login-pg .f-links ul li {
        display: block;
    }
    @media (max-width:360px) {
        .searchtabs.nav>li a {
            font-size: 10px !important;
        }
        
        .searchtabs.nav>li {
            margin-right: 9px;
        }
    }
    ul.socila_icon.text-right {
        text-align: center;
        margin-top: 10px;
    }
    .jobsearchpage .bannerSection {
        padding: 40px 0;
        margin-bottom: 30px;
    }
    .signupMenu {
        margin-left: 0;
    }
    .jobsearchpage .bannerSection:before {
        display: none;
    }
    .copyright {
        text-align: center;
    }
    .filterdropdown input#companyNm {
        height: 40px;
        padding: 7px 20px;
        line-height: 40px;
    }
    .container-md {
        padding: 0 15px;
    }
    .jobalertdropdown button.btn-default,
    .jobalertdropdown button.btn-default:active,
    .jobalertdropdown button.btn-default:hover {
        margin-left: 0px !important;
        margin-top: 20px !important;
    }
    .joblisttitle {
        padding-right: 45px;
        margin-bottom: 5px;
    }
    .jobsearchpage .searchtabscontent .btn.btn-primary {
        margin: 0;
        margin-left: auto;
    }
    .headersearch.searchtabscontent {
        padding: 20px 0 0;
    }
    .filterdropdown>ul>li {
        position: relative !important;
    }
    .filterdropdown {
        left: 15px;
        right: 15px;
    }
    .filtersec>ul {
        white-space: nowrap;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        position: static;
        padding: 0;
    }
    .filterdropdown {
        white-space: initial;
    }
    .filtersec ul>li {
        position: static;
    }
    .createalertbtn {
        margin-top: -95px;
        margin-bottom: 30px;
    }
    .jobExpirePage .createalertbtn {
        margin: 0;
        display: none;
    }
    .headersearch .form-inline .form-group,
    .navbar-form .form-group {
        width: 100%;
        padding-right: 15px;
    }
    .searchJobOuter .keyWordInput, .searchJobOuter .locationInput {
        padding: 0 !important;
    }
    .headerleftmenu li.active a {
        border-bottom: 0px solid #eee;
    }
    ul.headerleftmenu.headerleftfix.menufunction li a {
        font-size: 25px;
    }
    .filterinner {
        padding-left: 20px;
    }
    .jobsearchpage .searchleftcontent .searchtabscontent .form-inline {
        display: block;
    }
    .jobsearchpage .uploadyourresume {
        text-align: center;
    }
    .jobalertdropdown {
        min-width: 300px;
    }
    .createalertbtn {
        text-align: center;
        padding: 10px 0;
        width: auto;
        margin-right: auto;
    }
}
@media only screen and (max-device-width:736px) {
    body {
        min-width: 1600px;
        position: relative;
    }
    body.checkoutpage {
        min-width: initial;
    }
    body.login-page-bg.login-pg {
        min-width: auto !important;
    }
    .headerMoney {
        display: none;
    }
}
@media (max-width:575px) {
    .logoSec {
        text-align: center;
    }
    .logoSec.logoEditUnsubscribe {
        text-align: left;
    }
    .jobsearchpage .logosec {
        transform: translate(0%, -50%);
        left: 60px;
    }
    .jobsaction button {
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .filterinner ul li {
        margin-right: 10px;
    }
    .createalertbtn {
        justify-content: flex-start;
    }
    .jobsctionbtm {
        text-align: center;
    }
}
@media (max-width:375px) {
    .searchJobsForm {
        width: 350px;
    }
    .jobHeader .headerrmenu {
        padding: 0 10px 0 0;
    }
    .jobHeader .searchmenuright a.loginmenu {
        font-size: 11px;
    }
    .jobsearchpage .logosec img {
        width: 130px;
    }
    .afterlogin .nav.nav-tabs.jobs-tab li a,
    .nav.nav-tabs.jobs-tab li.active a {
        font-size: 13px;
    }
}
@media (max-width: 360px) {
    .jobHeader .logosec img {
        width: 120px;
    }
}
#emailResumeModal {
    z-index:99999;
}
#emailResumeModal .modal-footer button {
    margin-bottom:0;
}
#emailResumeModal .modal-title {
    margin:0;
    line-height:2.5;
}
#emailResumeModal .modal-header .close {
    margin-top:10px;
    border:1px solid #f3f3f3;
    padding:5px;
    width:40px;
    height:40px;
    border-radius:100%;
    margin-right:-10px !important;
}
#emailResumeModal .modal-header .close:hover {
    color:#00ddee;
    border:1px solid #f6f6f6;
}
.job-detail-label {
    text-align:right;
    color:#000;
    font-size:16px;
    margin:8px 0 0;
    display:block;
}
.job-detail-contents {
    margin:8px 0 0;
    font-size:16px;
}
.job-sort {
    border:10px solid #e0e0e0 !important;
    padding:10px 0px;
    background-image:linear-gradient(#e0e0e0,
    #ffffff,
    #e0e0e0);
}
.share-email-resume-body {
    border:1px solid #f0f0f0;
    padding:10px;
    text-align:justify;
    margin-top:5px;
}
.share-email-resume-label {
    line-height:50px;
}
.email-resume-label-row {
    margin:0px;
}
.email-resume-label-row input {
    width:100%;
}
.top-edit-job-btns.snapx-text a,
.top-edit-job-btns.snapx-text span {
    float:left;
    position:relative;
    text-align:justify;
    cursor:pointer;
}
.top-edit-job-btns.snapx-text span .snapx-hover-msg a {
    float:none;
    display:inline-block;
}
.top-edit-job-btns.snapx-text span .snapx-hover-msg {
    border-radius:10px;
    border:1px solid rgba(0,
    0,
    0,
    0.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    font-size:15px;
    padding:10px;
    position:relative;
    width:500px;
    line-spacing:25px;
    position:absolute;
    left:10px;
    top:50px;
    z-index:1;
    background:#fff;
    display:none;
}
a.btn.btn-info.job-apply-btn span {
    display:inline-block;
    float:none;
    line-height:initial;
    vertical-align:middle;
}
.top-edit-job-btns.snapx-text span:hover .snapx-hover-msg {
    display:block;
}
.sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex #btnSendMsg {
    margin-left:25px;
}
.sidePanelModal.slideopen .sidePanelModalFooter.text-left.dflex .preloader {
    display:block;
    float:right;
    width:50px;
    margin-left:-60px;
    margin-top:11px;
}
.fancy {
    line-height:0.5;
    text-align:center;
    margin:20px 0;
}
.fancy span {
    display:block;
    position:relative;
}
.fancy span:before {
    right:0;
    margin-left:15px;
}
.fancy span:after {
    left:0;
    margin-left:0;
}
.fancy span:before,
.fancy span:after {
    content:"";
    position:absolute;
    height:5px;
    border-top:1px solid black;
    top:3px;
    width:45%;
}
.switch {
    position:relative;
    display:inline-block;
    width:70px;
    height:30px;
}
.switch input {
    display:none;
}
.slider {
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#D3D3D3;
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:30px;
}
.slider:before {
    position:absolute;
    content:"";
    height:25px;
    width:25px;
    left:4px;
    bottom:4px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:50%;
}
input:checked+.slider {
    background-color:#57d48f;
}
input:focus+.slider {
    box-shadow:0 0 1px #2196F3;
}
input:checked+.slider:before {
    -webkit-transform:translateX(25px);
    -ms-transform:translateX(25px);
    transform:translateX(43px);
}
.slider:after {
    content:'OFF';
    color:white;
    display:block;
    position:absolute;
    transform:translate(-50%,
    -50%);
    top:50%;
    font-weight:bold;
    right:4px !important;
    left:50%;
    font-size:12px;
    font-family:Verdana,
    sans-serif;
}
input:checked+.slider:after {
    content:'ON';
    right:4px !important;
    font-weight:bold;
}
.title-location {
    display:block;
}
.keywordscount h2 {
    font-size:18px;
}
.notesec span {
    font-weight:bold;
    color:#222;
}
.keywordscount span,
.keywordscount h2 {
    display:inline-block;
    vertical-align:middle;
    margin:0;
    font-size:15px;
    color:#000;
}
.keywordscount span {
    margin-left:10px;
}
.notesec {
    margin-bottom:22px;
    font-size:14px;
    padding-left:30px;
    color:#000;
}
.keywordscount {
    margin-top:15px;
}
.keywordscount span.highlightd {
    background:#fcfc00;
    padding:3px 4px 2px 5px;
    border-radius:2px;
    border:1px solid #efff00;
    font-size:16px;
    color:#000;
}
.personinfocstm .jobSourceOrigin {
    left:auto;
    margin:0;
    margin-left:auto;
    width:auto;
}
.personinfocstm .jobSourceOrigin .opennewtab {
    position:initial;
}
.personinfocstm .jobSourceOrigin span.candidatepulled {
    margin-bottom:10px;
    display:block;
}
.personinfocstm .row {
    display:flex;
    align-items:center;
}
.people .person .person-info.main-top-info.personinfocstm {
    padding-left:20px;
}
.jobSourceOrigin {
    position:relative;
    left:70%;
    margin-top:-8%;
    width:29%;
    font-size:17px;
    text-align:right;
    font-weight:bold;
    margin-bottom:11px;
}
.jobSourceOrigination {
    position:relative;
    font-size:15px;
    color:#2d3a5b;
    padding-top:0px;
    text-transform:capitalize;
}
.chkcandyfilter label {
    display:flex;
    align-items:center;
    font-size:14px;
    padding:0px;
    padding-top:11px;
    padding-bottom:7px;
}
.chkcandyfilter label input {
    width:auto;
    margin-right:5px;
}
#realAutoListComp .popover.right {
    display:none !important;
}
#realAutoListCompActJobs .popover.right {
    display:none !important;
}
.searchleftcontent #commonListAutoComplete li:hover {
    background:#f2f2f2;
}
.searchpagetabmenu li.active a {
    border: 1px solid #1C73F6;
    border-bottom: 1px solid #fff;
    border-radius: 8px 7px 0 0;
    color: #1C73F6;
}
.searchpagetabmenu li a {
    color: #000;
    position: relative;
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    line-height: initial;
    font-family: 'CeraPro-Regular';
}
.searchpagetabmenu {
    margin-top:30px;
}
.recent-job-search {
    width:450px;
    background-color:#fff;
    padding:19px;
    margin-left:0;
    border:solid 1px #fff;
    border-radius:50px;
    border-style:dashed;
}
.registrationJobAdLimit {
    padding:5px 0px;
    margin:5px;
    visibility:hidden;
    color:#000;
    font-size:13px;
    min-height:29px;
    display:none;
}
#boolen-search .input-group-btn {
    text-align:right;
}
#boolen-search .input-group-btn button.btn.btn-info.dropdown-toggle {
    border:none !important;
}
.inner-nav-tabs .tab-content {
    border:1px solid #dcdcdcd9;
    padding:14px !important;
    border-radius:4px 4px 4px 4px !important;
    /* padding-top:34px !important; */
}
.inner-nav-tabs .bootstrap-tagsinput input {
    width:100%;
}
.inner-nav-tabs .nav-tabs li.active a {
    border:1px solid #dcdcdcd9 !important;
    border-bottom:0px !important;
    border-radius:4px 4px 0 0 !important;
}
.searchOptions .arrowIcon {
    display:none;
}
.backbtn {
    float:left;
    width:100%;
}
.backbtn a {
    max-width:240px;
    margin-top:10px;
}
@media (max-width:1800px) {
    .selectedplan {
        margin-top: 15px;
    }
    .stubborn-attachment h3 {
        margin-top: 0;
    }
    .checkoutRightCol h1 {
        margin: 5px 0 10px;
        padding: 4px;
    }
    .checkoutRightCol .form-group {
        margin-bottom: 10px;
    }
}
@media (max-width:1400px) {
    .checkoutpagesec {
        margin-top: 0;
        padding-top: 20px;
    }
    .checkoutRightCol .StripeElement {
        height: 57px;
        padding: 17px 12px;
    }
    .checkoutRightCol input {
        min-height: 36px;
        padding: 4px 12px;
    }
    .extraviews {
        font-size: 14px;
    }
    .perviewprice {
        font-size: 14px;
    }
    .perviewprice span {
        font-size: 16px !important;
    }
    .pricecontent p {
        line-height: initial;
    }
    .checkoutpage {
        padding-bottom: 0;
    }
}
@media (max-width:1199px) {
    .common-header a.searchJobLink span.parentmenu {
        font-size: 14px !important;
    }
    .logosec {
        margin-right: 0;
    }
    a.loginmenu {
        min-width: 55px;
    }
    .signUpBtn a.signupMenu {
        font-size: 12px;
        width: 80px;
        margin: 0 10px;
    }
    a.loginmenu {
        font-size: 12px;
    }
    .logosec img {
        max-width: 170px;
    }
    .navmenulanding ul li+li {
        margin-left: 20px;
    }
    .navmenulanding ul li a {
        font-size: 12px;
    }
    div#wrap,
    .accountPage {
        height: auto;
        overflow: initial;
    }
    .checkoutLeftCol a.btn.borderbtn {
        max-width: 240px;
        margin: 10px 0 0;
    }
    .selectedplan label.boxInput {
        width: 100%;
        max-width: 240px;
    }
}
.signupMenu i {
    display:none;
}
@media (max-width:991px) {
    #formatPasswordPanel {
        margin-right: auto;
    }
    .topRightMenu.postjobmenu {
        padding: 6px 0;
        text-align: left;
        margin-top: 20px;
    }
    .recommendedHeadOuter .signupMenu {
        margin: 0;
        border: 0 !important;
        width: auto;
        display: flex;
        padding: 0 !important;
        height: auto !important;
        justify-content: flex-start;
        font-size: 18px;
        color: #444;
    }
    #userEmail + li.parentmenu {
        margin-left: 0 !important;
    }
    .navmenulanding ul li+li {
        margin-left: 0;
    }
    .logosec.logoJobRecommended {
        padding: 0;
        position: initial;
        left: 60px;
        top: 50%;
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: initial;
        margin-left: 60px;
        margin-right: 20px;
    }
    .signupMenu i {
        display: block;
        margin-left: 8px;
    }
    .accountmobile.acntMbPosRight {
        margin-left: auto;
        margin-right: 15px;
    }
    .logoJobRecommended img {
        max-width: 180px;;
    }
    .searchmenuright .dropdown.login-button ul.dropdown-menu {
        padding: 0 15px;
    }
    .searchOptions .arrowIcon {
        display: inline-block;
    }
    .topRightMenu h3 {
        font-size: 18px;
    }
    .navmenulanding ul.searchOptions li a {
        font-size: 14px!important;
        display: block;
        padding: 4px 0;
        line-height: initial;
    }
    .signupMenu {
        width: auto;
        margin: 0;
        max-width: initial;
        color: #444;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 8px;
        font-family: 'CeraPro-Medium';
        font-weight: 500;
        border: 0px solid #303D5D;
        margin-left: 0;
        height: auto;
        text-align: left;
        padding: 7px 0;
    }
}
.accountInner .formGroup {
    margin-bottom: 20px;
}
@media (max-width:767px) {
    .accountInner label.form-label {
        order: 1;
    }
    .accountInner label.labelInfo {
        order: 2;
    }
    .accountInner .form-style .formGroup input, 
    .accountInner .form-style .formGroup select {
        order: 3;
    }
    .loginMain .accountInner .login-page-widget {
        margin: 20px auto 0;
    }
    .accountInner .formGroup {
        display: flex;
        flex-direction: column;
    }
    .jobHeader .signUpBtn a.signupMenu {
        border: 0 !important;
    }
    .jobHeader .menuColMain.navopen {
        z-index: 99;
    }
    .jobHeader a.loginmenu {
        font-size: 18px !important;
        text-decoration: none !important;
    }
    .saveBtn {
        margin-top: 20px;
    }
    .herocontent h1 {
        font-size: 36px;
        text-align: center;
    }
    .checkoutRightCol {
        display: inherit;
        padding-left: 0;
    }
    legend.fieldsetHeader {
        width: 100%;
    }
    span.selectboxit-text, span.selectboxit-arrow-container {
        height: 40px;
        line-height: 32px;
        font-size: 13px;
    }
    .selectedplan .boxInput {
        width: 100%;
        max-width: 240px;
        margin: 10px auto 20px auto !important;
        float: none;
    }
    .checkoutLeftCol a.btn.borderbtn {
        max-width: 240px;
        margin: 10px auto 0;
    }
    .checkoutLeftCol {
        padding: 0px 0;
        margin-bottom: 20px;
    }
    .selectedplan {
        margin-top: 30px;
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .recent-job-search {
        padding: 0;
        width: 100%;
    }
    span.max5Alerts {
        padding-left: 16px;
        margin-top: 10px;
        display: inline-block;
    }
    #candidatedetails .sidePanelModalHeader {
        margin-top: 20px;
    }
    .notesec {
        padding-left: 0;
    }
    .opennewtab.opennewtabonmodal {
        top: 0px;
        right: 15px;
    }
    .col-sm-12.prsection .unlockResume.col-sm-2.text-left {
        padding: 0;
    }
    .unlockResume button {
        margin-left: 0;
    }
    .candidatepage.keywordscount {
        margin-bottom: 15px;
    }
    .profileDetailsTabs .item-value {
        padding: 0;
        margin: 0;
    }
    .candidatedetailssec,
    .clonejobsection {
        padding: 20px 14px;
    }
    .menuclose {
        right: 15px;
    }
}
@media (max-width:575px) {
    #candidatedetails .modal-dialog {
        max-width: 95%;
    }
    .keywordscount span.highlightd {
        margin: 0;
    }
    .keywordscount h2 {
        display: block;
        margin: 0 0 10px;
    }
    #candidatedetails .nav-tabs a {
        font-size: 14px;
    }
    .profileDetailsTabs {
        padding: 15px !important;
    }
    .navmenulanding ul.searchOptions li a {
        font-size: 18px!important;
        padding: 6px 0;
    }
    .navmenulanding ul li {
        margin-bottom: 0;
    }
}
.existing-value {
    font-size:16px;
}
.reset-pass-alert-danger,
.create-app-alert-danger {
    color:#000;
    background-color:#f8d7da !important;
    border-color:#f5c6cb;
    font-size:18px;
}
.reset-pass-alert-success,
.create-app-alert-success {
    color:#9b9b9b !important;
    background-color:transparent;
    border-color:#c3e6cb;
    font-size:18px;
    box-shadow:2px 2px 8px 0 rgba(0,
    0,
    0,
    0.24);
    border-radius:7px;
    text-align:center;
}
.downloadBtn {
    border:1px #d9edf7 solid;
    border-radius:20px;
    margin-top:20px;
}
#snapx-login-parent-element {
    padding:0px 29px;
    margin:4px 0px 19px 0px;
}
#oronlogin {
    position:relative;
    width:300px;
    height:50px;
    line-height:50px;
    text-align:center;
}
#oronlogin::before,
#oronlogin::after {
    position:absolute;
    width:130px;
    height:1px;
    top:24px;
    background-color:#aaa;
    content:'';
}
#oronlogin::before {
    left:0;
}
#oronlogin::after {
    right:0;
}
div#applyJobModalNew label.radio-inline {
    width:100%;
    float:left;
    padding-left:0;
    margin-left:0 !important;
}
div#applyJobModalNew input#rb_resumechoice1,
div#applyJobModalNew input#rb_resumechoice2 {
    float:left;
    width:auto;
    margin-top:6px;
    margin-right:5px;
    position:relative;
    margin-left:0;
}
#loading-resume-modal,
#unlocking-detail,
#loading-jobs {
    position:fixed;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(255,
    255,
    255,
    0.7);
    z-index:9999;
    display:none;
}
#unlocking-detail .picload b {
    background-color:#fff;
    padding:10px 30px;
    margin-top:10px;
}
.picload {
    width:300px;
    height:auto;
    padding:5px;
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
}
#unlocking-detail .picload {
    width:360px;
    background:#fff;
    height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.picload img {
    width:75px;
}
.picload b {
    font-size:24px;
    line-height:65px;
    text-align:center;
}
#loading-resume-modal .picload,
#loading-jobs .picload {
    width:360px;
    height:360px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.center-form-reset {
    width:320px;
    display:flex;
    justify-content:center;
    height:100vh;
    align-items:center;
    flex-direction:column;
    float:none;
    margin:auto;
}
.center-form-reset .control-group {
    width:100%;
    margin:0 0 10px;
}
.popover {
    color:#666;
    word-wrap:break-word;
    line-height:17px;
    font-size:13px;
    border-radius:4px;
    padding-bottom:10px;
}
.popover b {
    font-weight:bold;
    margin-top:10px;
    display:inline-block;
}
.new-blue-modal.boost-modal .modal-content {
    overflow:none;
}
.alert {
    border:none;
    color:#fff;
    box-shadow:none;
}
.fd-file {
    font-size:208px !important;
}
.StripeElement {
    box-sizing:border-box;
    height:57px;
    padding:18px 12px;
    border:0px solid #ccc;
    border-radius:8px;
    background-color:#eef0f4;
}
.StripeElement--focus {
    box-shadow:0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color:#fa755a;
}
.StripeElement--webkit-autofill {
    background-color:#fefde5 !important;
}
@media screen and (min-width:550px) {
    .swal-modal {
        width: 600px;
    }
}
@media screen and (max-width:500px) {
    .swal-modal {
        width: 300px;
    }
}
#trans-loader {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    background:rgba(0,
    0,
    0,
    0.75) url('/assets/img/loading-grey.gif') no-repeat center center;
    z-index:10000;
}
@media (min-width:1366px) {
    .accountPage .container {
        max-width: 1235px;
    }
}
.popover {
    color:#666;
    word-wrap:break-word;
    line-height:17px;
    font-size:13px;
    border-radius:4px;
    padding-bottom:10px;
}
.popover b {
    font-weight:bold;
    margin-top:10px;
    display:inline-block;
}
.new-blue-modal.boost-modal .modal-content {
    overflow:none;
}
.alert {
    border:none;
    color:#fff;
    box-shadow:none;
}
.fd-file {
    font-size:208px !important;
}
#mapXMLFields {
    display:block;
}
.xml-feed-dropdown {
    width:150px;
    padding:5px;
}
.feed-mapper-modal {
    width:950px;
}
.badgecount {
    position: relative;
    top: 0px;
    right: 0px;
    padding: 5px;
    width:25px;
    height:25px;
    border-radius: 50%;
    background-color: red !important;
    color: white;
    font-size:12px;
    display:inline-block;
}
.dataTables_wrapper .dataTables_processing {
    height: 145px !important;
    margin-top: -50px !important;
}
.dataTables_wrapper .dataTables_processing img {
    height: 80px;
    width: 80px;
}
.headerleftmenu li.myaccountMenuAuto i {
    margin-left: 5px;
}
.new-applicant-icon {
    margin-left:5px;
    padding:2px 5px;
    color:white;
    background-color:red;
    border-radius:5px;
}
#iq-table_length {
    width:20%;
}
.expireon {
    font-size: 14px;
    color: #00ddee;
    font-weight: bold;
    display: block;
    text-align: center;
}
.quickTip {
    font-size: 16px;
}
#exhaustedUnlocks {
    display:none;
}
.footer_text ul {
    margin-bottom: 20px;
}
.header-cont-common {
    display: block;
}
.wrap {
    margin: 0;
    width: 100%;
}
.light-grey-bg {
    min-width: inherit;
}
#snapx-apply a {
    border-radius: 7px;
    text-decoration: none;
}
.snapx-image-logo {
    background: #51ccde;
    height: 45px;
    border: 0;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-left: 10px;
    width: auto;
    cursor: pointer;
}