/* input(1765,38): run-time error CSS1034: Expected closing parenthesis, found ','
input(1765,38): run-time error CSS1042: Expected function, found ','
input(1765,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */
body {
    /* Margin bottom by footer height */
    background-color: #E9E8E8;
    /*    margin-bottom: 60px;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;

    /*On some screens with short contents, body does not take full height of the browser*/
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body > div.container-fluid {
    flex-grow: 1;
}

.row {
    margin: 0;
}


h1, h2, h3, h4, h5, h6 {
    font-family: Bahnschrift Light, sans-serif;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: inherit !important;
    text-decoration: none;
    cursor: pointer;
}

a.k-link:hover {
    color: inherit !important;
    text-decoration: none;
}


.mr-125 {
    margin-right: 1.25rem !important;
}

.mb-125 {
    margin-bottom: 1.25rem !important;
}

.mb-075 {
    margin-bottom: 0.75rem !important;
}

.pb-2-custom {
    padding-bottom: 2rem !important;
}

/*START Page Header*/
header {
    padding: 2rem 2.375rem 7rem 2.375rem;
    background-color: #58A095;
    color: #FFF;
}

header h1 {
    /*    font-size: 30px;
    font-weight: 400;*/
    /*    margin-left: 22px;*/
    /*    margin-right: 22px;*/
    /*    padding-top: 30px;*/
    padding-right: 30px;
    display: inline-block;
    vertical-align: top;
}

    header div {
        display: inline-block;
    }
    header a,
    header .btn{
        vertical-align: top;
    }

.page-header-right {
    float: right;
}

    .page-header-right div {
        display: inline-block;
    }
/*END Page Header*/

/*START Footer*/
footer {
    background-color: #1D283A;
    color: #FFF;
    padding-left: 37px;
    padding-right: 37px;
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #1D283A;
}

    footer a {
        color: #FFF;
    }

@media (max-width: 767px) {
    footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*END Footer*/

/*START Main content containers*/
.grid-container {
    margin: 0;
    padding: 0 2.375rem;
    top: -4.625rem;
    position: relative;
}

#item-register table {
    table-layout: fixed;
}

#item-register .k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    max-width: 530px;
}

.tab-container {
    margin: 0;
    padding: 0;
    top: -4.625rem;
    position: relative;
}

#user-group {
    margin-top: -4.625rem;
    top: 0;
}

.lookup-tab-container,
.user-tab-container,
.user-group-tab-container,
.item-tab-container,
.inspection-tab-container,
.site-tab-container,
.left-tab-container {
    padding: 0 38px;
    top: -57.39px;
}

.user-group-tab-container .row {
    height: 100vh;
}

.container-fluid {
    padding: 0;
}

.box-container {
    margin: 0 2.375rem;
    padding: 2.375rem;
    top: -4.625rem;
    position: relative;
    background-color: #E9E8E8;
    border: 1px solid #1D283A;
}

.tree-field-container {
    padding: 40px;
    margin-top: -4.75rem;
    background: #E9E8E8;
}

.approvals-container {
    padding: 0 2.375rem;
    margin-top: -4.75rem;
    background: #E9E8E8;
}

.help-container {
    background: #1D283A;
    height: calc(100vh - 146px);
    position: fixed;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.help-container a:hover,
.help-container i {
    color: #EE7415 !important;
}

#outcomeGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

#autocomplete_listbox .k-list-item {
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
}

#autocomplete_listbox .k-list-item-group-label {
    background: #ffffff;
    position: unset;
    display: block;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    width: calc(100% + 16px);
    margin-left: -8px;
    padding: 4px 8px;
    padding-top: 8px;
    margin-top: -4px;
}
/*END Main content containers*/
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/**
 * CONTENTS
 *
 * VARIABLES
 * Common values...............Color, size, etc.
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * PAGES
 * Create User
 * Site Information Edit
 * Task Types
 */

/*
 * Use this syntax to create a new section
 * || (Section name in string)
 * 
 * User can then easily jump from section to section
 * By pressing ctrl + f then || keyword + the section name
 */

/*Navbar*/
nav.navbar {
    font-family: Bahnschrift Light, sans-serif;
    background-color: #1D283A;
    border-color: #1D283A !important;
}

ul.navbar-nav > li,
.search-icon {
    font-size: 1.125rem;
    font-weight: 100;
}

.dropdown-toggle::after {
    display: none !important;
}

ul.navbar-nav li a {
    white-space: nowrap;
}

ul.navbar-nav li#account-menu, li#logout {
    display: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFF;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #EE7415 !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    padding-top: 0 !important;
}


/*#region Primary Menu Bar Dropdown Functionality */
.rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(-180deg);
}

.active > a {
    color: #EE7415 !important;
}

.active > #submenu {
    color: #ffffff !important;
    border-bottom: 2px solid;
    background-color: #344868;
}

.navbar .has-megamenu {
    position: static !important;
    cursor: pointer;
}

.navbar .megamenu {
    padding: 0;
    border: 0;
    color: white !important;
    background-color: transparent;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative !important;
    font-weight: 100;
}

#my-profile a.nav-link {
    font-size: 18px!important;
}
/*#endregion*/

/*#region Secondary menu option dropdown functionality*/
.megamenu-container {
    position: absolute;
    background-color: #1D283A;
    left: 0;
    width: 100%;
    z-index: 1000;
}

    .megamenu-container a.nav-link {
        display: inline;
    }

    .megamenu-container .breadcrumbControl {
        padding-bottom: 0.5rem;
        font-size: 1rem;
    }

    .megamenu-container #breadcrumb {
        padding-left: 2rem;
    }

.navbar .has-megasubmenu {
    position: static !important;
    display: inline-flex;
    margin-top: -1rem;
}

.navbar .megasubmenu.show {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    left: 200px;
}

.megasubmenu ul.dropdown-menu {
    display: block;
    position: static !important;
    width: 10vw;
    border: 0;
    padding: 0 1.5rem;
    background-color: #344868;
}

    .megasubmenu ul.dropdown-menu li a {
        font-size: 0.8rem;
    }


.megamenu .nav-item a.nav-link:hover,
.megamenu .nav-item a.nav-link:active {
    background-color: transparent;
}

.subactive > a {
    color: #EE7415 !important;
}

.dropdown-menu > .nav-item > a,
.dropdown-menu > .nav-item > p {
    padding-left: 0 !important;
}
/*#endregion*/

/*Small Screen Size Styles*/
@media only screen and (max-width: 767px) {
    .navbar .has-megasubmenu {
        display: inline-block;
    }

    .navbar {
        /*line-height: 1.5;*/
        padding: 0 1rem;
    }

    .navbar-brand {
        padding: 0;
    }

    /*#region burger button*/
    .navbar-toggler {
        border: none;
    }

        .navbar-toggler:active,
        .navbar-toggler:focus {
            outline: 0;
        }

        .navbar-toggler .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            margin: 4px 0 4px 0;
            transition: all 0.2s;
        }

    .navbar .navbar-toggler .icon-bar {
        background: rgba(0,0,0,.5);
    }

    .navbar-toggler .icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }

    .navbar-toggler .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .navbar-toggler .icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
        transform: rotate(0);
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
        transform: rotate(0);
    }

    .icon-bar {
        background-color: white !important;
    }

    #dropdown-menu-description {
        display: none;
    }

    .sites-menu.show {
        display: flex;
        flex-direction: column;
    }

    /*#endregion burger button*/

    .navbar-collapse {
        position: absolute;
        top: 97px;
        left: 0;
        width: 50vw;
        line-height: 1.5;
        height: calc(100vh - 97px);
        border-right: 3px solid rgba(0,0,0,0.15);
        background-color: white;
        z-index: 100;
        overflow-y: auto;
    }

    .navbar-nav {
        width: 100%;
        height: 100%;
        background-color: #1D283A;
    }

        .navbar-nav#my-profile {
            display: none;
        }

        .navbar-nav li#account-menu, li#logout {
            display: block;
        }

        .navbar-nav li#logout {
            margin-left: auto !important;
        }

        .navbar-nav > li.nav-item {
            margin: 0 !important;
        }

            .navbar-nav > li.nav-item > a {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 1.5rem;
                padding: 0.5rem 1.5rem !important;
            }

                .navbar-nav > li.nav-item > a > i {
                    font-size: 2rem;
                    font-weight: lighter;
                }

        .navbar-nav li#logout i {
            padding-left: 0.5rem;
            font-weight: 900;
        }

        .navbar-nav > li.nav-item:first-child {
            padding-top: 2rem;
        }

        .navbar-nav > li.nav-item:last-child {
            padding-bottom: 2rem;
        }

        .navbar-nav > li:not(.nav-item) {
            margin: auto 0 1rem 0 !important;
        }

    .vertical-line {
        border-left: 0;
        border-bottom: 1px solid white;
        color: white;
    }

    .navbar .dropdown-submenu > .dropdown-item i::before {
        content: "\f107";
    }

    .navbar .megamenu {
        background-color: #AFBFCE;
        width: 100%;
        border-bottom: 1.25px solid rgba(0,0,0,0.2);
        border-radius: 0;
        padding: 0.5rem 0;
    }

    .dropdown-menu > .nav-item > a {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-size: 1.2rem;
        color: #585858 !important;
        padding-left: 2rem !important;
    }

    .vertical-line-submenu {
        display: none;
    }

    .navbar .megasubmenu.show {
        min-width: 100%;
        background-color: transparent;
        padding: 0.25rem 3rem;
        position: unset;
    }

    .navbar .megasubmenu.show .mb-4 {
       margin-bottom: .75rem !important;
    }

    .navbar .megasubmenu.show .mb-4:last-child {
       margin-bottom: 0 !important;
    }

    .megasubmenu ul.dropdown-menu {
        background-color: transparent;
        color: #585858 !important;
    }

    .dropdown-menu > .nav-item > a > i {
        margin-left: 0;
        font-size: 1.25rem;
        font-weight: lighter;
        color: #585858 !important;
    }

    .navbar .megasubmenu > li > a {
        padding: 0;
        color: #585858 !important;
    }

    .dropdown-menu > li > a {
        color: #585858 !important;
    }

    a.nav-link.dropdown-item.dropdown-toggle:active,
    a.nav-link.dropdown-item.dropdown-toggle:hover {
        font-weight: 400;
        background-color: transparent;
    }

    /*#region Site styles*/
    #site-details-menu-bar {
        min-height: 170px;
        flex-direction: column;
        align-items: center;
    }


    #information-label,
    #item-label,
    #inspection-label,
    #wo-label,
    #route-label,
    #location-label {
        display: none;
    }

    #drawing-numbers-label {
        display: none;
    }

    #information-icon {
        margin-right: 20px;
        margin-left: 0;
    }

    #inspection-icon {
        margin-left: 25px;
    }

    #route-icon {
        margin-left: 27px;
        margin-right: 27px;
    }

    #drawing-numbers-icon {
        margin-left: 18px;
        margin-right: 0;
    }
    /*#endregioin Site styles*/
}

