/*modal specification*/
.modal-content {
    border: solid 10px rgba(255, 255, 255, 0.6) !important;
    border-radius: 5px !important;
}

.modal-header {
    padding: 5px !important;
    border-bottom: 1px solid #d2d6de !important;
}

/*modal header style*/
.modal-header {
    background-color: rgb(72,72,74)
}

    .modal-header > div > h3, h4 {
        font-weight: bold;
        font-size: 15px;
        color: white;
    }

.modal-heade > div > close {
    color: white;
}

.modal-header > h3, h4 {
    font-weight: bold;
    font-size: 15px;
    color: white;
}

.modal-heade > close {
    color: white;
}

.modal-footer {
    padding: 10px;
    border-top: 1px solid #d2d6de !important;
}

/*main footer*/
.main-footer {
    border-top: 1px solid #d2d6de !important;
    /* balanced padding — replaces the lopsided 15px 55px 3px 55px from Site.css */
    padding: 12px 20px !important;
}
/* contain the pull-right version float so the footer bg/border wrap it and the
   bottom spacing stays even */
.main-footer::after { content: ""; display: table; clear: both; }
/* keep the copyright line and the version block on the same baseline */
.main-footer p { margin: 0; line-height: 24px; }
.main-footer .pull-right { line-height: 24px; }

/*box body content primary*/
.box-body-content-primary {
    border: 3px solid #3c8dbc;
    border-radius: 5px;
    padding: 10px;
    background-color: rgba(177, 211, 231, 0.1);
    min-height: .01%;
    overflow-x: auto;
}

/*box body font color primary*/
.box-header-primary {
    color: #3c8dbc !important;
}

/*users details block. when it could be changed when users are created/edited*/
.img-user2-details {
    width: 100px !important;
    height: 100px !important;
    border: 4px solid #3c8dbc !important;
}

.img-user-details {
    width: 140px !important;
    height: 140px !important;
    border: 4px solid #bdb5b5 !important;
}

/*customizing the user widget header height*/
.widget-user2-header-hhps {
    height: 130px;
    background-color: #193437;
    color: #b8c7ce;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom: 4px solid #4ac91c !important;
}

.widget-user-header-hhps {
    background-color: #193437 !important;
    color: #b8c7ce !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom: 4px solid #bdb5b5 !important;
}

/*customizing the user widget header text*/
.widget-user-header-hhps-txt {
    margin-left: 120px;
}

    .widget-user-header-hhps-txt > a {
        color: antiquewhite !important;
    }

        .widget-user-header-hhps-txt > a:hover {
            color: whitesmoke !important;
        }

/*customizing the user widget li.div */
.nav-stacked > li > div {
    border-left: 3px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .nav-stacked > li > div > i {
        font-weight: bold;
    }

    /*customizing the user widget li.div */
    .nav-stacked > li > div:hover {
        background: #f7f7f7;
        border-radius: 5px;
    }

.btn-sized {
    width: 160px;
}

.btn-sized-pull-right {
    width: 150px;
    margin-left: 10px;
}

.center-screen-box {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 5%;
}

.center-screen-box-body {
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #fff;
    padding: 20px;
}

.blank-page {
    background-color: rgba(242, 242, 242, 0.5) !important;
}

.side-bar-image {
    width: 50px !important;
    height: 50px !important;
    border: 3px solid #3c8dbc !important;
}

.btn-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #0099cc;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

    .btn-link:hover {
        text-decoration: none;
    }

    .btn-link:disabled {
        text-decoration: none;
        color: gray;
    }

.info-box-content > span > a {
    color: rgba(255,255,255,0.8) !important;
}

    .info-box-content > span > a:hover {
        color: rgb(255,255,255) !important;
    }

.btn-hhps-tbl-blue {
    background: none;
    border: none;
    color: blue;
}

.btn-hhps-tbl-red {
    background: none;
    border: none;
    color: red;
}

.btn-hhps-tbl-dark {
    background: none;
    border: none;
    color: black;
}

.btn-hhps-tbl-pale {
    background: none;
    border: none;
    color: #d2d1d1;
}

.btn-hhps-tbl {
    background: none;
    border: none;
}

    .btn-hhps-tbl-blue:hover, .btn-hhps-tbl-red:hover, .btn-hhps-tbl:hover, .btn-hhps-tbl-pale:hover, .btn-hhps-tbl-dark:hover {
        color: grey;
        border-bottom: 2px solid grey;
    }

.btn-hhps-round {
    background: none;
    border: none;
    color: blue;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
}

    .btn-hhps-round:hover {
        color: grey;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
    }

@media screen and (max-width: 1200px) {
    div.modal-dialog {
        width: 95% !important;
    }

    th.less, td.less, div.less, hr.less {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    span.less-small, hr.less-small {
        display: none;
    }

    #pad {
        padding: 10px !important;
    }
}

.hhps-hr-bold {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 2px solid #3c8dbc;
}

@media print {
    .hhps-print-mode {
        display: none;
    }
}

.hhps-feedback {
    font-weight: bold;
    font-style: italic;
    color: red;
}

@media screen and (max-width: 1201px) {
    div.modal-dialog {
        width: 95% !important;
    }

    th.less-1200, td.less-1200, span.less-1200, div.less-1200, button.less-1200, section.less-1200, li.less-1200 {
        display: none;
    }

    .do-not-show-in-smaller-than-1200-screen {
        display: none;
    }

}

@media screen and (max-width: 901px) {
    th.less-900, td.less-900, span.less-900, div.less-900, button.less-900, section.less-900, li.less-900 {
        display: none;
    }

    .center {
        margin: auto;
        width: 100%;
        padding: 10px;
    }

    img.img-center-display {
        width: 70% !important;
    }

    .do-not-show-in-smaller-than-900-screen {
        display: none;
    }
}

@media screen and (min-width: 900px) {
    div.more-900, button.more-900, section.more-900, th.more-900, td.more-900, span.more-900, li.more-900 {
        display: none;
    }

    .do-not-show-in-larger-than-900-screen {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    div.more-1200, button.more-1200, section.more-1200, th.more-1200, td.more-1200, span.more-1200, li.more-900 {
        display: none;
    }

    .do-not-show-in-larger-than-1200-screen {
        display: none;
    }
}

.hhps-floating-section-height-scroller {
    max-height: 65vh;
    overflow-x: auto;
    white-space: nowrap;
}