@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


/* LIU Theme */
:root {
    --liu-blue: #69B3E7;
    --liu-gold: #FFC72C;
    --liu-gray: #f3f5f7;
    --liu-dark-gray: #888888;
    --liu-medium-gray: #cecece;
    --liu-light-gray: #f3f5f7;
    --rz-primary: #69B3E7 !important;
    --rz-input-disabled-color: #616161 !important;
    --rz-button-hover-shadow: var(--rz-shadow-2);
}

/*.liu-bg-blue {
    background-color: var(--liu-blue) !important;
}

.liu-bg-gold {
    background-color: var(--liu-gold) !important;
}*/

.liu-bg-light-gray {
    background-color: var(--liu-light-gray) !important;
}

/*.liu-bg-dark-gray {
    background-color: var(--liu-dark-gray) !important;
}*/

.liu-text-blue {
    color: var(--liu-blue) !important;
}

.liu-text-gold {
    color: var(--liu-gold) !important;
}

.liu-text-dark-gray {
    color: var(--liu-dark-gray) !important;
}

.liu-text-medium-gray {
    color: var(--liu-medium-gray) !important;
}

.liu-text-light-gray {
    color: var(--liu-light-gray) !important;
}

/*.liu-border-blue {
    border-color: var(--liu-blue) !important;
}

.liu-border-gold {
    border-color: var(--liu-gold) !important;
}

.liu-border-white {
    border-color: white !important;
}

.liu-text-white * {
    color: white !important;
}
*/
/* Global and bootstrap Override */
/*html,
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #383838 !important;
}*/

/*a,
.btn-link {
    color: #69b3e7;
}

.btn-primary {
    color: #fff;
    background-color: var(--liu-blue) !important;
    border-color: var(--liu-blue);
}

.btn-secondary {
    background-color: #c8c8c8 !important;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {*/
/* box-shadow: 0 0 3px 0 #69b3e7; */
/*}

.invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 3px 0 #dc3545 !important;
}

.validation-message {
    color: red;
}

.form-control:focus {
    box-shadow: 0 1px 1px var(--liu-gold) inset, 0 0 8px var(--liu-blue) !important;
}




@media only screen and (max-width: 600px) {
    .mb-sm-1 {
        margin-bottom: 15px !important;
    }

    .mb-sm-10 {
        margin-bottom: 0px !important;
    }
}*/

