/*================================================================================*/

/* $ General */

/*================================================================================*/

html {
    height: 100%;
    font-size: 14px !important;
}

body {
    font-family: 'Open Sans', Arial, sans-serif;
    background: #fbfbfb;
    color: #000;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 14px !important;
}

h2, h3, h4, h5, h6 {
    /* color: #3d7e9e; */
    color: #3c6881;
    font-weight: 100;
}

.tab-content h2 {
    text-align: center;
}

h2.meeting-title {
    text-align: left;
}

h3 {
    margin: 40px 0 20px 0;
}

h3.modal-title {
    margin: 0;
}

a, a:link, a:visited {
    color: #3c6881;
    text-decoration: underline;
}

    a:hover, a:active {
        color: #0d4764;
    }

.hidden {
    display: none;
}

.nav.nav-tabs .active,
ul.nav.nav-tabs li.active a,
ul.nav.nav-tabs li.active span {
    cursor: pointer;
}



.spacer {
    display: inline-block;
}

/*================================================================================*/

/* $ Buttons */

/*================================================================================*/

.btn, a.btn {
    border-radius: 20px;
    background: #3c6881;
    color: #fff;
    border: none;
    font-weight: 100;
    padding: 5px 10px 6px;
    text-decoration: none;
}

    .btn:hover, .btn:active, a.btn:hover, a.btn:active {
        background: #5185a2;
        color: #fff;
    }

    .btn.confirm, .btn.new {
        background: #26895e;
        border-color: #136742;
    }

        .btn.confirm:hover, .btn.confirm:active,
        .btn.new:hover, .btn.new:active {
            background: #136742;
        }

    .btn.cancel, .btn.btn-danger {
        background: #bc2b0e;
        border-color: #a51603;
    }

.btn-danger.disabled {
    background: #a47d75;
}

.btn.cancel:hover, .btn.cancel:active,
.btn.btn-danger:hover, .btn.btn-danger:active {
    background: #a51603;
}

.btn.create {
    background: #2f9d6d;
    border-color: #136742;
}

    .btn.create:hover, .btn.create:active {
        background: #136742;
    }

    .btn.create.disabled {
        opacity: 0.5;
    }

.btn[type="submit"] {
    font-size: 16px;
    padding: 7px 15px;
}



/*================================================================================*/

/* $ Forms */

/*================================================================================*/


input {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}

    input[type="checkbox"], input[type="radio"] {
        width: auto;
        height: auto;
    }

.checkbox input[type="checkbox"], .radio input[type="radio"] {
    width: 15px;
    height: 15px;
}

h4 input[type="checkbox"] {
    position: relative;
    top: 5px;
}

td > input[type="checkbox"] {
    position: relative;
    top: -5px;
}

input[readonly] {
    background-color: #eee;
}

select {
    height: 35px;
    padding: 0 5px;
}

.radio label, .checkbox label {
    margin-bottom: 10px;
}

.form dt, .form dd {
    display: inline-block;
    height: 45px;
    line-height: 35px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    vertical-align: top;
}

.form dt {
    width: 20%;
}

.form dd:nth-child(3n-1) {
    width: 45%;
    line-height: 30px;
}

.form dd:nth-child(3n+0) {
    width: 34%;
    position: relative;
}

.form dd.meta {
    color: #999;
}

.form dd.meta .notice {
    position: absolute;
    top: 0;
    left: 0;
    background: #77a8c3 url(../images/notice-bg.png) 0 50% no-repeat;
    color: white;
    font-weight: bold;
    padding: 0 15px
}

.form dd.meta .notice.required {
    background-color: #bc2b0e;
}

.form input {
    width: 450px
}
/* 50 charcater */
.form input[type="checkbox"] {
    position: relative;
    top: 10px;
}

.form-control {
    font-size: 14px;
}

.form .date input {
    width: 100px;
}

.form .degree input,
.form .phone input,
.form .fax input {
    width: 225px;
}

.form .email input {
    width: 600px;
}

.legend {
    color: #999;
    font-style: italic;
}

    .legend .required {
        color: #d80000;
        font-weight: bold;
        font-size: 18px;
        font-style: normal;
    }

dt.required::after, label.required::after {
    content: '*';
    font-weight: bold;
    color: #d80000;
    font-size: 18px;
    line-height: 18px;
}

.pre-review-details dt label::after, dl.form label::after {
    content: ':';
}


/*================================================================================*/

/* $ Tables */

/*================================================================================*/

table.table {
    border: 1px solid #6e98af;
    border-bottom-width: 10px;
}

    table.table th {
        background: #3c6881;
        color: #fff;
        vertical-align: middle;
        font-size: 16px;
    }

    table.table th, table.table td {
        border-bottom: 1px solid #3c6881;
        height: 100%;
    }


    table.table-striped td,
    table.table td,
    .striped-table td {
        background: #fff;
    }

    table.table-striped tr:nth-child(2n) td,
    table.table tr:nth-child(2n) td,
    .striped-table table tr:nth-child(2n) td {
        background: #e0f2f6;
    }

    table.table.availability tr:nth-child(2n) td {
        background: #fff;
    }

th.actions, td.actions {
    text-align: right;
}

    td.actions .btn {
        margin-top: -5px;
        line-height: 12px;
    }


.mvc-grid th {
    vertical-align: middle !important;
}
/*.mvc-grid th.filterable {padding-left: 30px!important;}
.filterable .mvc-grid-filter {
    left: 0; 
    float: none;
}*/

.title-above-datatable {
    text-align: center;
    position: relative;
    left: 0px;
    top: 30px;
    margin-top: -10px;
    margin-top: 20px;
}

/*================================================================================*/

/* $ Paragraph */

/*================================================================================*/

p.notice {
    border: 1px solid #77a8c3;
    color: #518fb1;
    text-align: center;
    border-radius: 20px;
    padding: 10px 20px;
}

    p.notice.attention {
        color: #a51603;
        border: 1px solid #a51603;
        background: #fde9e0;
        border-radius: 20px;
    }

p.file-formats {
    font-size: 14px;
    margin-bottom: 15px;
}




/*================================================================================*/

/* $ Header */

/*================================================================================*/

