/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}

.navbar-brand {
    font-size: 2rem;
    font-weight: lighter;
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */


h1 a {
    color: #fff;
    text-decoration: none;
}

h2 {
    font-weight: lighter;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}

#configure {
    display: none;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

#responsive-panel {
    padding: 0;
    width: 100%;
}

    #responsive-panel .k-menu {
        padding: .5rem;
    }
/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        padding: 0 1rem;
    }

    .k-rpanel-expanded {
        padding: .5rem 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-brand {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-widget.k-menu-horizontal > .k-item {
        border: none;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}


.pager-info {
    flex: none !important;
    order: 0 !important;
    top: 0 !important;
}


#horizontal {
    height: 100%;
}

#vertical {
    border-width: 0;
}

#fieldlist {
    margin: 0 0 -2em;
    padding: 0;
}

    #fieldlist li {
        list-style: none;
        padding-bottom: 2em;
    }

    #fieldlist label {
        display: block;
        padding-bottom: 1em;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        color: #444;
    }

    #fieldlist input {
        width: 100%;
    }

span.k-tooltip {
    margin-top: 5px;
    line-height: 1.7em;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.k-animation-container > form {
    width: 300px;
    /*height: 300px;*/
}

.k-group.k-menu-group.k-popup {
    width: 300px;
}

ul.k-reset.k-multicheck-wrap {
    height: 175px;
}

.k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 100% !important;
}

.k-filter-menu span.k-filter-and {
    width: 100%;
}

.k-grid {
    font-size: 12px;
}

.k-pane.k-scrollable {
    margin-left: 0 !important;
}

.checkbox-container {
    min-height: 320px;
    background: #f5f5f5;
    border: none;
}

.k-command-cell {
    padding: 0px 0.6em !important;
    text-align: center;
    font-size: 10px;
}

    .k-command-cell a {
        padding: 3.5px 8px;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*#loader {
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 9999999;
    background-image: url(/images/blueloading.gif);
}*/

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

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

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

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#myDiv {
    display: none;
    text-align: center;
}


.fieldlist {
    margin: 0 0 -2em;
    padding: 0;
}

    .fieldlist li {
        list-style: none;
        padding-bottom: 2em;
    }

    .fieldlist label {
        display: block;
        padding-bottom: 1em;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        color: #444;
    }

#form-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
}

.form-container {
    position: absolute;
    top: 49px;
    right: 5px;
    left: 5px;
    z-index: 2;
    background: #fff;
}

.dirty-marker {
    padding: 1.3px 1.3px;
}

.k-grid-content table {
    position: relative;
    /*table-layout: auto;
    border-collapse: collapse;
    width: 100%;*/
}

.k-filter-row > th:first-child, .k-grid tfoot td:first-child {
    padding: 0px;
}

.custom-dynamic-grid .k-grid-header th.k-header:first-child {
    padding: .5em .6em .4em .6em;
}

.k-grid-header .k-grid-header-locked th.k-header:first-child {
    padding: 0px;
}

.k-grid-delete {
    font-size: 10px;
}

.cursor-pointer {
    cursor: pointer
}

#horizontal {
    font-size: 12px;
}

    #horizontal blockquote {
        font-size: 16px;
    }

.custom-dynamic-grid .k-grid-pager .k-pager-info {
    display: inline;
    text-align: left;
    white-space: nowrap;
}

.k-multiselect:after {
    content: "\25BC";
    position: absolute;
    top: 30%;
    right: 8px;
    font-size: 10px;
}

.k-multiselect.opened:after {
    content: "\25C0";
}

.k-button.k-state-disabled {
    opacity: 0.3;
}


.kendo-grid-filter {
    white-space: normal;
}

.menu-item-container {
    font-size: 9px;
    font-weight: 500;
}

.k-tooltip.k-invalid-msg {
    z-index: 10000;
}

/*table .k-tooltip {
    max-width: 160px !important;
    transform: translate(-20%, 0%);
}*/

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #000000 !important;
}

.muted-text {
    color: #808080 !important;
}

.k-state-selected .muted-text {
    color: #fff !important;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    white-space: normal !important;
}

.col-form-label {
    word-wrap: break-word;
}

.btn-link {
    font-size: 10px;
    font-weight: 500;
}

.icon-btn {
    padding: 2px 0px 2px 4px;
}

/* reset everything to the default box model */

*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.font-13 {
    font-size: 13px;
}

.k-pager-wrap.k-pager-sm .k-pager-info {
    display: inline !important;
    white-space: nowrap;
}

.k-tooltip-content {
    font-size: 12px;
}

.k-header > .k-header-column-menu {
    padding: 0.5em 0.2em .4em 0 !important;
}

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

.k-tabstrip .k-content.k-state-active {
    overflow-x: hidden;
    border-top: 0;
}