/* Radzen Override */
.rz-form .rz-textbox, .rz-form .rz-lookup, .rz-form .rz-dropdown, .rz-form .rz-multiselect, .rz-form .rz-calendar, .rz-form .rz-spinner, .rz-form .textarea {
    width: 100%;
}
/*.rz-textbox:focus {
    outline-color: var(--liu-gold) !important;
    box-shadow: 0 1px 1px var(--liu-gold) inset, 0 0 8px var(--liu-blue) !important;
}

.rz-calendar.rz-calendar-w-btn:focus {
    outline-color: var(--liu-gold) !important;
    box-shadow: 0 1px 1px var(--liu-gold) inset, 0 0 8px var(--liu-blue) !important;
}

.rz-calendar:active {
    border-color: red !important;
}

.rz-datepicker-next-icon, .rz-datepicker-prev-icon {
    color: #fff !important;
}

.rzi.rzi-calendar:hover {
    color: var(--liu-blue) !important;
}

.rz-state-default.rz-state-active {
    background-color: #69B3E7 !important;
}

.rz-unselectable-text {
    background-color: var(--liu-blue) !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    color: #fff !important;
}

.rz-datatable-thead .rzi, .rz-datatable-thead .rz-column-drag, .rz-datatable-thead .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-datatable-thead .rzi-circle-o-notch, .rz-datatable-thead .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-datatable-thead .rzi-plus, .rz-datatable-thead .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-datatable-thead .rzi-grid-sort, .rz-datatable-thead .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-datatable-thead .rz-menuitem-icon, .rz-datatable-thead .rz-fileupload-row .rz-button .rzi-close, .rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-datatable-thead .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rzi-close, .rz-datatable-thead .rz-fileupload-row .rz-button .rzi-times, .rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-button .rz-datatable-thead .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rzi-times, .rz-datatable-thead .rz-fileupload-row .rz-button .rz-icon-trash, .rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-button .rz-datatable-thead .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rz-icon-trash, .rz-datatable-thead .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-datatable-thead .rzi-chevron-circle-right, .rz-datatable-thead .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-datatable-thead .rzi-chevron-circle-down, .rz-grid-table thead .rzi, .rz-grid-table thead .rz-column-drag, .rz-grid-table thead .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-loading-content .rz-grid-table thead .rzi-circle-o-notch, .rz-grid-table thead .rz-datatable-header .rzi-plus, .rz-datatable-header .rz-grid-table thead .rzi-plus, .rz-grid-table thead .rz-sortable-column .rzi-grid-sort, .rz-sortable-column .rz-grid-table thead .rzi-grid-sort, .rz-grid-table thead .rz-menuitem .rz-menuitem-icon, .rz-menuitem .rz-grid-table thead .rz-menuitem-icon, .rz-grid-table thead .rz-fileupload-row .rz-button .rzi-close, .rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-button .rz-grid-table thead .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rzi-close, .rz-grid-table thead .rz-fileupload-row .rz-button .rzi-times, .rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-row .rz-button .rz-grid-table thead .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rzi-times, .rz-grid-table thead .rz-fileupload-row .rz-button .rz-icon-trash, .rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-button .rz-grid-table thead .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rz-icon-trash, .rz-grid-table thead .rz-datatable .rzi-chevron-circle-right, .rz-datatable .rz-grid-table thead .rzi-chevron-circle-right, .rz-grid-table thead .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rz-grid-table thead .rzi-chevron-circle-down {
    color: var(--liu-dark-gray) !important;
}
*/
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Bootstrap Override */
form .row {
    margin-bottom: 16px;
}


.pr-40 {
    padding-right: 40px;
}

/*form .row:not(:last-child) {
    margin-bottom: 16px;
}

form .rz-fieldset {
    background-color: #f3f5f7 !important;
    opacity: 80%;
}

.list-group {
    list-style: decimal inside;
}

.list-group-item {
    display: list-item;
}

.sidebar-toggle {
    color: var(--liu-blue) !important;
}*/

a {
    color: var(--liu-gold);
}

    a:hover {
        color: var(--liu-blue) !important;
    }
/* Radzen Override */

:root {
     --rz-header-background-color: #fff !important;
}

.rz-body-theme-dark {
    background-color: #38474e !important;
}

.rz-accordion-header:hover {
    background-color: var(--liu-gold);
}

form .rz-fieldset:not(:last-child) {
    margin-bottom: 16px;
}

.rz-accordion-header a:hover {
    color: white !important;
}

.rz-accordion-content {
    color: var(--liu-dark-gray) !important;
    background-color: #eff0f2 !important;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
}

.rz-body {
    /*padding-top:32px;*/
}

.rz-sidebar {
    background-color: var(--liu-blue) !important;
}

.rz-sidebar-toggle {
    color: var(--liu-gold) !important;
    margin: unset !important;
}

    .rz-sidebar-toggle:hover {
        color: var(--liu-blue) !important;
        background-color: transparent !important;
    }


.rz-panel-menu {
    background-color: var(--liu-blue) !important;
}

    .rz-panel-menu .rz-navigation-item {
        border-bottom: solid 1px var(--liu-blue) !important;
    }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
        background-color: var(--liu-blue);
    }

    .rz-panel-menu .rz-navigation-item-wrapper {
        background-color: var(--liu-blue) !important;
    }

.rz-navigation-item-wrapper .rz-navigation-item-wrapper-active {
    background-color: var(--liu-gold) !important;
}

.rz-navigation-item-link {
    color: white !important;
}

.rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: var(--liu-gold) !important;
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: var(--liu-gold) !important;
}

.rz-panel-menu .rz-navigation-item-icon {
    color: #fff !important;
}

