/*Layout Style*/
html, body {
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}
Account Info style sheet .navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 20px;
}
Flip around the padding for proper display in narrow viewports .navbar-wrapper .container {
    padding-left: 0;
    padding-right: 0;
}
.navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-content {
    width: 250px;
    padding: 15px;
    padding-bottom: 0px;
}
    .navbar-content:before, .navbar-content:after {
        display: table;
        content: "";
        line-height: 0;
    }
.navbar-nav.navbar-right:last-child {
    margin-right: 15px !important;
}
.navbar-footer {
    background-color: whitesmoke;
}
.navbar-footer-content {
    padding: 15px 15px 15px 15px;
}
.dropdown-menu {
    padding: 0px;
    overflow: hidden;
}
.navbar #nav > .active > a {
    /*background-color: Red !Important;*/
}
#navbarDropdown {
    color: black;
}
    #navbarDropdown:hover {
        color: black;
    }
.txt-black {
    color: black;
}
.nav-sidebar {
    background-color: #C0AED5;
    color: #F6A704 !important;
}
    .nav-sidebar > li:hover {
        background-color: #6F5091;
    }
    .nav-sidebar > li > a:hover {
        color: #facc24 !important;
    }
    .nav-sidebar > li > a:hover {
        color: #FACC24;
    }
    .nav-sidebar > li {
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        /*border-bottom: 1px solid #6F5091;*/
        border-bottom: 1px solid lightgrey;
    }
#navbarDropdown:active {
    color: black;
}
/* change the background color .change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: black; /*color: rgba(255,255,255,.8);*/ /*padding: 0.8rem 1rem;*/
}
/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: white; /*padding: 1rem 1rem;*/
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    background-color: grey;
}
.nav-item > a {
    color: black;
    font-size: 13px;
    font-weight: normal;
}
.nav-item > .active {
    background-color: #878CB4;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: darkblue; /* Whatever Colour you want */
}
.navbar-custom-one {
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 2px 0px;
    min-height: 45px;
    border-bottom: 2px solid #eb6e1f;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border-color: #17a2b8;
    border-bottom-color: transparent !important;
}
.nav-2-a {
    color: black !important;
    font-weight: bold;
    font-family: Georgia, serif;
    font-size: 16px;
    border-bottom: 4px solid #17a2b8;
}
.nav-side-color {
    background-color: #878CB4;
}
.nav-btn-spn-1 {
    color: #FACC24;
    padding-right: 5px;
    float: left
}
.nav-btn-spn-2 {
    background-color: #878CB4
}
.nav-second-bg-color {
    background-color: /*#0846a8*/ /*#0078D4*/ #6F5091; /*#e2eef4 #edf0f3*/ /*height: 40px;*/
}
.nav-sidebar > li:hover {
    background-color: #6F5091;
}
.nav-sidebar > li > a:hover {
    color: #facc24 !important;
}
.nav-a-minimized {
    color: black !important;
    font-weight: bold;
    font-family: Georgia, serif;
    font-size: 16px;
    border-bottom: 4px solid #17a2b8 !important;
}
.nav-div-span-menu-minimized {
    color: #FACC24 !important;
    padding-right: 5px;
    float: left !important;
}
.nav-div-span-minimized {
    background-color: #878CB4 !important;
}
.menu-nav {
    color: #FACC24 !important;
    padding-right: 5px;
    float: left !important;
}
.nav-tabs {
    border-bottom: 1px solid #0078D4;
}
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        border-color: #0078D4 !important;
        border-bottom-color: transparent !important;
        font-weight: bold;
        color: #0078D4 /*#eb6e1f*/;
    }
    .nav-tabs .nav-link:hover {
        border-color: #0078D4 !important;
        border-bottom-color: transparent !important;
        font-weight: bold;
        color: #0078D4 /*#eb6e1f*/;
    }

.menu-a-active {
    background-color: white !important;
    color: black !important
}
.side-menu-font-family {
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    color: black !important; /**/
    word-wrap: break-word;
    font-weight: bold;
}
.side-menu-font-family:hover {
    color: black;
    font-weight: bold;
}
.side-menu-bg-color {
    background-color: #878CB4;
}
.dropdown-divmenuitem {
    float: left;
    overflow: hidden;
    max-height: 250px;
    overflow-y: auto;
}
    /*navbar menu command sub menu menuitem style*/
    .dropdown-divmenuitem .dropbtn {
        font-size: 14px;
        border: none;
        outline: none;
        color: white;
        padding: 8px 8px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }
.font-color-black {
    color: black !important;
}
.dropdown-divmenuitem:hover .active-menu:hover {
    background-color: white;
    color: black;
}
.submenudropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
    .submenudropdown-content a {
        font-size: 13px !important;
        float: none;
        color: black;
        padding: 8px 8px;
        text-decoration: none;
        display: block;
        text-align: left;
    }
        .submenudropdown-content a:hover {
            background-color: #ddd;
        }
.dropdown-divmenuitem:hover .submenudropdown-content {
    display: block;
}
.department-brand {
    color: #0165b0 !important;
    padding-left: 10px;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    /*font-variant: small-caps;*/
}
    .department-brand > b {
        color: black !important;
        padding-left: 10px;
        font-weight: bold;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        /*font-variant: small-caps;*/
    }
.header-brand {
    font-family: Georgia !important;
    font-weight: 400 bold !important;
}
.header-b {
    font-family: Georgia !important;
    font-weight: 300 !important;
}
h6 {
    color: saddlebrown;
    font-weight: bold;
}
#container {
    min-height: 100%;
}
#main {
    overflow: auto;
    padding-bottom: 30px;
}
#footer {
    background-color: #4C4E4D /*#757575 #333333*/;
    color: aliceblue;
    font-weight: bold;
    position: relative;
    height: 30px;
    margin-top: -30px;
    clear: both;
}
.family {
    font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}
#myDIV > a {
    color: black;
    font-weight: bold;
}
    #myDIV > a:hover {
        font-weight: bold;
    }
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.link-button {
    background: none;
    border: none;
    font-weight: bold;
    color: #0066ff;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    width: auto;
    font-size: 14px;
}
.brand-div {
    padding: 2px 4px 0px 4px !important;
    font-family: Arial, Helvetica, sans-serif;
}
.logout-div {
    padding: 0px 4px 0px 4px !important;
}
.hi-user-div {
    float: right;
    width: auto;
}
.hi-user-form {
    padding: 0;
    margin: 0px;
}
.hi-user-b {
    width: auto;
    padding-right: 5px;
    margin-right: 5px;
    /*color:cornflowerblue;*/
    font-size: 14px;
}
.div-layout-content {
    padding: 0px 2px 0px 2px;
    margin: 0px 2px 0px 2px;
}
.div-body {
    padding: 0px;
    margin: 0px
}
.div-container {
    border: 1px solid #0062AD /*#0078D4 #878CB4 #22767C*/;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px !important;
    border-radius: 6px !important;
}
    .div-container h5 {
        padding: 3px;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }
    .div-container div label {
        font-size: 16px;
        padding: 0px;
        margin: 0px;
    }
    .div-container b {
        font-size: 14px;
    }
    .div-container div div h7 {
        text-decoration: underline;
        font-size: 14px;
        text-align: left !important;
        padding: 0px !important;
        margin: 0px !important;
    }
div-container div {
    padding: 2px 0px 2px 0px;
    margin: 2px 0px 2px 0px;
}
.div-container-form {
    width: 100%;
    padding: 0px;
    margin: 0px
}
div-container-form div label {
    font-size: 16px;
    padding: 0px;
    margin: 0px
}
.div-container-form-div {
    width: 100%;
    padding-left: 15px !important;
    margin-left: 8px !important;
}
    .div-container-form-div label {
        padding: 0px;
        margin: 0px;
    }
