:root {
    --gridWidth: "100px";
}

#Subject_Grid .k-grid-content {
    height: 445px !important;
}

.k-dropdown-wrap > span {
    min-height: 2em !important;
}

#MyAgencyInformationPanel {
    display: none;
}

.grid-caption {
    text-align: center; /* Center-align the text */
    font-size: 16px; /* Set a readable font size */
    font-weight: 500; /* Make the text slightly bold */
    color: #333; /* Use a neutral text color */
    background-color: #f9f9f9; /* Add a subtle background color */
    padding: 10px 15px; /* Add padding for spacing */
    margin-bottom: 10px; /* Add space below the caption */
    border: 1px solid #ddd; /* Optional: Add a border for separation */
    border-radius: 5px; /* Optional: Add rounded corners */
    display: inline-block; /* Ensure the caption doesn't stretch unnecessarily */
}

@media (max-width: 768px) {
    .grid-caption {
        font-size: 14px; /* Adjust font size for smaller screens */
        padding: 8px 10px; /* Adjust padding for smaller screens */
    }
}

.badge-container {
    display: inline-block;
    margin-right: 20px;
}

.badge-update {
    border-radius: 12px;
    background-color: red;
    color: white;
    padding: 2px 6px;
    margin-right: 5px;
}

.badge-label {
    display: none;
}

.caption-text {
    margin: auto;
    font-size: 14px;
    color: #333;
}

.k-pager-wrap {
    text-align: center;
    margin-top: 10px;
}

    .k-pager-wrap a {
        padding: 5px 10px;
        border-radius: 4px;
        background-color: #f5f5f5;
        color: #333;
        text-decoration: none;
    }

        .k-pager-wrap a:hover {
            background-color: #ddd;
        }

.grid-caption {
    text-align: center; /* Center-align the text */
    font-size: 16px; /* Set a readable font size */
    font-weight: 500; /* Make the text slightly bold */
    color: #333; /* Use a neutral text color */
    /*background-color: #f9f9f9;*/ /* Add a subtle background color */
    padding: 10px 15px; /* Add padding for spacing */
    margin-bottom: 10px; /* Add space below the caption */
    border: 1px solid #ddd; /* Optional: Add a border for separation */
    border-radius: 0px; /* Optional: Add rounded corners */
    display: inline-block; /* Ensure the caption doesn't stretch unnecessarily */
}

@media (max-width: 768px) {
    .grid-caption {
        font-size: 14px; /* Adjust font size for smaller screens */
        padding: 8px 10px; /* Adjust padding for smaller screens */
    }
}

.badge-container {
    display: inline-block;
    margin-right: 20px;
}

.badge-update {
    border-radius: 12px;
    background-color: red;
    color: white;
    padding: 2px 6px;
    margin-right: 5px;
}

.badge-label {
    display: none;
}

.caption-text {
    margin: auto;
    font-size: 14px;
    color: #333;
}

.k-pager-wrap {
    text-align: center;
    margin-top: 10px;
}

    .k-pager-wrap a {
        padding: 5px 10px;
        border-radius: 4px;
        background-color: #f5f5f5;
        color: #333;
        text-decoration: none;
    }

        .k-pager-wrap a:hover {
            background-color: #ddd;
        }

@font-face {
    font-family: 'sans-serif';
}
/*default screen size is 1920x1080*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-7 {
    padding: 0 !important;
}

.toppadd {
    padding-top: 25px;
}

body {
    color: #000000 !important;
    font: 100 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    margin-bottom: 100px !important;
    overflow-y: hidden;
}

.smallfont {
    color: #000000 !important;
    font: 100 normal 11px/13px Segoe UI, Helvetica, san-serif !important;
    margin-bottom: 100px !important;
}

.columnCaption {
    font: 300 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    text-align: center;
    padding: 10px;
    background-color: #eae8e8;
}

.container {
    width: 100%;
    height: 100%;
    /* padding: 0 15px; */
    margin: 0 auto;
}

#header {
    height: 10px;
    top: 0;
    background-color: #112e51;
}

.noPaddingLeft {
    padding-left: 0 !important;
}

.noPaddingRight {
    padding-right: 0 !important;
}

.noPaddingEverywhere {
    padding: 0px !important;
}

.noPaddingEverywhereButLeft {
    padding-left: 15px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/*font awesome overrides*/
.fa {
    opacity: 1 !important;
    display: inline-block;
    font: normal normal normal FontAwesome !important;
    font-size: inherit;
}

.fa-exclamation-circle-right {
    color: #112e51 !important;
}

.fa-exclamation-circle:link {
    color: #112e51 !important;
}

.fa-exclamation-circle:hover {
    color: #094c7b !important;
}

.fa-stack-2x {
    font-size: 1.2em !important;
}

.fa-stack-1x {
    line-height: 1.3em !important;
}

fa-exclamation-triangle {
    color: gold !important;
}

.bs-example {
    position: relative !important;
    padding: 45px 15px 15px !important;
    margin: 0 -15px 15px !important;
    border-color: #e5e5e5 #eee #eee !important;
    border-style: solid !important;
    border-width: 1px 0 !important;
}

    .bs-example::after {
        position: absolute !important;
        top: 15px !important;
        left: 15px !important;
        font-size: 1em !important;
        font-weight: 700 !important;
        color: #959595 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }

/*Profile section of the header*/
.profileSectionSub {
    width: 75px;
}

.profileSection {
    /*font-size: 16px;*/
    margin-top: 1px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

    .profileSection a:link {
        font: 200 normal 12px/14px Segoe UI, Helvetica,san-serif !important;
        text-decoration: underline;
    }

    .profileSection a:hover {
        font: 200 normal 12px/14px Segoe UI, Helvetica,san-serif !important;
        text-decoration: underline;
    }

    .profileSection a:focus {
        font: 200 normal 12px/14px Segoe UI, Helvetica,san-serif !important;
        text-decoration: underline;
    }

    .profileSection a:visited {
        font: 200 normal 12px/14px Segoe UI, Helvetica,san-serif !important;
        text-decoration: underline;
    }

#ProfileLogin {
    margin: 0 10px 0 0;
    color: white;
}

.profileLink {
    color: #ffffff !important;
    margin: 10px 0 !important;
}

#ProfileHeader {
    /*margin-top: 25px;*/
    display: flex;
    float: right;
    margin-bottom: 0;
}

.logoutLink {
    color: #ffffff !important;
    margin: 10px 0px;
    font: 200 normal 12px/16px Segoe UI, Helvetica, san-serif !important;
}

/*Logo Section of the header*/
#logo-usss {
    top: 10px;
    float: left;
    margin-left: -40px;
}

.logoClass {
    top: 0px;
    width: 100%;
}


/* Footer  */
footer {
    bottom: 0;
    z-index: 1025 !important;
    width: 100%;
    position: fixed;
    left: 0;
    background-color: #f1f1f1;
    color: #000000;
    border-top: 1px solid #757575;
    margin: 0px auto !important;
    padding: 0px !important;
    height: 85px;
}

.footer-version {
    padding-top: 15px;
    color: #000000;
    font: 100 normal 13px Segoe UI, Helvetica, san-serif;
}

.footer-block {
    margin: 1em 0 0 3em;
    color: #000000;
    font: 100 normal 13px Segoe UI, Helvetica, san-serif;
}

/*Text*/
H1 {
    color: #112e51 !important;
    font: 700 normal 2.7em Segoe UI, Helvetica, san-serif !important;
    font-weight: bold !important;
    /* padding-bottom: 5px; */
    padding-top: 1px !important;
}

H2 {
    color: #094c7b;
    font: 700 normal 2.4em Segoe UI, Helvetica, san-serif;
    padding-bottom: 20px;
}

H3 {
    color: #49729c;
    font: 400 normal 1.8em Segoe UI, Helvetica, san-serif;
    padding-bottom: 18px;
}

H4 {
    color: #5082b5;
    font: 400 normal 1.5em Segoe UI, Helvetica, san-serif !important;
    font-weight: bold;
    padding-bottom: 16px;
    margin-top: 20px !important;
}

H5 {
    color: #094c7b;
    font: 400 normal 1.2em Segoe UI, Helvetica, san-serif;
    padding-bottom: 14px;
}

H6 {
    color: #49729c;
    font: 400 uppercase normal 1rem Segoe UI, Helvetica, san-serif;
}

p {
    color: #000000;
    font: 100 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
}

    p .italic {
        color: #000000;
        font: italic 100 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    }

/*Ul {
    color: #000000;
    font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif;
}
LI {
    color: #000000;
    font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif;
}*/

/*Links*/
a:link:not(.k-icon) {
    color: #094c7b;
    font: 200 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    text-decoration: underline;
}

a:hover:not(#MainImageClose, .imageClose) {
    color: #112e51;
    font: 200 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    text-decoration: underline;
}

a:visited:not(#MainImageClose, .imageClose) {
    color: #112e51;
    font: 200 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    text-decoration: underline;
}

a:active:not(#MainImageClose, .imageClose) {
    color: #094c7b;
    font: 200 normal 1em/1.2em Segoe UI, Helvetica, san-serif;
    text-decoration: underline;
}