@media only screen and (min-width: 768px) and (max-width: 1131px) {
    ul.navbar-nav > li {
        width: 15% !important;
    }
}
/*#endregion Primary Menu Bar styles*/

/*  || Live List  */
.active-liveList, li#ItemNos:hover, li#ItemNos span.k-state-active {
    color: #EE7415 !important;
    opacity: 1;
}

#liveList-site-name {
    padding: 0 0.5rem;
    cursor: pointer;
}

    #liveList-site-name p {
        line-height: 110px;
        margin-bottom: 0;
        font-size: 1.25rem;
        font-weight: 400;
    }

ul#live-List {
    border-style: none;
    background-color: transparent;
}

ul#live-List,
li#ItemNos > a.k-link.k-menu-link {
    line-height: inherit !important;
}

.k-menu .k-state-hover > .k-link,
.k-menu .k-state-hover,
.k-menu .k-link.k-state-active {
    background-color: transparent !important;
    box-shadow: none;
}

li#ItemNos {
    border-style: none;
    color: #FFF;
}

    li#ItemNos > span.k-link.k-menu-link {
        line-height: inherit;
        padding-bottom: 0;
        padding-top: 0;
        color: #FFF;
    }

.k-menu:not(.k-context-menu) > .k-item:hover {
    background-color: #1D283A;
}

    li#ItemNos .k-menu-expand-arrow {
        display: none;
    }

ul#live-List a.k-link.k-menu-link.k-state-active {
    padding-top: 0;
    padding-bottom: 0;
}

ul#live-List .k-animation-container {
    top: 100% !important;
    width: 213px !important;
}

ul#live-List div.k-animation-container ul.k-menu-group span.k-link.k-menu-link {
    display: flex;
    justify-content: space-between;
    padding-left: 1.2rem;
}

li#empty-liveList {
    white-space: normal;
}

    li#empty-liveList p {
        white-space: normal;
        margin: 0;
    }

li.view-all a.k-link.k-menu-link {
    padding-left: 1.2rem !important;
}

li.view-all span {
    color: #1BB3AC;
    font-style: italic;
    font-size: 14px;
}

li#undo-btn {
    display: flex;
    justify-content: space-around;
    padding: 0.5rem 0;
}

    li#undo-btn > button {
        font-size: 0.7rem;
    }

ul#live-List ul.k-group.k-menu-group.k-popup.k-reset {
    margin-top: 0.125rem;
    width: 220px;
}

.k-menu-horizontal .k-menu-link{
    border-width:0;
}
/* || Global Search*/
#search-icon {
    color: #FFF;
    background-color: transparent;
}

    #search-icon:active {
        transition: 1s ease-in-out;
    }

.search-icon {
    background-color: transparent;
    opacity: 1;
    transition: 0.3s ease-in-out;
}

#search-icon:hover {
    color: #EE7415 !important;
}

.active > .search-icon {
    background-color: transparent;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.search-bar {
    background: transparent;
    height: 40px;
    border-radius: 30px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: none;
}

    .search-bar.active .search-input {
        visibility: visible;
        border-radius: 30px;
        height: 40px;
        cursor: pointer;
        box-shadow: none;
        border: 1px;
        border-color: #B2B2B2;
        background: #fff;
        visibility: visible;
    }

.search-input {
    border-radius: 30px;
    width: 0px;
    display: flex;
    background: transparent;
    background: #FFF;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 16px;
    visibility: hidden;
    margin-right: -40px;
}

    .search-input.active {
        background: none;
        height: 40px;
        width: 500px;
        background-color: transparent;
        transition: 0.5s ease-in-out;
    }

.search-bar .k-autocomplete .k-input {
    border-radius: 30px;
    padding: 0;
    height: 40px;
}

.search-bar .k-widget.k-autocomplete {
    box-shadow: none;
    border-radius: 30px;
}

.search-bar .k-animation-container {
    height: auto !important;
    max-height: 300px;
}

/*ensures that the page size box can fully display all page size options, including 1000.*/
.k-pager-sizes.k-label > span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {
    width: auto !important
}

/*START Breadcrumb Control*/
.breadcrumbControl {
    margin-left: -12px;
    background-color: transparent;
    width: 100%;
}

.breadcrumbControl .k-widget {
    color: #FFF;
    background-color: transparent;
    box-shadow: none;
}

.breadcrumbControl .k-breadcrumb-delimiter-icon {
    font-size: 18px;
    margin-top: 2.5px;
    color: #EE7415;
}

.breadcrumbControl .k-state-disabled, .breadcrumbControl a {
    color: #FFF !important;
}

.breadcrumbControl .k-breadcrumb .k-breadcrumb-link {
    color: #1D283A;
}

.breadcrumbControl .k-breadcrumb-root-link {
    margin-right: 0;
}

.breadcrumbControl .k-breadcrumb-root-link:hover, .breadcrumbControl .k-breadcrumb-link:hover {
    color: #EE7415 !important;
    background-color: transparent;
}

.breadcrumbControl .k-breadcrumb-icontext-link .k-icon {
    margin-right: 12px;
    margin-top: 2px;
    color: #EE7415;
}
/*START Breadcrumb Control*/

/*START Buttons*/
.btn {
    border-radius: 0;
    font-family: Bahnschrift Light, sans-serif;
    font-size: 20px;
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

/*Make the dropdown icon visible*/
.k-picker .k-input-button {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}

.btn-cancel {
    background-color: #ffffff;
    border: 2px solid #1D283A;
    width: 150px;
}

.k-filter-menu-container button {
    min-width: unset;
}

.k-filter-menu-container input[type="radio"] {
    margin-right: 5px;
}

.btn-secondary, .k-secondary, .k-button-solid-base:not(.k-icon-button),
.btn-primary:not(.dropdown-toggle-split), .k-primary, .k-button-solid-primary {
    min-width: 150px;
}

.btn-primary, .k-primary, .k-button-solid-primary {
    background-color: #1D283A;
    border: 2px solid #1D283A;
}

.btn-primary:hover {
    background-color: #1D283A;
    border: 2px solid #5a6268;
}

.btn-secondary, .k-secondary, .k-button-solid-base {
    background-color: transparent;
    border: 2px solid #1D283A;
    color: #1D283A !important;
}

.btn-secondary:hover {
    background-color: transparent;
}

.btn-secondary:active {
    background-color: transparent !important;
    border: 2px solid #1D283A!important;
}

.btn-success {
    background-color: #58A095;
    border: 2px solid #58A095;
    min-width: 150px;
}
.btn-success:hover {
    background-color: #58A095;
    border: 2px solid #58A095;
}
.btn-warning {
    background-color: #EE7415;
    border: 2px solid #EE7415;
    color: #FFF;
    min-width: 150px;
}

    .btn-warning:hover {
        background-color: #EE7415;
        border: 2px solid #EE7415;
    }

.btn-outline-warning {
    border: 2px solid #EE7415;
    color: #EE7415;
    min-width: 150px;
}

.btn-outline-warning:hover {
    background-color: #F2730A;
    border: 2px solid #F2730A;
    color: #FFF;
}

.modal .btn-secondary, .modal .k-secondary {
    color: #1D283A;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
}

.button-orange, .button-orange:hover {
    background-color: #EE7415 !important;
    color: #FFF;
    min-width: 150px;
}

.button-orange-secondary, .button-orange-secondary:hover {
    background-color: transparent;
    border: 1px solid #EE7415;
    color: #EE7415;
    min-width: 150px;
}

.button-dark-blue, .button-dark-blue:hover {
    background-color: #1D283A!important;
    color: #FFF!important;
    min-width: 150px;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #1D283A;
    border: 2px solid #1D283A;
    min-width: 150px;
}

.button-gray, .button-gray:hover {
    background-color: #E9E8E8;
    color: #1D283A;
    min-width: 150px;
}

.fa-file-excel {
    margin-right: 10px;
}
/*END Buttons*/
/*START Grid*/
.k-grid {
    position: relative;
    overflow: auto;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}

.k-grid tbody {
    background-color: #FFF;
}

/* Grid Action column */
.k-grid a.grid-action-btn {
    color: #FFF;
}

/*Controls Header Settings (Except Text Colour)*/
.k-grid .k-grid-header .k-header {
    background-color: #1D283A;
    text-align: left;
    border-width: 0;
    color: white;
    font-weight: 300;
}

.k-grid .k-grid-header .k-header .k-link,
.k-grid .k-grid-header .k-header .k-link .k-icon,
.k-grid-filter-menu {
    color: white !important;
}

.k-grid-filter-menu.k-active {
    background-color: #EE7415 !important;
    border-color: #EE7415;
}

.k-grid-header .k-grid-header-menu:hover {
    background-color: transparent;
}

/*Controls Navigation Buttons*/
.k-pager-wrap .k-link.k-state-selected, .k-pager-wrap .k-link.k-state-selected:hover {
    background-color: #1D283A;
    border-color: #1D283A;
}

/*Controls Header Text Colour*/
.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grouping-header .k-link {
    background-color: #1D283A;
    text-align: left;
    border-width: 0;
    color: white !important;
}

/*Disables Vertical Line In Columns*/
.k-grid tr td {
    border-width: 0 0 1px 0 !important;
    border-color: #e5e5e5 !important;
    white-space: nowrap;
}

/*Selected Colour When a Row is Clicked*/
.k-grid .k-selected,
.k-selected .k-grid-content-sticky, 
.k-selected > td {
    color: #000000;
    background-color: #b7b7b7 !important;
    border-color: #b7b7b7;
}

.k-grid .k-checkbox:checked {
    border-color: #1D283A;
    background-color: #1D283A;
}

.k-grid .k-checkbox:checked:focus {
    box-shadow: none;
}

span.k-pager-sizes.k-label {
    white-space: nowrap;
}

/* Global Grid Ui Changes */

.k-grid-norecords {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    background-color: #FFF;
    border-bottom: 1px solid #e5e5e5;
}

.k-i-filter {
    line-height: 18px;
    margin-top: -.5em;
    min-height: 18px;
}

/* Date Filter Controls Start*/

.k-filter-menu-container span.k-widget.k-dropdown[title="Operator"] {
    display: none;
}

.k-filter-menu-container span.k-widget.k-dropdown[title="Filters logic"] {
    display: none;
}

.k-filter-menu-container span.k-widget.k-dropdown[title="Additional operator"] {
    margin-top: 10px;
}

.k-filter-menu-container .k-filter-help-text {
    display: none;
}


.k-filter-menu-container .k-filter-and {
    display: none;
}

button[title="Filter"] .k-i-filter, button[title="Clear"] .k-i-filter-clear {
    display: none;
}

button[title="Filter"], button[title="Clear"] {
    min-width: 100px !important;
}

button[title="Cancel"], button[title="Set"] {
    min-width: 130px !important;
}

.k-calendar .k-calendar-td.k-selected .k-link {
    border-color: #EE7415;
    color: white !important;
    background-color: #EE7415;
}

.k-button-solid-base.k-selected {
    border-color: #1D283A;
    color: white !important;
    background-color: #1D283A;
    min-width: 100px;
}

.k-button-solid-base, .k-calendar .k-calendar-td .k-link {    
    min-width: 10px;
}

.k-calendar .k-calendar-td.k-selected:hover .k-link {
    background-color: #EE7415;
    color:white;
}

.k-button-solid-base:not(.k-icon-button){
    min-width:130px;
}

.k-icon .k-i-filter-clear .k-button-icon {
    display: none !important;
}

.k-button-flat-primary, .k-time-header .k-time-now {
    color: #EE7415;
}

.k-picker-solid {
    background-color: transparent;
}

.k-button-solid-primary:hover {
    background-color: #1D283A;
    border-color: #1D283A;
}

.k-button-solid-base:hover {
    background-color: none;
}

/* Date Filter Controls End*/

.inactive-grid-text {
    color: #b2b2b2;
}

.k-master-row {
    cursor: pointer;
}

.k-alt .k-master-row {
    cursor: pointer;
}

td#handler.k-command-cell {
    cursor: move;
    padding: 0;
}

#handler:hover {
    cursor: move;
}