.navbar {
    background: #568ead;
    background: -webkit-linear-gradient(#77a8c3, #4b83a2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#77a8c3, #4b83a2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#77a8c3, #4b83a2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#638ba1, #3f6f8a); /* Standard syntax */
    color: #ffffff;
    margin: 0;
    padding: 5px 0;
    position: relative;
    border-bottom: 0;
}

    .navbar h1 {
        margin: 0;
        width: 400px;
    }

        .navbar h1 img {
            position: relative;
            /*top: -5px;*/
            left: 0;
            display: inline-block;
        }

    .navbar a:link, .navbar a:visited, .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

    .navbar .navbar-header h1 a:hover, .navbar .navbar-header h1 a:active {
        text-decoration: underline;
    }

.navbar-header h1 .title {
    position: absolute;
    top: 12px;
    left: 110px;
    width: 300px;
}

.navbar-header h1 small {
    color: #dce7ee;
    position: absolute;
    top: 40px;
    left: 110px;
    font-size: 18px;
    font-weight: 100;
    width: 400px;
}


.navbar-fixed-top {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    flex-shrink: 0;
}

.navbar-nav {
    margin-left: 10%;
}

    .navbar-nav.navbar-right {
        margin: 0 0 0 0;
    }

.navbar-right .dropdown {
    margin: 5px 20px 0 0;
}

.dropdown button.dropdown-toggle {
    padding: 8px 17px;
    background: #84b4ce;
}

    .dropdown button.dropdown-toggle:hover,
    .dropdown button.dropdown-toggle:active {
        background: #5185a2;
    }

.navbar-right .dropdown .dropdown-menu > li > a:link,
.navbar-right .dropdown .dropdown-menu > li > a:visited {
    background: #fff;
    color: #333;
    text-decoration: none;
}

.navbar-right .dropdown .dropdown-menu > li > a:hover,
.navbar-right .dropdown .dropdown-menu > li > a:active {
    background: #77a8c3;
    color: #fff;
}

.navbar-right .help img {
    width: 23px;
    height: 23px;
    margin: -7px 7px -5px 0;
}

.navbar-right .logout img {
    width: 16px;
    height: 14px;
    margin-right: 7px;
}

div.container.body-content.staff-side h3 { font-size: 22px; }
div.container.body-content.staff-side h3 strong { font-weight: 400; }

.navbar-brand {
    font-size: 18px;
}




/*================================================================================*/

/* $ Nav Reviewer and $ Nav Admin */

/*================================================================================*/

.reviewer-side ul.nav-tabs,
ul.nav-tabs.admin-tabs {
    padding: 10px 10px 0 10px;
}

    .reviewer-side ul.nav-tabs li,
    ul.nav-tabs.admin-tabs li {
        border: 0;
        background: none;
    }

    .reviewer-side ul.nav-tabs a,
    .reviewer-side .nav-tabs li span,
    ul.nav-tabs.admin-tabs a {
        text-decoration: none;
        color: #555;
        border-top: 1px solid #888;
        border-right: 1px solid #888;
        border-left: 1px solid #888;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: #ddd;
        background: -webkit-linear-gradient(#ddd, #eee);
        background: -o-linear-gradient(#ddd, #eee);
        background: -moz-linear-gradient(#ddd, #eee);
        background: linear-gradient(#ddd, #eee);
    }
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .reviewer-side ul.nav-tabs li a,
    .reviewer-side .nav-tabs li span,
    ul.nav-tabs.admin-tabs a {
        top: 1px;
    }
}

.reviewer-side .nav-tabs li:hover,
ul.nav-tabs.admin-tabs li:hover {
    cursor: pointer;
}

    .reviewer-side ul.nav-tabs li:hover a,
    ul.nav-tabs.admin-tabs li:hover a {
        background: #fff;
        background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#eee, #fff); /* Standard syntax */
    }

.reviewer-side ul.nav-tabs li.active a,
ul.nav-tabs.admin-tabs li.active a {
    top: 1px;
    border-color: #888;
    border-bottom: 1px solid #fff;
    background: #fff;
    font-weight: bold;
    z-index: 10;
}

.reviewer-side ul.nav-tabs li.active:hover a,
ul.nav-tabs.admin-tabs li.active:hover a {
    border-color: #888;
    border-bottom-color: #fff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .reviewer-side ul.nav-tabs li.active a,
    ul.nav-tabs.admin-tabs li.active a {
        top: 2px;
        border-bottom: 3px solid #fff
    }
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .reviewer-side ul.nav-tabs li.active a,
    ul.nav-tabs.admin-tabs li.active a {
        top: 2px;
    }
}


.reviewer-side .nav-tabs li span {
    display: block;
    position: relative;
    width: auto;
    margin: 0;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    color: #555;
}

.reviewer-side .nav-tabs li.disabled:hover {
    cursor: default;
}

.reviewer-side .nav-tabs li.disabled span {
    font-style: italic;
    color: #666;
    background: #bbb url(../images/diagonal.png);
    border-bottom: 1px solid #bbb;
}


/*================================================================================*/

/* $ Nav Staff */

/*================================================================================*/

.staff-side h2.meeting-title {
    margin-right: 100px;
}

.top-nav {
    position: relative;
    margin-top: 60px;
}

    .top-nav .notifications {
        position: absolute;
        top: -100px;
        right: 0;
        width: 70px;
        height: 40px;
        border-radius: 20px;
        cursor: pointer;
    }

        .top-nav .notifications.has-notifications {
            border: 1px solid #bc2b0e;
            background: url(../images/notifications.png) 30px 5px no-repeat;
            background-size: 18px 29px;
        }

        .top-nav .notifications.no-notifications {
            background: url(../images/notifications-none.png) 30px 5px no-repeat;
            background-size: 18px 29px;
            border: 1px solid #4d84a3;
        }

        .top-nav .notifications.has-notifications:hover {
            background-color: #f5cdcd;
        }

        .top-nav .notifications.no-notifications:hover {
            background-color: #e0f2f6;
        }

.nav-tabs.first-tier {
    position: absolute;
    bottom: 39px;
    right: 0;
    border: 0;
}

    .nav-tabs.first-tier, .nav-tabs.first-tier li {
        margin: 0;
        border: 0;
        border-radius: 0;
        background: none;
        padding: 0;
    }

        .nav-tabs.first-tier li {
            position: relative;
            display: inline-block;
        }

            .nav-tabs.first-tier li a {
                margin: 0;
                padding: 0 30px 0 15px;
                background: #e0f2f6;
                color: #3d7e9e;
                font-weight: 100;
                text-decoration: none;
                font-size: 17px;
                border: 0;
                position: relative;
                top: 0;
                left: 0;
                border: 0;
                border-top: 1px solid #6296b3;
                border-bottom: 1px solid #6296b3;
                border-radius: 0;
                text-align: center;
                white-space: nowrap;
                height: 45px;
                line-height: 45px;
                z-index: 10;
            }

        .nav-tabs.first-tier > li > a:hover, .nav-tabs.first-tier > li > a:focus {
            border: 0;
            border-top: 1px solid #6296b3;
            border-bottom: 1px solid #6296b3;
            background: #e0f2f6;
            background: -webkit-radial-gradient(circle, #fff, #e0f2f6);
            background: -moz-radial-gradient(circle, #fff, #e0f2f6);
            background: radial-gradient(circle, #fff, #e0f2f6);
        }

        .nav-tabs.first-tier > li.active > a {
            border-bottom: 1px solid #fff;
            font-weight: bold;
            background-color: #fff;
            color: #444;
        }

            .nav-tabs.first-tier > li.active > a:hover, .nav-tabs.first-tier > li.active > a:focus {
                background: #fff;
            }


        .nav-tabs.first-tier > li:first-child > a {
            border-left: 1px solid #6296b3;
            border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            padding-right: 25px;
            width: 230px;
        }

        .nav-tabs.first-tier > li:nth-child(2) > a {
            width: 210px;
        }

        /*.nav-tabs.first-tier > li:nth-child(3) > a {
            width: 230px;
        }

        .nav-tabs.first-tier > li:nth-child(4) > a {
            width: 180px;
        }

        .nav-tabs.first-tier > li:nth-child(5) > a {
            width: 160px;
        }*/

        .nav-tabs.first-tier > li:last-child > a {
            padding-left: 5px;
            padding-right: 15px;
            border-right: 1px solid #6296b3;
            border-top-right-radius: 10px;
            width: 210px;
        }

        .nav-tabs.first-tier > li.profile > a {
            background: #eee;
            padding: 0 15px;
            border: 1px solid #6296b3;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            width: 150px;
        }

            .nav-tabs.first-tier > li.profile > a:hover {
                background: #fff;
                background: -webkit-radial-gradient(circle, #fff, #eee);
                background: -moz-radial-gradient(circle, #fff, #eee);
                background: radial-gradient(circle, #fff, #eee);
            }

        .nav-tabs.first-tier > li.profile.active > a {
            border-bottom: 1px solid #fff;
            font-weight: bold;
            background-color: #fff;
            color: #444;
        }

        .nav-tabs.first-tier li a::after {
            content: '';
            width: 18px;
            height: 45px;
            display: inline-block;
            position: absolute;
            top: -1px;
            right: 0;
            background: #e0f2f6 url(../images/arrow-default.png) 0 0 no-repeat;
            background-size: 18px 45px;
            border-top: 1px solid #6296b3;
            border-bottom: 1px solid #6296b3;
        }

        .nav-tabs.first-tier li:last-child a::after,
        .nav-tabs.first-tier li.profile a::after {
            width: 0;
        }

        .nav-tabs.first-tier li.active a::before {
            content: '';
            width: 18px;
            height: 45px;
            display: inline-block;
            position: absolute;
            top: -1px;
            left: -18px;
            background: #fff url(../images/arrow-active-left.png) 0 0 no-repeat;
            background-size: 18px 45px;
            border-top: 1px solid #6296b3;
            border-bottom: 1px solid #fff;
            z-index: 11;
        }

        .nav-tabs.first-tier li.profile.active a::before {
            width: 0;
        }


        .nav-tabs.first-tier li.active a::after {
            background: #e0f2f6 url(../images/arrow-active-right.png) 0 0 no-repeat;
            background-size: 18px 45px;
        }

        .nav-tabs.first-tier li:first-child.active a::before {
            width: 0;
        }


.tab-content.second-tier {
    height: 40px;
    background: #d8d8d8;
    background: -webkit-linear-gradient(#fff, #d8d8d8);
    background: -o-linear-gradient(#fff, #d8d8d8);
    background: -moz-linear-gradient(#fff, #d8d8d8);
    background: linear-gradient(#fff, #d8d8d8);
    border-radius: 0;
    border: 1px solid #6296b3;
    margin: 0;
    padding: 0;
}

    .tab-content.second-tier div {
        display: none;
    }

        .tab-content.second-tier div.visible {
            display: block;
        }

.second-tier .nav-tabs, .second-tier .nav-tabs li, .second-tier .nav-tabs li a {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

    .second-tier .nav-tabs li a {
        border-left: 1px solid #fff;
        border-right: 1px solid #555;
        border-bottom: 1px solid #d8d8d8;
        height: 40px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 40px;
        padding: 0 15px;
        color: #555;
        text-decoration: none;
    }

    .second-tier .nav-tabs li:first-child a {
        border-left: 0;
    }

    .second-tier .nav-tabs li.active a, .second-tier .nav-tabs li a:hover {
        background: #fff;
    }

    .second-tier .nav-tabs li.active a {
        border-bottom: 1px solid #fff;
        height: 40px;
        z-index: 5;
        font-weight: bold;
    }

    .second-tier .nav-tabs > li.active > a:hover, .second-tier .nav-tabs > li.active > a:focus {
        border-top: 0;
    }


/*================================================================================*/

/* $ Cards */

/*================================================================================*/


.cards {
    padding: 10px 30px 20px 30px;
    /*float: left;*/
}

div.card {
    width: 47.5%;
    background: #fff;
    border: 1px solid #77a8c3;
    border-radius: 10px;
    vertical-align: top;
    margin: 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    display: inline-block;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.card h2, .card dl {
    margin: 0;
}

.card h2 {
    padding: 15px 30px;
}

    .card h2 a, .card .attention {
        display: block;
        line-height: 1.5;
        text-decoration: none;
        color: #fff;
        margin: -1px;
    }

    .card h2 a {
        background: #dff1f6;
        /*background: -webkit-linear-gradient(#89bad5, #77a8c3); /* For Safari 5.1 to 6.0 * /
        background: -o-linear-gradient(#89bad5, #77a8c3); /* For Opera 11.1 to 12.0 * /
        background: -moz-linear-gradient(#89bad5, #77a8c3); /* For Firefox 3.6 to 15 * /
        background: linear-gradient(#89bad5, #77a8c3); /* Standard syntax * /*/
        font-size: 18px;
        border-bottom: 1px solid #77a8c3;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .card h2 a:hover, .card h2 a:active {
            text-decoration: underline;
        }

.card dt::after {
    content: ':';
}

.card dl.attention dt::after {
    content: '';
}

.card dl.attention a {
    color: #fff;
    text-decoration: none;
}

    .card dl.attention a:hover, .card dl.attention a:active {
        text-decoration: underline;
    }

.card dl.attention {
    background: #bc2b0e url(../images/attention-card.png) 15px 6px no-repeat;
    font-size: 14px;
    padding: 10px 15px 10px 55px;
    position: relative;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .card dl.attention dt {
        font-weight: normal;
    }

    .card dl.attention dd {
        display: none;
        position: absolute;
        top: 40px;
        left: 35px;
        background: #bc2b0e;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .card dl.attention:hover dd {
        display: block;
    }

    .card dl.attention dd ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .card dl.attention dd ul li {
            border-top: 1px solid #fff;
        }

        .card dl.attention dd ul a {
            display: block;
            padding: 7px 15px 10px 15px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .card dl.attention dd ul a::before {
                content: '\00BB';
                margin-left: -8px;
                padding-right: 8px;
            }


.card dl.meta,
.card dl.notifications {
    padding: 20px 15px;
    background: #fff;
    margin: 0 0 0 -1px;
    border-left: 1px solid #77a8c3;
}

.card .meta dt, .card .meta dd,
.card .notifications dt, .card .notifications dd {
    display: inline-block;
    min-height: 31px;
    vertical-align: top;
}

.card .meta dt {
    font-weight: normal;
    color: #999;
    width: 25%;
    text-align: right;
}

.card .meta dd {
    width: 74%;
    padding-left: 10px;
}

.card .edit {
    background: url(../images/edit-card.png) 0 1px no-repeat;
    padding: 0 0 5px 25px;
    background-size: 19px 19px;
}

.card .manage a {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.card .manage a {
    width: 90px;
}

    .card .manage a:first-child {
        width: 100px;
    }

    .card .manage a:nth-child(4) {
        width: 50px;
    }

    .card .manage a:last-child {
        width: auto;
        margin-right: 0;
    }

.card .email a {
    background: url(../images/email-card.png) 0 3px no-repeat;
    padding: 0 0 5px 33px;
    background-size: 26px 14px;
}

.card dl.notifications {
    padding-top: 12px;
    border-top: 1px solid #f2a65c;
    background: #fce9d7 url(../images/notifications.png) 25px 12px no-repeat;
    background-size: 18px 29px;
    margin-top: -20px;
}

.card .notifications dt {
    font-weight: normal;
    width: 25%;
    text-align: right;
    color: #c36a58;
}

.card .notifications dd {
    width: 74%;
    padding-left: 10px;
    color: #9a1a01;
}

.card .notifications ul,
.card .notifications li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.card dl.dates {
    background: #c9eaf0;
    border: 1px solid #77a8c3;
    padding: 10px 15px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: -1px;
}

.card .dates dt, .card .dates dd {
    display: inline;
    color: #667f8a;
}

    .card .dates dd:nth-child(2) {
        padding-right: 20px;
    }

.card .disabled-link {
    color: #999;
    font-style: italic;
    text-decoration: none;
}

.disabled-link {
    color: #3d7e9e;
    text-decoration: underline;
    margin-right: 0;
    padding: 5px 10px;
    width: auto;
}



/*================================================================================*/

/* $ Structure */

/*================================================================================*/


.body-content {
    position: relative;
    padding-bottom: 100px;
}

    .body-content > h2 {
        margin-top: 0;
    }

.container {
    background: #fbfbfb;
    padding: 20px 20px 40px 20px;
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}
.contentContainer {
    position: relative;
    width: 100%;
    /*display: flex;
    flex-direction: column;*/
    /*height: 100%;*/
    flex: 1 0 auto;
}

h2.heading {
    margin: 0;
    text-align: center;
    padding: 0 280px;
}


.welcome {
    position: absolute;
    top: -46px;
    right: 220px;
    z-index: 10000;
    color: #dce7ee;
}

.tab-content.staff-side {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.create-meeting {
    position: absolute;
    top: 20px;
    right: 70px;
}

    .create-meeting .btn {
        padding: 8px 13px;
    }

.download-guide {
    position: absolute;
    top: 17px;
    right: 22px;
}

    .download-guide .btn {
        font-size: 16px;
        padding: 8px 15px;
    }

.tab-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #bcbcbc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
}

    .tab-content > h2 {
        margin: 0 0 20px 0;
    }

    .tab-content > h3:first-child {
        margin: 0 0 20px 0;
        text-align: center;
    }


footer {
    clear: both;
}

div.footer {
    clear: both;
    margin: 50px auto 40px;
    border-top: 1px solid #ccc;
    border-radius: 15px;
    background: transparent;
    background: -webkit-linear-gradient(#eeeeee, #fbfbfb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eeeeee, #fbfbfb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eeeeee, #fbfbfb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eeeeee, #fbfbfb); /* Standard syntax */
    text-align: center;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.footer .footer-nav {
    width: auto;
    margin: 20px auto;
    align-items: center;
    display: inline-block;
}

.footer-nav li {
    display: inline-block;
    margin: 0 20px;
}

    .footer-nav li:nth-child(2) {
        margin: 0 0 0 30px;
    }

.footer-nav li a {
    border-radius: 15px;
    position: relative;
    display: block;
    padding: 10px 15px;
}

    .footer-nav li:hover a {
        background: #e6e6e6;
    }

.footer .version {
    font-size: 12px;
    color: #555;
}

/*================================================================================*/

/* $ Actions */

/*================================================================================*/

div.actions {
    margin-bottom: 20px;
    position: relative;
}

    div.actions .btn {
        margin-right: 4px;
    }

.reviewer-side div.actions {
    margin: 40px 0 30px 0;
}

    .reviewer-side div.actions a {
        padding-right: 20px;
        margin-right: 30px;
    }

    .reviewer-side div.actions img {
        margin: -5px 5px 0 5px;
    }


.staff-side div.actions {
    margin: -20px 0 20px 0;
}

/*================================================================================*/
/* $ view-request-responses */
/*================================================================================*/
#view-request-responses h4.heading-collapse {
    background-color: #77a8c3;
    color: #fff;
    /*font-weight: 100;*/
    padding: 5px 10px 5px 15px;
    margin: 15px 0 0 0;
}

#view-request-responses h4.heading-collapse {
    background: #77a8c3 url(../images/collapsible-down.png) 300px 11px no-repeat;
    /*background-size: 24px 15px;*/
}

    #view-request-responses h4.heading-collapse[aria-expanded="true"] {
        background: #77a8c3 url(../images/collapsible-up.png) 300px 11px no-repeat;
    }

#responses .view-response-details {
    /*padding: 20px 20px 30px 20px;*/
}

/*================================================================================*/

/* $ Lobbyist */

/*================================================================================*/

#lobbyist-confidentiality .radio label {
    padding-left: 30px;
}

#lobbyist-confidentiality .radio input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: -1px 0 0 -30px;
}

#lobbyist-confidentiality ol.certification {
    list-style: none;
    counter-reset: item;
}

#lobbyist-confidentiality .certification li {
    counter-increment: item;
    margin-bottom: 15px;
    display: inline-block;
}

    #lobbyist-confidentiality .certification li::before {
        content: '(' counter(item) ')';
        display: inline-block;
        margin: 0 10px 0 -28px;
    }

#lobbyist-confidentiality h4 label, #lobbyist-confidentiality h4 small {
    font-weight: 100;
}

#lobbyist-confidentiality h4 small {
    font-size: 16px;
}




/*================================================================================*/

/* $ COI Guidance */

/*================================================================================*/

#guidance-coi {
    counter-reset: item;
}

    #guidance-coi h4 strong {
        border-bottom: 2px dashed #000;
    }

    #guidance-coi h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

        #guidance-coi h4 strong {
            font-weight: 100;
        }

    #guidance-coi dl.guidance-coi {
        position: relative;
    }

        #guidance-coi dl.guidance-coi > dt {
            position: absolute;
            top: 50%;
            right: 0;
            display: block;
            width: 15%;
            color: #fff;
            padding: 10px;
            border: 5px dashed;
        }

        #guidance-coi dl.guidance-coi dt.conflict {
            top: 37%;
            background: #a51603;
            height: 10%;
            border-color: #730000;
        }

            #guidance-coi dl.guidance-coi dt.conflict strong {
                display: inline-block;
                margin-bottom: 5px;
                color: pink;
                border-bottom: 2px dashed #730000;
            }

            #guidance-coi dl.guidance-coi dt.conflict::after {
                content: '}';
                font-family: 'Courier New';
                font-size: 1000px;
                font-weight: 100;
                color: #fde9e0;
                position: absolute;
                top: -745%;
                left: -233%;
            }

        #guidance-coi dl.guidance-coi dd.conflict {
            width: 100%;
            padding-right: 35%;
        }

        #guidance-coi dl.guidance-coi .conflict dl dt {
            margin-top: 20px;
            padding: 10px 10px 5px 10px;
            background: #fde9e0;
            border: 1px solid #a51603;
            border-bottom-style: dashed;
        }

            #guidance-coi dl.guidance-coi .conflict dl dt:first-child {
                margin-top: 0;
            }

            #guidance-coi dl.guidance-coi .conflict dl dt::before {
                content: counter(item) ')';
                counter-increment: item;
                margin-left: -45px;
                padding: 0 15px 0;
            }

            #guidance-coi dl.guidance-coi .conflict dl dt::after {
                content: ':';
            }

        #guidance-coi dl.guidance-coi .conflict dl dd {
            padding: 5px 10px 5px 10px;
            border: 0;
            border-left: 1px solid #77a8c3;
            border-right: 1px solid #77a8c3;
            border-bottom: 1px dashed #77a8c3;
        }

            #guidance-coi dl.guidance-coi .conflict dl dd.read-more {
                border-bottom: 1px solid #77a8c3;
            }

        #guidance-coi dl.guidance-coi > dd.conflict {
            padding-left: 30px;
            border-bottom: 5px dashed #77a8c3;
            margin-bottom: 30px;
        }


        #guidance-coi dl.guidance-coi dt.no-conflict {
            height: 9%;
            top: 90.5%;
            background: #26895e;
            border-color: #006313;
            padding: 30px 19px;
        }

            #guidance-coi dl.guidance-coi dt.no-conflict::after {
                content: '\2192';
                font-size: 200px;
                color: #26895e;
                position: absolute;
                top: -150%;
                left: -130%;
            }

        #guidance-coi dl.guidance-coi dd.no-conflict {
            border: 1px solid #136742;
            border-bottom-style: dashed;
            background: #e8fff5;
            width: 65%;
            padding: 10px;
        }

            #guidance-coi dl.guidance-coi dd.no-conflict.read-more {
                background: #fff;
                border-top: 0;
                border-bottom-style: solid;
            }




