body {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

.ck.ck-button {
    -webkit-appearance: none;
}

:root {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

.logo {
    background-color: #fff;
    border-bottom: solid 2px silver;
    padding: 15px 0;
    margin-bottom: 15px;
}

.header-to-do a {
    display: inline-block;
    border: solid 1px silver;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    text-align: center;
    height: 67px;
}

    .header-to-do a i {
        font-size: 16pt;
    }

    .header-to-do a:hover {
        text-decoration: none;
        background-color: #efefef;
    }

.menu {
    margin: 0 0 15px 0;
}

.content {
    padding: 10px 0;
    margin-bottom: 80px;
}

.footer {
    padding: 10px;
    background-color: #EFEFEF;
    position: fixed;
    margin-top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
}

.gold{
    color:#c29a19;
}

.feedback-star {
    color:silver;
    margin-bottom:20px;
    display:inline-block;
}

.feedback-star:not(:last-of-type){
    margin-right:15px;
}

    .feedback-star:hover {
        color: #c29a19;
        cursor:pointer;
    }

.text-white a {
    color: #fff;
}

    .text-white a:hover {
        color: #fff;
    }

.val-invalid {
    border-color: #ff0000;
}

.cbl td {
    padding: 0 15px;
}

    .cbl td input {
        margin-right: 5px;
    }

.text-red {
    color: red;
}

.bg-off-white {
    background-color: #F2F2F2 !important;
}

.allow-break, .allow-break a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.system-message {
    background-color: #fff6bf;
    border: 1px solid #dedede;
    margin-bottom: 5px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px 0;
}

    .system-message td {
        padding: 5px 10px;
    }

    .system-message tr td:first-child {
        width: 50px;
        border-right: solid thin pink;
        padding: 5px 10px;
        text-align: center;
    }

    .system-message tr:first-child td {
        border-bottom: double thin #6abbf1;
    }

    .system-message tr td:nth-child(2) {
        border-left: solid thin pink;
    }

#cc_c2a {
    z-index: 1050 !important;
    border-collapse: separate;
}

.gvr-click-row {
    cursor: pointer;
}

    .gvr-click-row:hover {
        /*        background-color: rgba(255, 255, 0, 0.2);*/
        background-color: #ffff93 !important;
    }

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > tr > td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > tr > th {
    padding: 5px 3px;
    font-size: 10pt;
}

.grouping-row, .grouping-row td {
    background-color: #000;
    color: #fff;
    font-weight:bold;
    border-color:#000;
}
    

.inactivity {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    color: #000;
    background-color: #ffd800;
    border: solid 1px #000;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.star-container {
    text-align: center;
}

.stars {
    font-size: 14px;
    position: relative;
    display: inline-block;
    color: goldenrod;
    width: auto;
    vertical-align: middle;
}

    .stars div {
        overflow-x: hidden;
        white-space: nowrap;
    }

    .tiny-sol{
        font-size:9pt;
        color:#217ebb;
        font-style:italic;
    }

/* Bootstrap Overrides */

.tooltip-inner {
    max-width: 350px;
    text-align: left;
}

.btn-warning {
    color: #fff !important;
}

.form-inline label {
    margin-right: 5px;
}

    .form-inline label:not(:first-child) {
        margin-left: 5px;
    }

.form-inline .input-group:not(:last-child) {
    margin-right: 5px;
}

.form-inline .input-group:not(:first-child) {
    margin-left: 5px;
}

.form-inline .input-group label + input[type=text], .form-inline .input-group label + select {
    border-radius: 4px 0 0 4px;
}


body, .btn, .form-control, .dropdown-menu, .input-group-text {
    font-size: 11pt;
}

select {
    padding: 4px 12px;
}

.btn-light {
    color: #212529;
    background-color: #d7d7d7;
    border-color: silver;
}

.btn.aspNetDisabled, .btn.aspNetDisabled:active, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:visited {
    background-color: silver;
    border-color: gray;
    color: #000;
    cursor: not-allowed;
}

.system-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .system-menu .btn-group {
        margin-bottom: 5px;
        display: inline-flex;
        flex-grow: 4;
    }

        .system-menu .btn-group .dropdown {
            width: 100%;
            margin-right: 5px;
        }

            .system-menu .btn-group .dropdown .btn {
                width: 100%;
            }


        .system-menu .btn-group .btn {
            margin-right: 5px;
        }

.ui-datepicker-year {
    padding: 4px 1px;
}

.table .sticky-top th{
    background-color:#efefef;
}

table .sticky-top th:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
}

table .sticky-top th:after {
    bottom: 0;
    border-bottom: solid 1px silver;
}

.dropdown-menu.show{
    z-index:2000;
}
/* END --------------- Bootstrap Overrides */
@media only screen and (max-width: 767px) {
    .nav-fill-sm .nav-item {
        flex: 1 1 auto;
        text-align: center;
    }

    .table.responsive > thead > tr > th {
        display: none;
    }

    .table.responsive > tbody > tr > th {
        display: none;
    }

    .table.responsive > tbody {
        border: 0;
    }

        .table.responsive > tbody > tr {
            display: block;
        }

            .table.responsive > tbody > tr > td {
                display: block;
                text-align: right;
                border: 0;
                border-bottom: dashed 1px silver;
                width: auto !important;
            }

                .table.responsive > tbody > tr > td:last-child {
                    border-bottom: solid 2px gray;
                }

                .table.responsive > tbody > tr > td::before {
                    content: attr(data-label);
                    float: left;
                    font-weight: bold;
                    margin-right: 15px;
                }

                .table.responsive > tbody > tr > td::after {
                    content: "\00a0 ";
                }

    .notes-cbl tbody td {
        display: block;
        text-align: left;
        border: 0;
        width: auto !important;
    }

    .star-container {
        float: right;
        text-align: right;
    }
}