/*Hides the buttons above the grid*/
#lookupValuesTab .k-toolbar.k-grid-toolbar,
#lookupValuesTab button[data-command="edit"] {
    display: none;
}

#lookupValuesTab #treelist input[disabled] {
    border: none;
    background-color: transparent;
}

#lookupValuesTab button[data-command="update"] {
    background-color: transparent;
}

#grid-itemsTab .k-grid-header,
#grid-filesTab .k-grid-header {
    padding-right: 0 !important;
}

/* Analytics grid*/
.analytics-grid #grid .k-virtual-scrollable-wrap table tbody tr td {
    white-space: nowrap;
}

.analytics-grid #grid .k-grid-content.k-auto-scrollable {
    overflow-x: scroll !important;
}
/*END Grid*/

/*START Site Menu Bar*/
#site-details-menu-bar {
    background-color: #1D283A;
    width: 100%;
    min-height: 115px;
    top: 10vh;
    padding-left: 1rem;
    padding-bottom: 2rem;
}

.site-menu-buttons {
    row-gap: 2rem;
}


.site-menu-buttons .fal {
    font-size: 35px;
}

.site-menu-buttons a {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
    margin: 0px 25px;
}

.site-menu-buttons a:hover {
    color: #EE7415 !important;
}

.site-button-selected {
    color: #EE7415 !important;
}

#dropdown-div {
    height: 75px;
}

#dropdown-div .site-button-selected {
    color: #209B96 !important;
    border-color: transparent !important;
}

#dropdown-div .k-dropdownlist {
    background-color: #1D283A !important;
    color: #fff !important;
    width: 400px;
    border-width: 0;
}

#dropdown-div .k-dropdownlist .k-input-value-text,
#dropdown-div .k-dropdownlist .k-input-button .k-icon {
    line-height: 3;
    font-size: 16px!important;
    font-weight: 400;
    color: #FFF;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-treeview-leaf.k-selected {
    background-color: #428bca;
}
/*END Site Menu Bar*/
/*START Grid popover*/
/* popover */
.popover {
    min-width: 175px;
    max-width: 1500px;
    margin-bottom: 0!important;
}

.grid-action-popover {
    margin-top: 0.4rem;
    left: 25px !important;
}

.grid-action-popover-inspections {
    left: 40px !important;
}

.grid-action-popover.top-25 {
    top: 25px !important;
}

.popover-w-125 {
    width: 125px;
    left: 5px !important;
}

.grid-action-popover.partial-view {
    width: 190px;
    left: 40px !important;
    z-index: 1040;
}

.grid-action-popover .popover-body {
    background-color: #58A095;
    color: #FFF;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
}

ul.actions {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 2.5;
}

ul.actions li:hover {
    background-color: transparent;
}

ul.actions li.disabled:hover {
    background-color: transparent;
}

ul.actions li a {
    padding: 0 0.5rem;
    width: 100%;
    display: inline-block;
}

ul.actions li a:hover {
    color: inherit !important;
}

ul.actions li a.disabled, ul.actions li a.disabled:hover {
    color: #FFFFFF !important;
    opacity: 30%;
    cursor: default;
    pointer-events: none;
}

ul.actions li.disabled {
    cursor: default;
}
/*END Grid popover*/

/*START Search box*/
#strategy-points #noResults {
    margin-top: -50vh;
    height: 50vh;
}

#noResults {
    margin-bottom: 0;
    margin-top: -24px;
}

#search-input {
    max-width: 500px;
    width: 100%;
    height: 40px;
    border-radius: 25px !important;
    border: 1px solid #B2B2B2;
    background: #fff;
    padding-right: 30px;
    box-sizing: border-box;
}

#search-input:focus {
    color: #6c757d;
    border-color: #209B96;
}

#search-input::placeholder {
    color: #b2b2b2 !important;
}

#searchContainer button {
    margin-bottom: 30px;
}

#searchInputBlock {
    margin-bottom: 30px;
    max-width: 500px;
}

#searchInputBlock .search-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}


.k-treeview .k-item {
    color: black;
}

/*Disable highlighting of tree nodes and set node text colour on hover*/
.k-treeview .k-in.k-state-hover {
    background-color: transparent;
}

.locationName:hover {
    color: #008080 !important;
}

#addChildButton {
    border: none;
    padding-top: 0;
    color: #1BB3AC;
}

.nodeName:hover {
    color: #008080 !important;
}

#addChildButton:hover {
    color: #b2b2b2;
}

/*Disable outline when a tree node is focused*/
.k-state-focused {
    box-shadow: none;
}

/*Disable highlight when clicking on a tree node*/
.k-treeview .k-state-selected {
    background-color: transparent !important;
}

.k-treeview-leaf.k-focus, .k-treeview-leaf:focus {
    border-color: none !important;
    box-shadow: none !important;
}