.grid-link, .link-url {
    color: #007bff;
    cursor: pointer;
}

.centered {
    margin: 0 auto;
}

.k-state-selected .grid-link, .k-state-selected .link-url {
    /*color: #ffffff !important;*/
    color: #000 !important;
    cursor: pointer;
}

.cursor-pointer :hover {
    color: #003f59;
    border-radius: 3px;
    background-color: #7bd2f6;
    border-color: #8bc4dd;
}

.k-tabstrip {
    /*background-color: #007bff !important;*/
    /*background-color: #5CACEE !important;*/
    background-color: #13688c !important;
    background-image: none !important;
}

.k-tabstrip-items .k-item {
    /*background-color: #007bff !important;*/
    /*background-color: #5CACEE !important;*/
    background-color: #13688c !important;
    color: #fff;
    border-left: 0 !important;
    border: 0 !important;
    padding-bottom: 2px !important;
    background-image: none !important;
}

#search-tab-strip > ul > li.k-item.k-state-default span.k-link {
    color: #fff;
}

#search-tab-strip .k-content {
    padding-top: 25px !important;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    /*background-color: #5CACEE;*/
    background-color: #e6f2f8;
    border-top-width: 4px;
    /*border-top-color: #5CACEE;*/
}

.k-tabstrip-items .k-loading {
    border-top: 0 !important;
}

.k-tabstrip-items .k-state-active {
    background-color: #fff !important;
    background-image: none;
    border-color: transparent !important;
    /*margin-top: 0 !important;*/
}

.k-tabstrip-items .k-state-default .k-link {
    /*color: #fff !important;*/
    font-weight: bold;
}

.k-tabstrip-items .k-state-active .k-link {
    /*color: #007bff !important;*/
    color: #13688c !important;
}

tr[role="row"][class*="k-state-selected"] {
    background-color: #5CACEE !important;
}

    tr[role="row"][class*="k-state-selected"] td {
        color: #000 !important;
    }

.k-in.k-state-selected.k-state-focused {
    background-color: #5CACEE !important;
    border: 1px solid #58a9cd !important;
    box-shadow: inset 0 0 3px 1px #58a9cd;
    color: #000;
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    font-weight: 600;
    /*box-shadow: 1px 2px 7px 1px #888888;*/
}

.w-100 {
    width: 100%;
}

.custom-form-validation .k-form-error {
    display: inline-block;
    /*margin-bottom: 10px;*/
}

#siteseal {
    margin-top: 30px;
}


@media (min-width: 1025px) {
    #siteseal img {
        margin: 0 auto;
    }
}


.swiper-buttons {
    left: 50%;
    right: auto;
    color: #226784;
    position: absolute;
    bottom: 10px;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-buttons-alt {
    color: #226784;
    z-index: 10;
    cursor: pointer;
}

.custom-border {
    border: 4px solid transparent !important;
}

#listViewFaq {
    border-width: 0px;
}

.k-grid-header th.k-header {
    position: relative;
}

.k-grid-header th > .k-link > .k-icon {
    background: #5cacee;
    color: #fff;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    padding-left: 2px;
    font-size: 12px;
    padding-bottom: 4px;
    margin-left: 0;
    position: absolute;
    top: 8px;
    left: 2px;
}

.k-grid-header th > .k-link > .k-sort-order {
    background: #5cacee;
    color: #fff;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-right: 2px;
    position: absolute;
    top: 8px;
    left: 16px;
}

.k-grid-header th > .k-i-close {
    font-size: 10px;
    background-color: #ccc;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    position: absolute;
    left: 27px;
    top: 8px
}

    .k-grid-header th > .k-i-close:hover {
        background-color: #6c757d
    }

.k-grid-header th.k-header > .k-link {
    padding-left: 3px !important;
}

.k-listview-content .list-Item:nth-child(even) {
    background-color: #e6f2f8;
}

.k-listview-content .list-Item {
    padding: 7px;
}

    .k-listview-content .list-Item:hover {
        background-color: #7ad2f7;
    }

    .k-listview-content .list-Item.k-state-selected {
        background-color: #13688c;
    }

/*

        Styles for animated modal
        =========================

        */

/* Start state */
.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    background: linear-gradient(45deg, #543093 32%, #d960ae 100%);
    transform: translateY(-80px);
    transition: all .5s; /* Should match `data-animation-duration` parameter */
}

    .animated-modal * {
        color: #fff;
    }

    .animated-modal h2,
    .animated-modal p {
        transform: translateY(-40px);
        opacity: 0;
        transition-property: transform, opacity;
        transition-duration: .3s;
    }

/* Final state */
/*.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
    transform: translateY(0);
    opacity: 1;
    transition-duration: .3s;
}*/

