/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    --ccrp-caution: #C25439;
}
body {
    background-color: #0C0E3E;
}

    body::after {
        content: "";
        background: url("../images/CourtLogo.png");
        opacity: 0.1;
        bottom: 0;
        right: 0;
        position: fixed;
        z-index: -1;
        height: 100%;
        width: 100%;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center,center;
        background-size: 100%;
        /*filter:grayscale(1);*/
    }


/*
    Microsoft Edge Recognized Device Viewports (max widths)

    Mobile Small - 320px
    Mobile Medium - 375px
    Mobile Large - 425px
    Tablet - 768px
    Laptop - 1024px
    Laptop Large - 1440px
    Desktop - 2560px
*/

/*
    Bootstrap v5.3 Breakpoints

    Breakpoint	        Class infix     Dimensions
    ----------------------------------------------
    Extra small	        None	        0px
    Small	            sm	            576px
    Medium	            md	            768px
    Large	            lg	            992px
    Extra large	        xl	            1200px 
    Extra extra large	xxl	            1400px
*/

/* 
    
    Mobile 

    Extra small (0px - 574px)

*/

/* Container margin hack for mobile */
@media (max-width: 574px) {
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .container-sm {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-md {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-lg {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-xl {
        padding-right: 0px;
        padding-left: 0px;
    }
}


h1 {
    font-size: 16px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

html {
    font-size: 8px;
}

.CourtLogo {
    width: 50px;
    height: 50px;
}

/*

    Tablet

    Small (575px - 767px)

*/
@media (min-width: 575px) {
    h1 {
        font-size: 17px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 19px;
    }

    h4 {
        font-size: 17px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 13px;
    }

    html {
        font-size: 9px;
    }
}

/*

    Large Tablet/Small Laptop

    Medium (768px - 991px)

*/
@media (min-width: 768px) {
    h1 {
        font-size: 18px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    html {
        font-size: 10px;
    }

    .CourtLogo {
        width: 75px;
        height: 75px;
    }
}



/*

    Laptop

    Large (992px - 1199px)

*/
@media (min-width: 992px) {
    h1 {
        font-size: 19px;
    }

    h2 {
        font-size: 23px;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 19px;
    }

    h5 {
        font-size: 17px;
    }

    h6 {
        font-size: 15px;
    }

    html {
        font-size: 11px;
    }

    body::after {
        background-size: 100vh;
    }
}

/*

    Small Desktop

    Extra Large (1200px - 1399px)

*/
@media (min-width: 1200px) {
    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    html {
        font-size: 12px;
    }

    .CourtLogo {
        width: 100px;
        height: 100px;
    }
}

/*

    Medium Desktop

    Extra Large (1400px - 1599px)

*/
@media (min-width: 1400px) {
    h1 {
        font-size: 21px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 23px;
    }

    h4 {
        font-size: 21px;
    }

    h5 {
        font-size: 19px;
    }

    h6 {
        font-size: 17px;
    }

    html {
        font-size: 13px;
    }
}

/*

    Large Desktop

    Extra Large (1600px - 1799px)

*/
@media (min-width: 1600px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }

    html {
        font-size: 14px;
    }

    .CourtLogo {
        width: 125px;
        height: 125px;
    }
}

/*

    Extra Large Desktop

    Extra Large (1800px +)

*/
@media (min-width: 1800px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }

    html {
        font-size: 16px;
    }

    .CourtLogo {
        width: 150px;
        height: 150px;
    }
}

.ccrp-body {
    color: white;
    display: flex;
    position: relative;
    min-height: 100vh;
}

.ccrp-nav {
    background-color: #0C0E3E;
    max-height: 100vh;
    position: sticky;
    top: 0;
    box-shadow: 1px 0px 20px grey;
    transition: min-width .5s;
    overflow-y: auto;
    margin-bottom: 6rem; /* Prevent content from hiding behind footer */
}

    .ccrp-nav a {
        display: flex;
        justify-content: center;
        align-content: center;
        margin: 30px 0px;
    }

        .ccrp-nav a.ccrp-module {
            color: #F2CE76;
            text-decoration: none;
        }

            .ccrp-nav a.ccrp-module:hover {
                color: white;
            }

            .ccrp-nav a.ccrp-module:focus {
                color: white;
                border: 1px solid white;
            }

    .ccrp-nav::-webkit-scrollbar {
        display: block;
        width: 0.5em;
    }

    .ccrp-nav::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 10px;
    }

.ccrp-nav-last {
    align-self: end;
}

.ccrp-nav-link-btn {
    background-color: none;
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    margin: 30px 0px 0px 0px;
    color: #F2CE76;
    text-decoration: none;
}

    .ccrp-nav-link-btn:hover {
        color: white;
    }

    .ccrp-nav-link-btn:focus {
        color: white;
        outline: 3px solid white;
    }

.ccrp-nav-text {
    margin-left: 5px;
    overflow: hidden;
}


#navbarControl {
    background-color: #0C0E3E;
    color: #F2CE76;
    transition: min-width .5s;
    height: 60px;
    align-content: center;
    text-align: center;
}

#navbarCollapseButton {
    display: block;
    text-align: end;
    color: #F2CE76;
    font-size: 25px;
}

    #navbarCollapseButton:hover, #navbarExpandButton:hover {
        color: white;
    }