.k-treeview-leaf.k-hover, .k-treeview-leaf:hover {
    background-color: transparent !important;
}

#treeview li button#addChildButton i:not(.fa-plus) {
    font-size: 14px;
}
/*END Search box*/
/*START Tabs*/
.k-tabstrip-items-wrapper {
    background-color: #58a095;
}

.k-item.k-tabstrip-item {
    padding: 0.75rem 6rem;
}

.k-tabstrip-items .k-item.k-tabstrip-item .k-link {
    color: #FFF;
}

.k-tabstrip-items .k-active.k-item.k-tabstrip-item .k-link {
    color: #1D283A;
}

.k-tabstrip-items .k-active,
.nav-link.active {
    background-color: #E9E8E8 !important;
    border-radius: 0 !important;
    border: 1px solid #E9E8E8;
    border-bottom: #E9E8E8;
}

.k-tabstrip-items .k-state-default.k-state-hover,
.nav-tabs .nav-link:hover {
    border: 1px solid #58a095;
    border-bottom: 1px solid #E9E8E8;
}

.k-tabstrip-items .k-state-hover {
    background-color: #58a095 !important;
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-first,
.nav.nav-tabs {
    margin-left: 2.375rem;
}

.k-tabstrip .k-content.k-active,
.tab-content {
    background-color: #E9E8E8;
    border: 0;
}

.k-tabstrip .k-content.k-active,
.tab-content-dashboard {
    background-color: #E9E8E8;
    border: 0;
    margin-left: 65px;
}

.k-tabstrip .k-content.k-active,
.tab-content-dashboard {
    background-color: #E9E8E8;
    border: 0;
    margin-left: 65px;
}

.k-tabstrip .k-content.k-active:focus {
    outline: none;
}

.tab-pane {
    padding: 0.92em;
}

.k-tabstrip, .k-tabstrip:focus {
    box-shadow: none;
}

thead.k-grid-header th.k-header:last-child,
.k-grid-pager {
    border-radius: 0;
}

.nav-tabs {
    border-bottom: none;
}
/*END Tabs*/

/*START Inputs*/
.form-control, .field-input {
    /*min-width: 450px;*/
    width: 450px;
    padding: 6px;
    border: 0px solid rgba(159, 159, 159, .5);
    background: #fff;
    box-sizing: content-box;
}

.form-control:focus,
.field-input:focus,
.form-control:focus-within {
    border: 1px solid #EE7415 !important;
    box-shadow: none;
}

.form-control-location {
    border-width: 1px;
    box-sizing: border-box;
}

.form-control-hierarchy {
    box-sizing: border-box;
}

.form-check {
    background: transparent;
}

textarea.field-input {
    width: 946px;
}

textarea.field-input.rbi-strategy {
    width: 80%;
    max-width: 923px;
}

.field-dropdown,
.k-datetimepicker.field-datetime,
.k-datepicker.field-datetime {
    background-color: #FFF;
    width: 450px !important;
    padding: 7px 6px;
    box-sizing: content-box;
    height: calc(1.5em + 0.75rem + 2px);
}

.k-dropdowntree.field-lookup.k-disabled {
    background-color: #F0EFEF !important;
    color: #1D283A !important;
    opacity: 1;
}

.field-disabled.field-dropdown span.k-icon.k-i-arrow-s,
.field-lookup.k-disabled span.k-clear-value, .field-lookup.k-disabled button.k-select,
.field-disabled.k-dropdowntree button.k-select {
    display: none;
}

.field-disabled,
.form-control:disabled, .form-control[readonly],
.field-disabled.k-dropdowntree span.k-input-value-text {
    background: #F0EFEF !important;
    border: 0px solid #E0DFDF;
    color: #1D283A !important;
    font-size: 16px!important;
}

.form-control#new-password-input,
.form-control#retype-password-input {
    padding: 0px !important;
    border: none !important;
}

.field-label {
    color: #6E7580;
    text-align: left;
    letter-spacing: 0px;
    font-size: .875rem;
    line-height: 16px;
    margin-bottom: 0;
    display: block;
    width: fit-content;
}

.validation-feedback-newline {
    display: block;
}

div.input-block {
    display: flex;
    flex-direction: column;
    width: auto;
    position: relative;
}

.field-container .field {
    margin-bottom: 15px;
}

.repeated-field {
    margin-top: 10.5px;
}

.required::after {
    content: " *";
    font-weight: bold;
    color: red;
}

.validationMessage {
    color: red;
}

.repeatable-add-button {
    font-size: 24px;
    color: #1BB3AC;
    display: block;
    text-align: right;
    cursor: pointer;
    margin-right: 30px;
}

.repeatable-remove-button {
    font-size: 16px;
    color: #CC3333;
    cursor: pointer;
    margin-left: 8px;
}

.section-container {
    display: inline-block;
}

.section-container > .row,
.section-container > .row {
    background-color: transparent;
    padding: 0px !important;
    border: none;
}

.section-container > .row > .container,
.section-container > .row > .container {
    background-color: rgb(255,255,255,0.3) !important;
    margin: 0px;
    padding: 15px;
    border: 1px solid rgba(112,112,112,.5);
}

.modal .form-control {
    border: 1px solid rgba(159, 159, 159, .5);
}

.approval-level-input {
    max-width: 450px;
    width: 100%;
}

.approval-level-select {
    max-width: 450px;
    width: 100%;
    margin-left: 30px;
    position: relative;
}

.approval-level-input input {
    padding: 6px;
    height: 50px;
}

.approval-level-select > p > span {
    padding: 6px;
    min-height: 51px;
}

.error {
    color: #dc3545;
}

.k-dropzone {
    height: 24px !important;
}

.k-upload {
    width: 460px;
    border: 0px solid rgba(159, 159, 159, .5);
    border-radius: 3px;
    background-color: #fff;
}

#select-files {
    display: inline-block;
}

#select-files .k-upload {
    border-radius: 0px;
}

#select-files .k-dropzone {
    height: 44px !important;
    padding: 0px 8px 0px 0px;
}

#select-files .k-upload-button {
    background-color: #1D283A;
    color: #FFF !important;
    border-radius: 0px;
    font-size: 20px;
    margin-left: -1px;
    margin-top: -1px;
    align-self: start;
    padding: 8px;
}

.k-treeview-leaf span.disabled {
    color: gray;
}
/*END Inputs*/

/*START User Profile*/
#profile-image {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #1BB3AC;
    font-size: 80px;
    color: #fff;
    text-align: center;
    margin-inline: 30%;
    line-height: 200px;
}

#change-password-form {
    display: none;
    width: 300px;
}

.user {
    font-size: 30px;
    display: flex;
    gap: .5rem;
}

ul.new-password-tooltip {
    list-style-type: none;
    text-align: left;
    padding-left: 10px;
    margin-right: 9px;
}

#lengthIcon,
#weakIcon,
#containIcon,
#matchIcon {
    padding: 0 5px;
}

.fa-check-circle {
    color: green;
}

.fa-times-circle {
    color: red;
}

#select-language {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(450px - 24px) !important;
    border-color: #ccc;
    padding-left: 18px;
}

.select-language-container {
    position: relative;
}

.select-language-container::after {
    font: 16px/1 WebComponentsIcons;
    content: "\e006";
    position: absolute;
    top: 16px;
    right: 16px;
}

/*END User Profile**/
/*START IEC Checks Control*/
.iec-check-card {
    max-width: 954px;
    width: 100%;
    box-shadow: 0px 1px 6px #00000029;
    background: #fff;
    padding: 20px;
    padding-bottom: 35px;
}
.iec-check-content {
    max-width: 575px;
    width: 100%;
    margin: auto;
}
.iec-check-label {
    font-size: 15px;
    display: block;
    font-family: Bahnschrift Light, sans-serif;
    color: #1d283a;
}
.iec-check-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 0;
}
.iec-check-buttons li {
    list-style-type: none;
    position: relative;
}

.iec-check-buttons input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
}

.iec-check-buttons label {
    width: 95px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0.5px solid #7a7e82;
}
.iec-check-buttons input:checked + label {
    border: 2px solid #ee7415;
}
.iec-check-buttons .fa-check {
    font-size: 30px;
    color: #4dab2d;
}
.iec-check-buttons .fa-wrench {
    font-size: 25px;
    color: #e9b303;
}
.iec-check-buttons svg {
    width: 20px;
    fill: #ff0606;
}
.iec-check-buttons label, .iec-check-buttons button {
    font-size: 20px;
    font-family: Bahnschrift Light, sans-serif;
    color: #7a7e82;
}
.iec-check-buttons button {
    width: 95px;
    height: 50px;
    background: transparent;
    border: none;
    outline: none;
}

.iec-check-fields {
    display: grid;
    gap: 15px;
    margin-top: 15px;
}
.iec-check-fields p {
    font-family: Bahnschrift Light, sans-serif;
    font-size: 12px;
    color: #1d283a;
    margin-bottom: 0;
}