/*================================================================================*/

/* $ Negotiation */

/*================================================================================*/

.col-md-1.control-label {
    min-width: 130px;
}

.rest-after-contol-label {
    width: calc(100% - 180px);
}

.edit-round-block > div {
    display: inline-block;
    width: 100%;
}

    .edit-round-block > div > div:first-child {
        width: 70%;
        display: inline-block;
    }

    .edit-round-block > div > div:nth-child(1) > div:nth-child(1) {
        width: 50px;
        vertical-align: top;
        display: inline-block;
    }

    .edit-round-block > div > div:nth-child(1) > div:nth-child(2) {
        display: inline-block;
    }


    .edit-round-block > div > div:nth-child(2) {
        float: right !important;
        display: inline-block;
        margin-top: 5px;
    }

.edit-round-button-block {
    text-align: center;
}

    .edit-round-button-block > button {
        width: 150px;
    }


/*================================================================================*/
/* $ Personal Info */
/*================================================================================*/
#personal-info .col-md-2.control-label {
    text-align: right;
}

#personal-info .notes textarea {
    width: 65%;
    height: 200px;
}



/*================================================================================*/

/* $ Key COIs */

/*================================================================================*/

#coi-guidelines-modal p, .coi-guidelines-modal p {
    color: #444;
}

#coi-guidelines-modal li, .coi-guidelines-modal li {
    color: #444;
    margin-bottom: 10px;
}

#key-persons table.coi, #key-inst table.coi {
    margin-top: 30px;
}

.coi input[type="checkbox"] {
    margin: 0 -10px -10px 0;
}

#key-inst p.notice, #key-persons p.notice {
    font-size: 16px;
    color: #3d7e9e;
}

#key-inst .actions, #key-persons .actions {
    margin: 30px 0 0 0;
}

#key-inst .dataTables_wrapper .col-md-2,
#key-persons .dataTables_wrapper .col-md-2 {
    padding: 20px 0 0 0;
}

#key-inst .dataTables_wrapper .col-md-12,
#key-persons .dataTables_wrapper .col-md-12 {
    padding: 0 0 20px 0;
}




/*================================================================================*/

/* $ Certifications and $ Profile */

/*================================================================================*/


#certification h4:first-child {
    margin-bottom: 30px;
}

#certification label.coi-details {
    font-weight: normal;
}

#certification textarea.coi-details {
    width: 50%;
    height: 5em;
}

#coi-signature, #post-coi-signature, #lobbyist-signature {
    font-size: small;
}

#pre-review p, #pre-review label {
    color: #444;
}

#pre-review strong {
    color: #000;
}

#pre-review p.notice.attention {
    color: #a51603;
}

.review-cert h3 {
    margin: 0 0 30px 0;
}

.review-cert h4 {
    margin: 30px 0 5px 0;
}

.review-cert h5 {
    margin: 20px 0 5px 0;
}

.review-cert h4.signature {
    margin: 30px 0;
}

.review-cert .signature input[type="checkbox"] {
    margin-right: 10px;
}

.review-cert .coi-choice {
    padding-left: 30px;
}

    .review-cert .coi-choice label {
        padding: 0 0 5px 35px;
        position: relative;
    }

    .review-cert .coi-choice input[type="checkbox"] {
        position: absolute;
        top: -5px;
        left: 0;
    }

#post-review .container-fluid {
    margin-bottom: 30px;
}

.post-review h4 {
    margin: 0 0 20px 0;
}

    .post-review h4.certification {
        text-align: center;
    }

.post-review p {
    color: #444;
    margin: 15px 0;
}

    .post-review p strong {
        color: #000;
    }



/*================================================================================*/

/* $ Minutes */

/*================================================================================*/

.minutes h2.heading {
    padding: 0;
    font-size: 19px;
    font-weight: bold;
}

.minutes .heading span {
    display: block;
    margin: 0 0 5px 0;
}

    .minutes .heading span.mins {
        margin-top: 20px;
    }

/*.minutes label.highlight {
        background-color: lightgoldenrodyellow;
    }

.minutes input[type=text], .minutes input[type=number] {
        background-color: lightgoldenrodyellow;
    }

.minutes select {
        background-color: lightgoldenrodyellow;
    }*/

.minutes p {
    margin: 10px 0 20px 0;
}


/*================================================================================*/

/* $ Availability */

/*================================================================================*/

