:root {
    --cli-primary-table-background: #002d72;
}     
.navbar-scroll .navbar-brand {
        color: #fff;
      }

.navbar-scrolled {
    /*background-color: #1c2a48;*/
    background-color: #000000;
}

      .navbar-scrolled .navbar-brand,
      .navbar-scrolled .nav-link,
      .navbar-scrolled .fa-bars {
        color: #fff;
      }

      .nav-pills .nav-link.active,
      .nav-pills .nav-item.show .nav-link {
        background-color: #39c0ed;
        color: #fff;
      }
      @media (max-width: 991px) {
        .navbar-scroll {
            /*background-color: #1c2a48;*/
            background-color: #000000;
        }
      }

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    color: rgb(84 180 211 / 90%);
}

.navbar-nav .nav-link.show {
    color: #a5a5a5; /*var(--bs-navbar-active-color);*/
}

.md-form .prefix {
    top: .25rem;
    font-size: 1.75rem;
}

.grey-text {
    color: #9e9e9e !important;
}

.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    width: calc(100% - 2.5rem);
    margin-left: 2.5rem;
}

.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}



.md-form .prefix ~ label {
    margin-left: 2.5rem;
}

.card .md-form label {
    font-weight: 300;
}


.md-form > label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    color: #757575;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.md-form label {
    font-size: 1rem;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.blue.accent-1 {
    background-color: #82b1ff !important;
}

.form-header {
    padding: 1rem;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    color: #fff;
    text-align: center;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.form-header {
    padding: 1rem;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    color: #fff;
    text-align: center;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.blue {
    background-color: #2196f3 !important;
}

.map-container-section {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .map-container-section iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.btn-light-blue {
    color: #fff;
    background-color: #82b1ff !important;
}

    .btn-light-blue:hover {
        color: #fff;
        background-color: #9cc1ff;
    }

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .md-form input:not([type]) + label::after, .md-form input[type="text"]:not(.browser-default) + label::after, .md-form input[type="password"]:not(.browser-default) + label::after, .md-form input[type="email"]:not(.browser-default) + label::after, .md-form input[type="url"]:not(.browser-default) + label::after, .md-form input[type="time"]:not(.browser-default) + label::after, .md-form input[type="date"]:not(.browser-default) + label::after, .md-form input[type="datetime"]:not(.browser-default) + label::after, .md-form input[type="datetime-local"]:not(.browser-default) + label::after, .md-form input[type="tel"]:not(.browser-default) + label::after, .md-form input[type="number"]:not(.browser-default) + label::after, .md-form input[type="search"]:not(.browser-default) + label::after, .md-form input[type="phone"]:not(.browser-default) + label::after, .md-form input[type="search-md"] + label::after, .md-form textarea.md-textarea + label::after {
        position: absolute;
        top: 65px;
        display: block;
        content: "";
        opacity: 0;
        -webkit-transition: 0.2s opacity ease-out,0.2s color ease-out;
        transition: 0.2s opacity ease-out,0.2s color ease-out;
    }

.btn-floating i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    line-height: 47px;
}

.btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 47px;
    height: 47px;
}

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}*/

.svg-inline--fa {
    font-size: 10px !important;
}

.HoverBold:hover{
    font-weight:bold;
}

@media (max-width: 600px) {
    #navbar-logo {
        height: 50px !important;
    }
}

@media (max-width: 768px) {
    #dashnavbar-show {
        position: fixed;
        right: 2rem;
        bottom: 10rem;
        z-index: 1030;
        display: flex;
        flex-flow: column-reverse nowrap;
        align-items: center;
        padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom);
        margin-bottom: 0;
        height: auto;
        overflow: hidden;
    }
}

/*.dashboard-menu {
    margin-top: 120px;
}*/
.navbar-content {
    padding-top: 100px;
}


#myNav {
    z-index: 9999;
}

#dashnavbar-show {
    position: fixed;
    right: 2rem;
    bottom: 10rem;
    z-index: 1030;
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: center;
    padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom);
    margin-bottom: 0;
    height: auto;
    overflow: hidden;
}

.loader-modal {
    position: absolute;
    width: 100%;
    max-height: 2000px;
    background-color: #000000;
    opacity:0.5;
    z-index:1000;
}

/*Media Queries*/
@media screen and (max-width: 576px) {
    .cliText {
       /* margin-top: 10rem;*/
        padding-left: 1.5rem;
    }
    .mobileHeight {
        height: 90% !important;
    }

    .appSection > div > a > div > em {
        font-size: 1.75em;
        padding: 1.2em !important;
    }

        .appSection > div > a > div > h5 {
            font-size: 1rem !important;
        }

    .arrow-container {
        visibility: hidden;
    }

    .mobileHeight > div > h1.display-3 {
        font-size: calc(1rem + 2.1vw) !important;
        padding-top: 0.5rem;
        
    }

    .mobileHeight > div > img{
        height:50px;
    }

    .mobileHeight > p.lead {
        margin-bottom: .5rem !important;
    }
}

@media screen and (max-height: 610px) {
    .mobileHeight > div.text-center{
        display:none;
    }
   /* .arrow-container {
        visibility: visible !important;
    }*/
}

@media screen and (max-height: 992px) and (min-width: 576px) {
    .cliText {
        /*        margin-top: 10rem;*/
    }

    .appSection > div > a > div > em {
        font-size: 2em;
        padding: 1.2em !important;
    }

    .arrow-container {
        visibility: hidden;
    }

    .mobileHeight {
        height: 70%;
    }

        .mobileHeight > div > h1.display-3 {
            font-size: 3rem;
        }
}

.table-divider-color {
    border-top-color: var(--mdb-table-divider-color);
}


.field-validation-error {
    border-radius: 0.3em;
    color: white;
    font-size: 14pt;
}

.ui-dialog-title {
    color: white;
}

.ui-dialog-titlebar-close {
    display: none;
}

.field-validation-error {
    border-radius: 0.3em;
    color: white;
    font-size: 14pt;
}

.CLI_Primary_Table {
    background-color: var(--cli-primary-table-background);
}
/*.table {
    --mdb-table-bg:;
}*/
.datatable-header {
    background-color: var(--cli-primary-table-background) !important;
}

.datatable thead th{
    color: white !important;
}

.datatable > .datatable-inner {
    border-radius: 0.5rem;
}
.table > :not(caption) > * > * {
    color: var(--mdb-table-color-state, var(--mdb-table-color-type, "#ffffff"));
    
}

/*body {
    overflow: auto !important;
    padding: 0 !important;
}
*/

.btn-check:checked + .btn {
    color: var(--mdb-btn-active-color);
    background-color: #a3c1f9;
    border-color: var(--mdb-btn-active-border-color);
    box-shadow: var(--mdb-btn-active-shadow);
}
/*
.RadAjaxPanel {
    display: none !important;
}*/