.div-container h5 {
    /*background-color: #1172b3; */
    /*background-color: #22767C;*/
    color: white; /*white;*/
    border-bottom: 1px solid #0062AD /*#22767C*/;
    background-color: #878CB4 /*#0078D4 #0062AD  #31708F */;
}
.div-p-m {
    padding: 2px 0px 2px 5px;
    margin: 2px 0px 2px 0px;
}
.page-item {
    padding: 2px 4px 2px 4px !important;
    font-size: 14px !important;
    vertical-align: central !important;
}
.dataTables_filter label {
    font-size: 14px !important;
}
.dataTables_filter input[type=search] {
    padding: 2px 4px 2px 4px !important;
}
.dataTables_length label {
    font-size: 14px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.m-rl-p-rl {
    padding: 0px 2px 0px 2px !important;
    margin: 0px 2px 0px 2px !important;
}
#countyPhoneList_info {
    font-size: 12px !important;
}
#countyPhoneList_paginate {
    font-size: 12px !important;
}
#urlList_info {
    font-size: 12px !important;
}
.container-header-font {
    font-size: 13px;
}
.font-h7 {
    color: cornflowerblue;
    font-size: 12px !important;
    font-weight: bold;
    font-family: Arial;
}
.font-12px {
    font-size: 12px !important;
}
.font-13px {
    font-size: 13px !important;
}
.font-14px {
    font-size: 14px !important;
}
.b-custom-font {
    font-size: 14px;
}
label-custom-font {
    font-size: 14px;
}
.label-custom-font {
    font-size: 12px !important;
    font-family: Arial !important;  
}
b {
    font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}
.page-header {
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    margin-top: 3px;
    font-weight: bold;
    color: #0165b0 /*#05a6f0*/;
}
hr {
    border-color: #31708f;
}
.padding-margin-zero {
    padding: 0px;
    margin: 0px;
}
.padding-margin-t-b-2px {
    padding: 2px 5px 2px 5px;
    margin: 2px 0px 2px 0px;
}
.padding-margin-r-l-2px {
    padding: 0px 2px 0px 2px;
    margin: 0px 2px 0px 2px;
}
.padding-margin-l-2px {
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 0px 2px;
}
.padding-l {
    padding-left: 10px !important;
}
.data-grid-table {
    width: 100%;
    border: 1px solid #2E86C1 !important;
}
    .data-grid-table > thead {
        height: 16px !important;
        font-size: 12px !important;
    }
    .data-grid-table thead tr th {
        font-size: 12px !important;
        height: 10px;
        text-align: center !important;
        border-bottom: 1px solid #2E86C1;
        border-top: 1px solid white;
        border-left: 1px solid white;
        padding: 1px;
        color: white;
        background-color: #0062AD /*#0062AD*/ /*#878CB4*/ /*#5085A5*/;
    }
    .data-grid-table tbody tr td {
        height: 10px !important;
        padding: 2px !important;
        font-size: 12px !important;
        text-align: left;
    }
.data-grid-table-print {
    width: 100%;
    word-wrap: anywhere;
    word-break: break-all;
}
    .data-grid-table-print > thead {
        height: 16px !important;
        font-size: 12px !important;      
    }
    .data-grid-table-print thead tr th {
        font-size: 12px !important;
        height: 10px;
        text-align: center !important;
        border-color: black !important;
        padding: 2px;
        color: #507BFE !important;
        background-color: #0062AD /*#0062AD*/ /*#878CB4*/ /*#5085A5*/;     
    }
    .data-grid-table-print tbody tr td {
        padding: 5px;
        font-size: 13px !important;
        text-align: left;
        border-color: black !important;
        word-wrap: anywhere;
        word-break: break-all;
    }