.iec-check-fields span {
    color: #ff0606;
}
.iec-checkbox-group {
    display: flex;
    gap: 15px;
}
.iec-check-checkbox {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 9px;
}
.iec-check-checkbox input {
    width: 20px;
    height: 20px;
    margin-right: 0 !important;
}
.iec-check-checkbox label {
    font-size: 15px;
    color: #37393b;
    font-family: Bahnschrift Light, sans-serif;
    margin-bottom: 0;
}
.iec-field-group {
    display: grid;
    gap: 5px;
}
.iec-field-group label {
    font-size: 14px;
    margin-bottom: 0;
    color: #1d283a;
    font-family: Bahnschrift Light, sans-serif;
}
.iec-field-group input {
    border-radius: 7px;
    border: 1px solid #e9e8e8;
    font-size: 14px;
    color: #1d283a;
    font-family: Bahnschrift Light, sans-serif;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    height: 45px;
}
.iec-field-group button {
    display: inline-flex;
    width: fit-content;
    padding: 0 21px;
    height: 35px;
    align-items: center;
    border: none;
    background: #1d283a;
    color: #fff;
    font-size: 15px;
    font-family: Bahnschrift Light, sans-serif;
    outline: none;
}
.iec-field-group input::file-selector-button {
    display: none;
}
.iec-button-group {
    display: flex;
    gap: 8px;
}

.iec-upload .k-upload-button-wrap, .field-item .k-upload-button-wrap {
    position: absolute;
    top: 54px;
    left: 0px;
}

.iec-upload .k-upload {
    width: calc(100% - 30px);
    border: 1px solid #e9e8e8;
    border-radius: 7px;
    height: 45px;
    position: relative;
    margin-bottom: 50px;
}

.iec-upload .k-button, .field-item .k-upload .k-button {
    display: inline-flex;
    width: fit-content;
    padding: 0 21px;
    height: 35px;
    align-items: center;
    border: none;
    background: #1d283a;
    color: #fff !important;
    font-family: Bahnschrift Light, sans-serif;
    outline: none;
    border-radius: 0;
}

.iec-upload .k-dropzone, .field-item .k-dropzone {
    background: transparent;
}

.iec-upload span {
    color: #fff;
}

.iec-upload .k-upload-files, .field-item .upload-field .k-upload-files {
    border: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    z-index: 2;
}

.iec-upload .k-file {
    padding-left: 12px;
}

.iec-upload input, .field-item input[data-role="upload"] {
    margin-right: 0 !important;
}

.iec-upload {
    position: relative;
}

.iec-upload .file-name {
    font-size: 14px;
    margin-bottom: 0;
    color: #1d283a;
    font-family: Bahnschrift Light, sans-serif;
    position: absolute;
    top: 38px;
    z-index: 1;
    left: 13px;
}

.iec-upload .file-delete-button, .field-item .upload-field .file-delete-button {
    font-size: 14px;
    color: #1d283a;
    position: absolute;
    z-index: 10;
    top: 31px;
    right: 36px;
    padding: 8px;
    height: auto;
    background: transparent;
    border: none;
}

.checks-modal .modal-dialog {
    max-width: 783px;
    height: Calc(100% - 56px);
}

.checks-modal .modal-content {
    border-radius: 0;
    padding: 20px 48px;
    height: Calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}

.checks-search {
    max-width: 457px;
    height: 37px;
    display: flex;
    align-items: center;
    border: 1px solid #e9e8e8;
    border-radius: 5px;
}

.checks-search input {
    font-size: 15px;
    font-family: Bahnschrift Light, sans-serif;
    border: none;
    color: #000000;
    font-weight: 300;
    outline: none;
    margin-left: 12px;
    margin-right: 12px;
    flex-grow: 1;
}

.checks-search i {
    margin-right: 12px;
    font-size: 1rem;
    color: #1D283A;
}

.checks-list:not(#generel-list):not(#fault-list):not(#repair-list) {
    max-width: 457px;
}

#checks-comment-modal .checks-list {
    min-height: Calc(100vh - 317px);
    height: 50vh;
    overflow: auto;
}

.checks-list h3,
#checks-comment-modal h3 {
    font-family: Bahnschrift Light, sans-serif;
    font-size: 20px;
    color: #1D283A;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 30px;
}

#checks-comment-modal h3 {
    margin-top: 0px;
}

.checks-list .iec-check-checkbox {
    margin-top: 20px;
}

.checks-list .iec-check-checkbox input {
    width: 16px;
    height: 16px;
}

.checks-modal-buttons {
    position: sticky;
    bottom: 0;
    width: fit-content;
    margin-left: auto;
    grid-template-columns: auto auto;
    gap: 15px;
}

#checks-comment-modal .checks-modal-buttons {
    grid-template-columns: auto;
    margin-right: auto;
}

.checks-modal-buttons button:last-child {
   padding: 0 36px;
}

.checks-modal-buttons button:first-child {
   background: #fff;
   border: 1px solid #1d283a;
   color: #1d283a;
}

#checks-comment-modal button:first-child,
#comments-inspection-modal button:first-child {
    background: #1d283a;
    color: #fff;
    height: 50px;
    width: 254px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

#checks-comment-modal button:last-child,
#comments-inspection-modal button:last-child {
    background: #fff;
    border: 1px solid #1d283a;
    color: #1d283a;
    height: 50px;
    width: 254px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.check-message {
    color: #FF0606;
    margin-bottom: 2.5rem;
}
/*END IEC Checks Control*/

/*START Bootbox.js*/
.bootbox-popup-100 .modal-body {
    width: 100%;
    white-space: normal;
}

.bootbox-popup-no-title .modal-content {
    max-height: 285px;
    height: 30vh;
}

.bootbox-popup-no-title .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bootbox-popup-no-title .modal-footer {
    border-top: none;
}

.bootbox-center-body {
    text-align: center;
}

.bootbox-return-to-login .modal-body {
    align-items: end;
}

.bootbox-return-to-login .modal-footer {
    flex: 1 1 auto;
}

.center-modal-buttons,
.bootbox-popup-no-title .modal-footer {
    position: sticky;
    bottom: 0;
    width: fit-content;
    margin-left: auto;
    grid-template-columns: auto auto;
    gap: 7px;
    display: grid;
    grid-template-columns: auto;
    margin-right: auto;
}

.center-modal-buttons button, 
.bootbox-popup-no-title .modal-footer button {
    font-size: 15px;
    font-family: Bahnschrift Light, sans-serif;
    outline: none;
    margin: 0;
}

.center-modal-buttons button:last-child,
.bootbox-popup-no-title .modal-footer button:last-child{
    background: #fff;
    border: 1px solid #1d283a;
    color: #1d283a;
    height: 45px;
    width: 195px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.center-modal-buttons button:first-child,
.bootbox-popup-no-title .modal-footer button:first-child {
    border: 1px solid #1d283a;
    background: #1d283a;
    color: #fff;
    height: 45px;
    width: 195px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
/*END Bootbox.js*/

/*START 3-state toggle switch (WO Complete/Pending/All)*/
.three-state-toggle {
    float: left;
    background-color: #E9E8E8;
    border: 2px solid #1D283A;
    display: flex;
    justify-content: space-between;
}

.three-state-toggle input {
    position: absolute;
    opacity: 0;
}

.three-state-toggle input + label {
    padding: 7px 25px;
    float: left;
    color: #1D283A;
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.three-state-toggle input:checked + label {
    background-color: #1D283A;
    color: #FFF;
}

/*END 3-state toggle switch (WO Complete/Pending/All)*/

/*START Approvals*/
.carousel-control-next {
    right: -5%;
    opacity: 1;
}

.carousel-control-prev {
    left: -5%;
    opacity: 1;
}

#comments-carouselControls .carousel-control-next,
#comments-carouselControls .carousel-control-prev {
    height: fit-content;
    top: 150px;
}

#comments-inspection-modal .carousel-control-next {
    right: -3%;
}

.carousel-next-icon, .carousel-prev-icon {
    color: #000;
}

.carousel-control-next.disabled, .carousel-control-prev.disabled {
    pointer-events: none;
}

.carousel-control-next.disabled .carousel-next-icon, 
.carousel-control-prev.disabled .carousel-prev-icon {
    color: gray;
}

/*prevent overlap with the "View file" button at the bottom during multiple inspection review*/
.carousel-control-raised {
    bottom: 120px !important;
}

.modal#review-inspection .modal-dialog {
    max-width: 70vw;
}

#comments-inspection-modal .modal-dialog {
    max-width: 40vw;
}

#comments-inspection-modal textarea, 
#review-inspection textarea {
    min-height: 100px;
    width: 400px;
}

#review-inspection button {
    min-width: 115px;
}

/*END Approvals*/
/*START of Switch Styles*/
.switch-position {
    position: absolute;
    top: -7px;
    right: 0;
}

.k-switch-on .k-switch-track {
    background-color: #EE7415 !important;
}

.k-switch-off .k-switch-track {
    color: #1D283A;
}

.k-switch-label-on, .k-switch-label-off {
    text-transform: capitalize;
}

/*END of Switch Styles*/

/*START of Date & Datetime Field*/
.date-field .k-input:focus,
.date-field .k-input:focus-within,
.datetime-field .k-input:focus,
.datetime-field .k-input:focus-within {
    border: 1px solid #EE7415 !important;
    box-shadow: none;
}

.k-datetimepicker .k-button-solid-base, .k-datepicker .k-button-solid-base {
    border: none;
}
/*END of Date & Datetime Field*/

/*START LookupValues*/
form#createLookup, form#editLookup {
    width: fit-content;
}
/*END LookupValues*/

