﻿
/* BOOTSTRAP / IXD Overrides*/
table tbody {
    border: none;
}

nav.navbar {
    margin-bottom: 0;
}

.dashboard-content {
    width: 100%;
}

input[type="image"] {
    min-height: inherit;
    border: none;
}

hr {
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 17px;
    border: none
}

input[type="radio"] + label {
    margin-left: 10px;
}

.question {
    min-height: inherit;
}

/*ul > li {
    list-style: none;
}*/

ul.list-styled {
    padding-left: 20px;
}

    ul.list-styled > li {
        list-style: disc;
    }

/*li {
    margin: 0;
    padding: 0;
}*/

a.link {
    font-family: inherit;
}

input[type="file"] {
    position: inherit;
}
.jodit input[type="file"] {
    position: absolute;
}

table thead {
    border: inherit;
}

    table thead tr {
        background: inherit;
        color: inherit;
        font-family: inherit;
        font-style: inherit;
    }

a:focus {
    outline: none;
}

legend {
    margin-bottom: 5px;
}

/* FONT AWESOME v5 */
@font-face {
    font-family: 'FontAwesome7';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.eot");
    src: url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome-free-7.0.0-web/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

/* ADMIN UI */
.page-wrapper {
    margin-bottom: 5px;
}

.admin-module .content-wrapper, .control-module .content-wrapper {
    min-height: calc(100vh - 42px);
}

.recruiter-module .content-wrapper {
    min-height: calc(100vh - 49px);
}

footer {
    width: 100%;
}

.recruiter-module em.menu-fa {
    font-size: 18px;
    width: 24px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    color: #666
}

.container-min-width {
    min-width: 1120px;
}

.content-div {
}

.sessionstate {
    color: Red;
    font-size: large;
    font-weight: bold;
    overflow: scroll
}

.content-div .title-top h1 {
    display: inline-block;
}

.content-div .title-top .back-section {
    float: right;
    margin: 5px 0px 0px 0px;
    padding: 5px;
}

    .content-div .title-top .back-section a {
        min-width: 250px;
        height: 50px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px;
        text-decoration: none;
        margin: 5px;
    }

.content-div .title-top .adv-search-right {
    float: right;
    color: #FFF;
    overflow: hidden;
    padding: 10px 33px 0 0
}

.adv-search-right a, .cand-prof-right a {
    float: left;
    color: #000;
    text-decoration: underline;
    padding: 12px 15px
}

    .adv-search-right a.Button {
        margin: 5px 0 0 25px
    }

    .cand-prof-right a.back-button {
        padding: 0 10px;
        line-height: 32px;
        height: 32px;
        text-transform: uppercase;
        font-weight: bold;
    }

        .cand-prof-right a.back-button:hover {
            text-decoration: none
        }

.content-div .content-columns-main, .content-div .content-columns-search-results {
    clear: both;
    margin: 0px 2px 0 3px;
}

    .content-div .content-columns-main .left-pan, .left-pan-search-result {
        display: inline-block;
        width: 25%;
        height: auto;
        vertical-align: top;
        background-color: white;
    }

.left-pan-search-result {
    width: 100%;
}

.height-auto {
    height: auto
}

.content-div .content-columns-main .left-pan .title-block, .left-pan-search-result .title-block {
    height: 45px
}

    .content-div .content-columns-main .left-pan .title-block label, .left-pan-search-result .title-block label {
        font-size: 15px;
        color: #4e4e4e;
        border: none;
        padding: 8px 0 13px 16px;
        font-weight: bold;
    }

    .content-div .content-columns-main .left-pan .title-block label {
        background-color: #E4E4E4;
        display: block;
    }

.content-div .content-columns-main .left-pan .left-content, .left-pan-search-result .left-content {
}

.left-content .selected-criteria-display {
    clear: left;
    padding: 5px 0 10px 10px
}

    .left-content .selected-criteria-display a {
    }

    .left-content .selected-criteria-display span {
        color: #333;
        float: left;
        padding: 0 0 0 2px;
    }

        .left-content .selected-criteria-display span a {
            text-decoration: none;
            float: none;
            color: #333
        }

            .left-content .selected-criteria-display span a:hover {
                text-decoration: underline
            }

    .left-content .selected-criteria-display .candidate-display {
        float: right;
        border: 1px solid #ccc;
        margin-right: 5px;
        border-radius: 8px;
        width: 94px;
        padding: 2px 0;
        text-align: center;
    }

        .left-content .selected-criteria-display .candidate-display span {
            text-align: center;
            color: #581428;
            padding: 0 0 3px 0px;
            font-weight: bold;
            width: 94px
        }

.content-div .content-columns-main .left-pan ul, .left-pan-search-result ul {
    padding: 0px;
    margin: 0px;
    clear: left
}

.no-bg {
    background: none !important
}

.content-div .content-columns-main .right-pan .right-pan-top {
    background: none repeat scroll 0 0 #E4E3DC;
    height: 38px;
    position: relative;
    z-index: 0
}

.content-div .content-columns-main .right-pan .right-pan-bg {
    min-height: 626px;
    padding: 0;
    height: auto
}

.content-div .content-columns-main .right-pan .title-block {
    background: #E4E4E4;
    width: 100%;
    height: 45px;
}

    .content-div .content-columns-main .right-pan .title-block label {
        font-size: 15px;
        color: #4e4e4e;
        background: #E4E4E4;
        border: none;
        padding: 8px 12px 13px 20px;
        float: left;
        width: 170px;
        font-weight: bold
    }

.left-info .checkbox {
    margin: 2px 0 0;
    padding: 3px 5px 0 0
}

.add-block {
    float: right;
    height: 19px;
    background: none
}

.content-div .content-columns-main .right-pan .right-pan-bottom {
    height: 10px
}

.content-footer {
    color: #707070;
}

#content-footer .WidgetContainerStyle:not(.edit-message *) {
    background: none !important
}

#content-footer .WidgetContentStyle:not(.edit-message *) {
    color: #fefefe !important
}

#content-footer a:not(.edit-message *) {
    color: #707070 !important
}

#content-footer .CopyBlack12Reg:not(.edit-message *) {
    color: #000
}

#content-footer td:not(.edit-message *) {
    border-left: 1px solid #bbb
}

#content-footer tr td:first-child:not(.edit-message *) {
    border: none
}

#content-footer table:not(.edit-message *) {
    margin: 5px auto 25px auto
}

.edit-message {
    width: 575px !important
}

#footer {
    width: 100%;
    margin: 0px auto;
    padding: 16px 0 10px 18px;
    color: #48473e
}

.pad15 {
    padding-top: 10px
}

.selected-candidate {
    float: left;
    margin: 10px 5px 0 2px;
}

.number-box {
    border: solid 1px #e7dfac;
    width: auto;
    float: left;
    margin: 10px 0px 0 2px;
    padding: 0 5px 0 5px
}

.content-columns-search-results .left-pan {
    display: inline-block;
    vertical-align: top;
    width: 37px;
    background: rgba(0,0,0,.04);
    min-height: 400px;
    height: auto;
    position: relative
}

    .content-columns-search-results .left-pan .sidebar-top {
        text-align: center;
        padding: 4px 0;
        font-size: 1.6em
    }

    .content-columns-search-results .left-pan .sidebar-title {
        padding: 10px 0 10px 0;
        text-align: center;
        transform: rotate(90deg);
    }

.content-columns-search-results .right-pan {
    display: inline-block;
    min-height: 400px;
    vertical-align: top;
    width: calc(100% - 42px);
}

    .content-columns-search-results .right-pan .right-pan-bg .top-title {
        height: 38px;
    }

        .content-columns-search-results .right-pan .right-pan-bg .top-title .title-text {
            float: left;
            font-weight: bold;
            color: #333;
            width: 165px;
            text-align: center;
            padding: 8px 0 8px 0
        }

    .content-columns-search-results .right-pan .right-pan-bg {
        min-height: 400px
    }

.paging-top {
    width: auto;
    margin: 0 10px 0 0;
    position: relative;
}

.paging-top ul {
    padding: 0;
    margin: 0
}

    .paging-top ul li {
        clear: none !important;
        display: inline-block;
        list-style: none !important;
        margin: 0;
        padding: 0 2px !important
    }

    .paging-top ul li a {
        width: 34px;
        text-align:center;
        display: inline-block;
        color: #333;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #ccc;
        border-radius: 2px;
        background-color: #fff;
        vertical-align: middle;
    }
.ui-helper-hidden-accessible {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    border: none;
}