.rz-panel-menu .rz-navigation-item-icon {
    height: 1.575rem;
    width: 1.5rem;
    color: var(--liu-light-gray) !important;
    margin: 0 0.9375rem 0 0;
}

.rz-tabview-nav .rz-tabview-selected a {
    color: var(--liu-blue) !important;
}

.rz-tabview-selected {
    border-bottom: 2px solid var(--liu-blue) !important;
}

.rz-splitbutton .rz-button, .rz-splitbutton .rz-paginator-element {
    background-color: var(--liu-gold) !important;
}

.rz-button.rz-primary {
    background-color: var(--liu-blue) !important;
}

.rz-splitbutton.rz-primary {
    background-color: var(--liu-blue) !important;
}

.rz-splitbutton-menubutton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: unset !important;
    background-color: var(--liu-gold) !important;
}

.rz-splitbutton-menubutton.rz-primary {
    background-color: var(--liu-blue) !important;
}

.rz-paginator-page rz-paginator-element rz-state-active {
    background-color: var(--liu-blue) !important;
    color: white !important;
}

.rz-state-active {
    background-color: var(--liu-blue) !important;
    color: white !important;
}

.rz-link {
    color: var(--liu-gold) !important;
}

.rz-link:hover {
    color: var(--liu-blue) !important;
}

.rz-button.rz-secondary, .rz-secondary.rz-paginator-element {
    background-color: var(--liu-gold) !important;
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
    background-color: var(--liu-blue) !important;
    color: #fff !important;
}

.rz-autocomplete:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    border-color: var(--liu-blue) !important;
}

.rz-fileupload-choose {
    background-color: var(--liu-blue) !important;
    color: #fff !important;
    height: 55px;
}

.rz-fileupload-buttonbar {
    background-color: unset;
}

.rz-treenode-content-selected .rz-treenode-label {
    color: var(--liu-blue);
}

.rz-checkbox-list-horizontal > .rz-checkbox > .rz-chkbox {
    left: 25px;
}

.rz-chkbox-box {
    border-color: var(--liu-medium-gray) !important;
    border-width: 1px;
}

.rz-chkbox-label {
    padding-left: 28px !important;
    color: var(--liu-dark-gray);
    border-color: var(--liu-medium-gray) !important;
    -moz-user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: unset !important;
    cursor: pointer;
}

.rz-checkbox {
    margin: 0 0 5px -10px;
}

.rz-checkbox-list-horizontal {
    margin-left: -8px;
}

.rz-html-editor-dialog-item:nth-child(4) {
    visibility: hidden;
}

.rz-html-editor-dialog-item:nth-child(5) {
    visibility: hidden;
}

.rz-profile-menu {
    background-color: var(--liu-blue) !important;
}

.rz-multiselect, .rz-dropdown {
    flex-direction: column-reverse;
}

.rz-profile-menu {
    background-color: var(--liu-blue) !important;
}

ul.rz-profile-menu {
    background-color: #fff !important;
}
ul.rz-profile-menu .rz-navigation-item-icon-children {
    color: var(--liu-medium-gray);
}
.rz-button-md .rzi {
    padding-bottom: 3px;
}
.rz-autocomplete-items li {
    display: inline-block;
}
.rz-button-md.rz-button-icon-only {
    padding-bottom: 5px;
}
.rz-button, .rz-paginator-element {
    box-shadow: unset;
}
.rz-grid-table thead {
    z-index: 0;
}

/* Custom */
.top-logo {
    font-weight: bolder;
    font-size: 20px;
    font-family: Helvetica;
    cursor: pointer;
}

.top-logo img {
    width: 193px;
}