/*START User Account*/
.create-edit-user-field-input {
    width: 388px !important;
    height: 24px !important;
}

.checkbox-container {
    height: calc(1.5em + .75rem + 2px);
}

.input-userPermission {
    padding: .167em 12px;
}

.userPermissionTextBox {
    padding: .167em 12px;
    border: 1px solid lightgray;
}

.password-meter {
    margin: 0 auto 1em;
    width: 388px;
    height: 10px;
}

    .password-meter[value="1"]::-webkit-meter-optimum-value {
        background: red;
    }
    .password-meter[value="2"]::-webkit-meter-optimum-value {
        background: yellow;
    }

    .password-meter[value="3"]::-webkit-meter-optimum-value {
        background: orange;
    }

    .password-meter[value="4"]::-webkit-meter-optimum-value {
        background: green;
    }

    .password-meter[value="1"]::-moz-meter-bar {
        background: red;
    }

    .password-meter[value="2"]::-moz-meter-bar {
        background: yellow;
    }

    .password-meter[value="3"]::-moz-meter-bar {
        background: orange;
    }

    .password-meter[value="4"]::-moz-meter-bar {
        background: green;
    }
/*END User Account*/

/* START Loading spinner*/
.loading{
    height: 300px;
    padding:50px;
}
/* END Loading spinner*/

/*START Readonly Label Design*/
.readonly-label {
    background-color: whitesmoke;
}
/*End Readonly Label Design*/

/* START Notification */
.notification-container > div,
.notification-container #frequency {
    display: flex;
}

.notification-form .counter {
    background-color: #1D283A;
    color: #FFF;
    min-width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    margin-right: 10px;
}

#email-body textarea, #email-body {
    width: 900px;
    min-height: 150px;
}

/* END Notification */

/*Items Register checkbox*/
.items-grid td.grid-checkbox, .items-grid th.k-grid-header-sticky:first-child {
    padding: 0.4em 0.6em;
    text-overflow: clip;
}
/*End of Item Register checkbox*/

/* START Drawing Number */
div#files .k-action-buttons {
    display: none;
}
/* END Drawing Number */

/* START of File Upload */
.upload-field {
    width: max-content !important;
}

.field-item .upload-field .k-upload {
    height: 50px;
    margin-bottom: 55px;
}

.field-item .upload-field .k-upload .k-button {
    padding: 0.375rem 18px;
    font-size: 20px;
    height: unset;
    width: 150px;
    line-height: 1.5;
    border: 2px solid #1D283A;
}

.field-item .upload-field .file-delete-button {
    top: 23px;
    right: 5px;
}

.field-item .upload-field .file-delete-button:focus,
.field-item .upload-field .file-delete-button:focus-visible {
    outline: none;
}

.field-item .upload-field .k-checkbox-label, .saved-file {
    font-size: 1rem;
    margin-bottom: 0;
    color: #495057;
}

.saved-file {
    position: absolute;
    z-index: 1;
    background: white;
    width: 460px;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    top: 18px;
    left: 0px;
}

.field-item .view-file-button {
    position: absolute;
    top: 70px;
    left: 160px;
}
/* END of File Upload */

/* START telerik drodown button*/
.k-dropdown-button {
    line-height: 1.5;
    padding: 6px 18px;
}

#dropdown-div-allSites{
    background-color: #EE7415;
}

#dropdown-div-allSites .k-dropdownlist .k-input-value-text,
#dropdown-div-allSites .k-dropdownlist .k-input-button .k-icon {
    line-height: 1.85;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
    color: #FFF;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel, .k-treeview-leaf.k-selected {
    background-color: #428bca;
}
/*End of All Sites Dropdown*/

#columns .k-checkbox:checked {
    border-color: #1D283A !important;
    color: #fff !important;
    background-color: #1D283A !important;
}

.k-dropdown-button .k-button-icon {
    order: 2;
}
/* END telerik drodown button*/

/*START of Home Screen Tabstrip*/
.home-header{
    padding-bottom:20px;
}

.tab-container.home-tab-screen {
    top: 0;
}

.home-tab-screen .k-tabstrip-items-wrapper {
    padding-left: 10px;
    border-bottom-width:0;
}

.home-tab-screen .k-content {
    padding: 0;
}

.home-tab-screen .k-content#tabPrimary-1 {
    padding: 20px;
}
/*End of Home Screen Tabstrip*/

/*displays a tooltip with site details when hovering over the "Sites" column in the Users page*/
.td-sites {
    overflow: visible !important; /*ensures tooltip content is fully visible, even with long list*/
}

.site-tooltip-container {
    position: relative;
    display: inline-block;
}

.site-tooltip-container .site-tooltip-content {
    visibility: hidden;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: left;
    padding: 5px 3px 5px 7px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    left: 56px;
}

.site-tooltip-container .site-tooltip-content .site-tooltip-details {
    margin-bottom: 1px !important;
}

.site-tooltip-container .site-tooltip-content::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 100%;
    margin-top: -1px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.75) transparent transparent;
}

.site-tooltip-container:hover .site-tooltip-content {
    visibility: visible;
}
header.config-field-screen {
    padding-bottom: 1rem;
}

.tab-container.config-field-screen {
    top: 0;
}

.config-field-screen .k-tabstrip-items-wrapper {
    padding-left: 4.25rem;
}

.config-field-screen .k-content {
    padding: 0;
}

.config-field-screen .k-content#tabPrimary-1 {
    padding: 20px;
}

.creatorBox {
    background-color: transparent;
    margin: 20px 0 20px 20px;
}

.creatorBox .nav-tabs {
    margin-left: 0;
}

.creatorBox .nav-tabs .nav-item > a.tabNav {
    display: flex;
    gap: 10px;
    padding: 10px;
    margin-bottom: 0;
    width: auto;
}

.tabNav.active {
    background-color: #FFF;
    color: #008080;
}

.tabNav:hover {
    color: #008080 !important;
}

.creatorBox .nav-tabs .nav-item p.tabName {
    display: inline;
    margin: 0;
}

.creatorBox .tab-content {
    background-color: #FFF;
}

.componenetPanel {
    background-color: #D8D8D8;
    height: auto;
    width: 350px;
    min-width: 300px;
}

.widgetPanel {
    background-color: #D8D8D8;
    height: 800px;
    width: 343px;
    min-width: 300px;
    margin-top: -10px;
}

.componenetPanel h5, .widgetPanel h5 {
    align-self: start;
    margin-left: 3.5rem;
    color: #333;
    margin-top: 10px;
    margin-left: 4.25rem;
    position: relative;
}

.componentPlaceholder {
    width: auto;
    color: #ffffff;
    opacity: 0.5;
    border-style: dashed !important;
}

#addFieldItems {
    margin-bottom: 10px;
    display: flex;
}

.addField, .addSection {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    margin-top: 8px;
    position: relative;
}

#addSectionComponent {
    padding: 1px;
    line-height: 0.8;
}

.imageWidgetIconPlacement {
    float: left;    
    margin-left: 10px;
    margin-top: 2px;
    width: 30px;
}

.imagePlacement {
    float: left;
    height: 25px;
    margin-left: 10px;
    margin-top: 2px;
    width: 25px;
}

.imageSingleLinePlacement {
    float: left;
    margin-left: 10px;
    margin-top: 12px;
    width: 25px;
}

.imageMultiLinePlacement {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    width: 25px;
}