.paging-bottom {
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.paging-bottom ul {
    padding: 0;
    margin: 0
}

.paging-bottom ul li {
    padding: 0 2px !important;
    margin: 0;
    list-style: none;
    display: inline-block;
    clear: none
}

    .paging-bottom ul li a {
        padding: 0px 10px;
        color: #000;
        display: inline-block;
        text-align: center;
        height: 30px;
        width: 34px;
        line-height: 30px;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #ccc;
        border-radius: 2px;
        background-color: #fff;
        vertical-align: middle;
    }



.next-action {
    width: auto;
    position: relative;
    margin-left: 10px;
}

.content-columns-search-results .right-pan .right-pan-bg .bot-paging, .full-page .bot-paging {
    min-height: 38px;
    padding: 10px 0 18px 0;
    margin: 0px auto;
    margin-top: 7px;
}

    .content-columns-search-results .right-pan .right-pan-bg .bot-paging .title-text {
        float: left;
        font-weight: bold;
        color: #333;
        width: 165px;
        text-align: center;
        padding: 8px 0 8px 0
    }




.grid-search-results {
    width: 932px;
    margin: 0px auto
}

    .grid-search-results a {
        color: #333;
        text-decoration: underline
    }

        .grid-search-results a:hover {
            color: #333;
            text-decoration: none
        }

.grid-row-active, .table-striped > tbody > tr.grid-row-active:nth-child(odd) > td, .table-striped > tbody > tr.grid-row-active:nth-child(odd) > th {
    background-color: lightyellow !important;
}

/* Container styling */
.grid-cell-hover-container {
    position: relative; /* CRITICAL for absolute positioning below */
    display: inline-block; /* Makes the container wrap tightly around the count */
}

/* The item count styling */
.grid-cell-hover-container .item-count {
    display: block;
}

/* The item list styling - hidden by default */
.grid-cell-hover-container .item-list {
    display: none;
    position: absolute; /* position it relative to the anchor */
    bottom: 10px; /* flush with the bottom of the anchor */
    left: 30px;
    z-index: 100; /* ensures it sits 'on top' of other content */
    background-color: white;
    padding: 10px;
    width: 200px;
    border: 1px solid #000;
    border-radius: 10px;
}

/* Show the item list when hovering over the container */
.grid-cell-hover-container:hover .item-list {
    display: block;
}

.cand-prof-right-pan, .dashboard-right-pan {
    float: left;
    width: 326px;
    margin: 40px 0 0 -3px
}

.adv-search-bot-space-left {
    clear: left;
    height: 60px
}

.content-div .title-top-cand-prof {
}

    .content-div .title-top-cand-prof h1 {
        margin: 0px 0 0 10px;
        color: #000;
        background: none;
        font-size: 20px;
        padding: 0;
        border: none;
        float: left;
        text-transform: uppercase;
        line-height: 56px
    }

    .content-div .title-top-cand-prof a.signinas {
        margin: 0px 0 0 10px;
        color: #000;
        background: none;
        font-size: 15px;
        padding: 0;
        border: none;
        float: left;
        text-transform: lowercase;
        text-decoration: underline;
        height: 56px;
        line-height: 56px
    }

    .content-div .title-top-cand-prof .cand-prof-right {
        float: right;
        height: 37px
    }

        .content-div .title-top-cand-prof .cand-prof-right input[type="button"] {
            min-width: 100px;
            height: 32px;
            text-transform: uppercase;
            font-weight: bold;
            cursor: pointer;
            margin-top: 7px;
            background: none;
            border: none;
            text-align: right;
            color: Gray
        }

        .content-div .title-top-cand-prof .cand-prof-right .back {
            min-width: 100px;
            height: 32px;
            text-transform: uppercase;
            font-weight: bold;
            color: #707070;
            cursor: pointer;
            margin-top: 7px;
            border-radius: 5px;
        }

.content-div .content-columns-main .left-pan a:not(.btn) {
    color: #333;
    text-decoration: none
}

    .content-div .content-columns-main .left-pan a:not(.btn):hover {
        color: #333;
        text-decoration: underline
    }

.content-div .content-columns-main .left-pan .cont-cand-prof {
    width: 295px;
    margin: 0px auto;
    position: relative
}

.actions-left {
    float: left;
    width: 38%
}

    .actions-left a {
        clear: left;
        padding: 0 0 10px 22px;
        font-weight: bold;
        float: left;
        display: block
    }

        .actions-left a.print {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 0;
            height: 17px
        }

        .actions-left a.email {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 -25px;
            height: 12px
        }

        .actions-left a.forward {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 -51px;
            height: 15px
        }

        .actions-left a.note {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 -77px;
            height: 18px
        }

        .actions-left a.add-to-saved {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 -103px;
            height: 15px
        }

        .actions-left a.remove-from-set {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 -181px;
            height: 15px
        }

.actions a {
    padding: 0 0 5px 4px;
    display: block;
    width: 100%;
    color: black;
}

.w-content .actions a {
    padding: 0 0 5px 24px;
    font-weight: normal;
    float: left;
    display: block;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.actions-inline {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

    .actions-inline a {
        width: auto;
        float: right;
        margin: 5px 10px 10px 10px
    }

.bs-title-bar {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
    font-size: 1.2em;
}

.basic-search-action {
    display: inline-block;
    height: 16px;
    width: 16px;
    font-size: 16px;
}

    .basic-search-action.aspNetDisabled {
        cursor: auto;
    }

.WidgetTitleStyle .actions {
    float: right;
    width: auto;
    padding: 0px
}

.accordionHeader-select .actions {
    float: none;
    padding: 0;
    margin-right: 10px;
    text-align: right;
    display: inline-block;
    width: 235px;
    vertical-align: middle;
}

    .accordionHeader-select .actions a {
        width: auto;
        float: right;
    }

.accordionQuestionTitle {
    font-weight: bold
}

.accordionQuestionContainer {
    position: relative;
    min-height: 17px
}

.accordionHeaderin, .accordionHeaderin-select {
    color: Black;
    background-color: White;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden
}

.accordionHeaderin-select {
    border-bottom: 0px dotted #2F4F4F;
    border-top: none;
    background: url("../GTSImages/hr_line.gif") repeat-x scroll 0 bottom transparent;
    overflow: inherit
}

.content-div .content-columns-main .left-pan .cont-cand-prof span {
    float: right;
    left: 250px;
    position: absolute;
    width: 100px
}

    .content-div .content-columns-main .left-pan .cont-cand-prof span a {
        background: none repeat scroll 0 0 transparent;
        color: #89213C;
        font-weight: normal;
        margin: 0;
        padding: 0;
        text-decoration: underline
    }

        .content-div .content-columns-main .left-pan .cont-cand-prof span a:hover {
            text-decoration: none
        }

.margin-minus {
    margin: -4px 0 0 0
}

.cand-prof-right-pan .left-pan .bot-bg {
    padding-bottom: 37px !important
}

.left-panel-display {
    width: 366px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../GTSImages/search_result_left_pan_shade.png) repeat-y right 0;
}

.recruiter-module .left-panel-display {
    z-index: 1;
}

.left-panel-display .tab-left {
    float: left;
    width: 320px;
    background: #fff;
    height: auto;
    min-height: 400px
}

.f_left {
    float: left
}

.ref_search {
    float: right;
    padding: 7px 10px 0 0
}

.left-panel-display .tab-right {
    float: left;
    background: #E4E4E4;
    position: relative;
    width: 37px;
    cursor: pointer;
    min-height: 400px
}

    .left-panel-display .tab-right:hover {
        background: url("../GTSImages/search_result_left_pan_hover.gif") repeat-y scroll 0 0 transparent;
        min-height: 400px
    }

.left-title-out-bg {
    height: 36px;
    background: #E4E4E4;
}

.pdf-text-block-right {
    float: right;
    padding: 0 13px 0 0
}

    .pdf-text-block-right .text-block {
        float: left;
        background: none;
        font-weight: normal;
        padding: 5px 12px 5px 5px;
        margin: 15px 0 0 0
    }

    .pdf-text-block-right a {
        color: #333
    }

        .pdf-text-block-right a:hover {
            color: #333;
            text-decoration: underline
        }

        .pdf-text-block-right a.print {
            background: url(../GTSImages/actions_sprite.png) no-repeat 0 0;
            padding: 2px 0px 0 22px;
            margin: 0 20px 0 0
        }

        .pdf-text-block-right a.show-keyword {
            background: url(../GTSImages/icon_show_keyword.png) no-repeat 0 0;
            padding: 0 0 2px 24px
        }

        .pdf-text-block-right a.close {
            background: url(../GTSImages/icon_close_pdf.png) no-repeat 100% 0;
            padding: 0 22px 0 0
        }

.bg-shad .top-bg {
    background: url(../GTSImages/resume_top_bg.png) no-repeat;
    height: 10px
}

.bg-shad .center-bg {
    background: url(../GTSImages/resume_center_bg.png) repeat-y;
    float: left;
    width: 630px
}

.bg-shad .bot-bg {
    background: url(../GTSImages/resume_bottom_bg.png) no-repeat;
    height: 10px;
    clear: left
}

input[type="checkbox"] {
    background: none
}

.logout a {
    text-decoration: underline
}

    .logout a:hover {
        text-decoration: none
    }

.normal-state, .select-state-tab {
    clear: left;
    float: left;
    cursor: pointer
}

.select-state-tab {
}

.left-info .select-drop-bg {
    left: 0;
    position: absolute;
    margin-top: 5px;
    z-index: 999;
}

#show_drop_tab img {
    display: none;
}

.select-drop-center {
    background-color: white;
    border: solid 1px #bbb;
    padding: 0 10px 0 5px;
    border-radius: 8px;
    font-weight: normal;
    white-space: nowrap;
}

    .select-drop-center a, .select-drop-center button {
        text-decoration: underline !important;
        display: block;
        cursor: pointer;
        padding: 5px 0;
        background:none;
        border:none;
    }
    .select-drop-center a:hover, .select-drop-center button:hover {
        border: none;
    }

.buttonsave {
    background: url(../GTSImages/icon_save.png) no-repeat 0px center;
    padding: 0 0 0 14px;
    color: #707070;
    border: none;
    cursor: pointer
}

.creat-acc-main {
    background: url(images/create_acc_blank.jpg) no-repeat;
    height: 534px;
    width: 980px
}

    .creat-acc-main .content-block {
        float: right;
        width: 350px;
        margin: 32px 50px 0 0;
        height: 400px;
        color: #666
    }

.create-acc-top-content {
    padding-left: 15px
}

.creat-acc-main .content-block h1 {
    color: #8a213d;
    font-weight: bold;
    font-size: 24px;
    background: none;
    border: none;
    padding: 0 0 5px 0
}

.creat-acc-main .acc-form-bg {
    clear: left;
    background: url(../GTSImages/create_acc_form_bg.png) no-repeat;
    width: 438px;
    height: 350px;
    padding: 0 10px 0 10px;
    margin: 10px 0 0 0
}

    .creat-acc-main .acc-form-bg > div {
        padding-left: 15px
    }

.creat-acc-main .acc-form-bga {
    clear: left;
    background: url(../GTSImages/create_acc_form_bga.png) no-repeat;
    width: 438px;
    height: 200px;
    padding: 0 10px 0 10px;
    margin: 10px 0 0 0
}

    .creat-acc-main .acc-form-bga > div {
        padding-left: 15px
    }

.creat-acc-main .content-block .login-form-div {
    background-color: white;
    padding: 0px 10px 10px 10px;
}

    .creat-acc-main .content-block .login-form-div h1 {
        display: inline-block;
        padding-top: 10px;
    }

.field-main {
    clear: left;
    width: 420px;
    float: left;
    margin: 10px 0 0 0;
    padding: 0
}

.field-left {
    float: left;
    width: 143px;
    text-align: right;
    font-weight: bold;
    color: #4e4e4e;
    padding: 0
}

.field-right, .field-right-browse, .field-right-drop, .field-right-drop-big {
    float: left;
    margin: 0 0 0 10px;
    width: 240px;
    background: url(../GTSImages/txt_box_create_acc.gif) no-repeat;
    height: 23px;
    color: #666;
    font-size: 11px
}

.field-right-drop-big {
    background: url("../GTSImages/drop_down_email_big.gif") no-repeat scroll 0 0 transparent;
    color: #000;
    margin: 0 0 0 4px !important
}

.creat-acc-main .content-block .login-form-div .field-left {
    width: 67px;
}

.creat-acc-main .content-block .login-form-div .maroon-link {
    display: block;
    text-align: right;
    margin: 5px 16px;
}

.dashboard-right-drop {
    background: url("../GTSImages/drop_bg_big.gif") no-repeat scroll 0 0 transparent;
    float: left;
    width: 260px
}

.field-right input[type="text"], .field-right input[type="password"] {
    background: none;
    border: none;
    width: 225px;
    color: #666;
    padding: 0 0 0 10px;
    margin: 0.5em 0
}

.creat-acc-form-bottom {
    float: left;
    margin: 0 28px 0 15px;
    padding: 15px 0 0;
    width: 380px
}

.creat-acc-main .content-block label {
    font-weight: normal;
    cursor: pointer
}

.creat-acc-form-bottom a {
    color: #666;
    text-decoration: underline
}

    .creat-acc-form-bottom a:hover {
        color: #666;
        text-decoration: none
    }

.f_right {
    float: right
}

#headerBar .top-bar ul.c-acc-ul {
    min-width: 100px !important
}

.home_screen_body_bg {
    background: url(../GTSImages/body_bg_home.jpg) repeat-x #828071
}

#headerBar .nav-bar-new {
    float: left;
    height: 69px;
    width: 980px;
    clear: left
}

.dashboard-right-pan .bot-bg {
    padding: 0 0 4px !important;
    background: url("../GTSImages/dashboard_left_bottom.gif") repeat-x scroll 0 bottom transparent;
    width: 322px;
    margin: 0px;
}

.dashboard-left-pan .right-pan-bg {
    width: 640px
}

.dashboard-left-title {
    background: url(../GTSImages/right_pan_title_shade.png) no-repeat 0 bottom;
    width: 644px;
    height: 45px
}

.dashboard-right-pan {
    background: url("../GTSImages/dashboard_middle_bg.gif") repeat-y scroll -655px 0 transparent;
    margin: 0 0 0 4px;
    width: 326px
}

.dashboard-bg {
    float: left;
    margin: 3px 0 0 0 !important;
    background: none
}

.content-div .content-columns-main .right-pan, .dashboard-left-pan {
    display: inline-block;
    width: calc(75% - 4px);
    vertical-align: top;
    background-color: white;
}

.content-div .content-columns-main .left-pan .cont-cand-prof, .job-post-right-content {
    width: 295px;
    margin: 0px auto;
    position: relative
}

.left-pan .bot-bg, .left-pan-search-result .bot-bg {
    background: url("../GTSImages/left_pan_bot.gif") no-repeat scroll 0 bottom transparent;
    float: left;
    height: auto;
    margin: 0 0 0 1px;
    padding: 0 0 20px;
    width: 321px
}

.title-block-cand-prof {
    background: url("../GTSImages/left_pan_title_shade.png") no-repeat scroll 0 bottom transparent;
    height: 45px;
    margin-left: 1px;
    width: 321px
}

.dashboard-left-pan {
    background: url("../GTSImages/dashboard_middle_bg.gif") repeat-y scroll 0 0 transparent;
    width: 650px
}

.right-pan .title-block label, .dashboard-left-title label {
    background: none repeat scroll 0 0 rgba(0,0,0,.04);
    border: medium none;
    color: #4E4E4E;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 12px 13px 20px;
    width: 170px
}

.job-post-details-bottom {
    background: url("../GTSImages/dashboard_cont_bot.gif") repeat-x scroll 0 0 transparent;
    clear: left;
    height: 5px;
    margin: 0 0 0 2px;
    padding: 0
}

.dashboard-left-title .paging-top {
    float: left;
    height: 17px;
    margin: 0;
    width: 140px
}

    .dashboard-left-title .paging-top a {
        background: none repeat scroll 0 0 transparent !important;
        color: #333 !important;
        font-weight: normal !important;
        padding: 0 4px !important;
        text-decoration: none !important
    }

.paging-top ul li a:hover, .paging-top ul li a.current-page, .dashboard-left-title .paging-top a:hover, .dashboard-left-title .paging-top a.current-page, 
.paging-bottom ul li a:hover, .paging-bottom ul li a.current-page, .dashboard-left-title .paging-bottom a:hover,.dashboard-left-title .paging-bottom a.current-page {
    background-color: lightyellow;
    border: 1px solid #ccc;
    text-decoration: none
}

a.next:hover, a.previous:hover, a.prev:hover {
    background-color: lightyellow;
}

.dashboard-right-pan .bot-bg-last {
    background: url("../GTSImages/dashboard_rightpan_bot.gif") repeat-x scroll 0 15px transparent;
    margin: 0 0 0 -4px;
    padding: 0 0 4px;
    width: 327px
}

.news-updates-block a {
    color: #89213C;
    text-decoration: underline
}

    .news-updates-block a:hover {
        color: #89213C;
        text-decoration: none
    }

.show-drp-display {
    display: block;
    left: 18px;
    position: absolute;
    top: 20px;
    width: auto;
    z-index: 2
}

.next-action-out-bg {
    color: #333;
    display: block;
    position: absolute;
    right: 0;
    z-index: 5;
    background-color: #2c4fa5;
}

.next-action-out-bg-one-col {
    color: #333333;
    right: 0;
    position: absolute;
    z-index: 5;
}

.next-action .btn-div, .next-action .btn-div-select {
    color: white;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 5px;
    width: 129px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #2c4fa5;
}

    .next-action .btn-div::before, .next-action .btn-div-select::before {
        content: "Next Actions";
        padding: 0 0 7px 17px;
    }

    .next-action .btn-div::after {
        font-family: FontAwesome7;
        padding-left: 4px;
        content: "";
    }

    .next-action .btn-div-select::after {
        font-family: FontAwesome7;
        padding-left: 5px;
        content: "";
    }

.next-action-out-bg-one-col .center-bg {
    padding: 10px;
}

.next-action-out-bg .center-bg {
    padding: 10px;
}

.three-blocks {
    white-space: nowrap;
}

    .three-blocks .col-block, .three-blocks .col-block-big {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        padding: 4px 8px;
        min-width: 200px;
    }

    .three-blocks h3 {
        font-weight: bold;
        margin: 0;
        padding: 0 0 6px;
        color: #fff;
        font-size: 16px;
    }

    .three-blocks .col-block a, .three-blocks .col-block-big a {
        color: #fff;
        padding: 3px 0 0;
        text-decoration: underline;
        display: block;
        white-space: nowrap;
    }

        .three-blocks .col-block a:hover, .three-blocks .col-block-big a:hover {
            text-decoration: none;
            color: #fff;
        }

.next-action-out-bg .bottom-content {
    color: #fff;
    float: right;
    padding: 0 0 0 0
}

    .next-action-out-bg .bottom-content a {
        color: #fff;
        padding: 0 15px 0 0;
        text-decoration: underline
    }