.clickable {
    cursor: pointer !important;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

.animate-loading {
    animation: spin 0.8s infinite;
}

div.polaroid {
    width: 100%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cas-login {
    box-shadow: inset 0px 0px 5px 1px #ccc !important;
    border: 20px #fff solid !important;
}

.center {
    text-align: center;
}

.header {
    color: #888888 !important;
    box-shadow: 0px 4px 5px rgba(255, 97, 112, 0.14), 0px 1px 10px rgba(106, 114, 228, 0.12), 0px 2px 4px rgba(106, 114, 228, 0.14) !important;
}

.main-content {
    margin-top: 3.2rem !important;
}

.h-line {
    width: 100%;
    height: 1px;
}

@media only screen and (min-width: 600px) {
    .cas-login {
        min-width: 480px;
    }
}

@media only screen and (min-width: 768px) {
    .h-line {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .v-line {
        display: none;
    }

    .cas-login {
        text-align: center;
    }

    .search-controls {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .button-text {
        display: none;
    }
}

ul[role=tablist] {
    flex-wrap: wrap;
}

.breadcrumb {
    background-color: #eeeeee;
    position: sticky;
    top: 4.3rem;
    z-index: 1;
    /*box-shadow: 0 3px 2px -2px lightgray;*/
}

.breadcrumb-icon {
    color: var(--liu-blue);
    vertical-align: bottom;
}

.breadcrumb-item {
    font-weight: bold;
}
.breadcrumb-item > .rzi{
    padding-top: 23px;
}
.breadcrumb-item > .rz-label {
    padding-bottom: 15px !important;
}

.welcome {
    text-align: right;
    padding-right: 40px;
}

.othercriteria {
    width: 130px;
}

.label-profile {
    vertical-align: text-bottom !important;
}
.profile-icon {
    margin-bottom: 2px;
}
.pull-right {
    text-align: right;
}
.photoid {
    width: 27%; 
    height: 27%;
    border-radius: 8px; 
    margin-right: 8px; 
    float: left;
}
.photoid_small {
    width: 25%;
    height: 25%; 
    border-radius: 8px; 
    margin-right: 8px; 
    float: left;
}
.photoid_small_noimage {
    width: 15%;
    height: 15%;
    border-radius: 8px;
    margin-right: 8px;
    float: left;
}
.photocard {
    min-height: 188px;
}
.search-icon {
    font-size: 30px !important;
}
.fab {
    padding-left: 7px;
/*    position: fixed;
    z-index: 1000;
*/
}
.w-60 {
    width: 60%;
}

.o-1 {
    opacity: 0.1;
}
.br-5{
    border-radius: 5px;
}
.delete-incident-button {
    color: #b3261e !important;
    border-color: #b3261e !important;
}
.delete-incident-button:hover {
    color: #fff !important;
    background-color: #b3261e !important;
}
.finalize-button {
    color: #00a357 !important;
    border-color: #00a357 !important;
}
.finalize-button:hover {
    color: #fff !important;
    background-color: #00a357 !important;
}
.unlock-button {
    color: #d90d0d !important;
    border-color: #d90d0d !important;
}
.unlock-button:hover {
    color: #fff !important;
    background-color: #d90d0d !important;
}
.review-button {
    color: #9375c6 !important;
    border-color: #9375c6 !important;
}
.review-button:hover {
    color: #fff !important;
    background-color: #9375c6 !important;
}
.search-bar {
    color: var(--liu-dark-gray);
    background-color: var(--liu-gray);
    vertical-align: middle;
    padding-top: 10px;
    margin-top: 0px !important;
}
.colorp {
    display: flex;
    flex-wrap: wrap;
}
.colorp-item {
    float: left;
    border-radius: 15px;
    border: 1px solid #ccc;
    height: 1.5rem;
    width: 1.5rem;
    margin: 0.5rem;
    margin-top: 0px;
}
.autocomplete-input-loading {
    background-image: url('/images/loading.gif');
    background-repeat: no-repeat;
    background-position: right;
}

#reconnect-modal {
    position: fixed;
    top: 2%;
    left: 40%;
    z-index: 1000;
    display:none;
}
.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-refused > div {
    display: none;
}

.components-reconnect-refused > .refused {
    display: block;
}
.selected-views-bar {
    z-index:1;
}
.datepicker {
    width:48%;
}
#incidentmap {
    position: relative;
}
.badge-secondary-light {
    background-color: #838d95 !important;
}
.image-metadata {
    font-size: 9px !important;
    color: grey;
    background-color: whitesmoke;
    border-radius: 4px;
}