.data-table-cell-font {
    font-size: 12px !important;
    word-wrap: anywhere;
    word-break: break-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.dataTables_info {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.dataTables_filter > label {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.dataTables_filter > input {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.dataTables_length label {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.dataTables_length select {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
    width: 65px !important;
}
.address {
    text-decoration: underline;
    font-size: 14px;
    text-align: left !important;
    padding: 0px !important;
    margin: 0px !important;
}
.case-ul {
    margin: 0px 3px 0px 3px;
    padding: 0px 3px 0px 3px;
    font-size: 14px;
}
    .case-ul li strong {
        padding: 0px 2px 0px 2px;
        margin: 0px 2px 0px 2px;
    }
.case-status-custom-label {
    float: left;
    width: 60px;
}
.txt-align-center {
    text-align: center !important;
}
label {
    font-weight: bold;
    text-align: left !important;
}
.input-label {
    display: flex;
    align-items: center;
}
label {
    font-family: "Open Sans", Tahoma, Arial, sans-serif;
    font-size: 12px !important;
    vertical-align: central;
}
.label-required:after {
    /*content: ' (required)' !important;*/
    content: ' *' !important;
    font-weight: bold !important;
    font-family: Arial;
    font-size: 16px;
    vertical-align: central;
    color: orangered;
}
.b-label {
    font-size: 14px;
    color: #d5820d;
}
.verticle-align-center {
    display: flex;
    align-items: center;
}
strong {
    font-size: 12px
}
.btn-group-xs > .btn, .btn-xs {
    padding: .5rem .5rem;
    font-size: .85rem;
    line-height: .8;
    border-radius: .2rem;
    vertical-align: central !important;
}
/*Auto complete input box*/
.esri-search__input {
    border: 1px solid !important;
}
@media (max-width: 575.98px) {
    .department-brand {
        color: #0165b0 !important;
        font-weight: bold;
        font-size: 16px;
        font-family: Georgia;
    }

        .department-brand > b {
            color: black !important;
            font-weight: bold;
            font-size: 14px;
            font-family: Georgia;
        }

    .link-button {
        background: none;
        border: none;
        font-weight: bold;
        color: #0066ff;
        text-decoration: underline;
        cursor: pointer;
        float: right;
        width: auto;
        font-size: 12px;
    }

    .dashboard-link {
        font-size: 12px !important;
    }
}
@media (min-width: 360px) and (max-width: 600px) {
    .department-brand {
        color: #0165b0 !important;
        font-weight: bold;
        font-size: 12px;
        font-family: Georgia;
        /*font-variant: small-caps;*/
    }

        .department-brand > b {
            color: black !important;
            font-weight: bold;
            font-size: 11px;
            font-family: Georgia;
            /*font-variant: small-caps;*/
        }

    .nav-account {
        font-size: 12px;
    }

    .link-button {
        background: none;
        border: none;
        font-weight: bold;
        color: #0066ff;
        text-decoration: underline;
        cursor: pointer;
        float: right;
        width: auto;
        font-size: 12px;
    }

    .dashboard-link {
        font-size: 12px !important;
    }
}
.card-body > strong {
    color: #0d79bf;
    font-size: 13px;
}
.card-header {
    padding: 2px !important;
    /*background-color: #BB8FCE;*/
    background-color: #878CB4 /*#035C9E*/ /* #878CB4 #31708F*/ /*#22767C*/;
    color: white;
    font-size: 13px;
    font-weight: bold;
    /*font-weight: bold;*/
}
.card {
    border-color: #035C9E /*#878CB4 #31708F*/ /*#22767C*/;
    font-family: "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}
.case-edit {
    font-size: 16px;
}
.fa {
    font-size: 16px;
}
.fa-trash {
    font-size: 16px;
    color: red;
}
@media(min-width: 360px) and (max-width: 450px) {
    #divReportingPerson {
        flex-direction: column; /*display: flex !important;*/
    }
}
.form-group-custom {
    padding: 2px;
    margin: 2px;
}
    .form-group-custom > label {
        position: absolute;
        top: -5px;
        left: 20px;
        background-color: white;
    }
.required {
    font-size: 14px;
    color: red;
}
.search-div {
    vertical-align: central !important;
}
.search-input {
    display: none;
    height: 25px !important;
    padding: 2px 0px 2px 0px !important;
    margin-bottom: 2px !important;
}
.search-button {
    display: none;
    height: 25px !important;
    padding: 2px 0px 2px 0px !important;
    margin-top: 2px !important;
}
.form-check {
    padding: 4px 2px 4px 2px;
    margin: 4px 2px 4px 2px;
}
.form-check-inline {
    padding: 4px 2px 4px 2px;
    margin: 4px 2px 4px 2px;
}
.u-edit {
    font-size: 13px;
    font-weight: normal;
}
.paginate_button {
    font-size: 13px !important;
    word-wrap: normal;
    word-break: keep-all;
    white-space: normal;
    font-weight: normal;
    vertical-align: central !important;
}
.custum-text-warning {
    color: #EB6E1F;
}
.btn-custom {
    padding: 5px;
    width: calc(95% - 5px);
}
.font-11px {
    font-size: 11px !important;
}
.word-wrap {
    word-wrap: anywhere;
    word-break: break-all;
}