.next-action-out-bg .right-bg {
    background: url("../GTSImages/next_content_right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 204px;
    width: 10px
}

.search-result-left-pan-bg:hover {
    background-color: #eee;
    min-height: 400px
}

.search-result-left-pan-bg {
    cursor: pointer;
    min-height: 400px
}

.next-action .btn-div input[type="button"], .next-action .btn-div-select input[type="button"] {
    background: transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 0 2px;
    text-align: center;
    text-transform: none;
    height: auto;
    width: 129px
}

.btn-delete {
    background: url(../GTSImages/btn_delete_bg.gif) repeat-x;
    height: 26px;
    border: none;
    color: #545454;
    font-weight: bold;
    padding: 0 0px 3px;
    margin: 5px 0 0;
    cursor: pointer;
    width: 65px
}

.saved-search-title {
    width: 965px;
    background: none !important
}

.saved-search-right {
    padding-right: 10px !important
}

.right-pan .right-pan-top {
    background: none repeat scroll 0 0 #E4E3DC;
    height: auto;
    position: relative
}

.right-pan .right-pan-bg, .dashboard-left-pan .right-pan-bg {
    height: auto;
    padding: 0
}

.cand-prof-right {
    float: right;
}

    .cand-prof-right .next-action {
        margin: 6px 4px 0 0;
        width: auto
    }

    .cand-prof-right .next-action-out-bg {
        left: -116px;
        top: 42px;
        z-index: 1
    }

.styled, .checkbox {
    position: inherit;
    width: 16px;
    height: 16px;
    min-height: 16px;
    padding: 0 5px 0 0 !important;
    border: 1px solid #aaa;
    background-color: white !important;
    color: #aaa;
    border-radius: 3px;
    cursor: pointer;
    clear: left;
    display: inline-block;
    vertical-align: middle;
    margin: inherit;
    font: normal normal normal 14px/1 FontAwesome7;
    text-decoration: none;
}

    .checked:before, .checkbox:hover:before {
        content: "\f00c";
    }

.checked {
    color: #000;
}

.checkbox:hover:before {
    color: #bbb;
}

.select {
    position: absolute;
    height: 26px !important;
    padding: 0 24px 0 20px;
    overflow: hidden;
    cursor: pointer
}

select.styled {
    height: 21px;
    border: 0px;
    cursor: pointer;
    position: relative;
    width: 105px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    top: -5px
}

    select.styled option {
        border-bottom: 1px solid #ccc;
        border-left: 0px;
        background: #f2f2f2;
    }
.accordionHeader, .accordionHeader-select {
    background: rgba(0,0,0,.04);
    margin: 15px 0 2px 0;
    padding: 10px;
    cursor: pointer;
    border-left: 3px solid #879AA3;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.accordion-nested {
    padding: 3px 3px 3px 10px !important
}

.accordionHeader label, .accordionHeader-select label, .accordionHeader span, .accordionHeader-select span, .accordionHeader-select .collapsibleHeader label {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer
}

.accordionContent {
    background-color: White;
    border: 0px dashed #2F4F4F;
    border-top: none
}

.accordionContentin {
    overflow: hidden !important
}

.accordionContentmargin {
    padding: 0 5px;
}

.left-content .accordionHeader {
    color: #333;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    text-decoration: none;
    cursor: pointer;
    background: none
}

.right-pan-bg .accordionContent {
    margin: 2px 0 0 0;
}

.left-content .accordionHeader, .left-content .accordionHeader-select {
    clear: left;
    padding: 0;
    background-color: #fff;
    border: none;
}

    .left-content .accordionHeader span, .left-content .accordionHeader-select span {
        padding-left: 22px;
        font-weight: bold;
        text-transform: capitalize;
        line-height: 40px;
        position: relative;
        background-color: #fff;
        border:none;
    }

    .left-content .accordionHeader span:after, .left-content .accordionHeader-select span:after {
        border: 6px solid transparent;
        padding: 0 !important;
        width: 0;
        height: 0;
        display: inline-block;
        border-left-color: #666;
        content: '';
        left: 6px;
        position: absolute;
        top: 13px;
    }


    .left-content .accordionHeader-select span {
        padding: 0 0 0 22px;
        text-transform: uppercase;
        line-height: 40px;
        position: relative;
    }
    .left-content .accordionHeader-select span::after {
        border: 6px solid transparent;
        padding: 0 !important;
        width: 0;
        height: 0;
        display: inline-block;
        border-left-color: #666;
        content: '';
        left: 6px;
        position: absolute;
        top: 13px;
    }
.right-pan-bg .accordionHeaderin, .right-pan-bg .accordionHeaderin-select {
    background: url("../GTSImages/hr_line.gif") repeat-x scroll 0 bottom transparent;
    color: #000000;
    font-weight: bold;
    margin: 0px;
   
    
}

.right-pan-bg .accordionHeaderin a, .right-pan-bg .accordionHeaderin a:hover, .right-pan-bg .accordionHeaderin span {
    color: #000;
    font-weight: bold;
    display: block;
    padding-left: 22px;
    text-decoration: none;
    position: relative;
    line-height: 40px;
}

.right-pan-bg .accordionHeaderin a:after, .right-pan-bg .accordionHeaderin a:hover:after, .right-pan-bg .accordionHeaderin span:after {
    border: 6px solid transparent;
    padding: 0 !important;
    width: 0;
    height: 0;
    display: inline-block;
    border-left-color: #666;
    content: '';
    left: 6px;
    position: absolute;
    top: 13px;
}


.accordionHeaderin-select a, .accordionHeaderin-select a:hover, .accordionHeaderin-select span {
    color: #000;
    font-weight: bold;
    display: block;
    padding-left: 22px;
    text-decoration: none;
    position: relative;
    line-height: 40px;
}

    .accordionHeaderin-select a:after, .accordionHeaderin-select a:hover:after, .accordionHeaderin-select span:after {
        border: 6px solid transparent;
        padding: 0 !important;
        width: 0;
        height: 0;
        display: inline-block;
        border-top-color: #666;
        content: '';
        left: 6px;
        position: absolute;
        top: 15px;
    }
.sub-title span, .sub-title input[type="image"] {
    float: left;
    margin: 0 5px 2px 0
}

.sub-title br {
    clear: left
}

.WidgetContainerStyle {
    width: 100%;
    border-style: none;
    vertical-align: top;
    background-color: #fff;
}

.WidgetTitleStyle {
    display: block !important;
    background-color: rgba(0,0,0,.04) ;
    color: #4E4E4E ;
    font-weight: bold !important;
    padding: 5px 5px 5px 5px;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    width: auto !important;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    box-shadow: #999 0px 0px 2px
}

.WidgetTitleSeperatorStyle {
    display: block;
    height: 8px;
    background-color: #FFF;
    background-image: url(../GTSImages/left_pan_title_shade.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    box-shadow: #999 0px 0px 2px;
}

.WidgetContentStyle {
    font-weight: normal;
    background: #fff;
    color: #000;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: #999 0px 2px 2px;
    border-collapse: separate
}

    .WidgetContentStyle ul {
        margin: 5px 0 5px 15px
    }

    .WidgetContentStyle table th, .WidgetContentStyle table td {
        padding: 2px
    }

    .WidgetContentStyle table th {
        vertical-align: bottom;
        text-align: left;
        font-weight: bold;
        color: #4E4E4E;
    }

.AccountInfo {
    border: 1px solid #CCCBC5;
    border-width: 1px 1px 0 1px;
    margin: 8px
}

.WidgetForm .CheckBoxList label {
    width: auto;
    height: auto;
    line-height: normal;
}

.WidgetForm textarea {
    float: left;
    margin: 0.5em 0 !important;
    padding: 0 5px;
    font-weight: normal;
    height: 80px;
    line-height: 20px
}

.BatchActivityBorder {
    border: 1px solid #666;
    border-radius: 4px 4px 5px 5px;
    width: 650px;
    box-shadow: 5px 5px 5px #000
}

input.styled, .styled input[type="checkbox"] {
    display: none
}

span.styled + label {
    display: inline-block;
    width: 250px;
    padding-left: 5px;
    vertical-align: top
}

.SearchCriteriaAnswer {
    color: #660027
}

a.SearchCriteriaQuestion {
    font: bold 10px;
    color: #660027;
    height: 23px;
    padding: 1px 0 0 1px;
    text-decoration: none
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 5000 !important;
}

.modalPopup {
    background-color: White;
    border: 3px solid #fff;
    padding: 3px
}

.processing-popup-container {
    top: 50%;
    left: calc(50% - 82px);
    border: solid 1px #2c4fa5;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #2c4fa5;
    box-shadow: 2px 2px 10px 2px rgba(0,0,0, .4);
}

.processing-popup-text {
    font-size: 2rem;
    margin-left: 4px;
}

a.ButtonSmallSpecial {
    font: bold 11px/26px "Lucida Sans Unicode",sans-serif;
    color: #000;
    position: absolute;
    left: 0;
    background: #FFF url(../GTSImages/action_sprite.png) no-repeat 98% -110px;
    text-decoration: none;
    border: solid 1px gray;
    white-space: nowrap;
    padding: 3px 33px 3px 3px !important;
    box-shadow: #999 -2px -2px 2px;
}

a.ButtonDisabled, a.ButtonDisabled:hover, a.ButtonDisabled span {
    background: #ccc none !important;
    cursor: text
}

div.full-page {
    margin: 0;
    padding: 0 10px;
}

    div.full-page .paging-bot {
        height: 38px;
        padding: 10px 0 18px 0;
        margin: 0px auto;
        margin-top: 7px;
    }

div.tabs {
    float: left;
    width: auto
}

div.d-tabs {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    div.tabs a, div.d-tabs a {
        background-color: #f9f9f9;
        border: 1px solid #CCC;
        border-radius: 10px 10px 0 0;
        display: block;
        float: left;
        height: 38px;
        line-height: 38px;
        padding: 0 15px;
        text-align: center;
        font-weight: 500;
        text-decoration: none;
        color: #333
    }

        div.tabs a:hover, div.tabs a.active, div.d-tabs a:hover, div.d-tabs a.active {
            background: none;
            background-color: lightyellow !important;
            color: black;
        }

        div.tabs a.active, div.d-tabs a.active {
            border-bottom: none;
        }

div.pager {
    margin: 0 auto;
    width: auto;
    height: 38px;
    text-align: center;
    line-height: 38px
}

a.graphic {
    display: inline-block;
    line-height: 25px;
    height: 25px;
    white-space: nowrap;
    width: auto;
    padding-left: 20px;
    text-decoration: none
}

    a.graphic:hover {
        text-decoration: none
    }

.welcome-name {
    margin: 0px;
    padding: 0px 0px 0 15px;
    display: inline;
    color: #fff;
    line-height: 38px;
    float: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px;
}

.SystemTime {
    height: 38px;
    line-height: 38px;
    color: #fff;
    float: right;
    padding-right: 9px;
}

.SystemTimeUG {
    float: right;
    height: 38px;
    line-height: 38px;
    color: #000;
    margin-right: 25px
}

.SystemTime span {
    float: none !important
}

.selectedCriteriaSectionHeader, .selectedCriteriaQuestionHeader {
    cursor: pointer
}

    .selectedCriteriaSectionHeader span {
        display: inline-block;
        text-transform: capitalize;
        font-weight: bold;
        color: #89213C;        
        line-height:30px;
    }

.selectedCriteriaAnswers ul li {
    padding: 0 !important;
    background: none !important;
    text-align: left !important;
    list-style-type: none !important;
}

    .selectedCriteriaAnswers ul li label {
        padding-left: 5px
    }

a.selectedCriteriaDelete {
    background: url(../GTSImages/icon_delete.png) no-repeat left 0;
    color: #89213C !important;
    width: 16px;
    height: 17px;
    padding-left: 16px;
    margin-right: 5px
}

div.report-container {
    width: 965px;
    background-color: #fff;
    margin-top: 15px;
    padding: 0;
    background-color: white;
}

div.AspNet-TreeView {
    margin: 0;
    padding: 0
}

div.AspNet-TreeView ul {
    list-style: none;
    padding: 0 0 0 1em;
}

div.AspNet-TreeView ul > li {
    list-style: none;
    padding: 0 0 0 1em;
}

.AspNet-TreeView-Show {
}

.AspNet-TreeView-Hide {
    display: none
}

.SimpleTreeView div.AspNet-TreeView ul li {
    white-space: nowrap;
    padding: 3px 0 2px 0;
    list-style: none;
}

.SimpleTreeView div.AspNet-TreeView ul ul {
    margin: 2px 0 2px 10px
}

.SimpleTreeView div.AspNet-TreeView ul li img {
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0
}

.SimpleTreeView div.AspNet-TreeView li a {
    text-decoration: none
}

.SimpleTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf {
    margin-left: 24px;
    position: relative
}

.SimpleTreeView div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink {
    cursor: pointer
}

.SimpleTreeView div.AspNet-TreeView .AspNet-TreeView-Collapse {
    width: 24px;
    float: left;
    cursor: pointer
}

.SimpleTreeView div.AspNet-TreeView .AspNet-TreeView-Expand {
    width: 24px;
    float: left;
    cursor: pointer
}

div.AspNet-TreeView > ul {
    padding: 0 !important
}

a.close-modal {
    position: absolute;
    right: 2px;
    top: 4px;
    text-decoration: none !important;
    color: white !important;
    font-size: 22px;
}

a.close-modal:hover {
    color: white !important;
    text-decoration: none !important;
}

#divPhoto a.close-modal {
    color: red !important;
}

input[type="text"].search-input {
    color: #666
}

.pending-change {
    color: #fff !important;
    background-color: #720C2C !important
}

    .pending-change:hover {
        background: none no-repeat scroll 0 0 #89213C !important;
        text-decoration: none !important
    }

.helpmenu {
    background-color: Transparent;
    height: 100px;
    display: none;
    z-index: 1000 !important;
    position: absolute;
    right: 25px;
}

.helpmenubody {
    background: url("../GTSImages/vartial.gif") repeat-y 0 0;
    width: 200px;
    background-color: White;
    border: 1px solid #999;
    padding: 5px 5px 10px 15px;
    margin: 5px 0px 5px 0px
}

.channelsmenu {
    background-color: Transparent;
    height: 100px;
    display: none;
    z-index: 1000 !important;
    position: absolute;
    right: 133px;
}

.channelsmenubody {
    background: url("../GTSImages/vartial.gif") repeat-y 0 0;
    width: 300px;
    background-color: White;
    border: 1px solid #999;
    padding: 5px 5px 10px 15px;
    margin: 5px 0px 5px 0px
}

input[type="text"].aspNetDisabled {
    background-color: #fff;
    min-height: 30px
}

div.new-menu-container {
    text-align: center;
}

#newmenu {
    padding: 0;
    margin: 0;
    height: 34px;
    z-index: 10000;
    background: rgb(162,27,47);
    border-bottom-color: rgb(237, 237, 237) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    #newmenu li {
        margin: auto;
        width: 100%;
    }

    #newmenu li {
        width: auto;
        padding: 0 15px 0 0;
        margin: 0;
        list-style: none;
        list-style-image: none;
        display: inline-block;
    }

        #newmenu li a {
            height: 31px;
            line-height: 29px;
            width: auto;
            margin: 2px 0 0 0;
            overflow: hidden;
            font: bold 12px;
            color: #fff;
            text-decoration: none;
            text-indent: 0px;
            display: block;
            padding: 0 13px;
            font-size: 17px;
        }

            #newmenu li a.selectedMain, #newmenu > li:hover > a {
                color: #000;
                background-color: rgb(237, 237, 237);
                border-radius: 5px 5px 0 0;
                border-bottom-color: #fff;
            }

    #newmenu > li:hover > a {
        height: 31px;
    }

    #newmenu li a.selectedMain {
        color: #000 !important;
        background-color: rgb(237, 237, 237) !important;
    }

    #newmenu .submenu {
        position: absolute;
        padding: 10px 0px;
        list-style: none;
        width: 275px;
        margin: 0;
        background: rgb(162,27,47);
        border: 1px solid #660027;
        display: block;
        overflow: visible;
    }
    
    #newmenu .submenu li {
        display: block;
        line-height: initial;
    }
    #newmenu .submenu li.move-up {
        padding: 0 !important;
        width: 100%;
        margin: -10px 0 0 0;
    }
    #newmenu .submenu li.move-down {
        margin: 0 0 -10px 0;
        width: 100%;
        padding: 0 !important;
    }
    #newmenu .submenu li.move-up a, #newmenu .submenu li.move-down a {
        margin: 0;
        padding: 3px;
        height: 40px;
        background-color: #696969;

    }
        #newmenu .submenu li.move-up a:hover, #newmenu .submenu li.move-down a:hover {
            border-color: #696969;
        }

    #newmenu .submenu .submenu li.move-up a {
        border-radius: 5px 5px 0 0;
    }
    #newmenu .submenu li.move-down a {
        border-radius: 0 0 5px 5px;
    }
    #newmenu .submenu .submenu {
        margin-top: -40px;
    }

    #newmenu .submenu li a {
        float: none !important;
        height: 30px;
        line-height: inherit;
        margin: 0 5px;
        padding: 5px;
        overflow: hidden;
        color: #fff;
        text-decoration: none;
        white-space: nowrap;
        text-indent: 0;
        text-align: left;
        background-color: Transparent;
        border-width: 1px 0;
        border-color: transparent;
        border-style: solid;
        font-size: 16px;
        position: relative;
    }
    #newmenu .submenu li a span {
        display: inline-block;
    }
    #newmenu .submenu li a span.float {
        transform: translateX(0);
        transition: 1s;
        white-space: nowrap;
        position: absolute;
        left: 5px;
    }
    #newmenu .submenu li a:hover span.float {
        transform: translateX(calc(250px - 100%));
        transition: 2s linear;
    }

    #newmenu .bottom {
        position: absolute;
        overflow: visible;
        border-radius: 0 0 5px 5px;
        border-top-width: 0
    }

    #newmenu .right {
        left: 274px !important;
        overflow: visible;
        border-radius: 5px 5px 5px 5px;
    }

    #newmenu .left {
        left: -274px !important;
        overflow: visible;
        border-radius: 5px 5px 5px 5px;
    }

    #newmenu .submenu a.right-haschild::after {
        font: normal normal normal 16px/1 FontAwesome7;
        content: "\f0da";
        float: right;
    }

    #newmenu .submenu a.left-haschild::after {
        font: normal normal normal 16px/1 FontAwesome7;
        content: "\f0d9";
        float: left;
        margin-right: 8px;
    }

    #newmenu .submenu li a.gclasssubmenu110, #newmenu .submenu li a.gclasssubmenu212 {
        font-style: italic
    }

    #newmenu .submenu li a:hover, #newmenu .submenu li a.active {
        background-color: #fff;
        border-color: #5D101B;
        color: #5D101B;
        border-radius: 5px
    }