#availability .table td {
    border: 1px solid #77a8c3;
    width: 14.3%;
    min-height: 100px;
}

#availability .date,
#availability .time {
    padding: 5px 0;
}

#availability .date {
    border-bottom: 1px dashed #77a8c3;
}

#availability .time.pm {
    border-top: 1px dashed #77a8c3;
}

#availability a.availability, #availability span.availability {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    padding: 5px 5px 5px 30px;
    text-decoration: none;
    border-radius: 20px;
    text-align: center;
    margin: 5px 0;
}

    #availability a.availability.available, #availability span.availability.available {
        background: #e8fff5 url(../images/available.png) 16px 5px no-repeat;
        background-size: 20px 20px;
        color: #136742;
        border: 1px solid #136742;
    }

#availability.pre-review-details a.availability.available:hover,
#availability.pre-review-details a.availability.available:active {
    background-color: #7cd5ae;
}

#availability a.availability.not-available, #availability span.availability.not-available {
    background: #fde9e0 url(../images/not-available.png) 16px 5px no-repeat;
    background-size: 20px 20px;
    color: #a51603;
    border: 1px solid #a51603;
}

#availability.pre-review-details a.availability.not-available:hover,
#availability.pre-review-details a.availability.not-available:active {
    background-color: #ef917e;
}






/*================================================================================*/

/* $ Critique */

/*================================================================================*/

#critique-table .actions {
    width: 220px;
    text-align: right !important;
}

#critique-table th:last-child {
    text-align: right;
}

#critique-table td.actions .btn {
    width: 200px;
}

    #critique-table td.actions .btn:first-child {
        margin-bottom: 10px;
    }


/*================================================================================*/

/* $ Expertise */

/*================================================================================*/





ul.expertise, .expertise ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.expertise li {
        background: #aedde9;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
    }

        ul.expertise li li {
            background: #e0f3f8;
        }

            ul.expertise li li li {
                background: #fff;
            }

        ul.expertise li .term, ul.expertise li .expertise-levels {
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }

        ul.expertise li .term {
            width: 56%;
        }

        ul.expertise li .expertise-levels {
            width: 42.5%;
            padding-right: 13px
        }

    ul.expertise ul li .term {
        width: 55.3%;
    }

    ul.expertise ul li .expertise-levels {
        width: 42.5%;
        padding-right: 6px
    }

    ul.expertise ul ul li .term {
        width: 55%;
    }

    ul.expertise ul ul li .expertise-levels {
        width: 43%;
        padding-right: 0;
    }

    ul.expertise ul {
        padding: 10px 0 0 10px;
    }

    ul.expertise li::before {
        content: '\00BB';
        font-size: 24px;
        line-height: 0.1;
        color: #689bb4;
    }

    ul.expertise > li::before {
        content: '';
    }

    ul.expertise .expertise-levels {
        white-space: nowrap;
        text-align: right;
    }

        ul.expertise .expertise-levels label {
            margin: 0 0 0 10px;
            padding: 5px 5px 5px 35px;
            position: relative;
        }

        ul.expertise .expertise-levels input {
            position: absolute;
            top: -2px;
            left: 5px;
        }


.staff-side ul.expertise li .term {
    width: 83%;
}

.staff-side ul.expertise li .actions {
    width: 15%;
    display: inline-block;
    text-align: right;
}


table.expertise {
    margin-top: 10px;
}

    table.expertise .actions {
        white-space: nowrap;
        text-align: right;
        width: 200px;
    }

        table.expertise .actions button {
            margin-left: 10px;
        }

            table.expertise .actions button:first-child {
                margin-left: 0;
            }

    table.expertise.table-striped.table tr.odd td {
        background: #fff;
        border-top: 1px dashed #77a8c3;
        border-bottom: 0;
    }

    table.expertise.table-striped.table tr.even td {
        background: #e0f2f6;
        border-top: 1px dashed #77a8c3;
        border-bottom: 0;
    }

    table.expertise.table-striped.table tr.top-level td {
        border-top: 1px solid #77a8c3;
    }

    table.expertise ul {
        width: 100%;
    }

    table.expertise li {
        display: inline-block;
        width: 29%;
        vertical-align: top;
        margin-right: 50px;
        padding-right: 30px;
        text-indent: -7px;
    }

        table.expertise li:first-child {
            text-indent: 0;
        }

        table.expertise li:last-child {
            margin-right: 0;
        }

        table.expertise li::before {
            content: '\00BB';
            font-size: 28px;
            line-height: 0.1;
            color: #689bb4;
            margin-left: -48px;
            padding-right: 40px;
            position: relative;
            top: 2px;
        }

        table.expertise li:first-child::before {
            content: '';
            margin-left: 0;
            padding-right: 0;
        }




#summary table.expertise ul {
    width: 100%;
}

#summary table.expertise li {
    display: inline-block;
    width: 28%;
    vertical-align: top;
    margin-right: 30px;
}

    #summary table.expertise li::before {
        content: '\00BB';
        font-size: 24px;
        line-height: 0.1;
        color: #689bb4;
        margin-left: -20px;
        padding-right: 10px;
    }

    #summary table.expertise li:first-child::before {
        content: '';
        margin-left: 0;
        padding-right: 0;
    }





/*================================================================================*/

/* $ Summary */

/*================================================================================*/

#summary .actions {
    text-align: center;
    margin: 20px 0;
}

#summary h4 {
    text-align: center;
}

#summary h5 {
    display: inline-block;
    width: 70%;
}

#summary .btn.edit {
    float: right;
    position: relative;
    top: 20px;
}

#summary .form dt, #summary .form dd {
    display: inline-block;
    vertical-align: top;
    min-height: 35px;
    height: auto;
    padding-bottom: 0;
}

#summary .form dt {
    width: 12%;
}

#summary .form dd {
    width: 87%;
    height: auto;
}





/*================================================================================*/

/* $ Meeting Edit */

/*================================================================================*/

.meeting-edit .form-group {
    margin-bottom: 18px;
}

.meeting-edit .rnd label {
    margin-right: 40px;
}

.meeting-edit .rnd input[type="radio"] {
    position: relative;
    top: 7px;
    margin-right: 4px;
}



/*================================================================================*/

/* $ Proposals */

/*================================================================================*/

.proposals div.actions {
    margin-top: 0;
}

.proposals > table td:first-child, .proposals > table td:nth-child(2) {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.proposals table td.actions .row {
    white-space: nowrap;
}

.proposals table .actions a {
    display: inline-block;
    position: relative;
    margin-bottom: 7px;
    position: relative;
    text-align: center;
}

    .proposals table .actions a:last-child {
        width: 150px;
        margin-right: 15px;
    }

.proposals table .actions .row > a:first-child,
.proposals table .actions span:first-child a {
    width: 65px;
    margin-right: 10px;
}


.proposal-details td.actions .btn {
    margin-bottom: 0;
}

dl.proposal-details {
    background: #e0f2f6;
    border: 1px solid #77a8c3;
    border-radius: 10px;
    color: #3d7e9e;
    padding: 15px 20px 5px 20px;
    margin-top: 20px;
}

    dl.proposal-details dt, dl.proposal-details dd {
        display: inline-block;
        margin: 0 0 10px 0;
        vertical-align: top;
    }

    dl.proposal-details dt {
        width: 8%;
    }

    dl.proposal-details dd {
        width: 90%;
    }

        dl.proposal-details dd.proposal-id, dl.proposal-details dd.offeror {
            width: 50%;
        }

        dl.proposal-details dd.review-order, dl.proposal-details dd.location {
            width: 32%;
        }


.staff-side.proposal-add h3 {
    padding-bottom: 20px;
    text-align: left;
}

.proposal-add .form-horizontal {
    padding-left: 30px;
}


.proposal-info dd.proposal-title,
.proposal-info dd.comments {
    margin-bottom: 35px;
}

.proposal-info .proposal-id input {
    width: 200px;
}

.proposal-info .pi-first-name input,
.proposal-info .pi-middle-name input,
.proposal-info .pi-last-name input {
    width: 300px;
}

.proposal-info .degree input {
    width: 400px;
}

.proposal-info .review-order input,
.proposal-info .suffix input {
    width: 60px;
}

.proposal-info .offeror input {
    width: 600px;
}

.proposal-info textarea {
    width: 600px;
    height: 60px;
    line-height: 25px;
}

.alertProposal {
    margin: 20px auto;
    width: 70%;
    max-width: 900px;
    padding: 20px 80px;
    border: #d80000 1px solid;
    border-radius: 8px;
    background-color: #fbe0e0;
    text-align: center;
}




/*================================================================================*/

/* $ Documents */

/*================================================================================*/


.tab-content.staff-side.documents {
    padding-top: 0;
}

.docs-div {
    margin-bottom: 30px;
    position: relative;
}


    .docs-div h3 {
        text-align: center;
        margin: 50px 0 -10px 0;
    }

#divMeetingDocs h3 {
    margin: 20px 0 25px 0;
}

