/*#region FONTS*/

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.otf') format('opentype');
}

.appname {
    font-size: 1.2em;
    font-family: Gotham-Bold;
    text-transform: uppercase;
}

.subtitle {
    font-family: Gotham-Medium !important;
    margin-bottom: 0.5rem !important;
}

body {
    font-family: Gotham-Book !important;
}

/*#endregion */

/*#region NAVIGATION BAR*/

.active {
    color: #ffffff;
    background-color: #616d45;
}

.navbar--top {
    min-height: 0px;
    color: darkgrey;
}

.navbar-brand, .navbar-brand:hover {
    color: #9d9d9d;
    text-decoration: none;
}

.navbar-nav li a, .navbar--top a {
    color: #9d9d9d;
    text-decoration: none;
}

    .navbar-nav li a:hover, .navbar--top a:hover, active {
        color: white;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #616d45;
}

.navbar-badge {
    background-color: #777;
}

#collapsibleNavbar {
    line-height: 1.9;
}

.navbar-inverse {
    background-color: #273A1E;
    border-color: #080808;
}

.navbar {
    padding: 0px 15px 0px 15px !important;
}

.nav-item {
    padding: 0px 10px 0px 10px !important;
}

.fa-bell {
    color: #00CCFF;
}

.fa-triangle-exclamation {
    color: red;
}

.navbar-development {
    background-color: grey;
    color: white;
}

.navbar-staging {
    background-color: #ee7422;
    color: white;
}

/*Organization Name*/
@media screen and (min-width: 701px) {
    #spanNavOrg {
        display: initial;
    }

    #spanNavAbbrOrg {
        display: none;
    }

    #spanNavUserName {
        display: initial;
    }

    #spanNavAbbrUserName {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    #spanNavOrg {
        display: none;
    }

    #spanNavAbbrOrg {
        display: initial;
    }

    #spanNavUserName {
        display: none;
    }

    #spanNavAbbrUserName {
        display: initial;
    }

    .nonmobile {
        display: none;
    }
}

/*Application Name*/
@media screen and (min-width: 1201px) {
    #spanNavTitle {
        display: initial;
    }

    #spanNavAbbrTitle {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    #spanNavTitle {
        display: none;
    }

    #spanNavAbbrTitle {
        display: initial;
    }
}

/*#endregion */

/*#region KENDO*/

/*.k-window-titlebar {
    background-color: #273A1E !important;
    color: #9D9D9D !important;
}*/

.k-toolbar .k-input, .k-toolbar .k-picker {
    width: 10em !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 0px !important;
    overflow-x: hidden !important;
}

.k-input-inner, .k-list-md {
    font-size: 12px !important;
}

.k-master-row.k-state-selected {
    background-color: darkgrey !important;
    color: white !important;
}

    .k-master-row.k-state-selected a {
        color: white !important;
    }

.k-drag-clue, .k-body, .k-typography, .k-paragraph, .k-display-1, .k-display-2, .k-display-3, .k-display-4, .k-button, .k-menu-bar, .k-menu, .k-toolbar, .k-pane-wrapper, .k-pane-wrapper .k-view, .k-progressbar, .k-input,
.k-picker, .k-tooltip, .k-calendar, .k-timeselector, .k-window, .k-pager-wrap, .k-grid, .k-dropzone-inner, .k-upload, .k-breadcrumb, .k-treeview, .k-splitter, .k-listview,
.k-filemanager, .k-chip, .k-avatar-text, .k-avatar-initials, .k-tabstrip {
    font-family: Gotham-Book !important;
}

.k-h1, .k-h2, .k-h3, .k-h4, .k-h5, .k-h6, {
    font-family: Gotham-Medium !important;
}

.k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus {
    outline: none;
}

@media screen and (max-width: 700px) {
    .k-step-list-horizontal .k-step-indicator + .k-step-label {
        display: none;
    }
}

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 20px;
}

.k-wizard .k-wizard-step {
    padding: 0px;
}

.k-wizard .k-wizard-buttons {
    margin-top: 15px;
}

.k-list-item-text {
    font-size: 12px !important;
}

.readonlycombobox {
    border-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.38);
    cursor: default;
}

.k-checkbox-label {
    font-weight: bold;
}

.k-chip-md {
    line-height: 1;
}

/*#endregion */
/*#region AVATAR*/
.k-hbox {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contact-name {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

.contact-position {
    margin: 0px;
    font-size: 0.8em;
}

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

.k-avatar-solid-info {
    background-color: #183153 !important;
    border-color: #183153 !important;
    color: #d7e1ee !important;
}

/*.k-button-solid-base {
    background-color: slategray !important;
    border-color: slategray !important;
    color: white;
}
*/
.k-upload .k-upload-button {
    background-color: #3f51b5 !important;
    color: white;
}

.k-pager-info {
    display: flex !important;
}

.k-i-plus {
    font-size: 20px;
}

/*#endregion */
/*#region COMMON*/
.container-fluid {
    padding: 0px;
}

label {
    font-size: 12px;
    font-weight: bold;
    max-width: 100%;
}

.hr {
    color: lightgray;
}

.right-align {
    text-align: right;
}

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

#ProcessingIcon {
    position: fixed;
    top: 50%;
    left: 48%;
    z-index: 100001;
    display: block;
}

.info {
    font-size: smaller;
    padding: 0px;
}

#LayoutDiv {
    font-size: 14px !important;
    max-width: 100% !important;
    padding: 0px 15px;
}

/*#endregion */

.grid-primary-badge {
    margin-bottom: 0px !important;
    font-size: .75rem;
    display: inline-block;
    padding: .35em .65em;
    font-weight: 700;
    line-height: 1;
    color: white !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    --bs-bg-opacity: 1;
    background-color: #0d6efd !important;
}

.k-tabstrip > .k-content:focus {
    outline-style: none !important;
}

.k-item.k-active {
    background-color: lightgrey !important;
    margin-bottom: -2px !important;
}

.k-item.k-tabstrip-item.k-first {
    border-left: 0.5px solid #ddd;
}

.k-item.k-tabstrip-item {
    border-top: 0.5px solid #ddd;
    border-right: 0.5px solid #ddd;
}

.k-tabstrip-items {
    gap: unset !important;
}