#navbarExpandButton {
    display: block;
    margin: auto;
    color: black;
    font-size: 30px;
}

.ccrp-brand {
    display: block;
    color: white;
    text-align: center;
    justify-content: center;
    max-width: 14vw;
    padding: 5px;
}

.ccrp-main {
    width: 100%;
    margin-bottom: 2rem;
    transition: max-width .5s;
}

header {
    margin-top: .5rem;
}

main {
    margin-bottom: 5rem;
}

footer {
    background-color: #08092b;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 5rem; /* Vertically center the text there */
}


/* NYS Unified Court System Color Scheme (not officially recognized... yet) */
.scheme-primary { /* To be used on call-to-actions such as buttons and links. */
    background-color: #F2CE76;
    color: black;
    font-weight: bold;
    box-shadow: 0px 0px 10px white;
}

    .scheme-primary p {
        font-weight: normal;
    }

    .scheme-primary:hover {
        background-color: #DFBE6D;
        color: white;
        box-shadow: none;
    }

    .scheme-primary:focus {
        background-color: #DFBE6D;
        color: white;
        outline: 5px solid white;
        box-shadow: none;
    }

.scheme-secondary { /* For headers and titles. */
    background-color: #0C0E3E;
    color: white;
}

.scheme-secondary-hoverable { /* For headers and titles. */
    background-color: #0C0E3E;
    color: white;
}

    .scheme-secondary-hoverable:hover { /* For headers and titles. */
        background-color: #F2CE76;
        color: black;
    }

.scheme-tertiary { /* Default color for backgrounds. */
    background-color: #DBDFE2;
    color: black;
}

.scheme-tertiary-hoverable {
    background-color: #DBDFE2;
    color: black;
}

    .scheme-tertiary-hoverable:hover {
        background-color: #0C0E3E;
        color: white;
    }

.scheme-link { /* For links. */
    color: #F2CE76;
}

.scheme-caution { /* To be used on call-to-actions such as buttons and links. (but for buttons that are negative actions) */
    background-color: #C25439;
    color: white;
    font-weight: bold;
}

    .scheme-caution p {
        font-weight: normal;
    }

    .scheme-caution:hover {
        background-color: #D95E40;
        color: black;
    }

    .scheme-caution:focus {
        background-color: #CC583C;
        color: black;
        outline: 5px solid white;
    }

.scheme-bar-CDR {
    background-color: #F2CE76;
    color: black;
}

.scheme-bar-DMV {
    background-color: #0195BD;
    color: black;
}

.scheme-bar-DCJS {
    background-color: #C25439;
    color: white;
}

.scheme-bar-CVDB {
    background-color: #DBDFE2;
    color: black;
}

.scheme-bar-OTI {
    background-color: #005135;
    color: white;
}

.scheme-bar-6 {
    background-color: #331A13;
    color: white;
}

.scheme-primary-text {
    color: #F2CE76;
    font-weight: bold;
}

.scheme-link {
    color: #F2CE76;
}

    .scheme-link:hover {
        color: #DFBE6D;
    }

    .scheme-link:focus {
        color: white;
    }