.docs-instructions {
    position: relative;
    width: 100%;
    counter-reset: item;
}

    .docs-instructions h3 {
        width: 22%;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        padding: 10px 10px 10px 30px;
        background: #b6e7d1;
        border: 1px solid #136742;
        border-right: 0;
        border-radius: 30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: #136742;
    }

    .docs-instructions ol, .docs-instructions li {
        display: inline-block;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .docs-instructions ol {
        width: 63%;
        height: 100%;
        border: 1px solid #136742;
        border-left: 0;
    }

    .docs-instructions li {
        height: 100%;
        font-size: 15px;
        position: relative;
    }

        .docs-instructions li:first-child {
            width: 29%;
        }

        .docs-instructions li:nth-child(2) {
            width: 44%;
        }

        .docs-instructions li:last-child {
            width: 27%;
        }

    .docs-instructions ol.end-item,
    .docs-instructions ol li a.end-item {
        border-radius: 30px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .docs-instructions li a {
        display: block;
        background: #2f9d6d;
        width: 100%;
        padding: 15px 20px 15px 45px;
        margin: -1px 0 0 0;
        border-top: 1px solid #136742;
        color: #fff;
        position: relative;
    }

        .docs-instructions li a::before {
            counter-increment: item;
            content: counter(item) '.';
            padding: 15px 5px 19px 30px;
            background: #2f9d6d url(../images/arrow-docs-default.png) -10px 50% no-repeat;
            background-size: 27px 98px;
            margin: 0;
            position: absolute;
            width: 45px;
            height: 52px;
            top: -1px;
            left: 0;
            border-top: 1px solid #136742;
        }

@-moz-document url-prefix() {
    .docs-instructions li a::before {
        top: 0;
        border-bottom: 1px solid #136742;
        border-top: 0;
    }
}

.docs-instructions li:first-child a::before {
    background: #2f9d6d url(../images/arrow-docs-first-default.png) -10px 50% no-repeat;
    background-size: 27px 98px;
    left: -1px;
}

.docs-instructions li a:hover {
    background: #fff;
    color: #136742;
}

    .docs-instructions li a:hover::before {
        background: #fff url(../images/arrow-docs-active-left.png) -10px 50% no-repeat;
        background-size: 27px 98px;
    }

.docs-instructions li:first-child a:hover::before {
    background: #fff url(../images/arrow-docs-first-active-left.png) -10px 50% no-repeat;
    background-size: 27px 98px;
}

.docs-instructions li a:hover::after {
    content: '';
    background: #fff url(../images/arrow-docs-active-right.png) -10px 50% no-repeat;
    background-size: 27px 98px;
    position: absolute;
    width: 15px;
    height: 52px;
    top: -1px;
    right: -15px;
    border-top: 1px solid #136742;
    z-index: 11;
}

@-moz-document url-prefix() {
    .docs-instructions li a:hover::after {
        top: 0;
        border-bottom: 1px solid #136742;
        border-top: 0;
    }
}

.docs-instructions li:last-child a:hover::after {
    width: 0;
}


.docs-instructions a.help {
    display: inline-block;
    display: block;
    font-size: 15px;
    background: #e0f2f6;
    border: 1px solid #4d85a3;
    border-left: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 85%;
    padding-right: 30px;
    width: 15%;
    text-align: right;
}

    .docs-instructions a.help:hover {
        background: #fff;
    }

    .docs-instructions a.help img {
        width: 34px;
        height: 34px;
        margin: -2px 9px 0 0;
    }

.docs-instructions h3,
.docs-instructions ol,
.docs-instructions a.help {
    display: table-cell;
    border-spacing: 0;
    white-space: nowrap;
}




.reviewer-side .docs .dataTables_wrapper {
    margin-top: -45px;
}


.reviewer-side .docs table.proposal-docs {
    width: 100%;
    table-layout: fixed;
}

.proposal-docs th.docs {
    text-align: center;
}

.proposal-docs td.docs {
    padding: 0;
}

.reviewer-side .docs .proposal-docs .docs table {
    width: 100%;
    table-layout: fixed;
    margin: 0;
    border-left: 1px dashed #77a8c3;
}

    .reviewer-side .docs .proposal-docs .docs table td {
        padding: 7px 10px;
        border-bottom: 1px dashed #77a8c3;
        vertical-align: top;
    }

    .reviewer-side .docs .proposal-docs .docs table tr:last-child td {
        border: 0;
    }

.reviewer-side .docs .proposal-docs tr:nth-child(2n+1) tr:nth-child(2n) td {
    background: #fff;
}

.reviewer-side .docs .proposal-docs .docs table td.actions {
    width: 90px;
}

    .reviewer-side .docs .proposal-docs .docs table td.actions .btn {
        margin-bottom: 3px;
    }






/*================================================================================*/

/* $ Staff */

/*================================================================================*/


.staff-side.staff {
    padding-bottom: 50px;
}


    .staff-side.staff td.actions {
        white-space: nowrap;
    }

        .staff-side.staff td.actions .spacer {
            width: 75px;
        }




/*================================================================================*/

/* $ Criterions */

/*================================================================================*/








/*================================================================================*/

/* $ Reviewers */

/*================================================================================*/


.reviewers td.actions .btn:first-child {
    margin-bottom: 5px;
}




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

    .reviewers .striped-table table .check {
        width: 50px;
    }

    .reviewers .striped-table table .pre-rev-comp {
        width: 150px;
    }

    .reviewers .striped-table table .actions {
        width: 240px;
    }

.reviewers td.actions .rev-actions {
    width: 220px;
    white-space: nowrap;
}





/*================================================================================*/

/* $ Assignments */

/*================================================================================*/

#tbAssignments_wrapper {
    position: relative;
    top: -30px;
}

#tbAssignments th,
#tbAssignments td,
#tbRevSummary th,
#tbRevSummary td {
    border: 0;
    border-bottom: 1px solid #77a8c3;
}

#tbAssignments > tbody > tr > td:first-child {
    text-align: right;
    padding-right: 30px
}

#tbAssignments td.proposal dl {
    margin: 0;
    width: 100%;
    min-width: 300px;
}

#tbAssignments td.proposal dt,
#tbAssignments td.proposal dd {
    display: inline-block;
}

    #tbAssignments td.proposal dd.proposal {
        width: 100%;
        padding-bottom: 8px;
        word-break: break-word;
    }

    #tbAssignments td.proposal dt.offeror,
    #tbAssignments td.proposal dd.offeror {
        color: #5c879f;
    }

#tbAssignments td.revname {
    padding: 0;
    border-left: 1px dashed #77a8c3;
    border-right: 1px dashed #77a8c3;
}

.revname dl {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    min-width: 250px;
}

    .revname dl dt, .revname dl dd {
        display: inline-block;
        padding: 5px 0;
        margin: 0;
        border-top: 1px dashed #77a8c3
    }

        .revname dl dt:first-child, .revname dl dd:nth-child(2) {
            border: 0;
        }

    .revname dl dt {
        width: 20%;
        text-align: right;
        padding-right: 10px;
    }

    .revname dl dd {
        width: 75%;
    }


dl.assignment-info {
    background: #e0f2f6;
    color: #3d7e9e;
    border: 1px solid #77a8c3;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 15px 20px 10px 20px;
}

    dl.assignment-info dt, dl.assignment-info dd {
        display: inline-block;
        margin: 0 0 10px 0;
        vertical-align: top;
        font-size: 14px;
    }

    dl.assignment-info dt {
        width: 13%;
        padding-right: 10px;
        text-align: left;
    }

    dl.assignment-info dd {
        width: 85%;
    }

#revAssignments {
    margin-top: -10px;
}





/*================================================================================*/

/* $ Scores */

/*================================================================================*/



.proposal-header {
    border: 1px solid #77a8c3;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 20px;
    background: #e0f2f6;
    margin-top: 30px;
    position: relative;
}

    .proposal-header h3 {
        margin: 0 0 15px 0;
        font-size: 19px;
    }

        .proposal-header h3 label,
        .proposal-header h3 span {
            display: inline-block;
            vertical-align: top;
        }

        .proposal-header h3 label {
            width: 11%;
        }

        .proposal-header h3 span {
            width: 88%;
        }

    /*
.proposal-header h3 label {text-indent: -7em;}

.proposal-header h3.review-order {margin-right: 200px;}


.proposal-header h3.review-order {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    padding-left: 0;
    
    color: #75a6bc;
}
.proposal-header h3.review-order label {text-indent: 0;}
*/
    .proposal-header .download-scores {
        position: absolute;
        top: 20px;
        right: 20px;
    }

        .proposal-header .download-scores .btn {
            font-size: 16px;
        }





/*================================================================================*/

/* $ TESS */

/*================================================================================*/

.tess .tess-clear {
    clear: both;
}

.tess .row .actions {
    margin: 0;
    text-align: right;
    white-space: nowrap;
}

.tess div.tess-header {
    margin: 30px 10px 10px 10px;
    padding: 10px;
    background-color: #e6f4fc;
}

.tess div.tess-content {
    border: 1px solid #5674bd;
    border-top: 0;
    clear: both;
    padding: 1em;
    background: #ffffff;
    margin: 0 -1px;
    position: relative;
    border-bottom: 0px;
    float: none;
}

.tess .scores .form-group label,
.tess .scores .form-group .col-md-10 > .cke_reset {
    margin: 20px 0;
}

.rating-score label {
    margin-top: 0 !important;
}

.tess .tess-accptUnaccpt {
    font-size: 13px;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    background: #FFF8C6;
    border-color: Orange;
    margin: 40px 40px 60px 20px;
    padding: 20px;
}

    .tess .tess-accptUnaccpt h4 {
        margin: 0 0 20px 0;
        color: #000;
        font-size: 16px;
    }

    .tess .tess-accptUnaccpt .form label,
    .tess .tess-choices label {
        position: relative;
        padding-left: 40px;
        margin-bottom: 20px;
        font-weight: normal;
        display: block;
    }

    .tess .tess-accptUnaccpt .acceptability {
        margin-left: 10px;
    }

    .tess .tess-accptUnaccpt h4 .errorComments {
        margin-left: -10px;
    }

    .tess .tess-accptUnaccpt .signFl {
        margin-left: -5px;
    }

        .tess .tess-accptUnaccpt .signFl label {
            margin-left: 5px;
        }

    .tess .tess-accptUnaccpt .signature.no-form {
        margin-left: 40px;
    }

    .tess .tess-accptUnaccpt .form.signature label {
        display: inline-block;
        left: -5px;
    }

    .tess .tess-accptUnaccpt label strong, .tess .tess-accptUnaccpt .form.signature label {
        font-weight: bold;
    }

    .tess .tess-accptUnaccpt label input,
    .tess .tess-choices label input {
        position: absolute;
        top: -6px;
        left: 0;
        width: 25px;
        height: 25px;
        padding: 0;
    }

.tess .tess-radio {
    border: 1px none #000000;
    background: transparent;
}

.tess .tess-choices {
    font-size: 13px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 20px 20px 40px 20px;
    background-color: #e1fae9;
}

    .tess .tess-choices label {
        padding-left: 35px;
    }

        .tess .tess-choices label input {
            top: -7px;
        }

.tess .tess-choice-header {
    text-align: center;
    margin-bottom: 60px;
}

.tess .tess-choice-h1 {
    font-size: 35px;
    padding: 0px;
}

.tess .tess-choice-section {
    text-align: center;
    margin-bottom: 60px;
}

.tess .sectionTxt {
    border-bottom-style: solid;
    border-width: 1px;
    margin: 40px -10px 15px -10px;
}

.tess .h2SpSection {
    color: #5c87b2;
    margin: 0;
    padding: 0 0 7px 0;
}

.tess .mainQuestion {
    font-weight: 800;
    margin-bottom: 15px;
}

.tess .followupQuestion {
    font-weight: 500;
}

.tess .subSectionQn {
    margin: 30px 0 20px 0;
}

.tess .divIfAccpt {
    margin-bottom: 10px;
}

.tess .sptextArStyle {
    width: 1150px;
    height: 14em;
    border-radius: 5px;
    border-color: #B0B0B0;
    border-width: 1px;
    overflow: hidden;
    margin-bottom: 5px;
}

.tess .signFl {
    float: left;
    margin-left: 5px;
}

.tess .sgninptStyle {
    padding-left: 5px;
}

.tess .reqIndicatorSpn {
    color: #d80000;
    font-weight: bold;
    font-size: 13px;
}

.tess .errorComments {
    color: #d80000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tess input[readonly] {
    background-color: white !important;
}

.tess textarea[readonly] {
    background-color: white !important;
}

.tess .ui-resizable-handle {
    transform: translateY(-100%);
}


/*================================================================================*/

/* $ TER */

/*================================================================================*/