.skipLink {
    /*position: fixed;
	color: white;
	z-index: 9999999999;
	top: 0px;
	margin-left: 45%;*/
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .skipLink:hover {
        color: #094a82;
    }

.body-content a:link:not(.k-i-collapse), .body-content a:visited:not(.k-i-collapse) {
    /*color: #094c7b;
    font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    text-decoration: underline;*/
}

.body-content {
    /* padding-bottom: 20px !important; */
    /* padding-top: 0px; */
}

    .body-content a:active, .body-content a:hover {
        color: #112e51;
        /* Removed because this was causing problems, we already have font classes on everything anyways. This overwrites font awesome icons*/
        /*font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif !important;*/
        text-decoration: underline;
    }

.red {
    color: #d31717 !important;
    font-weight: 700 !important;
}

.redAstrisk {
    color: #d31717;
    margin-left: 2px;
    font-size: 0.5em;
    vertical-align: top;
}

.deleteSubjectMessage {
    vertical-align: middle !important;
    margin-right: 3px !important;
}

.custom-multiselect-popup.k-popup .k-list .k-item {
    vertical-align: middle;
}

    .custom-multiselect-popup.k-popup .k-list .k-item input,
    .custom-multiselect-popup.k-popup .k-list .k-item span {
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .custom-multiselect-popup.k-popup .k-list .k-item input {
        margin: 3px 2px 3px 6px;
    }

.custom-multiselect-popup .k-state-selected,
.custom-multiselect-popup .k-list .k-state-selected {
    background: inherit;
    border-color: transparent;
    color: #000000;
}

.custom-multiselect-popup .k-list .k-state-hover,
.custom-multiselect-popup .k-list .k-state-active {
    color: #ffffff;
    background-color: #AFAFA7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-multiselect-summary-empty { /* font-style: italic; */
}

.custom-multiselect-selectAll-item.k-item,
.custom-multiselect-selectAll-item.k-item.k-state-hover,
.custom-multiselect-selectAll-item.k-item.k-state-selected {
    font-style: italic;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    border-bottom: #e0e0e0 solid 1px;
    padding-bottom: 1px;
}

/* Loading image for kendo grid position */
.k-loading-image {
    background-position: center 15px;
}

/* Loading grid content height subjects */
#Subject_AgencyAdminGrid .k-grid-content,
#Subject_Grid .k-grid-content,
#UserLogon_Grid .k-grid-content {
    /*height: 40vh !important;*/
}
/*Style for menu links*/
.headerClass {
    width: 100%;
    display: block;
    background-color: #112e51 !important;
    padding-bottom: 50px;
    z-index: 9999997 !important;
}
    /*Create a horizontal list with spacing*/
    .headerClass li {
        display: inline-block;
        /*float: left;
    margin-right: 1px;*/
    }

        .headerClass li a {
            display: block;
            min-width: 160px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-family: Segoe UI, Helvetica, san-serif;
            color: #ffffff;
            background-color: #112e51;
            text-decoration: none;
            padding: 0 0 20px 10px;
        }
        /*Hover state for top level links*/
        .headerClass li:hover a {
            background: #094c7b;
            color: #ffffff;
        }


/*Prevent text wrapping*/
/*Display the dropdown on hover*/
ul li a:hover + .hiddenMenu, .hiddenMenu:hover {
    display: block;
    z-index: 9999999;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: Segoe UI, Helvetica, san-serif;
    text-decoration: none;
    color: #ffffff;
    width: 100%;
    left: 0 !important;
    background: #112e51;
    text-align: center;
    padding: 10px 0;
    display: none;
    border-top: 1px solid #ffffff;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-dropdown-wrap {
    border: 1px solid #ceced2;
}

    .k-dropdown-wrap > .k-input {
        height: 100%;
    }
/*Hide checkbox*/
#show-menu input[type=checkbox] {
    display: none;
}

.menuClass input[type=checkbox] {
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
    z-index: 9999999;
}
/*Role Name Can delete if we remove*/
.verySmallText {
    font-size: .8em !important;
    color: #FFF;
}

.k-pager-numbers .k-state-selected {
    margin-top: 4px;
}

.noPad {
    padding: 0px !important;
}

.noMargin {
    margin: 0px !important;
}

.containerWide {
    width: 98%;
}

.rowSpacing {
    padding-top: 15px 0;
}

.rowSpacingSmall {
    padding-top: 5px 0;
}

.group {
    position: relative;
    margin-bottom: 45px;
    /*margin-left: 40px;*/
}

.pad10 {
    padding: 10px;
}

.top0 {
    top: 0px !important;
}

.k-listview {
    border: 0;
}

.k-listview-content {
    overflow: unset;
}

.k-checkbox-label {
    position: unset;
}

.groupSearchBox {
    position: relative;
    margin: 1em 0;
}

.groupSearch {
    position: relative;
    margin: 1em 0;
}

.gridEditTop {
    border-style: none !important;
    padding: 0px !important;
    margin: 10px 0 0 6px !important;
}

.readOnlyGray {
    background-color: lightgray !important;
}

textarea.k-textbox {
    padding: -20px !important;
}

input.k-textbox {
    padding-top: 20px 2rem !important;
}

.k-autocomplete .k-input,
.k-autocomplete.k-state-focused.k-input,
.k-dropdown-wrap.k-input,
.k-dropdown-wrap.k-state-focused.k-input,
.k-numeric-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-textbox > input {
    border: none !important;
    color: #000000 !important;
    font: 100 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
}

.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:focus,
.k-button.k-state-disabled:hover,
.k-button.k-state-disabled:hover:active,
.k-button[disabled],
.k-button[disabled]:active,
.k-button[disabled]:focus,
.k-button[disabled]:hover,
.k-button[disabled]:hover:active,
.k-state-disabled.k-button,
.k-state-disabled.k-button:active,
.k-state-disabled.k-button:active:active,
.k-state-disabled.k-button:focus,
.k-state-disabled.k-button:hover {
    background-color: #112e51 !important;
    border: 1px solid #112e51 !important;
}

.k-grid-Delete {
    color: #000000 !important;
}

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border: .02px solid #ceced2 !important;
    background-color: #ceced2;
}
/*.k-calendar .k-content, .k-calendar .k-content th {
    text-align: unset !important;
}*/
/*For calendars in filters (in tables)*/
.k-calendar .k-content, .k-calendar .k-content td a {
    min-width: unset !important;
}

.noBorder {
    border-top: 0px !important;
}
/* Float labels*/
.inputMaterialSearch {
    color: #000000 !important;
    padding: 10px 15px;
    display: inline-block;
    width: 88%;
    background-color: #f6fdff;
    border: 1px #ceced2 solid !important;
    border-radius: 2px;
}

.inputMaterialFakeLabel {
    background-color: #e1e1e1;
    border: none;
    margin-left: 20px;
    pointer-events: none;
}
/*Input Material*/
.inputMaterialColumnSelect {
    font-size: 14px !important;
    color: !important;
    padding: 1px;
    display: inline-block;
    background-color: #f6fdff;
    /*border: 1px #ceced2 solid !important;*/
    border-radius: 2px;
    min-width: 13em;
}

.inputMaterial {
    font-size: 14px !important;
    color: !important;
    padding: 10px 0px 10px 5px;
    display: block;
    width: 100%;
    background-color: #f6fdff;
    border: 1px #ceced2 solid !important;
    border-radius: 2px;
}

.inputMaterialCombo {
    font-size: 14px !important;
    color: !important;
    width: 100%;
    padding: 0px;
    background-color: #f6fdff;
    /*border: 1px #c1c1c1 solid !important;*/
    border-radius: 2px;
}

.inputMaterialMaskedNumeric {
    font-size: 14px !important;
    color: !important;
    width: 100%;
    border: 1px solid #c1c1c1 !important;
    padding: 0px;
    height: 100%;
}


.inputMaterialDatePicker {
    font-size: 14px !important;
    color: !important;
    height: 100%;
    width: 100%;
}

.inputMaterial[disabled] {
    background-color: #f9f9f9 !important;
    border: 1px solid #ceced2 !important;
}

.inputMaterialMaskedNumeric[disabled] {
    background-color: #f9f9f9 !important;
    /*border: 1px solid #c1c1c1 !important;*/
}
/*Fix issue where k-dropdown has inputs inside */
/*.inputMaterialCombo [class*="input"] :not(k-dropdown-wrap:parent), .inputMaterialDatePicker [class*="input"] {
    height: 100%;
}*/

.inputMaterial:focus, inputMaterialCombo:focus {
    outline: none;
}

    .inputMaterial:focus ~ label {
        top: -20px;
        font-size: 14px;
        color: #112e51;
    }

.inputMaterialCombo:focus ~ label {
    top: -20px;
    font-size: 14px;
    color: #112e51;
}

.inputMaterialMultiSelect {
    padding: 1em;
    padding-right: 10px;
}

/* LABEL  For Floating Labels */
.group label {
    position: absolute;
    cursor: default;
}

.groupLabel {
    position: absolute;
    margin-top: -5px;
    /*margin-top: 27px;*/
}

.multiBasicSearch {
    float: right;
}

.marginbottom {
    margin-bottom: 45px;
}

label {
    /*font: 100 normal 14px Segoe UI, Helvetica, san-serif !important;*/
    /*position: absolute;*/
    /*pointer-events: none;*/
    /*left: 5px;*/
    /*top: -20px;*/
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    font-weight: normal !important;
}

/*Fix pop on div when hover over filter cells*/
.k-input.k-state-invalid, .k-input.k-textbox.k-state-invalid, .k-input.k-textbox.ng-invalid, .k-input.k-textbox:invalid, .k-input.ng-invalid, .k-input:invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid, .k-textbox:invalid {
    border-color: none !important;
    color: unset !important;
}

.k-input[disabled] {
    background-color: #f9f9f9 !important;
    border: 1px solid #c1c1c1 !important;
}

.k-operator-hidden > .k-autocomplete {
    border: 1px solid #fff !important;
}

.k-filtercell > span > .k-autocomplete:not(:hover) {
    border: 1px solid #fff !important;
}

.k-autocomplete, .k-autocomplete.k-state-hover, .k-combobox .k-dropdown-wrap, .k-combobox .k-state-hover, .k-combobox > :hover, .k-dateinput .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datepicker .k-state-hover, .k-datetimepicker .k-picker-wrap, .k-datetimepicker .k-state-hover, .k-input, .k-input.k-textbox,
.k-multiselect, .k-multiselect-wrap, .k-multiselect.k-state-hover, .k-numerictextbox .k-numeric-wrap, .k-numerictextbox .k-state-hover, .k-textbox, .k-timepicker .k-picker-wrap, .k-timepicker {
    background-color: #f6fdff !important;
    border: 1px solid #ceced2 !important;
}

.k-dropdown[disabled] {
    background-color: black !important;
}

.k-multiselect-wrap > .k-input {
    background-color: transparent !important;
    border: none !important;
}

.k-multiselect[disabled] {
    background-color: #f9f9f9 !important;
    border: 1px solid #ceced2 !important;
}