/* Reveal content with different delays */
/*.fancybox-slide--current .animated-modal h2 {
        transition-delay: .1s;
    }

    .fancybox-slide--current .animated-modal p {
        transition-delay: .4s;
    }

        .fancybox-slide--current .animated-modal p:first-of-type {
            transition-delay: .2s;
        }*/



.slidecontainer {
    width: 100%;
    display: inline-block;
}

.slider {
    -webkit-appearance: none;
    height: 15px;
    border-radius: 5px;
    border: 1px solid #58a9cd;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #77c9eb;
        cursor: pointer;
        border: 1px solid #58a9cd;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #77c9eb;
        cursor: pointer;
    }

.search-results.k-grid.k-widget.k-grid-display-block.k-reorderable.k-editable.k-grid-lockedcolumns {
    border-width: 3px;
}

.footer-container {
    width: 62%;
    padding-left: 15px;
}

#left-pane, #treeview {
    background-color: #e6f2f8 !important;
}

.hyperlink {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
    cursor: pointer !important;
}

    .hyperlink:hover {
        color: #db4240 !important;
        text-decoration: underline !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

@media (max-width: 1226px) {
    .op {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


.op {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


/*@media (min-width: 1023px) {
    .k-tabstrip > .k-button.k-flat {
        right: 26%;
    }
    .k-tabstrip-items {
        width: 68%;
    }
}
*/

.overflow-x {
    overflow: auto !important;
    overflow-x: hidden !important;
}

.height-150 {
    height: 150px !important;
}

.k-dirty {
    border-width: 6px;
}

.footer-block {
    flex-grow: 1;
    /*width: 28em;*/
}

.footer-range {
    width: 69%;
}

@media (min-width: 960px) and (max-width: 1150px) {
    .footer-range {
        width: auto;
    }
}

@media (min-width: 1620px) {
    .visible-lg {
        display: block !important;
    }

    .visible-sm {
        display: none;
    }
}

@media (min-width: 1780px) {
    .footer-range {
        width: 78%;
    }

    .jump-to {
        flex-grow: 1;
    }

    .footer-block {
        flex-grow: 0;
        width: 29em;
    }

    .visible-lg {
        display: block !important;
    }

    .visible-sm {
        display: none;
    }
}

@media (min-width: 1410px) {
    .footer-edit-buttons {
        justify-content: flex-end;
    }
}

.visible-lg {
    display: none;
}

@media (max-width: 1620px) {
    .visible-sm.form-toggle {
        display: none;
    }

        .visible-sm.form-toggle.loggedin {
            display: block;
        }

    .visible-lg.form-toggle {
        display: block;
    }

        .visible-lg.form-toggle.loggedin {
            display: none;
        }
}

#search-tab-strip, #myModal {
    overflow-y: hidden !important;
}


.k-i-sort-asc-sm:before {
    content: "\e004" !important;
}

.k-i-sort-desc-sm:before {
    content: "\e006" !important;
}

div.k-grid.k-widget {
    border-width: 4px;
}

div.form-container.custom-border {
    padding: 6px;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched button {
    width: 202.5px;
    height: 30px;
}

#divSearchBrowseBtns {
    text-align: center;
}

.sifterHelp {
    padding: 20px;
}

div[aria-describedby="divHelp"] span[class*="k-window-title"] {
    font-weight: bold;
}

.whichFields {
    display: inline-flex;
    width: 160px;
    text-align: center;
}

.numbersOnly, .decimalOnly {
    resize: none;
}

input[id="generalSearch"] {
    margin-bottom: 5px !important;
}

#divHelp + div {
    border: 0px;    
}

#tabstrip-settings > ul > li.k-item.k-state-default span.k-link {
    color: #fff;
}

.k-filter-help-text {
    height: 15px;
    font-weight: bold;
    margin-top: 0 !important;
}

.selection-count {
    position: fixed;
    z-index: 3;
    top: 85px;
    font-weight: 600;
    font-size: 14px;
}

.help-dropdown-content {
    display: none;
    position: absolute;
    background-color: #38393b;
    min-width: 180px;
    z-index: 1;
    border-radius: 5px;
    color: #e2f300;
    font-family: "Muli";
    font-size: 17px;
    font-weight: 700;
    opacity: 1;
}

.help-dropdown-content a {
    /*color: black;*/
    padding: 12px 16px;
    display: block;
}

#filterIndicator, #resultsIndicator {
    color: red;
    font-weight: bold;
    display:none;
}

#resultsAlteredIndicator {
    display: none;
}

#Password_validationMessage, #ConfirmPassword_validationMessage {
    position: relative;
    top: -10px;
}

.k-alert .k-window-content {
    overflow: auto;
}

.dialog-content .heading{
    font-size: 1.5em;
}

/* Hide the "Show All" button while preserving functionality */
a.k-grid-StartEditing.removeFilter {
    display: none !important;
}