/* ========================================================================= *\
   Job Bank -- Layout
\* ========================================================================= */
.main {
    margin-right: auto;
    margin-left: auto;
    height: auto
}

/*--    MemberCenter Layout    ===================*/
.content {
    max-width: 1344px;
    margin-right: auto;
    margin-left: auto;
}

.content {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.main-content {
    margin-left: 266px;
    padding: 0;
}

@media all and (max-width:992px) {
    .main-content {
        margin-right: .5rem;
        margin-left: .5rem;
    }

}

.page-header {
    margin: .75rem 0 0 1rem;
}

.main-content .breadcrumbs {
    margin: 1rem 0 0 1rem;
}

.breadcrumbs {
    font-size: 0;
}

.breadcrumbs .breadcrumbs-text {
    display: inline-block;
    padding-left: .5rem;
    vertical-align: middle;
    width: 100%;
}

.breadcrumbs .breadcrumbs-text p {
    font-size: .875rem;
}

.breadcrumbs .breadcrumbs-text p>i {
    font-size: 1.25rem;
    vertical-align: top;
    padding-right: .25rem;
}

.breadcrumbs p>font {
    opacity: .8
}

.page-content {
    border-radius: 4px;
    font-size: 0;
    margin: 1rem 0 0 1rem;
}

@media all and (max-width:992px) {
    .page-header {
        margin: .5rem 0 0 0;
    }

    .main-content .breadcrumbs {
        margin-left: 0;
        margin-right: 0
    }

}

/*--    Popular Layout    ===================*/
.container {
    max-width: 1344px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    padding-right: 2rem;
    padding-left: 2rem;
}

@media all and (max-width:992px) {
    .page-content {
        margin: 1rem 0 0
    }

    .content {
        padding-right: 0;
        padding-left: 0;
    }

    .container {
        padding-right: .5rem;
        padding-left: .5rem;
    }

}

.row {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.row:before, .row:after, .main-content:before, .main-content:after, .main-content:after, .resume-sidebar:after {
    content: '';
    display: table
}

.main:before, .main:after, .content:before, .content:after, .container:after, .row:after, .main-content:after, .resume-sidebar:after {
    content: '';
    display: block;
    clear: both
}

.clear-fix {
    display: block;
    clear: both
}

@media all and (max-width:992px) {
    .clear-fix-md {
        display: block;
        clear: both
    }

}

@media all and (max-width:768px) {
    .clear-fix-sm {
        display: block;
        clear: both
    }

}

@media all and (max-width:480px) {
    .clear-fix-xs {
        display: block;
        clear: both
    }

}

/*--    Vacancy Layout    ===================*/
.vacancy-col-lg {
    width: calc(100% - 328px);
}

.vacancy-col-sm {
    width: 328px;
}

.vacancy-col-lg, .vacancy-col-sm {
    float: left;
    min-height: 1px;
    padding-right: .5rem;
    padding-left: .5rem
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: .5rem
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
}

.col-lg-12 {
    width: 100%
}

.col-lg-11 {
    width: 91.66666667%
}

.col-lg-10 {
    width: 83.33333333%
}

.col-lg-9 {
    width: 75%
}

.col-lg-8 {
    width: 66.66666667%
}

.col-lg-7 {
    width: 58.33333333%
}

.col-lg-6 {
    width: 50%
}

.col-lg-5 {
    width: 41.66666667%
}

.col-lg-4 {
    width: 33.33333333%
}

.col-lg-3 {
    width: 25%
}

.col-lg-2 {
    width: 16.66666667%
}

.col-lg-1 {
    width: 8.33333333%
}

@media all and (max-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

}

@media all and (max-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

}

@media all and (max-width:480px) {
    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

}

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

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.padding-4 {
    padding: .25rem !important
}

.padding-8 {
    padding: .5rem !important
}

.padding-16 {
    padding: 1rem !important
}

.padding-24 {
    padding: 1.5rem !important
}

.padding-32 {
    padding: 2rem !important
}

.padding-40 {
    padding: 2.5rem !important
}

.padding-48 {
    padding: 3rem !important
}

.pt-4 {
    padding-top: .25rem !important
}

.pt-8 {
    padding-top: .5rem !important
}

.pt-16 {
    padding-top: 1rem !important
}

.pt-24 {
    padding-top: 1.5rem !important
}

.pt-32 {
    padding-top: 2rem !important
}

.pt-40 {
    padding-top: 2.5rem !important
}

.pt-48 {
    padding-top: 3rem !important
}

.pr-4 {
    padding-right: .25rem !important
}

.pr-8 {
    padding-right: .5rem !important
}

.pr-16 {
    padding-right: 1rem !important
}

.pr-24 {
    padding-right: 1.5rem !important
}

.pr-32 {
    padding-right: 2rem !important
}

.pr-40 {
    padding-right: 2.5rem !important
}

.pr-48 {
    padding-right: 3rem !important
}

.pb-4 {
    padding-bottom: .25rem !important
}

.pb-8 {
    padding-bottom: .5rem !important
}

.pb-16 {
    padding-bottom: 1rem !important
}

.pb-24 {
    padding-bottom: 1.5rem !important
}

.pb-32 {
    padding-bottom: 2rem !important
}

.pb-40 {
    padding-bottom: 2.5rem !important
}

.pb-48 {
    padding-bottom: 3rem !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-4 {
    padding-left: .25rem !important
}

.pl-8 {
    padding-left: .5rem !important
}

.pl-16 {
    padding-left: 1rem !important
}

.pl-24 {
    padding-left: 1.5rem !important
}

.pl-32 {
    padding-left: 2rem !important
}

.pl-40 {
    padding-left: 2.5rem !important
}

.pl-48 {
    padding-left: 3rem !important
}

.margin-4 {
    margin: .25rem !important
}

.margin-8 {
    margin: .5rem !important
}

.margin-16 {
    margin: 1rem !important
}

.margin-24 {
    margin: 1.5rem !important
}

.margin-32 {
    margin: 2rem !important
}

.margin-40 {
    margin: 2.5rem !important
}

.margin-48 {
    margin: 3rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-4 {
    margin-top: .25rem !important
}

.mt-8 {
    margin-top: .5rem !important
}

.mt-16 {
    margin-top: 1rem !important
}

.mt-24 {
    margin-top: 1.5rem !important
}

.mt-32 {
    margin-top: 2rem !important
}

.mt-40 {
    margin-top: 2.5rem !important
}

.mt-48 {
    margin-top: 3rem !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-4 {
    margin-right: .25rem !important
}

.mr-8 {
    margin-right: .5rem !important
}

.mr-16 {
    margin-right: 1rem !important
}

.mr-24 {
    margin-right: 1.5rem !important
}

.mr-32 {
    margin-right: 2rem !important
}

.mr-40 {
    margin-right: 2.5rem !important
}

.mr-48 {
    margin-right: 3rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-4 {
    margin-bottom: .25rem !important
}

.mb-8 {
    margin-bottom: .5rem !important
}

.mb-16 {
    margin-bottom: 1rem !important
}

.mb-24 {
    margin-bottom: 1.5rem !important
}

.mb-32 {
    margin-bottom: 2rem !important
}

.mb-40 {
    margin-bottom: 2.5rem !important
}

.mb-48 {
    margin-bottom: 3rem !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-4 {
    margin-left: .25rem !important
}

.ml-8 {
    margin-left: .5rem !important
}

.ml-16 {
    margin-left: 1rem !important
}

.ml-24 {
    margin-left: 1.5rem !important
}

.ml-32 {
    margin-left: 2rem !important
}

.ml-40 {
    margin-left: 2.5rem !important
}

.ml-48 {
    margin-left: 3rem !important
}

.ml-60 {
    margin-left: 3.75rem !important
}

.push-left {
    float: left !important
}

.push-right {
    float: right !important
}

.no-float {
    float: none !important
}

.hide, .hidden {
    display: none
}

.pointer {
    cursor: pointer;
}

@media all and (max-width:992px) {
    .hidden-md {
        display: none !important
    }

}

@media all and (max-width:768px) {
    .hidden-sm {
        display: none !important
    }

}

@media all and (max-width:480px) {
    .hidden-xs {
        display: none !important
    }

}

@media all and (min-width:768px) {
    .hidden-sm-up {
        display: none !important
    }

}

.inline {
    display: inline !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.center-block {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important
}

table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
}

.table {
    display: table;
    width: 100%
}

.table-fixed {
    display: table;
    width: 100%;
    table-layout: fixed
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.table-row {
    display: table-row;
}

.center {
    text-align: center !important
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

.align-justify {
    text-align: justify !important
}

.align-middle {
    vertical-align: middle !important
}

.align-top {
    vertical-align: top !important
}

.align-bottom {
    vertical-align: bottom !important
}

.no-border {
    border: none !important
}

.text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inline-block--middle {
    display: inline-block;
    vertical-align: middle
}