.materialBarComboEnable {
    height: 2px;
    width: 100%;
    bottom: 3px;
    padding: 0 20px 0 10px;
    position: absolute;
    background: #ff0000 !important;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.materialBarComboEnable1 {
    height: 2px;
    width: 100%;
    bottom: 3px;
    padding: 0 20px 0 10px;
    position: absolute;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.materialComboEnable {
    color: #000000;
    top: -20px;
    font-size: 14px;
}

.materialComboDisable {
    color: #000000;
    padding: 0 20px 0 10px;
    top: 0px;
    font: 100 normal 14px Segoe UI, Helvetica, san-serif;
    position: absolute;
    pointer-events: none;
    /*left: 10px;*/
    top: 5px;
}

/* BOTTOM BARS  */
.bar {
    position: relative;
    display: block;
    width: 100%;
    z-index: 99999;
}

    .bar:before, .bar:after {
        content: '';
        height: 3px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #FF0000 !important;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

/* table caption and summary hidden fields for screen readers only*/
#TableCaption {
    padding: 5px;
    display: none;
    visibility: hidden;
}

#TableSummary {
    padding: 5px;
    display: none;
    visibility: hidden;
}

#TableAlert {
    display: none;
    visibility: hidden;
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
    width: 50%;
}

.inputMaterialCombo:focus ~ .bar:before, .inputMaterialCombo:focus ~ .bar:after {
    width: 50%;
}
/* active state */
.inputMaterial:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.inputMaterialCombo:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/*Warning/Error/Anonymous pages*/
/*.lineHeight {
	line-height: 2;
}
	.lineHeight p {
		font-weight: 600;
		margin-bottom: 20px;
	}*/

/*Decline link*/
.declineLinkSiteTracker {
    margin: 10px 30px;
    font: normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    text-decoration: underline;
    color: #094a82;
}

.declineLink {
    margin: 0 30px;
    font: normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    text-decoration: underline;
    color: #094a82;
    cursor: pointer;
}

    .declineLink a:link, .declineLink a:visited {
        font: normal 14px/18px Segoe UI, Helvetica, san-serif !important;
        text-decoration: underline;
        color: #094a82;
        cursor: pointer;
    }

    .declineLink a:hover, .declineLink a:active {
        font: normal 14px/18px Segoe UI, Helvetica, san-serif !important;
        text-decoration: underline;
        color: #112e51;
        cursor: pointer;
    }

/*buttons*/
.primaryButton, .alertButton {
    font: normal 14px Segoe UI, Helvetica, san-serif !important;
    padding: 8px !important;
    background-color: #112e51 !important;
    border-color: #112e51 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    margin-right: 15px !important;
    background-image: none;
}

.alertButton {
    background-color: #990000 !important;
}

    .alertButton:hover {
        background-color: #bb5555 !important;
    }

.k-button:focus {
    background-color: #094c7b !important;
    border-color: #112e51 !important;
    color: #fff !important;
}

.k-button:hover {
    background-color: #094c7b !important;
    border-color: #112e51 !important;
}



/* ANIMATIONS  */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.km-switch-background, .km-switch-handle {
    border-radius: 10px;
}

.km-switch-handle {
    border-radius: 10px !important;
    border: unset !important;
}

.km-switch-label-off {
    background-color: #d31717 !important;
    height: 50px;
    margin-left: 2px;
}

.km-switch-label-on {
    background-color: #00a651 !important;
    height: 50px;
    margin-left: -2px;
}

/*Validation*/
.validationSuccess {
    min-height: 100px;
    background-color: #90df90;
    border: 2px solid #00a651;
}

.validationSuccessMessage {
    color: #00a651;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

.validationError {
    min-height: 100px;
    background-color: #FFD2D2;
    border: 2px solid #d31717;
}

.anchor {
    /*margin-right: 5px;*/
    /*This is messing whenever there is not a link in the validation pink box*/
}

.validationMessage {
    margin: 15px;
    width: 100%;
    font: 200 normal 25px/28px Segoe UI, Helvetica, san-serif;
}

.validationErrorMessage {
    color: #d31717;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

/*Modals*/
.js-modal-close {
    font-size: 30px;
    color: #337ab7 !important;
}

.modal-box {
    z-index: 999999999;
    display: none;
    position: absolute;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

    .modal-box header,
    .modal-box .modal-header {
        padding: 1.25em 1.5em;
    }

        .modal-box header h3,
        .modal-box header h4,
        .modal-box .modal-header h3,
        .modal-box .modal-header h4 {
            margin: 0;
        }

    .modal-box .modal-body {
        padding: .5em 4.0em;
    }

    .modal-box footer,
    .modal-box .modal-footer {
        padding: 15em 1em 1em 4em;
        text-align: right;
    }

.modalTextReplace {
    word-wrap: break-word;
    font: 500 normal 14px/18px Segoe UI, Helvetica, san-serif;
    margin-bottom: 10px;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3) !important;*/
    background-color: #666666 !important;
}

/*.modal-backdrop {
    z-index: 1026 !important;
    background-color: rgba(255,255,255,.0012) !important;
}*/

a.close {
    font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif;
    position: absolute;
    top: 5%;
    right: 2%;
    color: #555555 !important;
}

    a.close:hover {
        color: #094a82 !important;
        font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

.modalInside {
    border: 10px solid #112e51;
    border-radius: 20px;
}

.negPaddingLeft {
    margin-left: -25px;
}

.modal-content-max-width {
    margin-left: 25px;
    margin-right: 25px;
    padding: 0px 0px 60px 20px !important;
}

#slick-images {
    border: 1px solid #efeeee;
    background-color: #f9f7f3;
}

/*.modal-backdrop {
    z-index: 1026 !important;
    background-color: rgba(255,255,255,.0012) !important;
}*/

.modal-backdrop.fade {
    opacity: 0;
    /*filter: alpha(opacity=0);*/
}

    .modal-backdrop.fade.in {
        opacity: 0.5;
        /*filter: alpha(opacity=50);*/
    }

/* A simple, css only, (some-what) responsive menu */
.searchLine {
    display: inline-block;
}

.searchChevron {
    font-size: 40px;
    vertical-align: middle;
    color: #112e51;
    cursor: pointer;
}

    .searchChevron:link {
        color: #112e51;
        cursor: pointer;
    }

    .searchChevron:visited {
        color: #112e51;
        cursor: pointer;
    }

    .searchChevron:hover {
        color: #094a82;
        cursor: pointer;
    }

    .searchChevron:active {
        color: #094a82;
        cursor: pointer;
    }

.menuClass .fa {
    padding: 0 15px 0 5px;
}

.menu_opener_label {
    background: #f1c40f;
    width: 150px;
    height: 150px;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 10;
}

/*tooltip validation*/
.inputMaterialMaskedNumeric > span.k-widget.k-tooltip-validation {
    text-align: left;
    font-size: 1.2rem;
    position: absolute;
    width: auto;
    left: 0;
    color: #ff0000 !important;
    border: 0;
    background: none;
    box-shadow: none;
    color: #FF0000;
}

.inputMaterialCombo > span.k-widget.k-tooltip-validation {
    text-align: left;
    font-size: 1.2rem;
    position: absolute;
    width: auto;
    left: 0;
    color: #ff0000 !important;
    border: 0;
    background: none;
    box-shadow: none;
    color: #FF0000;
}

span.k-widget.k-tooltip-validation {
    text-align: left;
    font-size: 1.2rem;
    position: absolute;
    width: auto;
    left: 0;
    z-index: -1;
    color: #ff0000 !important;
    border: 0;
    background: none;
    box-shadow: none;
    color: #FF0000;
}

.inputMaterialDatePicker > .k-picker-wrap > span.k-widget.k-tooltip-validation {
    margin-top: 30px !important;
    text-align: left;
    font-size: 1.2rem;
    position: absolute;
    width: auto;
    left: 0;
    color: #ff0000 !important;
    border: 0;
    background: none;
    z-index: -1;
    box-shadow: none;
    color: #FF0000;
}

.k-tooltip-validation .k-warning {
    /*display: none;*/
}

#DateOfBirth > span.k-widget.k-tooltip-validation {
    margin-top: 30px !important;
}

.toolTipShared {
    padding-bottom: 30px;
}

.k-tooltip-button .k-i-close {
    display: none;
}

.k-tooltip {
    color: #000000 !important;
}
/*astrisk*/
.redAsterisk {
    color: #FF0000;
    margin-left: 2px;
    font-size: 8px !important;
    vertical-align: top;
}

.asteriskMessage {
    /*display: -ms-inline-flexbox;
		display: -webkit-inline-box;*/
    font-weight: 600;
    padding-bottom: 20px;
}

.asteriskMessageWithoutPadding {
    font-weight: 600;
}

.k-dropdown {
    min-height: 2.1em !important
}

.k-picker-wrap {
    line-height: 1.9em !important;
}

.k-floatwrap {
    height: auto !important;
}

.k-multiselect-wrap {
    height: 5em !important;
}

    .k-multiselect-wrap .k-floatwrap {
        width: unset !important;
    }

    .k-multiselect-wrap li {
        width: 90% !important;
    }

    .k-multiselect-wrap[disabled] {
        background-color: #e9e8e8 !important;
    }

/*.k-button:hover {
    color: #FFF !important;
}*/

.k-tooltip {
    margin-bottom: 200px !important;
}

.k-nodata {
    min-height: 50px !important;
}

k-dropdown-wrap k-state-disabled:first-child {
    background-color: #e9e8e8 !important;
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border: none !important;
}

.k-dropdown-operator {
    visibility: hidden;
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    width: 100% !important;
}

    .k-filtercell > span {
        padding-right: 0 !important;
    }

.k-grid td {
    vertical-align: top;
    padding-left: 0.4em;
    padding-bottom: 0.4em;
    padding-right: 0em;
    padding-top: 0em;
}

.k-grid-header th > .k-link > .k-icon {
    position: absolute;
    left: -12px;
    margin-top: 2px;
}

.k-grid-header .k-header.k-sorted .k-link {
    position: relative;
    padding-left: 14px;
}

/*Advanced Search */
.advancedSearch {
}

/*Suggestion Message Search*/
.suggestionBox {
    width: 100%;
    background-color: #CADEF9;
    border: 2px solid #2A78E4;
}

.suggestionHeader {
    font-size: 2em;
    margin-left: 10px;
    margin-top: 10px;
    color: #2A78E4;
}

#suggestionMainMessageId {
    color: black;
    font-size: 1.5em !important;
    vertical-align: text-top;
}