.ter > div.actions {
    margin-top: -10px;
}


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

    .ter-table th.ter-headings {
        padding: 0;
    }

    .ter-table .ter-headings > table {
        width: 100%;
        table-layout: fixed;
        margin: 0;
    }

    .ter-table .ter-headings th {
        padding: 10px;
    }


    .ter-table td.ter-table-inner {
        padding: 0;
    }

    .ter-table .ter-table-inner > table {
        width: 100%;
        table-layout: fixed;
        margin: 0;
        border-left: 1px dashed #77a8c3;
    }

    .ter-table .ter-table-inner td {
        padding: 7px 10px;
        border-bottom: 1px dashed #77a8c3;
    }

    .ter-table .ter-table-inner tr:last-child td {
        border: 0;
    }

    .ter-table tr:nth-child(2n+1) tr:nth-child(2n) td {
        background: #fff;
    }


    .ter-table.by-reviewers th.ter-headings {
        width: 870px;
    }

    .ter-table.by-proposals th.ter-headings {
        width: 870px;
    }

    .ter-table .ter-headings th.tess-date,
    .ter-table .ter-table-inner td.tess-date {
        width: 200px;
    }

    .ter-table .ter-headings th.ter-actions,
    .ter-table .ter-table-inner td.ter-actions {
        width: 270px;
        text-align: right;
    }

    .ter-table.by-reviewers .ter-headings th.offeror,
    .ter-table.by-reviewers .ter-table-inner td.offeror {
        width: 400px;
    }

    .ter-table.by-proposals .ter-headings th.name,
    .ter-table.by-proposals .ter-table-inner td.name {
        width: 200px;
    }

    .ter-table.by-proposals .ter-headings th.coi-status,
    .ter-table.by-proposals .ter-table-inner td.coi-status {
        width: 200px;
    }

    .ter-table.by-proposals .spacer {
        display: block;
        height: 5px;
    }

    .ter-table.by-proposals .actions .btn {
        width: 250px;
    }

        .ter-table.by-proposals .actions .btn:last-child {
            margin-bottom: 0;
        }

    .ter-table.by-proposals .ter-actions .btn {
        padding: 5px 15px;
    }

    .ter-table.by-proposals .ter-actions .update-tess {
        margin-right: 2px;
    }

    .ter-table.by-proposals .ter-actions .download-coi {
        width: 250px;
        margin-bottom: 5px;
    }

    .ter-table .ter-actions .btn.update-tess {
        width: 113px;
        padding: 5px 20px 5px 13px;
    }

    .ter-table .ter-actions .btn.download-tess {
        width: 130px;
    }





/*================================================================================*/

/* $ Datepicker */

/*================================================================================*/

.datepicker.datepicker-dropdown.dropdown-menu th.switch,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days td.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months td span.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years td span.active {
    background: #77a8c3;
    color: #fff;
}

.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days td,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months td span,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years td span {
    border: 1px solid #77a8c3;
    border-radius: 0px;
}

.datepicker.datepicker-dropdown.dropdown-menu td span {
    border: 1px solid #77a8c3;
}

.datepicker .datepicker-days td,
.datepicker .datepicker-months td span,
.datepicker .datepicker-years td span {
    background: #DFF1F6;
}

    .datepicker .datepicker-days td:hover,
    .datepicker .datepicker-months td,
    .datepicker .datepicker-months td span:hover,
    .datepicker .datepicker-years td,
    .datepicker .datepicker-years td span:hover {
        background: #fff;
    }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: #fff;
    cursor: not-allowed;
}

.date-clear {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ff0000;
}

.input-group.date, .input-group.time {
    float: left;
}

.col-md-2.input-group.time {
    margin-left: 5px;
}



/* ==================================================== */
/*       DateTimePicker      ( built off of datepicker, shares common css */
/* ==================================================== */

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    z-index: 1050;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled,
        .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            opacity: 0.6;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 30px;
        line-height: 30px;
        width: 30px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table td.day:hover,
            .bootstrap-datetimepicker-widget table td.hour:hover,
            .bootstrap-datetimepicker-widget table td.minute:hover,
            .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old,
        .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active,
        .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled,
        .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 34px;
            line-height: 34px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px;
        }

        .bootstrap-datetimepicker-widget table td span {
            background: #4f88a9;
            color: #fff;
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                opacity: 0.6;
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777777;
            }

            .bootstrap-datetimepicker-widget table td span.disabled,
            .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #777777;
                cursor: not-allowed;
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('~/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot');
    src: url('/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.btn-datetime {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.collapse {
    display: none;
}

    .collapse.in, .collapse.show {
        display: block;
    }

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}


/*================================================================================*/
/* $ Admin */
/*================================================================================*/
.admin.logs .dataTables_length {
    position: relative;
    top: 15px;
}

.admin th.actions,
.admin td.actions {
    text-align: right;
}

.admin td.actions {
    white-space: nowrap;
}



.admin.staff h3.ic,
.admin.docs h3.ic {
    border-top: 1px dashed #77a8c3;
    margin: 50px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
}


.tab-content.admin.profile {
    padding: 20px 30px;
}

.staff-side .admin.staff div.actions {
    margin: -30px 0 -30px 0;
}

.admin.profile .profile-info .form-group:last-child {
    padding-bottom: 50px;
}

.admin.profile .profile-info.notes h4 {
    font-size: 20px;
}

.admin.profile .profile-info.notes .form-group {
    margin-top: -40px;
    padding-bottom: 0;
}

.admin.profile .dataTables_wrapper .col-md-2 {
    padding: 0;
}

.admin.profile .dataTables_wrapper .col-md-12 {
    padding: 0 0 60px 0;
}




/*========================DEVELOPERS! ========================================================*/
.btn-a {
    color: inherit;
    background: inherit;
    border: inherit;
    padding-left: 25px;
}

.profile-logout i {
    margin-right: -20px;
}

.profile-logout button:hover, .profile-logout button:active, .profile-logout button:focus {
    background-color: inherit;
    border: 0px;
    color: white;
}

.profile-li {
    list-style-type: none;
    display: inline-block;
}

.profile-name {
    margin-right: 20px;
}

/*logout modal from _layout*/
.ui-dialog-titlebar {
    background: linear-gradient(#89bad5, #77a8c3) !important;
    color: #fff;
}
.ui-widget-content {
    border: 1px solid transparent;
}
.ui-dialog-content.ui-widget-content p {
    margin: 20px 0 -10px 0;
}
.ui-icon.ui-icon-alert {
    background-image: none;
}
.ui-widget.ui-widget-content {
    border-radius: 7px;
}
.ui-widget-overlay {
    background: #000;
    opacity: .5;
}
.ui-id-1 {
    font-size: 18px;
}

.profile {
}

/* ===================    Panels, accordion  */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: left; /* adjust as needed */
    padding-right: 10px;
}


.panel-heading .accordion-toggle:after, .accordion-toggle:after, .accordion.heading-collapse[aria-expanded="true"] {
    font-family: "Font Awesome 5 Free";
    content: "\f146";
    color: green;
}

.panel-heading .accordion-toggle.collapsed:after, .accordion-toggle.collapsed:after, .accordion.heading-collapse[aria-expanded="true"] {
    font-family: "Font Awesome 5 Free";
    content: "\f0fe";
    color: green;
}



.history {
    display: block;
    text-align: right;
}

    .history:before {
        content: "";
        display: block;
    }

.row {
    margin-left: 5px;
}

.row.modal-form-document-row {
    margin-top: 20px;
    align-items: center;
}

.modal-form-document-label {
    margin-top: 7px;
}

.modal-form-comments-box {
    margin-top: -10px;
    width: 100%;
    display: inline-block;
}

.funkyradio label {
    width: 98% !important;
}

/*  radio   */
.radio-container {
    line-height: 30px;
}


.radio-container input {
    margin: 0;
    position: relative;
    top: 2px;
    vertical-align: top;
}

.radio-container label {
    padding-right: 10px;
}
/*  end radio   */


/* switch */
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

/* end switch */


/* second button */
.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="checkbox"]:empty {
    display: none;
}

    .funkyradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        margin-top: 2em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .funkyradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

.funkyradio input[type="checkbox"]:hover:not(:checked) {
    color: #888;
}