.imageExClassPlacement {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

.textPlacement {
    color: #000000;
    background-color: #ffffff;
    box-shadow: 1px 1px 6px #00000029;
    font-size: 16px;
    height: 30px;
    line-height: 1.7;
    text-indent: 20px;
    width: 220px;
}

.textPlacementWidget {
    color: #000000;
    background-color: #ffffff;
    box-shadow: 1px 1px 6px #00000029;
    font-size: 16px;
    height: 30px;
    line-height: 1.85;
    text-indent: 20px;
    width: 220px;
}

.textPlacementWidgetDashboard {
    color: #000000;
    background-color: #ffffff;   
    font-size: 16px;
    height: 30px;
    line-height: 1.5;
    text-indent: 20px;
    width: 220px;
}


.lineBreak {
    color: #000000;
    background-color: #ffffff;
    box-shadow: 1px 1px 6px #00000029;
    font-size: 16px;
    height: 30px;
    line-height: 1.7;
    text-indent: 20px;
    top: 25px;
    width: 220px;
}

.overviewStandardComponent {
    height: 30px;
    width: 250px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #585858;
    border-left-color: red;
    border-width: 1px;
    border-left-width: 3px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    top: 25px;
}

.widgetConfigIcons{
    font-size: 24px;
    float:left;
    margin-top:4px;
}

.widgetConfigIconsDashboard {
    font-size: 24px;
    float: left;   
}

.controlTypeTextDashboard {
    position: absolute;
    right: 20px;   
    bottom: 0;
}

.overviewCustomComponent {
    height: 30px;
    width: 250px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #585858;
    border-width: 1px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    top: 25px;
}

    .overviewCustomComponent .labelName,
    .overviewStandardComponent .labelName {
        width: 188px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
    }

.overviewStandardComponent i.fa-lock-alt,
.overviewCustomComponent i.fa-lock-alt {
    font-size: 10pt;
    color: #B2B2B2;
    padding-left: 5px;
}

.overviewMultiLineTextComponent {
    height: 30px;
    width: 510px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #585858;
    border-width: 1px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    top: 25px;
}

.overviewMultiLineTextRequiredComponent {
    height: 30px;
    width: 510px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #585858;
    border-left-color: red;
    border-width: 1px;
    border-left-width: 3px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    top: 25px;
}

.sectionCustomComponent {
    min-height: 75px;
    width: 590px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #585858;
    border-width: 1px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    top: 25px;
    padding-block-end: 25px;
}

.lineBreakComponent {
    background-color: #f2f2f2;
    display: inline-block;
    height: 10px;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    width: 520px;
    top: 25px;
}

.componentList {
    display: inline-block;
    width: 600px;
    font-size: 0;
    min-height: 568px;
    height: fit-content;
    padding-bottom: 50px;
}

.widgetList {
    display: inline-block;
    width: 900px;
    font-size: 0;
    min-height: 568px;
    height: fit-content;
    padding-bottom: 50px;
}

.labelName {
    float: left;
    padding: 3px;
    position: absolute;
}

.fieldName {
    color: #B2B2B2;
    float: right;
    font-size: 10px;
    line-height: 2.8;
    padding-right: 8px;
}

.widgetfieldName {
    color: #B2B2B2;
    float: right;
    position:absolute;
    bottom:-20px;
    right:0;
    font-size: 10px;
    line-height: 2.8;
    padding-right: 8px;
}

.lockIconComponent {
    color: #B2B2B2;
    float: right;
    line-height: 1.7;
    margin-right: 5px;
}

.ellipsisComponent {
    color: #B2B2B2;
    float: right;
    background-color: #ffffff;
    border-style: none;
    line-height: 1.6;
}

.ellipsisComponent:focus {
    color: #000000 !important;
}

.lineBreakDelete {
    color: #b9b3b3;
    font-size: 12px;
    float: right;
    background: none;
    border-style: none;
    position: relative;
    top: -6px;
}

.standardOptionsDropdownContent {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 120px;
    overflow: auto;
    border: 1px solid #585858;
    z-index: 1;
    left: 129px;
    top: 32px;
}

.standardOptionsDropdownContent a {
    color: #585858;
    font-size: 12px;
    padding: 5px 5px;
    text-align: left;
    text-decoration: none;
    display: block;
}

.standardOptionsDropdownContent a:hover {
    color: #008080 !important;
}

[contenteditable] {
    border: solid 1px lightgreen;
    padding: 5px;
    border-radius: 3px;
}

.site-wo-fields #tabPrimary-tab-1 {
    visibility: hidden;
}

.clonedElement {
    display: inline-block;
}

/* START Rules Tab */
.rule-container {
    
}

.rule-container .container-fluid {
    display: flex;
    gap: 1rem;
}

.creatorBox .card {
    border-radius: 10px;
}

#rules-tab .card-body {
    color: #1D283A80;
    white-space: nowrap;
}

#rules-tab .card-body .row > div > div, .added-action .card-body > div {
    padding-right: 1rem;
}

#rules-tab .card-body .row > div > div label {
    padding-right: 0.25rem;
}

.rule-container .card-body .row > div {
    padding: 0;
}

span.rule-num {
    background-color: #1D283A;
    color: #FFF;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

#rules-tab .card-body .k-dropdown {
    background-color: #E9E8E8;
    color: #1D283A80;
}

.action-picker, .remove, .item-type-picker-btn {
    color: #1D283A !important;
    background-color: transparent !important;
    border: none !important;
    vertical-align: middle;
}

.drag {
    color: #585858 !important;
    background-color: transparent !important;
    border: none !important;
    vertical-align: middle;
    cursor: grab !important;
}

.action-picker:focus, .remove:focus, 
.add-buttons button:focus, .drag:focus,
.item-type-picker-btn:focus {
    outline: none;
}

.add-buttons button {
    border: none;
    color: #878787;
    height: 31px;
    width: 31px;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    background-color: transparent;
    align-items: center;
    /*margin-left: 1.4rem;*/
}

#add-rule-btn {
    margin-left: 3rem;
}

#add-rule-btn .fa-plus-square {
    font-size: 1.9rem;
}

.added-action + #add-action-btn {
    margin-left: -3.7rem;
}

#add-action-btn {
    margin-left: -3.9rem;
    height: 21px;
    width: 21px;
}

#add-action-btn .fa-plus-square {
    font-size: 1.5rem;
}

#rules-tab .vertical-rule {
    font-weight: 1000;
    font-size: 10px;
    border: 0px solid;
    background-color: #878787;
    border-radius: 2px;
    color: #878787;
}

#rules-tab .form-control {
    border: 1px solid rgba(159, 159, 159, .5);
    height: 23px;
    width: 186px;
}

#createEdit-inspectionType .k-dropdowntree span.k-input-inner {
    display: none;
}

.action-display .dropdown-tree-primary span.k-chip {
    border-color: #58A095;
    color: #58A095;
    background-color: #FFFFFF;
}

.k-chip {
    height: 33px;
}

.dnone-chip {
    display: none;
}

#hidden-chips-count {
    padding: 4px 6px;
    height: 28px;
    position: relative;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    cursor: pointer;
    /*-webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    outline: 0;

    border-color: #1D283A;
    color: #FFFFFF;
    background-color: #1D283A;
}

.rule-template, .added-action-template {
    display: none;
}

.added-action {
    margin-left: -4rem;
}

.added-action > .d-flex {
    margin-left: -6rem;
}

.and-label {
    background-color: #1D283A;
    color: #FFFFFF;
    padding: 0.25rem 0.8rem;
    border-radius: 5px;
    font-size: 0.8rem;
}

.fieldRuleValidation {
    display: none;
    margin-bottom: 0;
    color: red;
}
/* END Rules Tab */

/* START Field Properties */
.field-property-tab {
    margin-top: 60px;
}

.widget-property-tab {
    margin-top: 25px;
    margin-left: 100px;
}


#fieldPropertiesContent {
    box-shadow: 0px 5px 12px #0000001a;
    min-height: 594px;
    padding: 1rem;
    background: #fff;
    position:absolute;
    max-width:400px;
}

.field-property-tab .form-control, .widget-property-tab .form-control {
    border: 1px solid rgba(159, 159, 159, .5);
    width: 350px;
}

#fieldPropertiesContent .form-group:not(:nth-last-child(2)), .widget-property-tab .form-group:not(:nth-last-child(2)) {
    margin-bottom: 1.25rem;
}

#fieldPropertiesContent input[type="checkbox"] {
    filter: hue-rotate(320deg);
    transform: scale(1.2);
}

#fieldPropertiesContent input#defaultValueInput.date-input-field,
#fieldPropertiesContent input#defaultValueInput.date-input-field:focus {
    border: none !important;
    padding: 0;
}

.remove-button {
    width: 50%;
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.exClassPickerField {
    background: #E9E9E9 !important;
}

.field-property-label {
    width: 350px;
    overflow-wrap: anywhere;
}
/* END Field Properties */
/* START Field Render */
#container, .section-container .container {
    display: flex;
    flex-wrap: wrap;
    width: 1020px;
}

#container > .field-item:not(.isColLeft),
.section-container .container > .field-item:not(.isColLeft) {
    flex: 50%;
}

#container > .isColLeft, 
.section-container .container .isColLeft,
#container > .hasLineBreak {
    flex: 100% !important;
}

#container > .field-item input {
    margin-right: 30px
}
/* END Field Render */
/* START Dashboard Item Layout*/
#side-layout {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    grid-auto-rows: minmax(0px, 50px) !important;
    gap: 16px;
    width: 290px !important;
    padding: 16px;
    background-color: transparent !important;
}

#main-layout {
    min-height: 500px;
}
/* END Dashboard Item Layout*/
/* Inspection Standards Screen */
.removeMainPadding {
    padding-bottom: 0px !important;
}

#inspection-standards {
    display: grid;
    grid-template-rows: 90px 1fr;
    grid-template-columns: 300px 1fr;
}

#main-header {
    grid-column-start: 1;
    grid-column-end: 3;
    display: grid;
    grid-template-columns: 300px 5fr 1fr;
    background-color: #58A095;
    color: #FFF;
}

#inspection-standards .main-sidebar {
    max-width: unset;
    min-width: unset;
}

#inspection-standards .k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    max-width: 530px;
}

nav.sidebar {
    max-width: 20%;
    min-width: 300px;
    margin: 0px;
    padding: 0px 10px 24px 10px;
    text-align: center;
    background: #D8D8D8;
}

.sidebar-sticky {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.standard-label {
    background-color: #1D283A;
    color: #FFF;
    border-right: 1px solid #FFF;
    padding-right: 20px;
    font-family: Bahnschrift Light, sans-serif;
}

#inspection-standards-dropdown .k-dropdownlist {
    background-color: #1D283A;
    color: #FFF;
    border-radius: 0 1px 1px 0;
    border: none;
    height: 35px;
    display: flex;
    align-items: center;
}

#inspection-standards-dropdown .k-dropdownlist .k-icon {
    color: #FFF;
}

#inspection-sched-container .tab-pane {
    padding: 0 0 0.92em 0;
}

#inspection-standards #page-header {
    font-size: 1.25rem;
    color: #1D283A;
}