#suggestionMainMessageId {
    color: black;
    font-size: 2em;
    color: black;
}

#suggestionList {
    font-size: 20px;
    margin-left: 3%;
    width: 100%;
    margin-bottom: 30px;
}

    #suggestionList li {
        font-size: 18px !important;
        font-weight: 200;
        font-family: Segoe UI, Helvetica, san-serif;
    }

#SuggestionClass {
    display: none;
}

/*Alias*/
.aliasBorder {
    border: none !important;
    margin-bottom: 3px;
}

.aliasDelete {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.aliasTextBoxCell {
    background-color: #faf8f5 !important;
    width: 90% !important;
    padding: .25em;
}

#AliasList, #AlternateDateOfBirthList, #AlternateIdentificationTypeList {
    border: 1px #c1c1c1 solid !important;
}

.editAliasRow {
    margin-bottom: 45px;
}

#AliasList .k-grid-add, #AlternateDateOfBirthList .k-grid-add, #AlternateIdentificationTypeList .k-grid-add {
    float: right !important;
}

#AliasList div.k-grid-header, #AlternateDateOfBirthList div.k-grid-header, #AlternateIdentificationTypeList div.k-grid-header {
    padding-right: 0px !important;
}

#AliasList .k-grid-content, #AlternateDateOfBirthList .k-grid-content, #AlternateIdentificationTypeList .k-grid-content {
    overflow-x: hidden;
    overflow-y: hidden;
}

#topLoader, #qsTopLoader {
    position: absolute;
    top: 40%;
    left: 47%;
}

#qsTopLoader {
    z-index: 999999999999 !important;
    height: 128px !important;
    width: 128px !important;
}

#SignalMapHolder {
    width: 100%;
    height: 400px;
    display: block;
    position: absolute;
    background-color: rgba(252, 252, 252, 0.3);
    margin-top: -10px;
    display: none;
}

/* loading bar */
.signal {
    z-index: 999999999;
    position: absolute;
    top: 250px;
    left: 47%;
    height: 45px;
}

.signal-small {
    position: absolute;
    top: 47%;
    left: 47%;
    height: 45px;
}

.signal-bar {
    display: inline-block;
    width: 8px;
    height: 36px;
    border-radius: 8px;
    animation-play-state: running;
    animation: signal 1s ease-in-out infinite;
}

    .signal-bar:nth-child(1) {
        background-color: #3498db;
        /*background-color:#112e51;*/
        animation-delay: 0;
    }

    .signal-bar:nth-child(2) {
        background-color: #c0392b;
        animation-delay: 0.09s;
    }

    .signal-bar:nth-child(3) {
        background-color: #f1c40f;
        animation-delay: .18s;
    }

    .signal-bar:nth-child(4) {
        background-color: #27ae60;
        animation-delay: .27s;
    }

@keyframes signal {
    0% {
        animation-play-state: running !important;
        -webkit-animation-play-state: running !important;
        -moz-animation-play-state: running !important;
        transform: scale(1);
    }

    20% {
        transform: scale(1, 2.2);
        animation-play-state: running !important;
        -webkit-animation-play-state: running !important;
        -moz-animation-play-state: running !important;
    }

    40% {
        transform: scale(1);
        animation-play-state: running !important;
        -webkit-animation-play-state: running !important;
        -moz-animation-play-state: running !important;
    }
}

/*Image gallery*/
.containerSlick {
    padding: 20px 20px 30px;
    background-color: darkgreen;
}

.center-div {
    margin: 0 auto;
    width: 300px;
}

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

.mainimage {
    width: 100%;
}

.action {
    display: block;
    margin: 100px auto;
    width: 300px;
    text-align: center;
}

    .action a {
        display: inline-block;
        padding: 5px 10px;
        background: #f30;
        text-decoration: none;
    }

        .action a:hover {
            background: #000;
        }

.slick-prev:before {
    color: black !important;
}

.slick-next:before {
    color: black !important;
}

.borderImageGalleryEdit {
    border: 1px solid black;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 30px;
}

#ImageEditorDiv {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -20px;
    margin-left: -15px;
}

.borderImageGalleryEdit > h2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#drop-area {
    border: 3px dashed black !important;
    background-color: #F0F0F0;
    border-radius: 20px !important;
    width: 100% !important;
    margin: 10px auto !important;
    padding: 20px 0px 20px 0px;
    background-repeat: no-repeat;
    height: 300px;
}

    #drop-area.heighlight {
        border-color: purple;
    }

#fileElem {
    display: none;
}

.imageFont {
    font-size: 18px;
    margin-top: 20px;
    margin-left: 20px;
}

.imageBoxLabel {
    margin-top: auto;
    margin-bottom: auto;
}

.imageGroupLabel {
    margin-bottom: 10px;
    top: -20px;
}

.hideLink {
    font-size: 24px !important;
    margin: 0 30px;
    color: #094a82;
    cursor: pointer;
}

.imageTextArea {
    width: 100%;
    border: 1px solid #ceced2;
    margin-top: -18px !important;
    background-color: #f6fdff !important;
    padding: 10px 0px 10px 5px;
}

#PhotoRemarks {
    padding: 10px;
}

#sortable-horizontal {
    overflow: hidden;
    text-align: center;
}

    #sortable-horizontal img {
        width: 150px;
        margin: -22px 20px 10px 0;
        float: left;
        vertical-align: middle;
        cursor: grab;
    }

.placeholder {
    display: inline-block;
    width: 144px;
    float: left;
    height: 180px;
    border: 1px dashed #ddd;
    background-color: #f3f5f7;
    margin: -22px 20px 10px 0;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 125px;
    vertical-align: middle;
    color: #777;
}

.sortableImages {
    width: 166px;
    /*margin: 10px 20px 10px 0;*/
    vertical-align: middle;
    cursor: move;
    display: inline-block !important;
    float: left;
    z-index: 999999 !important;
    margin: 0px 20px 20px 0px
}

.tooltipImage {
    opacity: .6 !important;
    z-index: 9999999999999 !important;
}

.uploadLink {
    color: #094c7b;
    font: 200 normal 18px Segoe UI, Helvetica, san-serif !important;
    text-decoration: underline;
}

.containerImage {
    margin-left: 30px;
}

a.imageClose {
    float: right;
    color: red;
    text-decoration: none !important;
    font-size: 25px;
    position: relative;
    top: -6px;
    cursor: pointer;
}

    a.imageClose:hover {
        color: darkred;
    }

a.mainImageClose {
    float: right;
    right: 7px;
    color: red;
    border-radius: 40px;
    text-decoration: none !important;
    font-size: 35px;
    position: relative;
    right: -5px;
    cursor: pointer;
}

    a.mainImageClose:hover {
        color: darkred;
    }

.editImage {
    padding: 0px 10px 2px;
    border: 1px solid rgb(51, 51, 51);
    border-image: none;
    top: 3px !important;
    color: white;
    float: left;
    position: relative;
    z-index: 2147483647;
    cursor: pointer;
    background-color: rgba(9, 76, 123, 1);
}

    .editImage:hover {
        color: #e1e1e1 !important;
    }

.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}

    .carousel-showmanymoveone .carousel-control.left {
        margin-left: 0;
    }

    .carousel-showmanymoveone .carousel-control.right {
        margin-right: 0;
    }

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

.carousel .item .col-xs-12 {
    padding: 0;
}


/* Medium Devices, Desktops */



@media only screen and (max-width: 992px) {
    .carousel .item .col-xs-12:nth-last-child(-n+2) {
        display: none;
    }

    #tapQuickSearchBolt, #tapQuickSearch {
        bottom: 5px !important;
    }
}

@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -16.6%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 16.6%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.6%, 0, 0);
        transform: translate3d(16.6%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.6%, 0, 0);
        transform: translate3d(-16.6%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

.carouselImage {
    padding: 2px;
    margin: auto;
    width: 100%;
    max-height: 300px;
    z-index: 47483647;
}

.carouselImageSort {
    height: 140px;
    z-index: 47483647;
}

#CloseImagePanel {
    font-size: 18px !important;
}

.highlight1 {
    width: 100%;
    height: 166px;
    z-index: 999999999999999999999999999999;
}

.imageGroupNotes {
    margin-bottom: 10px !important;
}

.imageMask {
    width: 100%;
    height: 100%;
    background: rgba(252, 252, 252, 0.3);
    top: 0;
    left: 0;
    z-index: 999999997;
    opacity: .4;
    pointer-events: none;
}

#UnknownYear span > li {
    margin-top: 30px;
    color: #ff0000 !important;
    list-style: none;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

#UnknownYear > span > li {
    margin-top: 30px;
    color: #ff0000 !important;
    list-style: none;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

#UnknownYear span > li {
    margin-top: 30px;
    color: #ff0000 !important;
    list-style: none;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

#UnknownYear > span > LI {
    margin-top: 30px;
    color: #ff0000 !important;
    list-style: none;
    font: 200 normal 20px/26px Segoe UI, Helvetica, san-serif;
}

#UnknownYear > LI {
    width: 400px !important;
    color: red !important;
    display: inline-block !important;
    list-style-type: none;
}

/*Announcement*/
.announcementPad {
    padding-bottom: 20px !important;
}

#AnnouncementForm .inputMaterialDatePicker {
    min-width: 100px !important;
}

.groupAuditViewAnnouncement label:first-child {
    font-weight: 600 !important;
}

.groupAuditViewAnnouncement {
    font-size: 1em;
    margin-bottom: 15px;
    position: relative;
}

.announcmentTitle {
    font-size: 1.6em;
}

.announcmentMessage {
    font-size: 1.2em;
}

#IdentificationType {
    min-width: 300px !important;
}

.identificationBox {
    background-color: #e1e1e1;
    width: 100%;
    padding: 5px 5px 10px 5px;
}