.funkyradio input[type="checkbox"]:hover:not(:checked) {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .funkyradio input[type="checkbox"]:checked ~ label:before {
        content: '\2714'; /*https://www.charbase.com/2715-unicode-multiplication-x*/
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }


.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

/* ===================    end Panels, accourdion  */


/* =================== ICONS Customization ============ */
.fa-envelope-sent:before, .fa-user-check-acknoweledged:before {
    color: green;
}

.fa-envelope-returned:before {
    color: #d80000;
}

.icon-link {
    display: inline-block;
    position: relative;
}

.icon-link::before {
    font-family: 'Icons';
    
    position: absolute;
    left: 0;
    top: calc(50% - 0.5em);
    text-decoration: underline;
    display: inline-block;
}
  
/*/ Fix for IE removing underline on icons (adding and removing text-decoration helps)*/
.icon-link::before,
.icon-link::before:hover {
    text-decoration: none;
}
/* =================== End ICONS Customization ============ */




.contact-delete-link {
    text-decoration-line: none;
}

    .contact-delete-link img {
        width: 15px;
        height: 15px;
    }

.offeror-name {
    font-size: large !important;
    width: 100% !important;
}

    .offeror-name img {
        width: 20px;
        height: 20px;
        margin-top: -5px;
    }

.proposal-title {
    padding-left: 25px;
    width: 100%;
}

.proposal-history-table {
    width: 100%;
}

    .proposal-history-table tr td:first-child {
        width: 20%;
        min-width: 200px;
    }

    .proposal-history-table tr td:nth-child(3) {
        width: 15%;
        min-width: 190px;
    }

    .proposal-history-table tr td:last-child {
        width: 5%;
        min-width: 30px;
    }


.proposal-actions-block {
    width: 30%;
    display: inline-block;
    margin: 0 !important;
    font-size: 11px !important;
}


.proposal-actions-block-negotiation-selection {
    display: inline-block;
    padding-right: 48px;
    float: right;
}

.proposal-actions-block-negotiation-selection-toggle {
    padding-bottom: 10px;
    min-width: 120px;
    display: inline-block;
    padding-right: 0px;
    float: right;
    width: 150px;
}

.selection {
    display: inline-block;
    padding-right: 48px;
    float: right;
}

.selection-toggle {
    padding-bottom: 10px;
    min-width: 120px;
    display: inline-block;
    padding-right: 0px;
    float: right;
    width: 150px;
}

.actions {
    /*display: inline;*/
    /*padding-right: 0px;*/
    /*float: right;*/
    text-align: right;
}

.contact-actions div {
    min-width: 120px;
    display: inline-block;
}

.col-md-12-custom, .col-md-10-custom {
    width: 70%;
}

.actions-custom {
    margin: 0 !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


.custom-disabled, .custom-disabled .info-slide {
    box-shadow: none;
    opacity: .3;
}

    .custom-disabled .multi-switch .switch-content, .custom-disabled .multi-switch .switch-content .info-slide {
        /*background-color: gray !important;*/
    }

.field-validation-error {
    color: #d80000;
}





.request-row-content.accordion-details {
    border: 1px solid lightblue; /*#77a8c3;*/
    border-radius: 5px;
    border-top: none;
    /* padding: 20px 20px 30px 0; */
    clear: both;
}












/* ********  CUSTOMIZATIONS ************** */
/*
*
 *
    *
    *
    *
    *
    *
*/

/* buttons */

.btn {
    padding: 4px 12px 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    margin: 2px 2px; /* !important */
    cursor: pointer;
    border-radius: 28px;
    border: none;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

div.actions .btn {
    padding: 2px 10px 2px 7px;
    font-size: 13px;
}

    .btn:focus, .btn-default:focus, .btn:active:focus, .btn-default:active:focus {
        border: none;
        outline: none;
        outline-offset: unset;
        color: #fff;
    }

#helpButton.btn:hover, #helpButton.btn:active, a.helpButton.btn:hover, a.helpButton.btn:active,
#logoutButton.btn:hover, #logoutButton.btn:active, a.logoutButton.btn:hover, a.logoutButton.btn:active {
    background: none;
    color: #fff;
}

.viewButton {
    background-color: #4f88a9;
    border: none;
    color: white;
    padding: 4px 10px 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    line-height: 10px;
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.btn-default, .btn-contact, .btn-create, .btn[type="submit"], .btn.create, .btn.create:hover,
.btn-info, .btn-info:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus {
    background-color: #3c6881;
    background: #3c6881;
}

.btn-createFpr, .btn-createFpr:hover, .btn-createFpr:focus {
    background-color: #009900;
    background: #009900;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-a {
    background: none;
    background-color: transparent;
    padding: unset;
    padding-left: unset;
}
a.btn-a {
    text-decoration: none;
}

.btn-contact, .btn-create, .btn-cancel, .btn[type="submit"], div.modal-footer .btn-info {
    padding: 3px 20px 4px;
}

    .btn:hover, .btn.disabled:hover, .btn-default:hover, .btn-default.disabled:hover, td button:hover, .btn-info.disabled:hover,
    .btn-info.included:hover, .btn-info.excluded:hover, .btn-info[disabled]:focus, .btn-info[disabled]:hover,
    .btn-default:hover, .btn-create:hover, .btn-create:active, .btn-cancel:hover, .btn.create:hover, .btn-a:hover {
        opacity: 0.6;
    }

#view-offeror-response.btn:hover {
    opacity: 1;
    background-color: #95B8CB;
    color: #fff;
}

/*request table*/
.btn-info.include, btn-info.exclude, btn-info.request, .btn-info.contact {
    background-color: #4f88a9;
    background: #4f88a9;
}

.btn-info.included[disabled]:hover, .btn-info.included[disabled]:focus,
.btn-info.excluded[disabled]:hover, .btn-info.excluded[disabled]:focus {
    cursor: not-allowed;
}

.btn.disabled, .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus,
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus,
.btn[disabled] {
    pointer-events: unset !important;
    background-color: grey;
    cursor: not-allowed;
    opacity: unset;
}

.btn-info[disabled], .btn-info[disabled]:focus, .btn-info[disabled]:hover {
    background-color: grey;
    cursor: not-allowed;
}

.btn-info.included, .btn-info.included:hover, .btn-info.included:focus {
    background-color: darkgreen;
}

.btn-info.excluded, .btn-info.excluded:hover, .btn-info.excluded:focus {
    background-color: #af0505;
    cursor: not-allowed;
}

div.dataTables_length label, div.dataTables_length select {
    font-weight: normal;
}

div.dataTables_length select {
    height: 25px;
    border-radius: 4px;
}

div[id^='proposal-request-collapse'] {
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .6em .7em;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: #DFF1F6;
        background: #DFF1F6;
        box-shadow: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #4F88A9;
        background-color: #4F88A9;
        color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #DFF1F6;
        background-color: #DFF1F6;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            background: #4F88A9;
            background-color: #4F88A9;
            color: #fff !important;
        }

/*modal*/
.btn-include {
    background-color: darkgreen;
}

.btn-cancel, .btn-cancel:hover {
    background-color: #696969;
}

span.icon {
    float: left;
    padding: 1px 4px 0 0;
    min-width: 18px;
    min-height: 18px;
}

    span.icon img {
        margin-bottom: 4px;
    }

/* session expiration modal */

.ui-widget.ui-widget-content {
    border: unset;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 200;
}
.ui-dialog {
    padding: 0;
    border-radius: 6px;
}

.ui-dialog .ui-dialog-titlebar {
    background: rgb(223, 241,246) !important;
    border-color: unset;
    border-top-color: rgb(223, 241, 246);
    border-right-color: rgb(223, 241, 246);
    border-left-color: rgb(223, 241, 246);
    border-bottom-color: rgb(79, 136, 169);
    padding: 20px 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.ui-dialog .ui-dialog-title {
    color: rgb(79, 136, 169);
    font-size: 16px;
}
.ui-dialog .ui-dialog-content p {
    line-height: 1.47em;
    font-size: 1em;
}
.ui-dialog .ui-dialog-content p:nth-child(1) {
    margin-bottom: 15px;
}
.ui-dialog .ui-dialog-buttonpane {
    padding: .4em .4em 1em .4em;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: unset;
    margin: 10px 10px 0 22px;
    text-align: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    color: #fff;
    border-radius: 28px;
    border: 1px solid transparent;
    font-size: 14px;
    padding: 3px 15px 4px 15px;
    background-color: rgba(79, 136, 169,1);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-cancel {
    background-color: rgba(105, 105, 105, 1);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: rgba(79, 136, 169,.6);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-cancel:hover {
    background-color: rgba(105, 105, 105,.6);
}
    .ui-dialog #countdownDisplay {
	    color: #d80000;
        font-weight: 700;
    }

.dialog-class {
    z-index: 1600;
}

/* areas */

.modal-header {
    background-color: #dff1f6;
    background: #dff1f6;
    border-bottom: solid 1px #4F88A9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-footer {
    border-top: unset;
    margin-right: 15px;
    margin-bottom: 15px;
}

.modal-body {
    margin-top: 20px;
    margin-right: 15px;
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width: 920px;
        max-width: 920px;
    }
}

.modal-footer .btn + .btn {
    margin-bottom: 2px;
    margin-left: 2px;
}

div.row {
    margin-top: 10px;
}

#respond-modal div.row {
    margin-top: 0;
}

#respond-modal label {
    margin-bottom: 0;
}

div.modal-header button.close {
    font-size: 36px;
}

h5.col-lg-5 {
    margin-top: 0;
    margin-bottom: 25px;
}

.proposal-title {
    padding: unset;
}

.proposal-empty {
    color: darkgray;
    font-style: italic;
    padding-top: 10px;
}

.rowLabel {
    display: inline-block;
    float: left;
    width: 120px;
}

/* Response Modal */
#form-respond .rowLabel {
    width: 175px;
    font-weight: 700;
}

.rowData {
    display: inline;
    /*padding-top: 7px;*/
    /*overflow-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
    white-space: pre-wrap;
    text-overflow: ellipsis;*/
}

#view-proposalTitle.wrap-text,
#view-subject.wrap-text, #view-request-comments.wrap-text {
    width: 80%;
    display: inline-block;
    word-break: normal;
}

#view-request-comments.wrap-text {
    padding-right: 10px;
}

#view-request-close {
    /*margin: 15px -30px -15px 0;*/
}

div[id^='invite-contacts'] {
    margin-top: 7px;
    /*display:inline-block;*/
}

.rowData.upload-enabled {
    display: inline-block;
    width: auto;
    white-space: normal;
    margin-top: -2px;
    color: green !important;
}

.rowData.upload-disabled {
    display: inline-block;
    width: auto;
    white-space: normal;
    padding-top: 7px;
    color: gray !important;
}

.add-file {
    cursor: pointer;
    /*color: green !important;*/
}

#respond-modal .allowed-file-types {
    margin-top: 8px;
}

.rowData .add-file {
    padding: 4px 12px;
    border-radius: 5px;
    border: 1px solid #4d7426;
    color: #fff;
    background-color: #4d7426;
    white-space: nowrap;
}

.rowData .add-file:hover {
    opacity: .65;
}

.uploaded-documents {
    margin: 10px 0 15px 125px;
    padding-top: 10px;
}

.uploaded-documents a {
	word-break: break-all;
}

.uploaded-documents a:nth-child(even) {
    margin-right: 4px;
}

.custom-upload {
    display: inline-block;
    position: relative;
}

.modal-lg .modal-content .modal-body form {
    width: 100%;
}



.accordion-container {
    border: 1px solid #77A8C3;
    border-radius: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 0 0 15px;
    clear: both;
}

/*#divResponses > .container-fluid.accordion-container {
    margin-top: 20px;
}*/

.accordion.heading-collapse {
    background: #DFF1F6;
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 5px 10px 15px;
    width: 100%;
}

.accordion-toggle.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0fe";
    color: green;
    font-size: 12pt;
}

.accordion-toggle:after {
    font-family: "Font Awesome 5 Free";
    content: "\f146";
    color: green;
    font-size: 12pt;
}

.accordion-toggle:hover {
    cursor: pointer;
}

.accordion-details {
    clear: both;
}

.accordion-details div[id^="view-response-files"] a {
    word-break: break-all;
}

.accordion-header {
    color: black;
    font-size: .65em;
    padding-left: 8px;
}

.accordion-alert {
    border: 2px solid #d38100;
    border-radius: 8px;
    padding: 2px 10px;
    background: #FFD96F;
    color: #565656;
    text-align: center;
    font-weight: 600;
    width: 50%;
    display: block;
    margin: 0 auto 20px auto;
}

#hasNotResponded {
    position: absolute;
    top: -10px;
    left: 30%;
    width: 400px;
}

#view-request-modal .modal-footer {
    padding: 0 15px 15px;
}

#view-request-modal .modal-body {
    padding: 15px 30px 15px 15px;
}

#view-request-modal .modal-body.text {
	padding-left: 30px;
	padding-right: 40px;
	margin-top: 0;
	margin-bottom: 20px;
}

#view-request-modal .modal-body.text div {
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #ffffcc;
}



/*flex css for solicitations page title if it goes too long
    TODO - resolve border conflict 
*/
.flex-parent {
    display: flex;
    flex-wrap: nowrap;
    table-layout: fixed;
    width: 100%;
    background: #dff1f6;
    border-bottom: 1px solid #77a8c3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

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

.long-and-truncated, .long-and-truncated h2, .long-and-truncated a {
    /*float: left;*/
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* new css */
    max-width: 100%;
    width: 100%;
}

tr:nth-child(odd) {
    background-color: #DAF1F6;
    border-top: solid 1px darkblue;
    border-bottom: solid 1px darkblue;
    padding: 15px 10px;
}

th,
td {
    text-align: left;
    padding: 8px;
}

th {
    background-color: #4f88a9;
    border-bottom: solid 1px #4f88a9;
    border-top: none;
    color: white;
    font-weight: normal;
    padding: 15px 10px 3px 10px;
}

td button {
    background-color: #4f88a9;
    border: none;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    line-height: 10px;
    cursor: pointer;
    border-radius: 10px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.tableZebra {
    background-color: #DAF1F6;
    border-top: solid 1px #77A8C3;
    border-bottom: solid 1px #77A8C3;
    padding: 15px 10px;
    width: 100%;
}

hr {
    border-top: 1px solid #c2c2c2;
    margin-top: 35px;
}

.panel-heading .accordion-toggle:after, .accordion-toggle:after, .accordion.heading-collapse[aria-expanded="true"],
.panel-heading .accordion-toggle.collapsed:after, .accordion-toggle.collapsed:after, .accordion.heading-collapse[aria-expanded="true"] {
    font-size: 14px;
}

/*sort arrows*/
table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after,
span.sort-icon:after {
    position: absolute;
    top: 12px;
    right: 4px;
    display: block;
    font-family: Font Awesome 5 Free;
}

table.dataTable thead th.sorting:after {
    content: "\f338";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}

table.dataTable thead th.sorting_asc:after {
    content: "\f30c";
}

table.dataTable thead th.sorting_desc:after {
    content: "\f309";
}

table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    position: inherit;
    display: inline;
}

table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    right: -.5em;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
    top: 0px;
}

.dataTables_wrapper {
    clear: unset;
}

.dataTables_filter label {
    font-weight: normal;
    color: #696969;
}

.dataTables_filter input, .dataTables_filter input:focus {
    border-radius: 5px;
    border: 1px solid #696969;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

table.table {
    border-bottom-width: 0px;
}

/* corrections */
/*shared*/
/* general */

.close {
    color: #4F88A9;
    opacity: 1;
}

    .close:hover, .close:focus {
        color: #4F88A9;
        opacity: .5;
    }

.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
    height: 100%;
}