.DropDown {
    border: solid 1px #ccc;
    background-color: #FFF;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    padding: 10px 20px 2px 10px;
}

.questionDisabled {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    filter: alpha(opacity=40);
    opacity: 0.4;
    height: 100%;
    width: 100%
}

div.basic-search-top {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.basic-search-top-question-container {
    padding: 0 10px;
    border-left: 1px solid #ccc;
}

.question-control-collapse {
    position: absolute;
    border: 1px solid #ccc;
    background-color: white;
    padding: 5px;
    visibility: hidden;
}

ul.dashboard {
    list-style: none;
    margin: 0 0 0 5px
}

    ul.dashboard select {
        height: 20px;
        width: 198px;
        margin-top: 5px;
        font: bold 12px "Lucida Sans Unicode",sans-serif;
        color: #000
    }

td.CustomBasicSearchButton a, a.Print, a.Link:not(.dashboard-widget *) {
    font: bold;
    color: #892134;
    text-decoration: none !important;
    padding: 0 20px 0 20px
}

.question a.Link {
    padding: 0
}

td.CustomBasicSearchButton a:hover, a.Print:hover, a.Link:not(.dashboard-widget *):hover {
    text-decoration: underline !important
}

a.Print {
    padding: 0 24px;
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -348px
}

a.AdvancedSearch {
    background: url(/GTSImages/search_16.gif) no-repeat 0 0
}

.hiddenContainer {
    visibility: hidden;
    display: none
}

a.add-link {
    text-decoration: none !important;
    color: #333;
    background: none;
    border: solid 1px #c0bc9f;
    padding: 2px 5px;
    display: block;
    margin: 0 5px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px
}

    a.add-link:hover {
        text-decoration: underline;
        background-color: white;
    }

.mba-school-info {
    background: url("../GTSImages/hr_line.gif") repeat-x scroll left bottom transparent;
    clear: both;
    float: left;
    padding: 4px 10px 7px 17px;
    width: 100%
}

    .mba-school-info .left-info {
        float: left;
        position: relative;
        height: 20px
    }

.left-info .checkbox {
    margin: 2px 0 0;
    padding: 3px 5px 0 0
}

.mba-school-info .left-info img {
    padding-bottom: 3px
}

.mba-school-info .right-info {
    float: right;
    padding: 0 8px 0 0
}

    .mba-school-info .right-info .checkbox {
    }

    .mba-school-info .right-info label {
        font-weight: bold;
        cursor: pointer;
        vertical-align: middle;
    }

    .mba-school-info .right-info span {
        display: inline-block;
        padding-right: 10px;
        border-right: 1px solid #ccc
    }

.nowrap {
    white-space: nowrap
}

.lseprompt {
    font-style: italic;
    color: #666;
    background-color: #fff;
    height: 20px
}

.collapsibleHeader {
    margin: 0 0 0 2px;
    padding: 3px;
    cursor: pointer
}

    .collapsibleHeader label, .collapsibleHeader span {
        background: transparent;
        color: #791A33;
        font-size: 15px;
        font-weight: bold;
        padding: 0 0 0 5px;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer
    }

.collapsibleTableCell .collapsibleHeader {
    color: #FFF;
    background-color: Gray;
    margin-top: 0;
    cursor: pointer;
    padding: 0 2px
}

.WidgetTitleStyle .collapsibleHeader {
    display: inline-block;
    width: 550px
}

.collapsibleHeader .cimg {
    display: inline-block;
    width: 10px
}

.withHeaderAction {
    width: 60% !important;
}

.accordionHeader-select .collapsibleHeader, .accordionHeader .collapsibleHeader {
    padding: 0px;
    display: inline-block;
    width: 99%
}

.activity-body-hl .collapsibleHeader {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(100% - 250px);
}

.activity-body-hl .headerActions {
    text-align: right;
    width: 240px;
    display: inline-block;
    vertical-align: bottom;
}

.check label {
    float: left;
    font-weight: bold;
    display: block;
    line-height: 34px;
    height: auto;
    width: auto
}

.check input[type="checkbox"] {
    float: left;
    margin: 0 10px 0 10px !important;
    padding: 0 0 0 0;
    line-height: 34px;
    height: 34px
}

.radioList label {
    float: left;
    font-weight: bold;
    display: inline;
    line-height: 34px;
    padding-right: 15px;
    width: 95%;
}

    .radioList label span {
        font-weight: normal;
        display: block;
        line-height: 20px;
        height: auto
    }

.radioList-a label {
    float: left;
    font-weight: bold;
    display: block;
    line-height: 34px;
    height: auto;
    width: auto;
    padding-right: 15px
}

.radioList-a input[type="radio"] {
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 0 0 0 0;
    line-height: 34px;
    height: 34px
}

.radioList input[type="radio"] {
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 0 0 0 0;
    line-height: 34px;
    height: 34px
}

.sq-edit {
    position: relative;
    top: 20px;
    left: -13px
}

table.ocravailability {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
    background-color: #F5F4EE;
}

    table.ocravailability td {
        border-collapse: collapse;
        border: 1px solid #999;
    }

        table.ocravailability td a {
            display: block;
            width: 100%;
            cursor: pointer;
            text-decoration: none;
            height: 30px
        }

            table.ocravailability td a:hover {
                background-color: #000080
            }

        table.ocravailability td.timehead {
            width: 44px;
            text-align: center;
            border: 1px solid #999
        }

        table.ocravailability td.dayleft {
            width: auto;
            border: 1px solid #999;
            padding: 0 5px 0 5px
        }

.cal_available {
    background: #808080
}

.cal_unavailable {
    background: #ff0000
}

.cal_aval_selected {
    background: #000080
}

.cal_unaval_selected {
    background: #000080
}

.cal_key_aval {
    background: #808080
}

.cal_key_unaval {
    background: #ff0000
}

.cal_key_sel {
    background: #000080
}

.tri {
    border: 6px solid transparent;
    padding: 0 !important;
    width: 0;
    height: 0;
    display: inline-block
}

.arr-r {
    border-left-color: #892134;
    margin: 0 2px 0 3px
}

.arr-d {
    border-top-color: #892134;
    margin: 3px 5px -3px 0
}
.accordionHeader .tri:not(.arr-d) {
    display: inline-block;
    border-left-color: #1428A0;
    margin: 0 -3px 0 3px
}

.accordionHeader-select .tri:not(.arr-r) {
    display: inline-block;
    border-top-color: #1428A0;
    margin: 3px 5px -3px 0
}
.question {
    width: 99%;
    padding: 2px 2px 2px 0
}

    .question > table {
        margin-bottom: 0px
    }

    .question tr {
        background-color: transparent !important
    }

.narrow {
    width: 45%
}

.table-layout {
    display: table;
    width: calc(100% - 10px)
}

.table-cell {
    width: calc(50% - 11px);
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.table-cell-full-width {
    display: block;
    width: calc(100% - 10px);
}

.table-row {
    display: table-row;
    width: 100%;
    height: auto;
}

.surveyAccordionContent {
    margin: 0px 10px 5px;
    position: relative;
    background-color: #fff;
}

div.table-cell.table-cell-divider {
    margin: 5px;
    background-color: #f6f6f6;
    box-shadow: #ddd 0 1px 2px 0;
}

.surveyAccordionContentLimited {
    margin: 0px 10px 5px;
}

.help-fa {
    color: #666;
    cursor: pointer;
    display: inline-block
}

.keywordHighlight {
    background-color: orange
}

.shortfont {
    line-height: 1px;
    font-size: 1px
}

.formdisplay label {
    float: left;
    width: 115px;
    font-weight: bold;
    clear: left;
    color: #4E4E4E
}

.formdisplay span {
    float: left;
    width: 700px;
    display: block;
    margin-bottom: 5px;
}

.offer-compare {
    padding: 10px 0 10px 35px;
    background: url('../GTSImages/action_sprite.png') no-repeat 0 -916px;
}

.report-parameters-container > div {
    background-color: #f6f6f6;
    margin-bottom: 10px;
    box-shadow: #ddd 0 1px 2px 0;
}

.report-parameters-container input[type="checkbox"] + label, .report-parameters-container input[type="radio"] + label {
    width: 25%;
    margin-left: 0
}

.report-parameters-container .h250 input[type="checkbox"] + label, .report-parameters-container .tree input[type="checkbox"] + label, .report-parameters-container .full input[type="checkbox"] + label {
    width: 100%;
    margin-left: 0
}

.report-parameters-container .select-wrapper, .report-parameters-container .input-group {
    min-width: 400px;
    max-width: 400px;
}

.report-parameters-container h2 {
    padding: 15px 0;
}

.report-button-container {
    padding-top: 30px;
    padding-bottom: 15px;
    padding-right: 0;
}

.report-viewer {
    box-sizing: border-box;
}

.report-sp-h {
    background: rgba(0,0,0,.04);
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 3px;
    cursor: pointer;
    border-left: 3px solid #879AA3;
    box-shadow: #879AA3 0 1px 2px 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.report-sp-b {
    background: rgba(0,0,0,.04);
    box-sizing: border-box;
    width: 100%;
    padding: 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.report-sp-h > span {
    width: 100%;
    height: 40px;
    padding: 6px 0 6px 0;
    display: block
}

.BoxBorderGray {
    background-color: #FFF;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px 5px 10px;
    border-radius: 4px 0 0 4px
}

.BoxBorderGray.limited {
    max-height: 250px;
    overflow: auto;
}

.BoxBorderGray.limited.col2 input[type="checkbox"] + label {
    width: 50%;
    margin-left: 0
}

.BoxBorderGray.select-candidate-filter {
    max-height: 125px;
}

.content-limited {
    max-height: 500px;
    overflow: auto;
}

.modal-content-limited {
    max-height: 80vh;
    overflow: auto;
}

.edit-survey-container {
}

    .edit-survey-container .accordionHeader {
        margin: 2px 4px 1px 4px;
    }

    .edit-survey-container .question {
        width: auto;
        padding: 7px 8px;
        margin-right: 1px;
    }

    .edit-survey-container .surveyAccordionContent {
        position: static;
    }

    .edit-survey-container .question input:not([type='checkbox']):not([type='image']):not([type='radio']):not(.date-picker), .edit-survey-container
    .question textarea, .edit-survey-container .question select, .question .select-wrapper:not(.DropDown), .question .table:not(.table-full-width) {
        width: 100%;
        max-width: 500px;
    }

table.evcal {
    width: 100%;
    
    /* needed to make the ellipsis overflow work
        for appointment names
    */
    table-layout: fixed;
    display: table;
}

table.evcal-narrow {
    width: 100%;
}

table.evcal td {
    vertical-align: top;
    border: 0;
    color: #333;
    font-size: 9px;
}

table.evcal a {
    color: #333;
    display: block;
    margin: 0
}

table.evcal td div {
    background: url('../GTSImages/day_cal_grid.png') repeat 0 1px
}

div.day-hours {
    color: black;
    height: 60px;
    width: 60px;
    border-right: 1px solid #ccc
}

table.evcal td.cd {
    text-align: left;
    width: 135px;
    height: 130px;
    border: 1px solid #ccc
}

table.evcal-narrow td.cd {
    text-align: left;
    width: 110px;
    height: 15px;
    border: 1px solid #ccc
}

table.evcal td a {
    text-decoration: none;
    background-color: #ccc;
    font-weight: bold;
}

    table.evcal td a.event {
        background-color: transparent;
        border: 1px solid #ccc;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

table.evcal td div.rc_content_div {
    padding: 5px 5px;
    background: none;
    position: relative
}

table.evcal td div.rc_links {
    bottom: 20px;
    background: none;
    margin-top: 30px
}

table.evcal td div a.rc_interview, table.evcal td div a.rc_activity, table.evcal td div a.rc_open_room {
    background-color: transparent;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: bottom;
}

table.evcal td a.event:hover {
    background-color: #486470;
    color: white;
}

table.evcal td a.event-g {
    background-color: transparent;
    border: 1px solid #ccc;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

    table.evcal td a.event-g:hover {
        background-color: #899ba5;
        color: white;
    }

table.evcal td a.event-d {
    background-color: #d4dbdf;
    border: 1px solid #ccc;
    position: absolute;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

table.evcal td a.event-all-d {
    border-left: 5px solid rgb(4, 157, 4) !important;
    padding-left: 2px;
    background-color: #e4e3dc;
    border: 1px solid #ccc;
    padding: 10px;
}

    table.evcal td a.event-all-d span {
        font-style: italic;
        padding-left: 5px;
    }

    table.evcal td a.event-d:hover, table.evcal td a.event-all-d:hover {
        background-color: #dbe3e8;
    }

table.evcal td a.new {
    border-left: 5px solid rgb(162,27,47) !important;
    padding-left: 2px;
    width: 129px;
}

    table.evcal td a.new:hover {
        border-left: 5px solid rgb(162,27,47) !important;
        padding-left: 2px;
        width: 129px;
    }

table.evcal td a.event-d.reserved {
    background-color: #75c9b3;
}

table.evcal td a.event-d.personal, 
table.evcal td a.event-d.mock, 
table.evcal td a.event-d.mocktype2, 
table.evcal td a.event-d.workshop {
    background-color: #a7d5e1;
}

table.evcal td.ot-month {
    background-color: #f5f4f0;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.evcal td.ec-select {
    background-color: #fffad3 !important;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.evcal td.ev-weekend {
    background-color: #edebe4;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.evcal-narrow td.ot-month {
    background-color: #f5f4f0;
    text-align: left;
    width: 25px;
    height: 15px;
    border: 1px solid #ccc
}

table.evcal-narrow td.ec-select {
    background-color: #fffad3 !important;
    text-align: left;
    width: 25px;
    height: 15px;
    border: 1px solid #ccc
}

table.evcal-narrow td.ev-weekend {
    background-color: #edebe4;
    text-align: left;
    width: 25px;
    height: 15px;
    border: 1px solid #ccc
}

table.evcal td.ec-day-h {
    text-transform: uppercase;
    padding: 7px 0 5px 0;
    background-color: #879AA3;
    color: #fff;
    height: 25px;
    font-size: 1em;
    font-weight: normal;
    line-height: 15px;
    border-bottom: 1px solid #c4cbcf;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    vertical-align: middle
}

.ev-nav {
    background-image: url('../GTSImages/cand_prof_tab_select.gif');
    height: 30px;
    left: 350px;
    position: absolute;
    top: 0;
    width: 235px
}

    .ev-nav input[type=image] {
        float: left;
        border: 0 none
    }

    .ev-nav .ec-title {
        padding: 4px 0px;
        width: 167px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        float: left;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid #899ba5;
        height: 20px
    }

.ec-title .ec-title span {
    color: #581427;
}

.ev-change-view {
    float: right;
    margin: 10px 10px 0 0
}

    .ev-change-view .disable-change {
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: default
    }

.program_filter, .class_year_filter {
    height: 30px;
    background: url(../GTSImages/drop_down.gif) no-repeat 100% 50% #fefefd;
    position: absolute;
    border: 1px solid #899ba5;
    top: 10px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.program_filter {
    width: 175px;
    left: 250px;
}

.class_year_filter {
    width: 175px;
    left: 450px;
}

    .program_filter a, .class_year_filter a {
        float: left;
        color: #333;
        text-decoration: none;
        width: 220px;
        padding: 7px 0 7px 30px;
        overflow: hidden
    }

    .program_filter a, .class_year_filter a {
        width: 165px;
        padding-left: 10px
    }

        .program_filter a span, .class_year_filter a span, .cal_filter a span {
            display: inline-block;
            width: 140px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

input[type="image"].list-view {
    background: url(../GTSImages/action_sprite_30.png) no-repeat 0px -69px;
    height: 0px;
    width: 0px;
    padding: 15px;
    font-size: 0;
    margin-top: 10px;
    overflow: hidden;
    display: inline-block
}

#program_filter.show-drp-center li, #class_year_filter.show-drp-center li {
    width: 175px;
}

.cand-prof-right input[type=text] {
    float: left;
    font: 13px;
    height: 20px;
    line-height: 20px;
    padding-left: 2px
}

.cal-tab {
    width: 50px
}

li.ItemNotSelected {
    list-style: circle inside none !important
}

li.ItemSelected {
    list-style: disc inside none !important;
    color: red
}

    li.ItemNotSelected a, li.ItemSelected a {
        padding-right: 10px !important;
        width: 200px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.show-drp-center li a {
    display: inline-block;
    padding: 0;
}

.left-content .filter span {
    display: inline-block;
    width: 67px;
}

.left-content .filter {
    padding: 4px 3px;
    float: left;
}

.disable-img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default
}

.CalendarContentContainer {
    font-size: 0;
}

.CalendarContentContainer em.fa-solid, .CalendarContentContainer em.fa-regular {
    color: #2c4fa5;
    cursor: pointer;
}

.CalendarPreviewContainer {
    position: absolute;
    z-index: 99999;
    margin-top: -1px;
    background: url(../GTSImages/arr_up_gray.png) no-repeat 20px 0 #fefefd;
    width: 300px;
    box-shadow: 0 0 20px 0 #777;
}

.CalendarPreviewContent {
    padding: 5px;
    background: #fefefd !important;
    border: 1px solid #333;
}

    .CalendarPreviewContent .PreviewResponse {
        padding: 5px
    }

div.combine-candidate {
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
}

.PopupTrigger {
    display: inline-block;
    cursor: pointer
}

.bg-shadow {
    box-shadow: 2px 2px 10px 5px #888;
}

.activity {
    width: 100%;
    border-style: none;
    vertical-align: top;
    box-shadow: #999 0 2px 2px;
    display: flex;
    min-height: 70px;
}

.activity-height-extended {
    height: 90px !important;
}

.activity-date {
    height: inherit;
    width: 75px;
    float: left;
    background-color: #879AA3;
    color: white;
    margin: 0;
    min-height: inherit;
    padding: 0px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    -moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 0px;
    box-shadow: #999 0px 2px 2px;
}

    .activity-date .month {
        font-weight: normal;
        padding: 10px 0 0 0;
        line-height: 12px;
    }

    .activity-date .day {
        font-size: 18px;
        padding: 0px;
        margin: 0px;
        line-height: 20px;
    }

    .activity-date .year {
        font-weight: normal;
        padding: 0px;
        line-height: 12px;
    }

.activity-title {
    height: inherit;
    width: 100%;
    margin: 0 0 0 5px;
    padding: 0 10px 0 10px;
    background-color: #879AA3;
    color: white;
    font-size: 20px;
    -moz-border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;
    box-shadow: #999 0px 2px 2px;
}

.activity-title-full {
    height: inherit;
    width: 100%;
    margin: 0;
    padding: 0 10px 0 10px;
    background-color: #879AA3;
    color: white;
    font-size: 20px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: #999 0px 2px 2px;
}

.activity-title-ls {
    float: right;
    height: auto;
    padding: 5px 0 0 0;
    vertical-align: bottom;
    font-size: 14px;
    text-align: right;
}

.activity-title-rs {
    float: left;
    height: auto;
    padding: 5px 0 0 0;
    vertical-align: bottom;
    width: 740px;
    overflow: hidden;
    white-space: nowrap;
}

.activity-title-rs-fullwidth {
    width: 100%;
    white-space: normal;
}

.activity-title a, .activity-title-full a:not(.checkbox) {
    text-decoration: underline;
    font-size: 20px;
    color: white;
}

    .activity-title a.checkbox, .activity-title-full a.checkbox {
        text-decoration: none;
        font-size: 14px;
    }

    .activity-title a.signin, .activity-title-full a.signin {
        font-size: 14px;
    }

    .activity-title a:hover, .activity-title-full a:hover {
        text-decoration: none;
        color: #fff
    }

.activity-title .title, .activity-title-full .title {
    overflow: hidden;
    width: 70%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
}

.activity-title-limited {
    overflow: hidden;
    max-width: 350px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.activity-body {
    padding: 6px 6px 0 6px;
    font-weight: normal;
    background: #fff;
    color: #000;
}

.activity-body-border {
    border: 1px solid #879AA3
}

.scrmsg {
    padding: 6px;
}

.question .screen-message {
    font-weight: normal;
    text-transform: initial;
}

.activity-body .with-dividers > div {
    padding-right: 5px
}

    .activity-body .with-dividers > div.divider {
        padding-left: 15px;
        border-left-style: solid;
        border-width: 1px;
        border-left-color: lightgray;
    }

.content-div .title-top input[type="button"] {
    height: 32px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    margin-top: 8px;
    width: 100%;
    border: none;
    background: none;
    text-align: right;
}

    .content-div .title-top input[type="button"]:hover {
        text-decoration: underline;
    }

.content-div .title-top .nav {
    float: right;
    margin: 16px 0 0 20px;
}

.nav .paging-numbers {
    background-color: white;
    width: 125px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    line-height: 25px;
    float: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #899ba5;
}

    .nav .paging-numbers span {
        color: #581427
    }


.nav-item {
    position: relative; 
}

.nav-item .badge-count[data-count]:after {
    content: attr(data-count);
    position: absolute;
    background-color: #007bff;
    height: 1.5rem;
    top: 0.5rem;
    right: 6.5rem;
    width: 2.5rem;
    text-align: center;
    line-height: 1.5rem;
    font-size: 1.25rem;
    border-radius: 70%;
    color: white; 
}

.nav-item .badge-count-secondary[data-count]:after {
    background-color: #999; 
}

.nav-item .fa-2x[data-count]:after {
    right: initial;
}

.tab-body {
    background-color: white;
    padding: 2px 4px 8px 4px;
    box-shadow: #999 0px 2px 2px;
}

.w-container {
    width: 100%;
    border-style: none;
    background-color: transparent;
    vertical-align: top;
    border-bottom: 5px solid #FFF;
    margin-bottom: 15px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: #999 0px 2px 2px
}

.w-title {
    display: block;
    background-color: rgba(0,0,0,.04);
    color: #879AA3;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    margin: 0;
    float: none;
    position: static;
    width: auto;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px
}

.w-seperator {
    display: block;
    height: 8px;
    background-color: #FFF;
    background-image: url(../GTSImages/left_pan_title_shade.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.w-content {
    font-weight: normal;
    color: #000;
    padding: 5px 8px;
    background-color: #FFF;
}

.w-title .actions {
    float: right;
    width: auto;
    padding: 0px
}

.wcs-bottom .w-content {
    padding: 4px 10px
}

.labelEdit {
    cursor: pointer;
    display: inline-block;
    max-width: 525px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.w-container .w-content span, .w-container .w-content a {
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.sort_row {
    font-size: 1.2em;
    width: 350px;
    height: 35px;
    text-align: left;
    cursor: move;
    background: #EFEFEF url(/GTSImages/drag.png) no-repeat 2px 50%;
    border: 1px solid #ddd;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
}

    .sort_row:nth-child(2n+1) {
        font-size: 1.2em;
        width: 350px;
        height: 35px;
        text-align: left;
        cursor: move;
        background: #cFcFcF url(/GTSImages/drag.png) no-repeat 2px 50%;
        border: 1px solid #ddd;
        padding: 5px 10px 5px 20px;
        margin-bottom: 5px;
    }

.activity-body-hl {
    width: calc(100% - 5px);
}

    .activity-body-hl label {
        padding: 3px;
        text-transform: none;
    }

.activity .sel {
    font-size: 14px;
}

.title-top .lookup {
    float: right;
    margin: 17px 0 0 0px;
    background-color: #486470;
}

.lookup-pop {
    float: right;
    padding: 0;
    margin: 6px 9px 0 0;
    position: relative;
    background-color: #486470;
    vertical-align: central
}

    .lookup-pop .btn-div {
        background: url("images/next-actions-right.png") no-repeat scroll 96% -1px #892134;
        float: right !important;
        margin: 0 0 0 1px !important
    }

    .lookup-pop .btn-div-select {
        background: url(images/next-actions-down.png) no-repeat scroll 96% -1px #892134;
        float: right !important;
        margin: 0 0 0 1px !important
    }

    .lookup-pop .btn-div, .lookup-pop .btn-div-select {
        float: left;
        height: 24px;
        margin: 0 0 0 5px;
        width: 16px;
        cursor: pointer
    }

.lookup-out-bg {
    background-color: white;
    color: #333;
    display: block;
    left: 0;
    position: absolute;
    top: 30px;
    width: 205px;
    z-index: 2;
    padding: 10px 10px 20px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: #999 0px 2px 2px;
}

.lookup .ButtonSmall, .lookup-pop .ButtonSmall {
    margin: 0 !important;
    float: left;
    border-radius: 0 3px 3px 0 !important
}

.lookup input[type=text], .lookup-pop input[type=text] {
    float: left;
    height: 26px;
    min-height: inherit;
    width: 90px;
    padding: 2px;
    margin: 0px;
    border-radius: inherit;
}

.bottom-ellipsis {
    width: 100%;
    background-color: #DCE0E4;
    padding-top: 4px;
    padding-bottom: 5px;
    height: 10px;
    position: absolute;
    top: 140px;
    left: 0px;
    cursor: pointer;
}

    .bottom-ellipsis span {
        float: right;
        border: 2px solid #879AA3;
        width: 0;
        height: 0;
        display: inline-block;
        margin-right: 10px;
        vertical-align: central;
    }

.modalForm input[type="text"] {
    margin: 0;
}

.ajax__calendar {
    z-index: 1000;
}

.ajax__calendar_container {
    z-index: 1000;
}

    .ajax__calendar_container table, .ajax__calendar_container table tr, .ajax__calendar_container table th, .ajax__calendar_container table td {
        margin: 0 !important;
        padding: 0 !important;
    }

    .ajax__calendar_container table, .ajax__calendar_body, .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        width: 100% !important;
    }

.ajax__calendar_body {
    height: 122px !important;
}

.con-email {
    max-width: 150px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.cursor {
    cursor: pointer
}

.asyncFileUpload input {
    width: 346px !important;
}

.dl-dname {
}

.dl-main {
    padding: 0 5px 5px 5px
}

.dl-show {
    display: block;
    visibility: visible;
    padding: 0 0 0 25px;
    background: url(../GTSImages/f-expand.png) repeat-y 0;
}

.dl-show-l {
    display: block;
    visibility: visible;
    padding: 0 0 0 25px;
}

.dl-hide, .dl-hide-l {
    display: none;
    visibility: hidden
}

.dl-rowp {
    vertical-align: middle;
    padding: 0 0 0 20px;
    cursor: pointer;
    width: 100%
}

.dl-row {
    padding-left: 20px;
    vertical-align: middle;
    padding: 0 0 0 20px;
    border: none;
    background: url(../GTSImages/f-line.png) no-repeat 0 0;
}

.dl-row-l {
    padding-left: 20px;
    vertical-align: middle;
    padding: 0 0 0 20px;
    background: url(../GTSImages/f-line-end.png) no-repeat 0 0;
}

    .dl-row:hover, .dl-rowp:hover, .dl-row-l:hover {
        background-color: rgba(0,0,0,.04)
    }

.dl-row.active, .dl-row-l.active {
    background-color: lightyellow;
}

.dl-action {
    float: right;
}

.dl-dull {
    color: #6a6a6a !important;
    font-weight: normal !important
}

.dl-plus {
    background: url(../GTSImages/f-plus.png) no-repeat 0 0;
    display: inline-block;
}

.dl-minus {
    background: url(../GTSImages/f-minus.png) no-repeat 0 0;
    display: inline-block;
}

.dl-plus-l {
    background: url(../GTSImages/f-plus-l.png) no-repeat 0 0;
    display: inline-block;
}

.dl-minus-l {
    background: url(../GTSImages/f-minus-l.png) no-repeat 0 0;
    display: inline-block;
}

.dl-expand-all {
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer
}

.dl-collapse-all {
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer
}

.dl-rowp span {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3886px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-view-link {
    display: inline-block;
    height: 20px;
    padding-left: 6px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-iweb {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3808px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ijpg {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3600px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-igif {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3678px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ipng {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3652px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ippt {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3704px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-idoc {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3756px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ixls {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3730px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-imov {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3782px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-izip {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3912px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ifile {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3834px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ipdf {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3626px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-ical {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3860px;
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dl-description-max-width {
    max-width: 450px;
}

.vf-cand {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3392px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.v-cand {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3366px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.nv-cand {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3418px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.vf-admin {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3470px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.v-admin {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3444px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.nv-admin {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3496px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.vf-emp {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3548px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.v-emp {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3522px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.nv-emp {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -3574px;
    display: inline-block;
    height: 20px;
    width: 22px
}

.dl-edit {
    display: inline-block;
    height: 20px;
    width: 20px
}

.dl-upload {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.dl-addf {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.dl-delf {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.dl-email {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.dl-download {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.cand-prof-right a.download-continue {
    float: left;
    color: #707070;
    text-decoration: none;
    padding: 0 10px;
    display: block;
    line-height: 32px;
    height: 32px;
    text-align: center;
    width: auto;
    background: url('images/back_btn_bkg.png') repeat-x 0 0 transparent;
    text-transform: uppercase;
    font-weight: bold
}

    .cand-prof-right a.download-continue:hover {
        text-decoration: none
    }

.inlineDiv {
    display: inline-block;
    width: auto;
    padding: 0 10px 0 0;
    vertical-align: top;
}

    .inlineDiv label {
        font-weight: bold;
        display: block
    }

.comparison-survey-container {
}

    .comparison-survey-container .accordionHeader {
        margin: 2px 4px 1px 4px;
    }

    .comparison-survey-container .question {
        width: 450px;
        padding: 7px 8px;
        margin-right: 4px;
    }

        .comparison-survey-container .question span {
            width: 160px;
            display: inline-block;
        }

    .comparison-survey-container .surveyAccordionContent {
        position: static;
    }

    .comparison-survey-container a.ButtonSmall span {
        width: 50px;
    }

    .comparison-survey-container a.Search {
        float: right;
    }

    .comparison-survey-container .question > div {
        display: inline-block;
        position: static;
    }

.oc-filter {
    background: url(../GTSImages/funnel_16.png) no-repeat 0 4px;
    display: inline-block;
    height: 16px;
    width: 18px
}

.oc-delete {
    text-decoration: none;
    color: black;
    margin-left: 10px;
    font-weight: bold;
}

.oc-tableview {
    background: url(../GTSImages/action_sprite_32.png) no-repeat 0 -43px;
    display: inline-block;
    height: 0px;
    width: 0px;
    padding: 20px;
    text-indent: -999px
}

.oc-chartview {
    background: url(../GTSImages/action_sprite_32.png) no-repeat 0 0px;
    display: inline-block;
    height: 0px;
    width: 0px;
    padding: 20px;
    text-indent: -999px
}

.oc-rgd-icon {
    height: 20px;
    /*background: url(../GTSImages/oc-rgd.png) repeat-x;*/
    display: inline-block;

    opacity:.65;
}

a.oc-graphview {
    background: url(../GTSImages/action_sprite_32.png) no-repeat 0 0px;
    height: 40px;
    width: 40px;
}

.tooltip-help-icon {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -2530px;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 2px;
    opacity: inherit;
    margin-right: 5px;
}

.ocdashboard-detail-container {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border: solid thin;
    margin: 5px;
    padding: 5px;
}

.ocdashboard-detail-popupmenu {
    background-color: palegoldenrod;
    padding: 5px;
    border: solid thin;
}

    .ocdashboard-detail-popupmenu a {
        padding: 3px 0px;
        color: black;
        text-decoration: none;
    }

        .ocdashboard-detail-popupmenu a:hover {
            color: darkgreen;
            text-decoration: underline;
        }

.ocdashboard-oc-container {
    width: 212px;
    height: 130px;
    background-color: #fff;
    margin: 5px;
    padding: 8px;
    border: solid 1px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.ocdashboard-oc-popupmenu {
    background-color: palegoldenrod;
    padding: 5px;
    border: solid thin;
}

    .ocdashboard-oc-popupmenu a {
        padding: 3px 0px;
        color: black;
        text-decoration: none;
    }

        .ocdashboard-oc-popupmenu a:hover {
            color: green;
            text-decoration: underline;
        }

.help-modal a {
    float: none !important;
    background: none !important;
    padding: 0 !important;
    color: blue !important;
}

div.question {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 50px;
}

    div.question .questionHelp {
        display: inline-block;
        width: auto
    }

    div.question .questionInstruction {
        display: block;
        width: auto
    }

    div.question > div {
        vertical-align: top;
        position: relative
    }

    div.question.twoCol {
        width: calc(50% - 4px);
        display: inline-block
    }

    div.question.labelTop {
        padding-bottom: 15px;
    }

.questionRequired label:before {
    content: '* ';
    color: #ff0000;
}

div.question > div:nth-child(2) > div.collapsibleHeader + div {
    background-color: #fff !important;
    margin: 0 2px !important;
    padding: 3px !important;
    height: 75px !important
}

div.question.noTop > div:nth-child(1) {
    display: none
}

div.question.noBottom div:nth-child(2) {
    display: none
}

div.question .collapsibleHeader {
    background-color: #808080;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 0;
    padding: 0 2px
}

div.question input[type="image"].cal {
    margin-bottom: -4px;
}

.disabledPanel {
    z-index: 9999;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: White;
    filter: alpha(opacity=40);
    opacity: 0.4;
    height: 100%;
    width: 100%;
}

span.cmc-abbreviation {
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.grey {
    color: #bbb
}

.link-plain, .link-plain:hover {
    text-decoration: none;
    color: black;
    cursor: text;
}

.block {
    display: block;
}

.strike, table.evcal td a.strike {
    text-decoration: line-through;
}

.auto-complete-list-modal {
    z-index: 200000 !important;
    text-align: left;
    cursor: default;
    list-style: none;
    padding: 0px;
    border: 1px solid gray;
}

.actions a.delete-styled {
    background: url(../GTSImages/action_sprite.png) no-repeat 0 -4119px
}

div.time-selector {
    display: inline-block;
    vertical-align: middle;
}

.gd-italics {
    font-style: italic;
}

.hidden {
    visibility: hidden;
    display: none;
}

.BatchUpdateStatus {
    padding: 25px;
    text-align: center;
}

.text-overflow-hidden {
    max-width: 250px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.coop-approver-name {
    font-style: italic;
    padding-right: 5px;
}

.coop-not-linked-to-entity {
    font-style: italic;
    padding-right: 5px;
}

.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.disabled-button {
    cursor: default;
    background: #aaa;
    border: solid 1px #ccc;
    padding: 0 10px 0 10px;
    text-align: center;
    font: bold 13px;
    color: #fff;
    text-decoration: none !important;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 3px !important
}

    .disabled-button:hover {
        cursor: default;
        color: white;
        text-decoration: none !important;
    }

.search-room > div {
    padding-bottom: 15px;
}

    .search-room > div strong {
        display: block;
    }

    .search-room > div span {
        display: inline-block;
    }

table.add-room-reservation-cal {
    width: 972px;
}

    table.add-room-reservation-cal td {
        vertical-align: top;
        border: 0;
        color: #333;
        font-size: .8em
    }

    table.add-room-reservation-cal a {
        color: #333;
        display: block;
        margin: 0
    }

    table.add-room-reservation-cal td div {
        background: url('../GTSImages/day_cal_grid.png') repeat 0 1px
    }

    table.add-room-reservation-cal td.cd {
        text-align: left;
        width: 135px;
        height: 130px;
        border: 1px solid #ccc
    }

table.add-room-reservation-cal-narrow td.cd {
    text-align: left;
    width: 110px;
    height: 15px;
    border: 1px solid #ccc
}

table.add-room-reservation-cal td a {
    text-decoration: none;
    background-color: #ccc;
    font-weight: bold;
}

    table.add-room-reservation-cal td a.event {
        background-color: transparent;
        border: 1px solid #ccc;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 135px;
    }

table.add-room-reservation-cal td div.rc_content_div {
    padding: 5px 5px;
    background: none;
    position: relative
}

table.add-room-reservation-cal td div.rc_links {
    bottom: 20px;
    background: none;
    margin-top: 30px
}

table.add-room-reservation-cal td div a.rc_interview, table.add-room-reservation-cal td div a.rc_activity, table.add-room-reservation-cal td div a.rc_open_room {
    background-color: transparent;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 135px;
    vertical-align: bottom;
}

table.add-room-reservation-cal td a.event:hover {
    background-color: #486470;
    color: white;
}

table.add-room-reservation-cal td a.event-g {
    background-color: transparent;
    border: 1px solid #ccc;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 135px;
}

    table.add-room-reservation-cal td a.event-g:hover {
        background-color: #899ba5;
        color: white;
    }

table.add-room-reservation-cal td a.event-d {
    background-color: #d4dbdf;
    border: 1px solid #ccc;
    position: absolute;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

table.add-room-reservation-cal td a.event-all-d {
    border-left: 5px solid rgb(4, 157, 4) !important;
    padding-left: 2px;
    background-color: #e4e3dc;
    border: 1px solid #ccc;
    padding: 10px;
}

    table.add-room-reservation-cal td a.event-all-d span {
        font-style: italic;
        padding-left: 5px;
    }

    table.add-room-reservation-cal td a.event-d:hover, table.add-room-reservation-cal td a.event-all-d:hover {
        background-color: #dbe3e8;
    }

table.add-room-reservation-cal td a.new {
    border-left: 5px solid rgb(162,27,47) !important;
    padding-left: 2px;
    width: 129px;
}

    table.add-room-reservation-cal td a.new:hover {
        border-left: 5px solid rgb(162,27,47) !important;
        padding-left: 2px;
        width: 129px;
    }

table.add-room-reservation-cal td.ot-month {
    background-color: #f5f4f0;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.add-room-reservation-cal td.ec-select {
    background-color: #fffad3 !important;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.add-room-reservation-cal td.ev-weekend {
    background-color: #edebe4;
    text-align: left;
    width: 25px;
    height: 130px;
    border: 1px solid #ccc
}

table.add-room-reservation-cal td.ec-day-h {
    text-transform: uppercase;
    padding: 7px 0 5px 0;
    background-color: #879AA3;
    color: #fff;
    height: 25px;
    font-size: 1em;
    font-weight: normal;
    line-height: 15px;
    border-bottom: 1px solid #c4cbcf;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    vertical-align: middle
}

table.weekview {
    width: 100%;
}

    table.weekview td {
        width: 12.5%;
    }

    table.weekview tr.weekview-detail td {
        padding-left: 10px;
    }

    table.weekview tr.weekview-detail td {
        padding-left: 10px;
    }

    table.weekview tr.weekview-header-row > td:first-child {
        width: 12.5%;
    }

    table.weekview tr.weekview-header-row > td:nth-child(2) {
        width: 87.5%;
    }

div.dayview {
    width: 100%;
}

    div.dayview .rc-day-head .rc-day-name {
        width: 238px;
        float: left;
        border: 1px solid #ccc;
        font-weight: bold;
        padding: 5px;
    }

    div.dayview .rc-day-head .rc-day-times {
        width: 720px;
        float: left;
        border: none;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
    }

        div.dayview .rc-day-head .rc-day-times .rc-day-time {
            width: 59px !important;
            display: inline-block;
            border: none;
            border-right: 1px solid #ccc;
            font-weight: bold;
            text-align: center;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAYAAAAB3PQ6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAAE0lEQVQYV2P4//8/Odji////ywBv0y2yVrhsgAAAAABJRU5ErkJggg==');
        }

            div.dayview .rc-day-head .rc-day-times .rc-day-time:last-child {
                width: 60px !important;
                border-right: none;
            }

    div.dayview .rc-day-body .rc-day-name {
        width: 238px;
        padding: 5px;
        float: left;
        border: none;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-weight: normal;
    }

    div.dayview .rc-day-body .rc-day-times {
        width: 720px;
        float: left;
        border: none;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAMAAAA2AgQIAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ3bsYwAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAADklEQVQYV2P4jwz+MwIAdpoN9LzAG2kAAAAASUVORK5CYII=');
        background-size: 15px 1px;
        display: inline-block;
    }

    div.dayview .rc-day-body .rc-day-row {
        display: flex;
    }

        div.dayview .rc-day-body .rc-day-row .rc-day-times.available {
            background-color: #e3e3e3;
        }

        div.dayview .rc-day-body .rc-day-row .rc-day-times.unavailable {
            background-color: #f9d3d3;
        }

        div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event {
            position: relative;
            display: block;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            border-bottom: 2px solid transparent;
        }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event .rc-day-time {
                height: 10px;
                position: absolute;
                background-color: #486470;
                border: 1px solid #6a6a6a;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event a {
                width: auto;
                position: relative;
                padding: 3px 3px 3px 5px;
                display: inline-block;
                text-decoration: none;
                margin-top: 18px;
                background-color: #6a6a6a;
                border: 1px solid #6a6a6a;
                color: white;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event a:before {
                    position: absolute;
                    display: inline-block;
                    top: -9px;
                    content: ' ';
                    border: 4px solid transparent;
                    border-bottom-color: #6a6a6a;
                }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event.left a:before {
                left: 3px;
                border-left-color: #6a6a6a;
            }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event.right a:before {
                right: 3px;
                border-right-color: #6a6a6a;
            }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event.left a {
                left: 0;
            }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event.right a {
                right: 0;
            }

            div.dayview .rc-day-body .rc-day-row .rc-day-times .rc-day-event.right .rc-day-time {
                right: 0;
            }

.export-q {
    background-color: #e4e3dc;
    margin-bottom: 10px;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cbc7af;
    border-radius: 3px;
}

    .export-q .q-head {
        padding-right: 10px;
        position: relative;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer
    }

        .export-q .q-head:before {
            content: ' ';
            width: 5px;
            height: 5px;
            position: absolute;
            right: 5px;
            top: 25%;
            border: none;
            border-top: 2px solid #4e4e4e;
            border-right: 2px solid #4e4e4e;
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .export-q .q-head.in:before {
            content: ' ';
            width: 5px;
            height: 5px;
            position: absolute;
            right: 5px;
            top: 25%;
            border: none;
            border-top: 2px solid #4e4e4e;
            border-right: 2px solid #4e4e4e;
            -webkit-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .export-q .q-checkboxes {
        max-height: 150px;
        overflow-y: auto;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-left: 10px;
        padding: 10px;
        overflow-x: hidden;
        background-color: white;
    }

div.survey-config {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
}

    div.survey-config .ctrl-config {
        cursor: move;
        width: 100%;
        padding-left: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid transparent;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 3px
    }

        div.survey-config .ctrl-config.modified {
            background: #ffa0a0 url(/GTSImages/drag.png) no-repeat 2px 50%;
        }

        div.survey-config .ctrl-config:hover {
            background: #F0F0F0 url(/GTSImages/drag.png) no-repeat 2px 50%;
            border: 1px solid #ddd;
        }

        div.survey-config .ctrl-config.modified:hover {
            background: #ffa0a0 url(/GTSImages/drag.png) no-repeat 2px 50%;
        }

        div.survey-config .ctrl-config .ctrl-content {
            padding: 10px;
            width: calc(100% - 75px);
            display: inline-block;
            border: 1px solid transparent;
            margin: 5px 0 5px 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 3px
        }

    div.survey-config .ans-config {
        cursor: move;
        background: #F0F0F0 url(/GTSImages/drag.png) no-repeat 2px 50%;
        border: 1px solid #ddd;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        margin: 5px 0 5px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 3px
    }

    div.survey-config .ans-config .ans-content {
        padding: 10px;
    }

    div.survey-config .ans-config.modified:hover {
        background: #ffa0a0 url(/GTSImages/drag.png) no-repeat 2px 50%;
    }

    div.survey-config .ans-config.sort-item-anchored {
        cursor: default;
        background: none;
        border: none;
        border-bottom: 1px solid gray;
        margin: 20px 0 10px 0;
    }

    div.survey-config .ans-config.sort-item-anchored {
        padding: 0;
    }

    div.survey-config .ans-config.sort-item-selected {
        border-style: dashed;
        border-width: 1px;
        border-color: #4e4e4e;
        color: black;
        background-color: lightyellow;
    }

    div.survey-config .ctrl-config:hover .ctrl-content {
        width: calc(100% - 75px);
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #f8f8f8;
    }

    div.survey-config .ctrl-config .ctrl-actions {
        width: 45px;
        display: inline-block;
        vertical-align: top;
        margin: 5px 0 5px 0
    }

    div.survey-config .ctrl-config .ctrl-content label {
        cursor: move;
        padding: 3px;
        line-height: 20px;
        border: none;
        font-weight: bold;
        width: 250px;
        display: inline-block;
        vertical-align: top;
    }

    div.survey-config .ctrl-config .ctrl-content label.required:before {
        content: '* ';
        color: #ff0000
    }

    div.survey-config .ctrl-config .ctrl-content .Email,
    div.survey-config .ctrl-config .ctrl-content .URLText,
    div.survey-config .ctrl-config .ctrl-content .TextBox,
    div.survey-config .ctrl-config .ctrl-content .Text,
    div.survey-config .ctrl-config .ctrl-content .Phone,
    div.survey-config .ctrl-config .ctrl-content .ElectronicSignature,
    div.survey-config .ctrl-config .ctrl-content .ContentArea,
    div.survey-config .ctrl-config .ctrl-content .DateText,
    div.survey-config .ctrl-config .ctrl-content .NumberText,
    div.survey-config .ctrl-config .ctrl-content .JobKeyword,
    div.survey-config .ctrl-config .ctrl-content .ProximitySearch,
    div.survey-config .ctrl-config .ctrl-content .AdvanceKeyword,
    div.survey-config .ctrl-config .ctrl-content .EmailText,
    div.survey-config .ctrl-config .ctrl-content .FileAttachment,
    div.survey-config .ctrl-config .ctrl-content .FileAttachmentWithTitle,
    div.survey-config .ctrl-config .ctrl-content .FileAttachmentWithImageDisplay,
    div.survey-config .ctrl-config .ctrl-content .DateAndTime,
    div.survey-config .ctrl-config .ctrl-content .EmploymentHistory,
    div.survey-config .ctrl-config .ctrl-content .JobOffers,
    div.survey-config .ctrl-config .ctrl-content .Time,
    div.survey-config .ctrl-config .ctrl-content .MonthAndYear,
    div.survey-config .ctrl-config .ctrl-content .PlaceHolder {
        padding: 3px;
        height: 25px;
        width: calc(100% - 270px);
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #ddd;
    }

    div.survey-config .ctrl-config .ctrl-content .HTMLTextBox {
        padding: 3px;
        height: 65px;
        width: calc(100% - 270px);
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #ddd;
    }

    div.survey-config .ctrl-config .ctrl-content .DropDownList,
    div.survey-config .ctrl-config .ctrl-content .ComboCheckBox,
    div.survey-config .ctrl-config .ctrl-content .ListBox,
    div.survey-config .ctrl-config .ctrl-content .CheckBox,
    div.survey-config .ctrl-config .ctrl-content .RadioButton,
    div.survey-config .ctrl-config .ctrl-content .LeafCheckbox,
    div.survey-config .ctrl-config .ctrl-content .TreeCheckBox,
    div.survey-config .ctrl-config .ctrl-content .LeafCheckBoxAutoComplete,
    div.survey-config .ctrl-config .ctrl-content .ListAutoComplete,
    div.survey-config .ctrl-config .ctrl-content .ToggleSwitch {
        padding: 3px;
        height: 25px;
        width: calc(100% - 270px);
        display: inline-block;
        border: 1px solid #ccc;
        background-color: #ddd;
        position: relative
    }

        div.survey-config .ctrl-config .ctrl-content .DropDownList:before,
        div.survey-config .ctrl-config .ctrl-content .ComboCheckBox:before,
        div.survey-config .ctrl-config .ctrl-content .ListBox:before,
        div.survey-config .ctrl-config .ctrl-content .CheckBox:before,
        div.survey-config .ctrl-config .ctrl-content .RadioButton:before,
        div.survey-config .ctrl-config .ctrl-content .LeafCheckbox:before,
        div.survey-config .ctrl-config .ctrl-content .TreeCheckBox:before,
        div.survey-config .ctrl-config .ctrl-content .LeafCheckBoxAutoComplete:before,
        div.survey-config .ctrl-config .ctrl-content .ListAutoComplete:before,
        div.survey-config .ctrl-config .ctrl-content .ToggleSwitch:before {
            font: normal normal normal 16px/1 FontAwesome7;
            content: "\f0d7";
            position: absolute;
            top: -1px;
            right: 5px;
            color: #000;
            font-size: 2em
        }

    div.survey-config .ctrl-config .ctrl-content.SectionHeader {
        width: calc(100% - 95px);
        border-left: 3px solid #4e4e4e;
        background-color: rgba(0,0,0,.04);
        position: relative;
        padding-left: 25px;
    }

        div.survey-config .ctrl-config .ctrl-content.SectionHeader:before {
            font: normal normal normal 16px/1 FontAwesome7;
            content: "\f0d7";
            position: absolute;
            left: 5px;
            top: 20%;
            color: #000;
            font-size: 2em
        }

    div.survey-config .ctrl-config .ctrl-actions a {
        display: none;
        width: 20px;
        height: 20px;
        margin-bottom: 5px;
        font-size: 16px
    }

    div.survey-config .ctrl-config:hover .ctrl-actions a {
        -moz-transition: display 1s;
        -o-transition: display 1s;
        -webkit-transition: display 1s;
        transition: display 1s;
        display: block;
    }

    div.survey-config .ctrl-config .ctrl-actions a.config-q {
        background: url(../GTSImages/action_sprite.png) no-repeat 0 -4638px;
    }

    div.survey-config .ctrl-config .ctrl-actions a.delete-q {
        background: url(../GTSImages/action_sprite.png) no-repeat 0 -402px
    }

.q-selection {
    z-index: 999999 !important;
    box-shadow: #999 1px 2px 3px;
    background-color: white;
    min-width: 300px;
    width: auto !important;
    max-height: 250px;
    overflow: auto;
    padding: 0 !important;
}

    .q-selection li {
        padding: 5px 3px 2px 5px
    }

.q-selected {
    font-size: 16px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.q-highlighted {
    font-size: 16px;
    font-weight: normal;
    display: block;
    background-color: #e4e3dc;
    white-space: nowrap;
}

.sq-back {
    width: auto !important;
    padding-left: 10px !important;
    padding-right: 15px !important;
    background-position-x: 100% !important
}

.sq-title {
    max-width: 740px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


td.first:before {
    height: 25px;
    top: -8px
}

div.survey-config .ans-config.task {
    margin-left: 30px;
}

div.survey-config .ans-config .section-label {
    float: right;
    min-width: 200px;
    height: 20px;
}

    div.survey-config .ans-config .section-label::after {
        float: none;
        clear: both;
    }

.system-alert-title {
    background-color: #696969;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    margin: 0;
    float: none;
    position: static;
    width: auto;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    box-shadow: #999 0px 0px 2px;
}

div.system-alert-msg {
    padding: 10px 30px 5px 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

    div.system-alert-msg .mark-viewed {
        font-size: 0;
        display: none;
        width: 20px;
        height: 20px;
        margin-bottom: 5px;
    }

    div.system-alert-msg:hover .mark-viewed {
        font-size: 0;
        -moz-transition: display 1s;
        -o-transition: display 1s;
        -webkit-transition: display 1s;
        transition: display 1s;
        display: block;
        width: 20px;
        height: 20px;
        top: 10px;
        position: absolute;
        right: 5px;
        background: url(../GTSImages/action_sprite.png) no-repeat 0 -402px
    }

div.email-verification-message {
    text-align: center;
}

    div.email-verification-message > span {
        color: #1428A0;
        display: block;
        padding: 20px 10px 0 10px;
    }

.multi-text {
    white-space: nowrap;
}

.multi-text em.fa-solid, .multi-text em.fa-regular {
    color: #2c4fa5;
    cursor: pointer;
}

.multi-text-pop {
    z-index: 99999;
    margin-top: -1px;
    min-width: 55px;
    max-height: 160px;
}

    .multi-text-pop:after {
        content: " ";
        border: 0 none;
        border-bottom-color: #333;
        border-bottom-style: solid;
        border-bottom-width: 6px;
        border-left-color: transparent;
        border-left-style: solid;
        border-left-width: 4px;
        border-right-color: transparent;
        border-right-style: solid;
        border-right-width: 4px;
        position: absolute;
        display: inline-block;
        top: -6px;
        right: 5px;
        z-index: 99999;
        width: 0;
        height: 0;
    }

.multi-text-pop-content {
    box-shadow: 0 0 20px 0 #777;
    padding: 5px;
    background: #fefefd !important;
    border: 1px solid #333;
    min-width: 50px;
    max-height: 300px;
    overflow-y: auto;
}

.mass-email {
    display: table;
    width: 100%;
    max-width: 972px;
}

    .mass-email .ctr {
        display: table-row;
        height: auto;
        background: #fff
    }

        .mass-email .ctr:nth-child(odd) {
            background: rgba(0,0,0,.04)
        }

    .mass-email .ctd {
        display: table-cell;
        vertical-align: top;
        padding: 10px !important;
    }

        .mass-email .ctd .attachments {
            padding-bottom: 10px;
        }

    .mass-email .ctr .ctd:nth-child(odd) {
        width: 20%
    }

    .mass-email .sctr {
        display: table-row;
        height: auto;
        background: #fff
    }

        .mass-email .sctr:nth-child(odd) {
            background: rgba(0,0,0,.04)
        }

    .mass-email .sctd {
        display: table-cell;
        vertical-align: top;
        font-weight: bold;
        padding: 10px !important
    }

.mass-email-buttons {
    text-align: center;
    padding: 20px
}

.email-variable {
    display: block;
    width: 100%;
    padding-left: 14px;
    text-indent: -14px;
}

a.email-variable:hover {
    text-decoration: underline;
}

.mass-email-modal-content {
    border-radius: 0;
    height: calc(100vh - 100px);
    overflow: auto;
}

div.restrict-height {
    max-height: 200px;
    overflow-y: auto;
}

span.email-template-changes-message {
    font-style: italic;
    color: red;
}

.mass-email-processing {
    font-weight: bold;
    font-size: 1.5em;
    margin: 15px;
    display: none;
}

div.activity-log-email-body {
    max-height: 350px;
    overflow-x: auto;
    overflow-y: auto;
    padding-right: 10px;
}

.panel-content {
    background-color: white;
}

.html-editor-wrapper {
    font-weight: normal;
}

help {
    text-decoration: underline;
}

.admin-help-div {
    float: right;
    margin-top: 10px
}

.login-page {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
}

.login-page .content-drop-shadow {
    box-shadow: -7px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -7px 3px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -7px 3px 10px 0px rgba(0, 0, 0, 0.15);
}

.card-header .company-logo {
  color: #fff;
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  max-width: 40px;
  max-height: 40px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden; }
  .card-header .company-logo .intial {
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .card-header .company-logo.cl-color1 {
    background-color: #b40909; }
  .card-header .company-logo.cl-color2 {
    background-color: #045d81; }
  .card-header .company-logo.cl-color3 {
    background-color: #9d2060; }
  .card-header .company-logo.cl-color4 {
    background-color: #005c56; }
  .card-header .company-logo.cl-color5 {
    background-color: #773cb9; }
  .card-header .company-logo.cl-color6 {
    background-color: #006613; }
  .card-header .company-logo.cl-color7 {
    background-color: #4b52ae; }
  .card-header .company-logo.cl-color8 {
    background-color: #4e5c00; }
  .card-header .company-logo.cl-color9 {
    background-color: #004ecc; }
  .card-header .company-logo.cl-color10 {
    background-color: #993000; }

/* edge specific style to fix logo button positioning issue */
@supports (-ms-ime-align: auto) {
    .company-logo button {
        top: calc(100% - 40px) !important;
        max-height: 40px;
    }
}

.logo-loading, .banner-loading {
    background-color: black;
    opacity: .5;
    z-index: 100;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.logo-loading > p {
    color: white;
    font-size: 20px;
    margin-left: 20px;
    margin-top: calc(50% - 20px);
}
.banner-loading > p {
    color: white;
    font-size: 20px;
    margin: 40px;
}

.w-container.logo-container {
    border-radius: 5px;
    overflow: hidden;
    border: none;
}

.counter .counter-lg {
    top: -24px !important;
}

.l-selected {
    box-shadow: #999 1px 2px 3px;
    background-color: #fff;
}

a.aspNetDisabled {
    cursor: not-allowed;
}

label.order-total-label {
    display: inline-block;
    padding: 0;
    margin: 0;
}

div.order-total-value {
    min-width: 75px;
}

.grid-fa.no-hover:hover {
    color: #999;
}

/* needed for career tracker color coding in admin */
.ct-grey, .ct-grey-badge {
    background-color: #ACBFC6 !important;
}
.ct-lgrey, .ct-lgrey-badge {
    background-color: #c4ced2 !important;
}
.ct-pink, .ct-pink-badge {
    background-color: #E4D1CB !important;
}
.ct-lightblue, .ct-lightblue-badge {
    background-color: #D7E9EA !important;
}
.ct-tan, .ct-tan-badge {
    background-color: #E2DCCC !important;
}
.ct-green, .ct-green-badge {
    background-color: #AFCBB2 !important;
}
.ct-blue, .ct-blue-badge {
    background-color: #98BED1 !important;
}
.ct-lavender, .ct-lavender-badge {
    background-color: #D9CBDB !important;
}
.ct-white, .ct-white-badge {
    background-color: #dfdfdf !important;
}
.ct-pastdue, .ct-pastdue-badge {
    background-color: #D9958F !important;
}
.ct-yellow-1, .ct-yellow-1-badge {
    background-color: #FFF3AA !important;
}
.ct-yellow-2, .ct-yellow-2-badge {
    background-color: #FFED80 !important;
}
.ct-peach-2, .ct-peach-2-badge {
    background-color: #F9CCB3 !important;
}
.ct-peach-3, .ct-peach-3-badge {
    background-color: #F6B38D !important;
}
.ct-pink-2, .ct-pink-2-badge {
    background-color: #EDADB9 !important;
}
.ct-pink-3, .ct-pink-3-badge {
    background-color: #E58496 !important;
}
.ct-lavender-2, .ct-lavender-2-badge {
    background-color: #C9AACD !important;
}
.ct-lavender-3, .ct-lavender-3-badge {
    background-color: #B489B9 !important;
}
.ct-blue-3, .ct-blue-3-badge {
    background-color: #95CDE5 !important;
}
.ct-blue-4, .ct-blue-4-badge {
    background-color: #80C4E0 !important;
}
.ct-teal-1, .ct-teal-1-badge {
    background-color: #95D5CF !important;
}
.ct-teal-2, .ct-teal-2-badge {
    background-color: #80CCC5 !important;
}
.ct-green-2, .ct-green-2-badge {
    background-color: #95D7BE !important;
}
.ct-green-3, .ct-green-3-badge {
    background-color: #80CFB1 !important;
}
.ct-lime-1, .ct-lime-1-badge {
    background-color: #E8F0C3 !important;
}
.ct-lime-2, .ct-lime-2-badge {
    background-color: #DDE8A6 !important;
}

table.ocrcalendar{border:none; border-collapse:collapse;box-sizing:border-box}
table.ocrcalendar td{vertical-align:top; border:0; color:#333; font-size:1em}
table.ocrcalendar a{color:#333; display:block; margin:1px 0}
table.ocrcalendar td div{margin:3px; width:128px; font-size:1em}
table.ocrcalendar td hr{border-bottom:1px solid #666; width:95%; color:#666; margin:5px auto}
table.ocrcalendar td div.bigevent p{padding-left:10px; margin:0}
table.ocrcalendar td.calday{text-align:left; width:125px; height:125px; border:1px solid #666; border-collapse:collapse; overflow:hidden}
table.ocrcalendar td.othermonth{background-color:#E4E3DC; text-align:left; width:25px; height:125px; border:1px solid #666; border-collapse:collapse}
span.dayheader{display:block; width:100%; background-color:darkgray;   font-weight:bold; text-indent:3px; border-bottom:1px solid #666; font-size:18px; line-height:30px; color:#fff}
.calcolheader{background-color:#fff; color:#600; font-weight:bold; font-size:18px; line-height:30px; border-width:1px; border-color:#666}
table.caltitle{background-color:#fff; color:#000; font-size:1.4em; border:0}
table.caltitle td{border:0; height:1px; font-size:20px}
table.caltitle a{text-decoration:none; font-weight:bold; font-size:20px}
.event-calendar-paging-button {
    color: #999;
    font-size: 1.5em;
}

.event-calendar-paging-button:hover {
    color: #666;
}

table.ocrcalendar td div span {
    display: none;
}

.adv-search-header {
    position: fixed;
    background-color: #e4e4e4;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 5px 0px gray;
    -moz-box-shadow: 0px 0px 5px 0px gray;
    box-shadow: 0px 0px 5px 0px gray;
    margin-left: -6px;
    margin-top: -5px;
}

.adv-search-body {
    margin: 70px 5px 0 5px;
}

.html-question-content-container strong, .html-question-content-container b {
    font-size: inherit !important;
    font-weight: bold !important;
    text-transform: inherit !important;
    color: black !important;
}

.html-question-content-container h1 {
    font-size: 2em;
    font-weight: bold;
}

.html-question-content-container h2 {
    font-size: 1.5em;
    font-weight: bold;
}

.html-question-content-container h3 {
    font-size: 1.17em;
    font-weight: bold;
}

.html-question-content-container h4 {
    font-size: 1em;
    font-weight: bold;
}

.html-question-content-container h5 {
    font-size: .83em;
    font-weight: bold;
}

.html-question-content-container h6 {
    font-size: .67em;
    font-weight: bold;
}

/* Override bootstrap spinner */
.spinner-border-sm {
    width: 1.8rem;
    height: 1.8rem;
}

.chat-photo {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.chat-photo .intial {
    text-transform: capitalize;
    line-height: 40px;
}
.chat-photo.cl-color1 {
    background-color: #b40909;
}
.chat-photo.cl-color2 {
    background-color: #045d81;
}
.chat-photo.cl-color3 {
    background-color: #9d2060;
}
.chat-photo.cl-color4 {
    background-color: #005c56;
}
.chat-photo.cl-color5 {
    background-color: #773cb9;
}
.chat-photo.cl-color6 {
    background-color: #006613;
}
.chat-photo.cl-color7 {
    background-color: #4b52ae;
}
.chat-photo.cl-color8 {
    background-color: #4e5c00;
}
.chat-photo.cl-color9 {
    background-color: #004ecc;
}
.chat-photo.cl-color10 {
    background-color: #993000;
}

.dropdown-checkboxlist-text-container {
    line-height: 14px;
    min-height: 14px !important;

    padding: 5px 0 0 5px !important;
}

.dropdown-checkboxlist-container {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    padding: 3px 10px 10px 10px;
    z-index: 999;
    max-height: 400px;
    overflow-y: auto;
}

.dropdown-checkboxlist-clearall {
    line-height: 15px;
    min-height: 15px;
}

.dropdown-checkboxlist input[type="checkbox"] {
}

/* ============================
   Document Sort Management
   ============================ */

.document-sort-container {
    padding-left: 0;
}

.document-sort-container label{
    color: black;
}

.document-sort-container .node {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 6px 0px 6px 8px;
    margin: 4px 0;
    border-radius: 4px;
    min-height:40px;
}

/* Drag handle */
.document-sort-container .handle {
    cursor: grab;
    font-size: 16px;
}

.document-sort-container .node.folder {
}

.document-sort-container .node.document {
    min-height: 40px;
}

.document-sort-container .node.resource > .resource-icon {
    top: 5px;
}

.document-sort-container .node > .node-name {
    margin-left: 30px;
}

/*Manual Up/Down/Top/Bottm Icon*/
.document-sort-container .node .btn-group-vertical .btn {
    min-width:0px;
    min-height:0px;
    padding:0px 7px;
    font-size: 0.75em;
}

.document-sort-container .node.folder > .children-container {
    min-height: 10px;
    width: 100%;
    flex-basis: 100%; /* Keeps it on its own line */
    position: relative;
    top: 4px;
    padding-left: 12px;
}

/*Drop Down List to Move folder*/
.document-sort-container .node .dropdown-toggle {
    margin-right:10px;
}

.document-sort-container .node .folder-move-menu {
    max-height: 300px;
    overflow-y: auto;
}

.document-sort-container .node .folder-move-menu li {
    list-style: none;
}

.document-sort-container .node .folder-move-menu li > a {
    padding-left: 0px;
}