.identificationValueWidth {
    width: 100%;
}

.identificationMinus {
    margin-top: 10px;
    vertical-align: bottom;
    font-size: 1.3em !important;
}

.identificationValueWidth[disabled] {
    background-color: #e9e8e8 !important;
}

#MainContent {
    /*height: auto;
	margin: 25px auto;
	padding-top: 60px;*/
    height: 100%;
    /*padding: 5em 0 8em 0;*/
}

#MainContentnoMenu {
    /*min-height: 1000px;*/
    min-height: 100%;
    padding-bottom: 8em;
}

.padding-bottom {
    /*padding-bottom: 100px;*/
    padding-bottom: 5em;
}

.headerLeft {
    margin-left: 150px;
}

.focus-color {
    color: #3e84cf;
}

.visited-color {
    color: #4c2c92;
}

.validationBox {
    width: 100%;
}

#validationMainMessageId {
    color: black;
    font-size: 20px;
    margin-left: 5px;
}

.tableCell {
    display: table-cell;
    /*padding-left: 10px;*/
    padding-right: 10px;
}

.grid input[type=checkbox] {
    display: block;
}

#errorList {
    list-style-type: none;
}

.km-switch {
    width: 4.3em !important;
    height: 2.5em !important;
    line-height: 2.8em !important;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background-color: #bac2cf !important;
    color: #000000 !important;
}

.k-grid tr:hover {
    background-color: #92a8cd !important;
}

#tempGridDiv {
    margin-top: 10px;
    margin-bottom: 20px;
}

.labelCountdown {
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
}



.km-switch-handle {
    margin-bottom: 18px !important;
}

#errorList li {
    font: 500 normal 14px/18px Segoe UI, Helvetica, san-serif;
    padding: 10px;
}

#AppendToMe {
    font: 500 normal 14px/18px Segoe UI, Helvetica, san-serif;
}

.modalText {
    font: 200 normal 14px/18px Segoe UI, Helvetica, san-serif;
    padding-bottom: 10px;
}

.floatLeft {
    float: left;
}

.noDisplay {
    display: none;
}

.floatRight {
    float: right;
}

th .k-active-filter {
    background-color: #f5f5f6 !important;
}

/*th .k-active-filter, .k-state-active, .k-state-active:hover {
        background-color: #f5f5f6 !important;
    }*/


.faDisplay:not(th) {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    display: table-cell !important;
    height: 100%;
    color: white;
    background-color: #00A607;
    text-overflow: unset;
}

.faDisplayView:not(th) {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    display: table-cell !important;
    height: 100%;
    color: white;
    background-color: #112e51;
    text-overflow: unset;
}

.faDisplayError:not(th) {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    display: table-cell !important;
    height: 100%;
    color: white;
    background-color: #FF0000;
    text-overflow: unset;
}

.textAlignRight {
    text-align: right;
}

.addAnotherLink {
    float: left;
    font-size: 18px;
    color: #112e51;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

    .addAnotherLink:hover {
        text-decoration: underline;
        float: left;
        font-size: 18px;
        color: #23527c;
        font-weight: 500;
        outline: 0;
        border-color: #112e51;
        -webkit-box-shadow: inset 0 0 3px 1px #bebec3;
        box-shadow: inset 0 0 3px 1px #bebec3;
        cursor: pointer;
    }

input:disabled.btn:hover,
input:disabled.btn:active,
input:disabled.btn:focus {
    background-color: #333333 !important;
}

.mask {
    width: 100%;
    height: 100%;
    /* background: rgba(252, 252, 252, 0.3); */
    top: 0;
    left: 0;
    z-index: 999999998;
    /* display: none; */
    opacity: .75;
    pointer-events: none;
}

.lighterMask {
    width: 100%;
    height: 100%;
    background: rgba(252, 252, 252, 0.3);
    top: 0;
    left: 0;
    z-index: 999999998;
    /* display: none; */
    opacity: .7;
    pointer-events: none;
}

.pdfMask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999998;
    /* display: none; */
    opacity: 0;
    pointer-events: none;
}

.km-switch-background, .km-switch-handle {
    color: #bababa !important;
}

.plusMinus {
    vertical-align: top;
    font-size: 2em;
}

.fakeInput {
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
    pointer-events: none;
    min-width: 176px;
    font-size: 14px !important;
    color: !important;
    padding: 0;
    background-color: #f6fdff;
    border: 1px #c1c1c1 solid !important;
    border-radius: 2px;
}

.fakeTextBox {
    /*background-color: #f9f9f9;
		min-height: 30px;*/
    margin-top: 20px;
    /*min-width: 50%;*/
    padding-top: 5px;
    /*padding-left: 10px;*/
}

.plusMinusTopMargin {
    padding-bottom: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.addedInput {
    margin: 2px 0;
    background-color: #f6fdff !important;
}

.seventy {
    width: 70%;
    min-width: 300px;
}

.thirty {
    width: 30%;
    vertical-align: middle;
}

textarea[name=CautionIndicatorNotes], .CautionIndicatorNotesLabel {
    margin-top: 7px;
}

.groupOverride {
    margin-top: 20px !important;
    /* margin-top: 1px !important;*/
}

.textAreaGroupOverride {
    margin-top: -19px !important;
}

div[role=tooltip] {
    /*margin-top:-25px !important;*/
}

.multiSelectDisable {
    background-color: #e9e9e9 !important;
    border: 1px solid #c1c1c1 !important;
}

.dropDownDisable[aria-disabled]:first-child {
    background-color: #e9e8e8 !important;
}

.minHeightDirectory {
    min-height: 650px !important;
    padding-bottom: 100px;
}

.padModalButton {
    padding-bottom: 10px;
}

.gridPadding {
    padding-bottom: 30px;
}

.noRecordsTemplate {
    text-align: center;
    vertical-align: middle;
    line-height: 150px;
}

.searchResultMessage {
    margin-bottom: 0px !important;
}

.noRecordsFoundMessage {
    margin: 0px !important;
    font-weight: 500;
    color: #d31717 !important;
}

/*table:focus tbody td[id$='_active_cell']:not(.fa-caret-right) {
    border: dashed 5px #112e51;
}

tbody td[id$='_active_cell'][data-role='editable']:not(.fa-caret-right) {
    border: dotted 1.5px orange;
}*/

.k-grouping-row > .fa-caret-right {
    background-color: lightblue !important;
}

.k-grouping-row > td > p > a {
    text-decoration: none !important;
}

#AddressGrid_active_cell > .deleteLink, #VehicleGrid_active_cell > .deleteLink, #IdentifyingMarkingGrid_active_cell > .deleteLink, #IdentificationGrid_active_cell > .deleteLink, #VirtualPresence_active_cell > .deleteLink, #PhoneNumberGrid_active_cell_active_cell > .deleteLink {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
}

.padLeftHelp {
    padding-left: 15px !important;
}

.moveRight {
    margin-right: 10px;
}

.alterateDOBLabel {
    margin-top: -22px;
    margin-bottom: 26px;
}

.deleteLink {
    vertical-align: bottom;
}

.inputMaterialComboDisabled {
    background-color: #f9f9f9 !important;
}

#SearchInput::-ms-clear {
    display: none;
}

#validatorClass {
    display: none;
}

#MainContent > validatorClass {
    display: none;
    margin-top: 10px;
}

#AnnouncementValidatorPlacement > #validatorClass {
    margin-bottom: 50px !important;
}

#AnnouncementValidatorPlacement > .validationBox {
    margin-top: 0px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.fix-close-position {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 9999995;
    margin: 10px;
    background-color: transparent;
    border: 0px;
    padding: 10px;
    font-size: large;
    font-weight: 900;
}

    .fix-close-position:first-child {
        color: #112e51;
        font-size: 40px;
    }

.splitUL li {
    width: 33.333333%;
    float: left;
    list-style-type: square;
    padding: 5px !important;
}

.nowrap {
    white-space: nowrap;
}

.margin-negative-20 {
    margin-left: -20px;
    margin-top: -20px;
}

.multiline {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.multiline50 {
    height: 50%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#ColumnItems-list {
    height: unset !important;
}

.marginRadio {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    vertical-align: text-bottom;
}

#UserEmailGrid .k-button {
    float: right;
}

.inputValidatorClass {
    border: none !important;
    pointer-events: none;
}

#ValidatorUserEmail ~ .k-tooltip-validation > span {
    margin-left: 15px;
}

.bigCheckBox {
    width: 20px;
    height: 30px;
    margin-top: -4px !important;
    margin-left: 12px !important;
}

#CancelLink {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.padTop30 {
    padding-top: 30px;
}

.padTop10 {
    padding-top: 10px;
}

.groupAuditView {
    margin-bottom: 5px;
    position: relative;
}

    .groupView label:first-child, .groupAuditView label:first-child {
        font-size: 16px;
        font-weight: 600 !important;
    }

    .groupViewSwitch label:first-child, .groupAuditView label:first-child {
        font-size: 16px;
        font-weight: 600 !important;
    }

.button-link {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional*/
    border-bottom: 0px;
    cursor: pointer;
}

    .button-link:hover {
        background: none !important;
    }

.notif-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.scroll-auto {
    /*-ms-overflow-y: auto !important;*/
    overflow-y: auto !important;
}

#ColumnItems-list {
    height: auto !important;
}

    #ColumnItems-list .k-list-scroller {
        height: auto !important;
        max-height: calc(100vh - 46vh) !important;
        overflow-y: auto !important;
    }

.cautionAlignment {
    margin-top: 0px;
    margin-left: -25px;
}

#TableAlert {
    visibility: hidden;
}

table.k-selectable:active {
    /*border: .2px solid #094a82;*/
}

#PopupAgency {
    min-height: 600px;
}

    #PopupAgency .k-loading-mask {
        width: 100%;
        height: 50px;
        top: 0px;
        margin-top: 200px;
        left: 0px;
        margin-left: -50px;
    }

#VirtualPresence .k-button, #AlternateDateOfBirthGrid .k-button, #IdentifyingMarkingGrid .k-button,
#IdentificationGrid .k-button, #AddressGrid .k-button, #PhoneNumberGrid .k-button, #AddressGrid .k-button,
#VehicleGrid .k-button {
    float: right
}