.scheme-search {
    background-color: #0C0E3E;
    color: #F2CE76;
    outline: 2px solid #F2CE76;
    box-shadow: 0px 0px 10px white;
}

    .scheme-search:hover {
        color: white;
        box-shadow: none;
    }

.scheme-table thead {
    border-bottom: 2px solid grey;
}

    .scheme-table thead tr th {
        background-color: #DBDFE2 !important;
    }

.scheme-table tbody tr td {
    background-color: #DBDFE2 !important;
    border: 1px solid grey !important;
}

.scheme-table tbody tr:nth-child(2n+1) td {
    background-color: #D0D3D6 !important;
}

.scheme-table tbody tr td:nth-child(2n+1) {
}

.scheme-error-priority-high td {
    /*    background-color: #FFD0CE !important;*/
    /*    color: #FF0000;*/
}

.scheme-error-priority-med td {
    /*    background-color: #FF8227 !important;*/
}

.scheme-error-priority-low td {
    /*    background-color: #FFE6CE !important;*/
    /*    color: #FFA200;*/
}

/* 
    

    Custom dashboard styles to be combined with color schemes to make repeatable components. 


*/
/* App Spacing */
.dash-box, .dash-box-brand, .dash-box-btn, .ccrp-nav-profile-btn, .dash-court-btn {
    margin: 1rem;
}

.dash-box { /* Responsively padded/spaced rounded box with light shadow to provide contrast. */
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 0px 20px grey;
}

.dash-box-brand { /* Responsively padded/spaced rounded box with light shadow to provide contrast. */
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 20px grey;
}

.dash-btn { /* Rounded button to comply with dashboard application's style. */
    padding: .75rem;
    border-radius: .75rem;
}

.dash-box-btn { /* Responsively padded/spaced rounded box with no shadow to allow for .scheme-primary to work. */
    padding: 2rem;
    border-radius: 2rem;
}

.ccrp-nav-profile-btn {
    padding: 1rem;
    border-radius: 2rem;
    height: max-content;
    white-space: nowrap;
}

.dash-court-btn {
    padding: 1rem;
    border-radius: 2rem;
    height: max-content;
    white-space: nowrap;
    font-weight: bold;
}

.mobile-nav-item {
    color: #F2CE76;
}

.ccrp-thumbnail {
    background-color: #F2CE76;
    padding: .25rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px white;
}

    .ccrp-thumbnail:hover {
        background-color: #DFBE6D;
        opacity: 75%;
        box-shadow: none;
    }

.dash-search {
    display: flex;
    width: 100%;
    margin: 1rem;
    padding: 1rem 1rem 1rem 2.5rem;
    border-radius: 30px;
    height: max-content;
    background-image: url('../images/SearchIconMobile.svg');
    background-position: 13px 16px;
    background-repeat: no-repeat;
}

    .dash-search::placeholder {
        color: #F2CE76;
    }

    .dash-search:hover::placeholder {
        color: white;
    }

    .dash-search:hover {
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="white" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>');
    }

    .dash-search:focus::placeholder {
        color: white;
    }

    .dash-search:focus {
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="white" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>');
    }

@media (min-width: 575px) {
    .dash-search {
        background-position: 15px 19px
    }
}

@media (min-width: 768px) {
    .dash-search {
        background-image: url('../images/SearchIcon.svg');
        background-position: 15px 20px;
    }

        .dash-search:hover {
            background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>');
        }

        .dash-search:focus::placeholder {
            color: white;
        }

        .dash-search:focus {
            background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>');
        }
}

.ccrp-tooltip-caution{
    text-decoration: none;
    color: var(--ccrp-caution);
}

.ccrp-table {
    border: 1px solid grey;
}

    .ccrp-table thead {
        border-bottom: 3px solid grey;
        padding: 3rem;
    }

        .ccrp-table thead th {
            border: 1px solid grey;
            padding: .5rem;
            text-align: left !important;
        }

    .ccrp-table td {
        /*        border-right: 1px solid grey;*/
        border-bottom: 1px solid grey;
        margin: .5rem 0 .5rem 0;
        padding: .5rem;
        text-align: left !important;
    }