.panel-section button {
    margin: 0 35px 10px 33px;
    background-color: #FFF;
    border-radius: 0px;
    padding: 4px;
    line-height: 2;
    transition: none;
    align-items: center;
    min-width: 210px;
    border-color: transparent;
    box-shadow: 1px 1px 6px #00000029;
}

.inspection-sched-btn > span.d-flex {
    gap: 5px;
}

.panel-section button:focus, .panel-section button:focus-visible {
    outline: 0px;
}

.button.active-panel-btn {
    border: 2px solid #EE7415;
}

#inspection-standards span.inspection-sched-letter {
    background-color: #1D283A;
    color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#inspection-standards span.inspection-sched-number {
    font-weight: bold;
    color: #585858;
    margin-left: 10px;
    margin-right: 2.5rem;
}

/*tab controls*/
ul#schedule-sections-tab .nav-item .nav-link {
    color: #FFF;
    padding: 1.2rem 4rem
}

ul#schedule-sections-tab .nav-item .nav-link.active,
ul#schedule-sections-tab .nav-item .nav-link.active:hover {
    color: #1D283A !important;
    border-color: transparent;
}

p.ex-class, p.inspection-type {
    margin: 0;
}

.ex-class span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    border: 1px solid #878787;
    border-radius: 30px;
    color: #878787;
}

.ex-class-apply {
    color: #FFFFFF !important;
    background-color: #1D283A;
    border-color: #1D283A !important;
}


.inspection-type span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    border: 1px solid #58A095;
    border-radius: 30px;
    color: #58A095;
}

.inspection-type-apply {
    color: #FFFFFF !important;
    background-color: #58A095;
    border-color: #58A095 !important;
}

/*buttons groups*/
.filter-btn-group .btn:focus,
.btn.filter-btn:focus {
    box-shadow: none;
}

.filter-btn-group .btn,
.btn.filter-btn {
    margin-right: 0.5rem;
    color: #878787;
    background-color: #FFF;
    border-color: #878787;
    min-width: 40px;
    height: 40px;
    border-radius: 20px !important;
    padding: 0;
}

.btn.active-ex-class {
    color: #FFF;
    background-color: #1D283A;
}

.btn.active-inspection-type {
    color: #FFF;
    background-color: #58A095;
}

.sched-btn {
    display: none;
}

.active-sched-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

#edit-mode-btn:hover {
    color: white !important;
}

.grid-schedule, .grid-fault-priority-setup {
    position: relative;
    overflow: auto;
    border-left-color: transparent;
    border-right-color: transparent;
}

.grid-schedule > table, .grid-fault-priority-setup > table {
    table-layout: fixed;
}

.inspection-standard-page, .fault-priority-setup, .check-comments {
    display: none;
}

.fault-priority-setup, .check-comments {
    padding: 16px 20px;
}

.active-page, .active-fault-priority-setup, .active-check-comments {
    display: block;
}

#fault-priority-setup-container .k-toolbar.k-grid-toolbar,
.grid-fault-priority-setup tr th a.k-grid-filter,
.grid_check_comments .k-toolbar.k-grid-toolbar,
.grid_check_comments tr th a.k-grid-filter,
.grid_rbi_strategy .k-toolbar.k-grid-toolbar,
.grid_rbi_strategy tr th a.k-grid-filter {
    display: none;
}

#inspection-sched-container .k-grid tr td {
    padding: 1rem 0.6em;
}

/* RBI Strategy */
nav.sidebar.rbi-strategy {
    margin: 0;
    width: 70%;
}

#rbi-strategy-screen #page-header {
    font-size: 1.25rem;
    color: #1D283A;
}

#rbi-strategy-screen #content {
    padding: 0;
}

#inspection-standards .nav-tabs, #rbi-strategy-screen .nav-tabs {
    margin: 0px;
}

#rbi-strategy-screen .nav-tabs button[data-toggle="tab"] {
    border: 2px solid #1D283A;
    margin-bottom: 10px;
    border-radius: 0px;
    display: flex;
    padding-left: 1rem;
    margin-left: auto;
    margin-right: auto;
}

#rbi-strategy-screen .nav-tabs button.active {
    background-color: #FFF !important;
    border-color: #58A095;
}

#rbi-strategy-screen #strategy-points {
    padding: 0 !important;
}

#rbi-strategy-screen #strategy-points nav.sidebar, 
#fault-points nav.sidebar {
    background-color: #DEDEDE;
    width: 220px;
}

#rbi-strategy-screen #strategy-points #content, 
#fault-points #content {
    padding: 0.92em;
}

#add-lookups-modal .modal-footer {
    border: none;
}

#added-lookups-tabs {
    flex-direction: column;
    margin-left: 20px !important;
}

#added-lookups-tabs > li.nav-item a.active {
    background-color: transparent !important;
    border: none;
    font-weight: 800;
}

#added-lookups-tabs > li.nav-item a:hover {
    border: none;
    font-weight: 800;
}

#added-lookups-content #page-header {
    margin: 0;
}

#overview .cancel-save-button {
    width: 80%;
    max-width: 923px;
}

#save-overview {
    margin: 0;
}
#members-tab-permissions {
    margin-bottom: 2rem;
}

#members-tab-permissions > div {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-gap: 2rem;
}

.permission-field {
    background: #fff;
    padding: .5rem;
}

.permission-field:nth-of-type(odd) {
    background: #F5F5F5;
}

.permission-field label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.hide-text-noUserSelected {
    display: none;
}

.show-user-details {
    display: block !important;
}
/* Select Ex Class */
#select-exclass-btn {
    /*min-width: 132px;*/
    height: 45px;
    margin-top: 0.5rem;
    /*font-size: 0.9375rem;*/
}

#select-exclass-modal .modal-dialog {
    max-width: 680px;
    height: auto;
}

#select-exclass-modal .modal-content {
    background-color: #1D283A;
}

#select-exclass-modal .modal-body {
    margin: 0;
    padding: 4rem 0 2rem 0;
}

    #select-exclass-modal .modal-body > div:not(:last-child) {
        padding: 0 6rem;
    }

#select-exclass-modal .input-group {
    padding-right: 5px;
}

input#ExClass {
    border-right: none;
    max-width: 380px;
    height: 37px;
}

#select-exclass-modal .form-control[readonly] {
    color: #495057;
}

#select-exclass-modal #back-btn {
    border: 1px solid #F0EFEF;
    border-left: none;
    color: #000000;
    background-color: #F0EFEF;
    height: 3.17rem;
    border-radius: 0 0.25rem 0.25rem 0;
}

    #select-exclass-modal #back-btn:focus,
    .picker-btn:focus {
        outline: none;
        box-shadow: none;
    }

.picker-btn {
    background-color: #FFFFFF;
    font-family: Roboto;
    font-size: 1rem;
    width: 65px;
    height: 45px;
    margin-bottom: 1rem;
    border: none;
}
/*Increased button size for Simple Apparatus button*/
.picker-btn-simple{ 
    width: 148px !important;     
    margin-left: -1.5px!important;
}

.d-flex .picker-btn:not(:last-child) {
    margin-right: 20px;
}

 /* 6.3 Widget Stats */

    .widget {
        border-radius: 3px;
        margin-bottom: 20px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
    }

        .widget.widget-stats {
            position: relative;
        }

    .widget-stats .stats-info h4 {
        font-size: 12px;
        margin: 5px 0;
        color: #fff;
    }

    .widget-stats .stats-icon {
        font-size: 42px;
        height: 56px;
        width: 56px;
        text-align: center;
        line-height: 56px;
        margin-left: 15px;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .widget-stats .stats-info p {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 0;
    }

    .widget-stats .stats-link a {
        display: block;
        margin: 15px -15px -15px;
        padding: 7px 15px;
        background: url(../img/transparent/black-0.4.png);
        background: rgba(0,0,0,0.4);
        text-align: right;
        color: #ddd;
        font-weight: 300;
        text-decoration: none;
    }

    .widget-stats .stats-icon.stats-icon-lg {
        font-size: 52px;
        top: 12px;
        right: 21px;
    }

    .widget-stats .stats-title {
        position: relative;
        line-height: 1.1;
        font-size: 12px;
        margin: 2px 0 7px;
    }

    .widget-stats .stats-title,
    .widget-stats .stats-desc {
        color: #fff;
        color: rgba(255,255,255,0.6);
    }

    .widget-stats .stats-desc {
        font-weight: 300;
        margin-bottom: 0;
    }

    .widget-stats .stats-number {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 10px;
    }


    .widget-stats .stats-progress .progress-bar {
        background: #fff;
    }


    .bg-arn-light-blue {
        background: #489FB5 !important;
    }


    .bg-arn-orange {
        background: #FFA62B  !important;
    }

    .bg-arn-dark-blue {
        background: #16697A !important;
    }
 
    .panel-inverse > .panel-heading {
      background: #242a30;
      color:#FFFFFF;
    }
    .panel-body{
       background-color: #2E3B46;
    }

.textnumber-display {
    font-size: 44px;
    text-align:center;
}

.iconHeaderStyle{
    float:right;   
    color:white;
}

.k-i-hyperlink-open{
    font-size:25px !important;
}

.preparation-loader{
    position: relative;
    top: 79px;
}
.download-status-text {
    position: relative;
    top: 161px;
    /*left: 664px;*/
    left: 30%;
}
.download-controls {
    position: relative;
    top: 208px;
    /*left: 1018px;*/
    left: 60%;
}