.textboxpadding {
    padding: 5px 10px;
}

.padTopBottom15 {
    /*margin-top:40px;*/
    margin-top: 15px;
    margin-bottom: 15px;
}



.padMarginBottom40 {
    padding-bottom: 40px !important;
}

.padTop30b {
    margin-top: 30px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.padBottom40 {
    padding-bottom: 40px;
}

.margin-top-40 {
    margin-top: 20px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.switchPad {
    padding-right: 10px;
    display: inline-block;
}

.noDataEditableRecord {
    vertical-align: top;
    padding-left: 0.4em;
    padding-bottom: 0.3em;
    padding-right: 0em;
    padding-top: 0.3em;
    float: left;
    margin-left: 20px;
}

.centerTabHeader {
    text-align: center;
    width: 100%;
    margin: 0px auto;
}

.middleCenterTabHeader {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    max-width: 130px;
}

#AgencyForm .nav-tabs > li.active > a, #SubjectForm .nav-tabs > li.active > a {
    /*border-bottom: 1px solid #ddd;*/
    text-decoration: none;
}

img {
    vertical-align: middle;
}

    img.PIX {
        max-width: 100%;
        height: auto;
    }

#pageTwo {
    margin-bottom: 20px;
}

.messageMargin {
    margin-left: -15px;
}

#txtAgencyMessage {
    margin-bottom: 0px !important;
}

.AgencyUserGridLabel > label {
    /*margin-left: -15px;
	font-weight: 700 !important;
	margin-top: 20px;*/
    color: #49729c;
    font: 400 normal 20px/26px Segoe UI, Helvetica, san-serif;
    padding-bottom: 18px;
}

.AgencyUserEditGrid > label {
    margin-left: -15px;
    margin-top: 10px;
}

#AgencyUserEditGrid {
    margin-left: -15px;
    margin-bottom: 20px;
}

#AgencyUserGrid {
    margin-left: -15px;
}

.headerIgnore {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#AgencyUserEditGrid .k-button {
    float: right
}

.bulkImportClear {
    margin-bottom: 20px;
}

.buttonStayRight {
    right: 0px !important;
    margin-right: -15px;
}

.yearRemarkDiv {
    text-align: center;
    -ms-word-wrap: break-word;
}

.indexH1 {
    margin-top: 5px;
}

.pix-overlay { /* REF: https://www.w3schools.com/howto/howto_css_overlay.asp */
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#AgencyUserEditGrid .k-invalid-msg {
    position: relative !important;
}

.k-maskedtextbox .k-i-warning {
    display: none;
    position: relative;
    left: 0px;
    padding-right: 0px !important;
    top: 17px !important;
    -webkit-transform: translateY(-50%);
}

.k-invalid-msg > .k-i-warning {
    display: inline-block;
}

#ColumnItems_listbox > li a {
    min-width: unset !important;
}

#AgencyUserEditGrid .k-tooltip {
    margin-bottom: 0px !important;
}

.noDataEditableRecordAgencyAdmin {
    vertical-align: top;
    padding-left: 0.4em;
    padding-bottom: 0.3em;
    padding-right: 0em;
    padding-top: 0.3em;
    float: left;
    margin-left: 20px;
    color: #ff0000 !important;
}

.prev {
    float: left;
    background-color: #303030 !important
}

.next {
    float: right;
}

#bulkImportGrid .k-grid-edit {
    margin-top: 7px !important;
}

/* Conflicts with kendo/bootstrap, makes this needed to override anything.
	Prevents going down the rabbit hole!
*/
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: close-quote !important;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.directorySearchHeaderReAlign {
    margin-left: -15px;
}

.noPadLeftAndRight {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noPadLeftAndRightNone {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padRight15 {
    padding-right: 15px !important;
}

.profilepic {
    color: #112e51;
    font-size: 30px;
}

.myinformationtext {
    margin: 20px;
    font-size: 22px !important;
    /*border: 1px;
	color: #112e51;
	text-decoration: underline;*/
}

.myinformationtextspan {
    font-size: 22px !important;
}

.myagencytext {
    margin: 15px;
    font-size: 22px !important;
    /*border: 1px;*/
    color: #112e51;
    text-decoration: underline;
}

.myprofilebox {
    position: relative;
    /*width: 300px;*/
    cursor: pointer;
    color: #112e51;
}

    .myprofilebox:hover {
        position: relative;
        /*width: 300px;*/
        text-decoration: underline;
        cursor: pointer;
        color: #2b3990;
    }

.activeProfile {
    background-color: #ececec;
    color: #2b3990;
    font-weight: bold;
    text-decoration: underline;
}

.profileEditButton {
    float: right;
    position: relative
}

.roleDisplay {
    font-weight: 800;
    margin-top: -20px;
}

.margin-top-5 {
    margin-top: 5px;
}

.radioContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radioContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
/*.radioContainer:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the radio button is checked, add a blue background */
.radioContainer input:checked ~ .checkmark {
    background-color: #112e51;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radioContainer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.imageBefore {
    border: 1px solid gray;
    border-image: none;
    max-height: 320px;
    width: 200px;
    margin-top: -10px;
    padding-right: 10px;
    text-align: center;
    font-size: 173px !important;
    background-color: rgba(222, 222, 224, 1);
}

#CheckboxContainer > span.k-numerictextbox {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px !important;
}

.reportGroup {
    margin-top: 10px;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #ceced2;
    background-color: rgba(247, 247, 248, 1);
    border-bottom: none;
    min-height: 50px;
}

.checkBoxLabel {
    display: inline-block !important;
    margin-right: 10px;
    margin-top: 6px;
}

.groupCheckBox {
    margin-top: 8px;
    margin-bottom: -5px;
}

.headerGroup {
    margin-top: 20px;
    margin-bottom: -20px;
    margin-right: 20px;
}

.headerbootstrap {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    width: 22px !important;
    height: 22px !important;
}

.lastStep {
    margin-left: -15px;
}

.headerMessage {
    padding-right: 25px !important;
}

.maxWidthUserEmailGrid {
    max-width: 600px !important;
    margin-bottom: 30px;
    margin-top: 190px;
}

.padActiveButton {
    padding-top: 10px;
}

.margin-negative-15 {
    margin-left: -15px !important;
}

.margin-negative-30 {
    margin-left: -30px !important;
}

.faDisplayViewGrouping {
    background-color: rgba(255, 213, 110, 1);
}

#hideBulkArea {
    display: none;
}

#ColumnItems {
    visibility: hidden;
}

#CriteriaMatches {
    margin: 0px !important;
}

.imageStep {
    margin: auto !important;
    display: block !important;
    height: 100px;
}

.min-height-user-email-grid {
    min-height: 110px;
}

.k-label > .k-check-all, .k-check-all, .k-multicheck-wrap > k-label {
    display: none;
}

.k-multicheck-wrap input[type=checkbox] {
    margin-left: 5px !important;
    margin-right: 5px;
    padding: 0px !important;
    margin-top: 4px;
    margin-bottom: -4px;
    height: 18px !important;
}

.topMinus10 {
    top: -10px !important;
    padding-bottom: 10px;
}

/* MAPS START*/
#AddressEditorContainerPanel {
    height: 400px;
    overflow-y: hidden !important;
    margin-top: 10px;
    /*margin-bottom:10px;*/
    border-bottom: 1px solid #000;
}

#AddressListContainerTemplatePanel {
    background-color: white;
    min-height: 200px;
    overflow-y: auto;
}

#MapChildPanel {
    background-color: white;
}

.MapAddressPanel {
    width: 100%;
    background-color: #094c7b;
    height: 30px !important;
}

.maptitle {
    padding: 5px !important;
    padding-top: 3px !important;
    color: #fff;
    font: 600 normal 16px/20px Segoe UI, Helvetica, san-serif !important;
}

.mapCloseHideelement {
    margin-top: -30px;
    padding-left: 25px;
}

.js-screenshot-image {
    position: absolute;
    z-index: 0;
    display: none;
    display: block !important
}

.esri-search {
    width: 360px !important;
    top: 12px !important;
    left: 100px !important;
}

.esri-editor .esri-item-list__scroller {
    height: auto !important;
}

.esri-icon-dock-right::before {
    display: none !important;
}

esri-popup__icon--dock-icon esri-icon-dock-right esri-popup__icon {
    display: none !important;
}

.esri-popup__header-buttons {
    padding: 0 7px !important;
    /*margin: 0 !important;
    display: flex !important;*/
    color: #fff !important;
    background-color: #112e51 !important;
    font: 700 normal 18px/22px Segoe UI, Helvetica, san-serif !important;
}

.esri-popup__button {
    color: #fff !important;
    font: 700 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    cursor: pointer !important;
}

.esri-popup__header {
    /*position: relative !important;*/
    font-size: 16px !important;
    /*align-items: flex-start !important;
    justify-content: space-between !important;*/
    /*display: flex !important;
    flex: 0 0 auto !important;*/
    background-color: #112e51 !important;
    color: #ffffff !important;
    font: 700 normal 30px/39px Segoe UI, Helvetica, san-serif !important;
    margin: 0 !important;
}

.esri-popup__container {
    display: flex !important;
    flex-flow: column nowrap !important;
    flex: 1 1 auto !important;
    font: 400 normal 12px/14px Segoe UI, Helvetica, san-serif !important;
    margin: 0 !important;
    overflow: auto !important;
    overflow-x: auto !important;
}



.esri-widget {
    box-sizing: border-box !important;
    color: #000000 !important;
    font-size: 14px !important;
    font-family: Segoe UI, Helvetica, san-serif !important;
    background-color: #ffffff !important;
    line-height: 1.3em !important;
}

.esri-popup__main-container {
    pointer-events: auto !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
    width: 300px !important;
    max-height: 600px !important;
    display: flex !important;
    flex-flow: column nowrap !important;
}

.esri-layer-list__item-container {
    display: none !important;
}

.panel-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.esri-popup__content {
    display: flex !important;
    flex-flow: column nowrap !important;
    flex: 1 1 auto !important;
    font: 400 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    margin: 0 !important;
    overflow: auto !important;
    overflow-x: auto !important;
}