.profile-logout i {
    margin-right: 0;
}

.profile-name, .profile-help {
    margin-right: 20px;
}

    .profile-logout button:hover, .profile-help button:hover,
    .profile-logout button:active, .profile-help button:active {
        background-color: transparent;
        border: 0px;
        color: #ffffff;
    }

hr.footerHr {
    display: block;
}

:focus {
    outline: none;
}

/*soliciation page*/

.card h2 {
    color: #3c6881;
    width: 100%;
    font-size: 18px;
}

    .card h2 a {
        border: unset;
        background: unset;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        color: #3c6881;
        width: 100%;
    }

.card .row.card-body {
    margin-top: 0px;
}

.card {
    padding-bottom: 20px;
}

.card-highlight {
    background-color: #3c6881;
    text-align: center;
    color: #fff;
    font-weight: 400;
    width: 100%;
    padding: 12px;
}

.card-fullrow {
    width: 100%;
}

input[type="radio"] {
    width: unset;
    height: unset;
}

.custom-control-inline label {
    font-weight: normal;
    margin-bottom: unset;
}

#colOne {
    padding-left: unset;
    margin-left: 0px;
}

#solLinks {
    margin-top: 10px;
}

.solNotAck {
    border: 2px solid #f26522;
    border-radius: 8px;
    background: #f4cfa7;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 20px 35px;
    padding: 15px 25px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

#solNot {
    display: none;
}

.noticeType {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    position: absolute;
    margin-left: 70px;
    width: 250px;
    z-index: 100;
}


/*communication page*/
.col-md-3.input-group.date {
    margin-left: 15px;
}

.proposal, .sub-proposal {
    display: inline-block;
    width: 100%;
}

.proposal-actions-block {
    width: auto;
    float: right;
}

table.proposal-history-table {
    width: 100%;
}

    table.proposal-history-table td {
        vertical-align: top;
    }

tr td.actions, tr th.actions {
    overflow: visible;
    padding-right: .9em;
    max-width: 175px;
    min-width: 140px;
    text-align: right;
    /*display: block;*/
    /*float: right;*/
    /*width: 100%;*/
}
/*.table > tbody > tr > td {
    border-top: none
}*/
.striped-table .dataTable {
    margin-top: 15px;
}

.panel-collapse {
    width: 100%;
    /*margin-top: 30px;*/
}

.offeror-name {
    width: auto !important;
    float: left;
}

.actions div {
    min-width: unset;
    display: inline-block;
}

/*external site*/
td.actions {
    text-align: left;
}

table.table th, table.dataTable thead th {
    font-size: 1em;
    font-weight: normal;
    padding: 10px 18px 10px 8px;
    border: 0;
}

div.proposal div.form-group {
    /*margin-bottom: unset;*/
}

.tooltip-inner {
    min-width: 110px;
}

#offeror-response {
    margin-left: 15px;
}

/*correction of alignment on add content model*/
a[id^='invite-contacts-mailto'] {
    display: inline-block;
    margin-top: 7px;
}

/* fpr */
.form-control-input {
    margin-left: 15px;
}

.form-group {
    /*width: 85%;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#divResponses .accordion-details .form-group {
    display: inline-flex;
}

#divResponses div[id^="view-response-comments-"] {
    word-break: break-word;
}

.date .form-control {
    margin-left: unset;
}

.datepicker th {
    border-radius: 0px;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: #656060;
}

.datepicker td, .datepicker th {
    border-radius: 0px;
}

.table-condensed tr:nth-child(odd) {
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: none;
    background-color: #4F88A9;
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #4F88A9;
    }

.table-condensed tr td {
    padding: 0;
}

.datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    opacity: 0.6;
    background-color: #4f88a9;
}

.bootstrap-datetimepicker-widget table td .btn-datetime span {
    background-color: #fff;
    color: #4f88a9;
}

.timepicker-picker {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.table-condensed tr td:nth-child(2) {
    width: 6px;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-image: none;
    background-color: #F4CFA7;
}

.row.modal-form-document-row.hs-response .add-file {
    background-color: #7d39ac;
    border: 1px solid #2d1c5b;
}

.fa.fa-file-alt.file-nonHs {
	color: green;
	padding-right: 3px;
}

.fa.fa-file-alt.file-Hs {
	color: #7d39ac;
	padding-right: 3px;
}

.fa.fa-file-alt.file-def {
    color: gray;
    padding-right: 3px;
}

.row.card-highlight.hs-notify,
.modal-body .hs-notify {
    background-color: #f1dffe;
    color: #2d1c5b;
    padding: 10px;
}

.modal-body .hs-notify {
    padding-left: 22px;
}

.response.rowLabel.modal-form-document-label {
    width: 190px;
}

/******* More Tooltip Styles *******/
.tooltip-wide + .tooltip > .tooltip-inner {
    max-width: 100% !important;
}

.response-comments {
    width: 97%;
    border-radius: 4px;
}

/******* DateTable related *************/
.highlight > td {
    background-color: #5b6368 !important;
    color: #fff;
}

/* FAQ styles */

div.faq, div.helpguide {
    margin: 10px 30px;
    flex: 1 0 auto;
}

ul.faq, ul.helpguide {
    width: 95%;
    margin: 40px auto 40px;
}

div.faq p {
    margin-left: 30px;
}


.faq li, .how-to li {
    margin-bottom: 10px !important;
}

.faq ul, .faq li {
    position: relative;
    z-index: 10;
    margin-left: -10px;
}

.faq h4 {
    margin-top: 40px;
    position: relative;
}

.faq h4 a {
    color: #00549b !important;
    border: none !important;
    text-decoration: none !important
}

.faq h4 a::before {
    position: relative;
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
    z-index: -200 !important;
}

.faq .helpcontent {
	width: 70%;
	margin: 10px auto;
}

/* FIREFOX HACK */
@-moz-document url-prefix() {
    .faq h4 a {
        padding-top: 80px;
    }

        .faq h4 a::before {
            height: 0;
            margin-top: 0;
        }
}
/* CHROME HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .faq h4 a::before {
        position: absolute;
    }
}

/* EDGE FAQ HACK - dirty*/
@supports (-ms-ime-align:auto) {
    .faq h4 a {
        padding-top: 80px;
    }

        .faq h4 a::before {
            height: 0;
            margin-top: 0;
        }
}

/* SPINNER */
.loader-container {
    position: fixed;
    left: 45%;
    top: 30%;
    height: 90px;
    width: 90px;
    z-index: 5000;
    display: none;
}

.loader-container .loader-text {
    height: 90px;
    width: 90px;
    color: rgba(0, 174, 239, 1);
    position: relative;
    left: 5%;
    top: -55%;
    text-align: center;
    z-index: 5000;
}

.loader-container .spinner {
    height: 90px;
    width: 90px;
    margin: 0 auto 0 auto;
    position: relative;
    left: 0;
    top: 0;
    -webkit-animation: rotation 0.9s infinite linear;
    -moz-animation: rotation 0.9s infinite linear;
    -o-animation: rotation 0.9s infinite linear;
    animation: rotation 0.9s infinite linear;
    border-left: 10px solid rgba(0, 174, 239, 0.15);
    border-right: 10px solid rgba(0, 174, 239, 0.15);
    border-bottom: 10px solid rgba(0, 174, 239, 0.15);
    border-top: 10px solid rgba(0, 174, 239, 0.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*  MISC */

@media (max-width: 1388px) {
    div.card {
        width: 75%;
        margin: 25px auto;
        display: block;
    }
}

.linkMask {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 300%;
    background-color: rgba(255, 255, 255, .5);
}

.row .control-label {
    font-weight: 700;
    margin-bottom: 5px;
}

.no-scroll {
    overflow-y: hidden !important;
}

/* trumbowyg*/
.trumbowyg-box.trumbowyg {
    border-radius: 4px;
    margin: 0px auto;
}

#fpr-newround-comments-div .trumbowyg-box.trumbowyg {
    margin: 0;
}

.trumbowyg-editor.trumbowyg-reset-css {
    font-family: "Open Sans", Arial, sans-serif !important;
    color: #555;
}

.trumbowyg-editor, .trumbowyg-textarea {
    padding: 12px;
}

.trumbowyg-disabled > .trumbowyg-editor.trumbowyg-reset-css {
    background: #eee !important;
}

.trumbowyg-disabled > .trumbowyg-box.trumbowyg {
    margin-bottom: 15px;
}

.trumbowyg-editor p,
.trumbowyg-editor {
    word-break: break-word;
}

.trumbowyg-editor {
    max-width: 100%;
}

/* ckeditor5 */
.ck.ck-editor__main > .ck-editor__editable {
    min-height: 10rem;
}

.ck.ck-editor {
    width: 100% !important;
    max-width: 840px;
}

.ck.ck-editor__top.ck-reset_all {
    z-index: var(--ck-z-modal);
    position: sticky;
    top: 0;
}

.ck.ck-sticky-panel__placeholder {
    display: none !important;
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
    position: unset;
}

.ck-editor__editable_inline {
    max-height: 60vh;
}

/* IE corrections */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    div.footer {
        padding-bottom: 40px;
    }

    #colOne .row .col-md-11 {
        margin-left: -15px;
    }

    .long-and-truncated h2 a, .card h2 a {
        color: #337ab7;
    }

    .form-control {
        width: 100%;
        max-width: 850px;
        box-sizing: border-box;
    }

    .modal-footer {
        border: none;
    }

    .card h2 a:hover, .card h2 a:active, .card h2 a {
        border: none;
    }

    div.container.body-content.staff-side {
        padding: 20px 40px 40px 20px;
    }

    div.pull-right.profile,
    div.pull-right.top_nav.profile {
        padding-right: 20px;
    }

    div.pull-right.profile ul li span a,
    div.pull-right.profile ul li span a i,
    div.pull-right.top_nav.profile ul li span a,
    div.pull-right.top_nav.profile ul li span a i {
        padding-left: 0px;
    }

    div.container.body-content.staff-side div div div div {
        margin-right: 0px;
    }

    #divResponses .accordion-alert {
        margin-right: auto;
    }

    .date.input-group {
        width: 600px;
    }

    .trumbowyg-box.trumbowyg {
        min-width: 770px;
    }
    .trumbowyg-editor {
        max-width: 100%;
    }

}
/* $ support notice banner */

/*================================================================================*/

.support-notice {
    color: #540808;
    position: relative;
    left: 0;
    width: 100%;
    min-height: 100px;
    height: 100px;
    font-size: 22px;
    background-color: #ff6d6d;
    z-index: 1000;
    padding: 8px 0px 8px 95px;
    display: table;
}

    .support-notice:before {
        background: url('../images/warning.svg');
        content: "";
        position: absolute;
        top: 25px;
        left: 30px;
        width: 50px;
        height: 50px;
        z-index: 2000;
        background-repeat: no-repeat;
        background-position: center 40%;
        background-color: #dd2222;
        background-size: 30px;
        border-radius: 50%;
        padding: 20px;
    }

.support-notice-inner {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
}



/*================================================================================*/

/*  IE11 only hacks */

@media screen and (-ms-high-contrast: none) {

    #cs-offeror-communication .trumbowyg-editor {
        max-width: 760px;
    }

    /*.modal-form-comments-box .response-comments {
        visibility: hidden;
    }*/
}