.ccrp-table-link {
    color: #F2CE76;
    text-decoration: underline;
    cursor: pointer;
}

.ccrp-calendar {

}

    .ccrp-calendar .calendar-table {
        table-layout: fixed;
        border-style: hidden;
    }

        .ccrp-calendar .calendar-table thead {
            border: 1px solid grey;
            border-bottom: 2px solid grey;
        }

            .ccrp-calendar .calendar-table thead tr th {
                background-color: #DBDFE2;
                text-align: center;
            }

        .ccrp-calendar .calendar-table tbody tr td {
            background-color: #EFF0F1;
            border: 1px solid #A1A1A1;
        }

            .ccrp-calendar .calendar-table tbody tr td .calendar-day-cell {
                aspect-ratio: 21 / 9;
            }

            .ccrp-calendar .calendar-table tbody tr td:has(.calendar-day-cell.calendar-day-cell--empty) {
                background-color: #D0D3D6;
            }

            .ccrp-calendar .calendar-table tbody tr td .calendar-day-number {
                text-align: right;
                padding: 0.25rem 0.5rem;
            }


/* Custom Styles */
::-ms-reveal {
    display: none;
}

.password-box {
    position: relative;
    z-index: 98;
}

    .password-box .password-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99;
    }

.profile-pic {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #C4372D;
    display: inline-block;
    font-size: 15px;
    color: black;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

.profile-pic-main {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-color: #C4372D;
    display: inline-block;
    align-items: center;
    box-shadow: 0px 0px 10px;
    color: black;
}

    .profile-pic-main:hover {
        width: 125px;
        height: 125px;
        border-radius: 50%;
        background-color: #B13229;
        display: inline-block;
        align-items: center;
        box-shadow: none;
        color: white;
    }

.profile-pic-name {
    width: 100%;
    font-size: 75px;
    font-weight: normal;
    text-align: center;
    /*    line-height: 125px;*/
}


.sticky-shadow {
    box-shadow: 0px 0px 75px #0C0E3E;
}

#mainContentContainer, #navbarContainer {
    transition: width .5s;
}

.help-widget, .dictionary-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Bootstrap overides */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.card-nav-open {
    max-width: 230px;
    min-width: 230px;
    max-height: 455px;
}

.card-nav-closed {
    max-width: 55px;
    min-width: 55px;
    max-height: 455px;
}

.card .list-group-item {
    background-color: rgb(0,0,0,.9);
    color: white;
    width: 100%
}

.text-danger {
    color: #ed3333 !important;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.alert-box-shadow {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .7);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.dash-form-select {
    padding: 1rem;
    border-radius: 1rem;
    background-color: #F2CE76;
    color: black;
    font-weight: bold;
    box-shadow: 0px 0px 10px white;
    display: block;
    width: 100%;
    padding-left: calc(0.75rem - 3px);
    font-size: 1rem;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .dash-form-select {
        transition: none;
    }
}

.dash-form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.dash-form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-left: 0.75rem;
    background-image: none;
}

.dash-form-select:disabled {
    background-color: #e9ecef;
}

.dash-form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
}

.dash-form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}

.dash-form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    font-size: 1.25rem;
}

.dash-form-control {
    background-color: #F2CE76;
    color: black;
    font-weight: bold;
    box-shadow: 0px 0px 10px white;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .dash-form-control {
        transition: none;
    }
}

.dash-form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.dash-form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    color: white;
    background-color: rgb(0,0,0,.7);
    box-shadow: 0 0 2px 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.btn-default-size {
    width: 100px
}

.form-input-default-size {
    min-width: 300px;
    max-width: 300px;
}

.form-input-sm-size {
    min-width: 180px;
    max-width: 180px;
}

.form-input-md-size {
    min-width: 375px;
    max-width: 375px;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: height 0.5s ease;
    }
}

/*tr {
    vertical-align: top;
    border-spacing: 20px;
}*/

dd {
    border-bottom: solid 1px grey;
    padding-bottom: 5px;
}

    dd:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.sticky-details {
    position: sticky;
    top: 10rem;
}

.admin-only {
    color: red;
}

.onlyprint {
    display: none;
}