.esri-popup__header-title {
    color: white !important;
    font-weight: bold !important;
    padding: 0px !important;
    margin: 0 !important;
    display: block !important;
    flex: 1 !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.esri-view-height-less-than-medium .esri-popup__main-container {
    max-height: 600px !important;
}

.esri-view-width-large .esri-popup__main-container {
    width: 300px !important;
}

.esri-popup__feature-buttons .esri-popup__action {
    color: #000 !important;
    max-width: 100% !important;
}

.esri-popup__feature-buttons {
    /*display: none !important;*/
}

esri-popup__button esri-popup__button--dock {
    display: none !important;
}

.esri-popup__feature-buttons, .esri-popup__feature-buttons [role='button'] {
    font: 700 normal 14px/18px Segoe UI, Helvetica, san-serif !important;
    position: relative !important;
    display: flex !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: 150px !important;
}

.panel-side {
    /*margin-right: 10px;
    margin-top: 10px;
    border-radius: 2px;*/
    border-left: 1px solid #000000;
    padding: 2px;
    box-sizing: border-box;
    width: 275px;
    /*height: 100%;*/
    position: absolute;
    background-color: #ffffff;
    top: 0;
    right: 0;
    color: #000000;
    height: 100%;
    overflow: auto;
    z-index: 60;
}

.panel-container > ul {
    font: 100 normal 12px Segoe UI, Helvetica, san-serif !important;
}

.panel-side h4 {
    padding: 0 !important;
}

.panel-side ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.panel-side li {
    list-style: none;
    padding: 10px 20px;
}

.panel-result {
    cursor: pointer;
    margin: 2px 0;
    background-color: rgba(0, 0, 0, 0.3);
}

    .panel-result:hover,
    .panel-result:focus {
        color: orange;
        background-color: rgba(0, 0, 0, 0.75);
    }

.spaceAddreses {
    margin-top: 20px;
    margin-bottom: 20px;
}

.imgH3Close {
    margin-top: -19px;
}

.templateHolder {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #094c7b;
}

.mappadleft {
    padding-left: 5px !important;
}

.MapalignLeft {
    text-align: left !important;
}

.mapHr {
    margin-top: 10px !important;
    border-top: 1px solid #094c7b !important;
    height: 1px !important;
}

#ButtonMinimize {
    border: solid 1px;
    width: 25px;
    height: 23px;
    float: right;
    cursor: pointer;
}

.minusButton {
    font-size: 22px;
    background-color: #094c7b;
    color: #ffffff;
    border: none !important;
    margin-top: 3px;
    display: block;
}

h4.MapBox {
    color: #094c7b !important;
    font: 400 normal 17px/22px Segoe UI, Helvetica, san-serif !important;
    font-weight: bold !important;
    margin-left: 2px !important;
}

h4.MapBoxedit {
    color: #094c7b !important;
    font: 400 normal 17px/22px Segoe UI, Helvetica, san-serif !important;
    font-weight: bold !important;
    margin-left: 5px !important;
}

.negMarginLeft {
    margin-left: -10px;
}

h2.MapBox {
    color: #094c7b !important;
    font: 700 normal 30px/34px Segoe UI, Helvetica, san-serif !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mapButton {
    padding: 3px !important;
    width: 50px;
}

.templateHolder:hover {
    background-color: #e9e8e8 !important;
}

.templateClicked {
    background-color: #e9e8e8 !important;
}

.esri-ui-corner .esri-expand .esri-widget--panel, .esri-ui-corner .esri-expand .esri-widget--panel-height-only, .esri-ui-corner .esri-component.esri-widget--panel {
    width: 168px !important;
}

.esri-layer-list {
    margin-top: -76px !important;
}

.esri-ui {
    right: 0px !important;
}

#MapDiv {
    padding: 0;
    margin: 0;
    height: 450px;
    width: 100%;
    /*padding-right: 300px;*/
}

.editorMain {
    display: none;
}

.editorColors {
    color: black;
}

.mapEditorPad {
    padding: 3px;
}

.esri-zoom {
    margin-top: -5px !important;
    margin-left: 0px !important;
    pointer-events: all !important;
}

.mapBorder {
    height: 452px;
    border: 1px solid black;
    padding: 0px !important;
    margin-left: 0px;
    margin-right: 15px;
}

#MapSearchPanel {
    margin: 5px 20px 15px 10px;
}

.noMap {
    display: none !important;
}
/* MAPS END*/

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: unset !important;
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th:first-child.k-header {
    border-left-width: 1px !important;
}

#AddressListContainerTemplatePanel {
    overflow-y: hidden !important;
    width: 100%;
}

#MapPanel {
    overflow: hidden;
}

.MapAddressPanel {
    height: 30px !important;
}


.maptitle {
    padding: 5px !important;
    padding-top: 3px !important;
}

#AddressEditorContainerPanel {
    margin-top: 10px !important;
}

/*.esri-view-height-xsmall .esri-expand .esri-widget--panel, .esri-view-height-xsmall .esri-expand .esri-widget--panel-height-only, .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    display: none !important;
}*/
.esri-view-height-xsmall .esri-expand .esri-widget--panel, .esri-view-height-xsmall .esri-expand .esri-widget--panel-height-only, .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    display: block;
}
/*.esri-component .esri-legend .esri-widget--panel .esri-widget{
    display: none !important;
}*/

.esri-legend {
    display: none;
    visibility: hidden;
}
/*.esri-ui {
            right: 0px !important;
        }*/
.esri-popup__inline-actions-container .esri-popup__action {
    flex: 0 0 !important;
    flex-basis: 20px !important;
    margin-left: 0 !important;
    margin-right: 7px !important;
}

.btn {
    padding: 5px 6px;
}

.mapButtonPanel {
    height: 34px;
    top: 10px;
    right: 0px;
    color: white;
    padding-bottom: 10px;
    margin-bottom: 0px;
    position: absolute;
    z-index: 999;
    background-color: white;
    margin-right: 15px;
    border-radius: 0px !important;
}

.borderMapIcons {
    border: 1px #c1c1c1 solid !important;
    line-height: unset !important;
}

.borderMapHome {
    border-radius: unset;
    border-right: 1px solid #c1c1c1;
    margin-left: 0px !important;
}


@media only screen and (max-width: 960px) {

    #AgencyFilter {
        height: 36px !important;
        width: 300px !important;
        max-width: 300px !important;
    }

    #3DAgencyFilter {
        width: 300px !important;
        max-width: 300px !important;
    }
}



.mapAgencyFilterDropdown {
    width: 300px !important;
    height: 34px !important;
    top: 11px;
    left: 480px;
    overflow: hidden;
}

    .mapAgencyFilterDropdown .k-multiselect-wrap {
        height: 34px !important;
        width: 300px !important;
        top: 11px;
        left: 480px;
        overflow: hidden;
    }

.map3DAgencyFilterDropdown {
    width: 300px !important;
    height: 34px !important;
    top: 11px;
    left: 480px;
    overflow: hidden;
}

    .map3DAgencyFilterDropdown .k-multiselect-wrap {
        height: 34px !important;
        width: 300px !important;
        top: 11px;
        left: 480px;
        overflow: hidden;
    }



@media only screen and (max-width: 771px) {
    .mapAgencyFilterDropdown {
        width: 300px !important;
        height: 34px !important;
        top: 48px !important;
        left: 55px !important;
    }

    .map3DAgencyFilterDropdown {
        width: 300px !important;
        height: 34px !important;
        top: 48px !important;
        left: 55px !important;
    }
}

.esri-search {
    width: 360px !important;
    top: 12px !important;
    left: 100px !important;
}

.esri-basemap-gallery {
    /*margin-top: 29px;*/
    margin-right: 1px;
    display: none;
    visibility: hidden;
    max-height: 200px;
}

.mapSeperator {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

:first-child.esri-basemap-gallery__item {
    margin-top: 0px !important;
}

.noButtonRadius {
    border-radius: 0px !important;
}

.borderRight1 {
    border: 1px solid #c1c1c1;
}

.noMarginLeft {
    margin-left: 0px !important;
}

.k-treeview .k-checkbox-label {
    margin-top: 5px !important;
}

#MapRefreshButton, #AddAnotherAddressFromMap {
    margin-left: -2px !important;
    margin-top: 10px !important;
}

#CautionIndicatorListView > .listView-row {
    padding-right: 0px;
    background: rgba(0, 0, 0, 0) !important;
    padding-bottom: 0px;
    box-shadow: none !important
}

.listView-row > .chkbx {
    /*margin-left: -20px;*/
}

.signal-grid {
    top: 50% !important;
}

.mobileLoginProfileClick {
    cursor: pointer;
}

.modalViewTopButtonRealign {
    padding-bottom: 10px;
    vertical-align: bottom;
}

.groupLabelTextBox {
    margin-top: -18px;
}


#SubjectAddValidatorPlacement {
    padding-top: 10px;
}

#errorList > li {
    color: black !important;
}

    #errorList > li:hover {
        color: black !important;
    }

.padding-top-10 {
    padding-top: 10px;
}

.k-mobile-list > ul > li > ul > li > label {
    left: unset !important;
    top: unset !important;
    position: unset !important;
}

    .k-mobile-list > ul > li > ul > li > label > input {
        border: 2px solid black !important
    }

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-color: orange !important;
}

.BasicSearchPadding {
    margin-right: -15px;
    padding-bottom: 15px;
}

.k-mobile-list .k-check:checked {
    background-image: url(silver/sprite.png);
    background-position: -30px -30px !important;
}

.k-grid table {
    width: 100%;
    margin: 0;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    border-right: 1px solid lightgray;
}

.k-grid table {
    border-right: 1px solid lightgray;
}

.resetClass {
    float: right;
    padding-right: 3px;
    min-width: unset !important;
}

#ResetLink {
    float: right !important
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: lightgray !important;
}

.modal {
    height: 98% !important;
    padding-left: 10px !important;
    //padding-right: 0px !important;
}

.w-85 {
    width: 85% !important;
}

input[type='radio'], input[type='checkbox'] {
    margin: 4px 0 0;
    margin-top: 10px;
    line-height: normal;
    width: 22px !important;
    height: 22px !important;
}

.welcomeHeader {
    height: 90px;
    margin-bottom: 10px;
    margin-top: -20px;
}


.esri-popup__button esri-popup__button--dock:hover {
    visibility: hidden !important;
}

.cautionLabel {
    /*margin-bottom: 30px !important;*/
}

.esri-popup__navigation {
    min-width: 120px !important;
    background-color: #112e51 !important;
    justify-content: center !important;
}

.esri-popup__button {
    background-color: #112e51 !important;
}

.esri-popup__header-title:hover {
    background-color: #112e51 !important;
}


[class*="esri-popup--is-docked-bottom-"] .esri-popup__content ~ .esri-popup__footer, [class*="esri-popup--aligned-top-"] .esri-popup__content ~ .esri-popup__footer {
    margin-top: 0px !important;
}

/*#editorDiv {
    width: 200px;
    height: 400px;
    position: absolute;
    right: 50px;
    top: 20px;
    float: right;
}*/

.esri-icon-left {
    color: black;
}

.esri-popup__header-title {
    font-size: 16px !important;
}

.esri-popup__main-container esri-widget esri-popup--is-collapsible {
    width: 350px !important;
}

.esri-heading {
    color: white !important;
}

esri-feature-form__label > label {
    top: 0px !important;
}

.esri-feature__content-element {
    margin: 0 4px 12px !important;
}

.esri-widget__table tr td, .esri-widget__table tr th {
    padding: 0.4em .4em !important;
}

:only-child.esri-popup__inline-actions-container > .esri-popup__action, :only-child.esri-popup__inline-actions-container > .esri-popup__action-toggle {
    margin-left: 3% !important;
    margin-right: 3% !important;
}

#AgencyFilter {
    max-width: 250px;
}

#AlternateDateOfBirthGrid {
    margin-right: 5px;
}

.hiddenLegend {
    visibility: hidden;
    display: none !important;
}

.dijitDialog, .dijitInputField {
    z-index: 9999999999 !important;
    background-color: white !important;
}

.esriSignInDialog.esri-widget table tr {
    background: none !important;
}

.esriSignInDialog {
    background-color: white;
}

.dijitTextBox {
    margin-top: 2px !important;
    padding-top: 2px !important;
}

.emailNotification {
    font-style: italic;
    padding-bottom: 5px;
    width: 500px;
}

.k-grid-toolbar {
    border-left: 1px solid #c5c5c5 !important;
}

.spottedDateLabel {
    margin-top: 0px !important;
}

#ShowAddressPanel {
    margin-bottom: 20px;
}

.addressPadding {
    padding-bottom: 20px;
}


.esri-search__input {
    background: #f6fdff !important;
    background-color: #f6fdff !important;
}


.esri-menu {
    font-size: 12px !important;
    line-height: 14px !important;
}

#searchWidget {
    height: 34px !important;
    margin-top: 0px !important;
}

.groupAddressView {
    position: relative;
    margin-bottom: 45px;
    margin-top: -25px;
}

.materialComboEnableAddress {
    color: #000000;
    top: -20px;
    font-size: 14px;
}

.photoImage {
    display: inline-block;
    margin-bottom: 40px;
}

.photoImage {
    display: inline-block;
    margin-bottom: 40px;
}

.k-grid-content {
    box-sizing: border-box !important;
}


#CountryCode-list {
    min-width: 225px !important
}

div[id$="-list"] {
    min-width: 150px !important;
}

.groupSmallView {
    margin-bottom: 10px;
    position: relative;
}


    .groupSmallView label:first-child, .groupAuditView label:first-child {
        font-size: 16px;
        font-weight: 600 !important;
    }

.h3SmallPad {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

#GeocodeWarningMessage {
    display: none;
    background-color: #F9A938;
    border-left: 2px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

#GeocodeWarningLabel {
    font-size: 14px;
    font-weight: 700;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 10px;
}

#GeocodingWarningMessage {
    font-weight: 700 !important;
}

[id $=_active_cell] {
    border: 2px solid orange !important;
}

/*.esri-search {
    min-width: 240px !important;
    width: 80% !important;
}*/

.esri-view-root > .fullScreenAddMapButton {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 1000;
}

#AdministratorGrid_active_cell[data-index], #AgencyAdministratorGrid_active_cell[data-index], #UserGrid_active_cell[data-index] {
    border: 2px solid orange !important;
}

#AdministratorGrid_active_cell, #AgencyAdministratorGrid_active_cell, #UserGrid_active_cell {
    border: 1px solid orange !important;
}


#AdministratorGrid_active_cell, #AgencyAdministratorGrid_active_cell, #UserGrid_active_cell {
    border: 1.5px solid orange !important;
}

#SearchGrid_active_cell[data-index="0"] {
    border: 2px solid orange !important;
}

#SearchGrid_active_cell {
    border: 1px solid orange !important;
}

a[data-page]:focus {
    border: 2px solid orange !important;
}

.k-grid-pager > a:focus, .k-pager-numbers > li:focus {
    border: 1.5px solid orange !important;
}

.k-pager-sizes > .k-dropdown:focus {
    border: 1.5px solid orange !important;
}

.k-button:focus[readonly] {
    border: 1px solid #f85a00;
    box-shadow: 0 0 2px 1px #f35800
}

#Subject_AgencyAdminGrid .k-grid-content, #Subject_Grid .k-grid-content {
    /*height: 40vh !important;*/
}

.esri-search__form {
    min-width: 240px !important;
}

.deleteTrashMargin {
    margin-left: 2px;
}


#cover-spin {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 30px !important;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
}

.cover-spin-loading-panel {
}


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: relative;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


.min160 {
    min-height: 160px;
}

.notLoggedWarning {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
}

.minimummodal {
    min-height: 400px !important;
}

#ExtendCheckBox, #DeleteCheckBox {
    margin-top: 5px !important;
}

.inheritPosiion {
    position: inherit !important;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 0px !important;
}

.k-grid-header th.k-header > .k-link {
    display: inline;
    min-height: 10px !important;
    /* line-height: 18px; */
    margin: -.6em 0 -.6em -.4em !important;
    padding: .3em 0 .3em .6em !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inactivityLabel {
    font-size: 1.2em !important;
    margin-left: 0px;
}

.overwrite-modal-padding {
    padding: 0px 20px 0px 20px !important;
}

#logOutModal {
    z-index: 999999999 !important
}

/*#LogoutCancelButton[title='Session Inactivity'] {
    text-decoration: none !important;
    text-decoration: none !important;
    font: 200 normal 1.2em Segoe UI, Helvetica, san-serif;
    color: white;
    margin-top: -5px;
}*/

.fadeLogoutIn {
    background-color: #80808047;
}

div.imageContainer {
    opacity: 1;
}

#AuditHistoryGrid > .k-grid-content {
    min-height: 300px;
}

.contactBox {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #deebff;
    border: 1px solid #333333;
}

.separationContactInfo {
    margin-bottom: 10px;
}

.fontBold {
    font-weight: 700;
}

#comboboxPanel {
    margin-top: -10px;
    margin-bottom: 0px;
}

#AgencyContactCombobox {
    width: 400px !important;
    max-width: 400px !important;
}

.full {
    z-index: 88888888888888;
    position: absolute;
    width: 100%;
    background-color: black;
    padding: 10px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: calc(100vh) !important;
    min-height: calc(100vh);
    border: 4px solid #4a4848;
}

.fullImage {
    height: auto;
    width: auto;
    margin-top: 55px;
    margin-bottom: 10px;
    max-height: calc(75vh) !important;
    max-width: calc(75vh) !important;
}

.fullImage-close-position:first-child {
    color: #ef2323;
    font-size: 40px;
}

.fullImage-close-position {
    position: relative;
    z-index: 9999999;
    color: red;
}

#ButtonPanel {
    margin-top: 10px;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .2em .3em .5em .6em !important;
}


.fullImageCenter {
    margin-left: -30px;
    display: inline-block;
}

.fullImageFont {
    font-weight: 600;
    display: inline-block;
    font-size: 1em;
    color: #f6fdff
}


.fontExportPDF {
    color: #112e51 !important;
    font: 300 normal 15px/16px Segoe UI, Helvetica, san-serif !important;
}

#DemographicId {
    margin-top: 0px !important;
}

.k-grid-content {
    overflow-x: hidden !important;
}

#PhoneNumberGrid > .chkbx {
    margin: 0px !important;
    height: 12px !important;
}

#BadgeCount {
    display: none;
    margin-top: -3px;
    margin-left: -7px;
    position: absolute;
    font-size: 39%;
    background-color: yellow;
}

_:-ms-fullscreen, :root #BadgeCount {
    margin-left: -15px !important;
}

.badgeCountOver1 {
    display: inline !important;
    color: black;
    border: 1px solid #112e51;
    margin-right: 10px;
    font-size: 39%;
}


.exclamation {
    display: inline-block;
    color: #FFEB3B !important;
    border: 1px solid #112e51;
    position: absolute;
    margin-top: 3px;
    margin-left: -14px;
}

    .exclamation:hover {
        color: #fff283 !important;
    }

.yellowBadge {
    color: black;
    background-color: #FFEB3B;
}

    .yellowBadge:hover {
        background-color: #fff283 !important;
    }

.redBadge {
    background-color: #ff0c00 !important;
    color: white;
}

    .redBadge:hover {
        background-color: #f7463e !important;
    }

.nav-submenu > ul > li > a > .star {
    color: orange !important;
}

.alertRow {
    padding: 15px;
}

.alertDetailRow {
    padding: 10px;
    background-color: #ffc3af40;
    border: 2px solid #ff1515;
    min-height: 40px;
}

.alertText {
    font-weight: 700;
}

#AddressSearchGrid > tr ~ .k-state-selected {
    background-color: #bac2cf !important;
    color: #000000 !important;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-item {
    margin: 20px !important;
}

.manageImage {
    text-decoration: none !important;
    width: 188px;
    display: block;
    text-align: center;
}

.highlightNotes {
    box-shadow: 0 0 10px #c5c5c5;
    border: 4px solid red !important;
}