.header-upper.show {
    background-color: var(--ahr-color) !important;
}

.header-upper {
    background-color: transparent !important;
}

    .header-upper, .header-upper .nav-link {
        color: black !important;
    }

.dropdown-menu {
    font-size: 15px;
}

.collapse .dropdown-menu .dropdown > .dropdown-item:after {
    -webkit-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    transition: all 0.05s ease;
}

.header {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
}

#header {
    line-height: 1;
}

#footer {
    background-color: #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #212E63;
    font-weight: bold;
    font-family: Calibri;
}

.contenthelper {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}


    .contenthelper li:first-child {
        float: left;
        margin-top: 2.5%;
        margin-left: 5%;
    }

    .contenthelper li:nth-child(2) {
        float: right;
        margin-right: 5%;
    }


.footerhelper {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}


    .footerhelper li:first-child {
        float: left;
        margin-top: 2.5%;
    }

    .footerhelper li:nth-child(2) {
        float: right;
    }

.flex {
    display: flex;
    justify-content: space-between;
}

.p-text-size {
    font-size: 0.7rem;
}

.selected-language {
    border-bottom: solid 1px var(--ahr-color);
}

.flag-icon {
    width: 16px !important;
}

.flag-icon-en {
    background-image: url(/assets/plugins/flag-icon-css/flags/4x3/gb.svg);
}

.flag-icon-en.flag-icon-squared {
    background-image: url(/assets/plugins/flag-icon-css/flags/4x3/gb.svg);
}

.flag-icon-ro {
    background-image: url(/assets/plugins/flag-icon-css/flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(/assets/plugins/flag-icon-css/flags/4x3/ro.svg)
}

.jqx-combobox-content-bootstrap, .jqx-input-bootstrap {
    border-color: var(--ahr-color);
}

.jqx-widget-header-bootstrap {
    background-color: var(--ahr-color);
    color: white !important;
}

.jqx-grid-statusbar-bootstrap > div > div {
        background-color: var(--ahr-color) !important;
        color: white !important;
    }

.jqx-listitem-state-selected-bootstrap, .jqx-tree-item-selected-bootstrap,
.jqx-calendar-cell-selected-bootstrap, .jqx-grid-cell-selected-bootstrap,
.jqx-menu-vertical-bootstrap .jqx-menu-item-top-selected-bootstrap, .jqx-grid-selectionarea-bootstrap {
    color: #ffffff !important;
    background-color: var(--ahr-color) !important;
    border-color: var(--ahr-color) !important;
}



.jqx-fill-state-normal-bootstrap {
    border-color: var(--ahr-color) !important;
    color: white !important;
}

.jqx-success:hover, .jqx-success:focus, .jqx-success:active, .active.jqx-success, .disabled.jqx-success, [disabled].jqx-success {
    background-color: var(--ahr-color) !important;
    border-color: var(--ahr-color) !important;
}

.control-label {
    font-weight: bold;
    color: var(--ahr-color);
    /*margin-top: 10px;*/
}

.control-label-small {
    font-size: smaller;
}

.control-label-height-100-percent {
    line-height: 100%;
}

.btn-success {
    background-color: var(--ahr-color-core-gray-white) !important;
    color: var(--ahr-color) !important;
    border-color: var(--ahr-color) !important;
    white-space: nowrap;
}

.entity-button-row {
    background-color: var(--ahr-color-core-gray-white) !important;
    color: var(--ahr-color) !important;
    border-color: var(--ahr-color) !important;
    white-space: nowrap;
}

.entity-button-row-more {
    background-color: var(--ahr-color-core-gray-white) !important;
    color: var(--ahr-color) !important;
    border-color: var(--ahr-color) !important;
    white-space: nowrap;
}

.framework-workflow-state {
    background-color: var(--ahr-color-core-gray-extra-light) !important;
    color: var(--ahr-color-core-gray-dark) !important;
    border-color: var(--ahr-color) !important;
    white-space: nowrap;
}

.custom-image1 {
    border: 1px solid var(--ahr-color) !important;
}

.custom-image2 {
    border: 1px solid var(--ahr-color) !important;
    margin: -1px;
    border-radius: 0px 0px 4px 4px;
}

.custom-align {
    display: flex;
    align-items: center;
}

.jqx-splitter {
    border: none !important;
}

#window_title {
    padding-top: 5px;
}

.entity-not-saved {
    /*background-color: #F59999 !important;*/
}

.jqx-tabs-title-bootstrap, .jqx-tabs-title-bottom-bootstrap, .jqx-tabs-title-up-bootstrap, .jqx-expander-header-bootstrap:hover {
    color: white !important;
}

.jqx-tabs-title-selected-bottom, .jqx-tabs-title-selected-up, .jqx-tabs-title-selected-top-bootstrap {
    color: var(--ahr-color) !important;
    background: white !important;
}

/*.jqx-tabs-title-selected-top-bootstrap, .jqx-tabs-selection-tracker-top-bootstrap {
    border-color: white;
    color: white !important;
    background: var(--ahr-color);
    margin-left: 2px;
}*/

.jqx-fill-state-normal-bootstrap {
    color: #333333 !important;
}

.jqx-tabs-title-hover-top-bootstrap {
    background-color: var(--ahr-color) !important;
}

.remove-margin {
    margin: 0px !important;
}

.no-wrap {
    flex-wrap: nowrap;
    padding: 5px 0px 5px 0px;
}

.jqx-menu-bootstrap {
    color: var(--ahr-color) !important;
    background-color: white !important;
    border: none !important;
}

.jqx-menu-item-bootstrap.portal-menu {
    color: var(--ahr-color) !important;
    background-color: white !important;
    padding: 8px !important;
}

.jqx-menu-item-top-bootstrap.portal-menu {
    text-transform: uppercase !important;
    border-bottom: none;
    border-top: 3px solid white !important;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding: 4px !important;
    color: var(--ahr-color) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    float: none !important;
    /*max-width: 400px !important;*/
}

.jqx-menu-item-top-bootstrap.portal-menu:hover {
    color: var(--ahr-color) !important;
}

.jqx-menu-item-top-hover-bootstrap.portal-menu {
    border-bottom: none;
    border-top: 3px solid var(--ahr-color) !important;
    border-left: none;
    border-right: none;
    background-color: white !important;
    color: rgba(27, 27, 27, .8) !important;
}

.jqx-menu-item-top-selected-bootstrap.portal-menu {
    border-bottom: none;
    border-top: 3px solid var(--ahr-color) !important;
    border-left: none;
    border-right: none;
    background-color: white !important;
    color: rgba(27, 27, 27, .8) !important;
}

.jqx-menu-dropdown-bootstrap {
    border: 1px solid #f2f2f2 !important;
}

.jqx-menu-item-arrow-right-selected-bootstrap {
    background-image: url(/Framework/Scripts/libs/jqwidgets/styles/images/icon-right.png) !important;
}


.jqx-menu-item {
    color: var(--ahr-color) !important;
}

.no-margin {
    margin: 0px !important;
}

.nav-item-submenu {
    background-color: var(--ahr-color);
}

.btn-navbar-submenu {
    width: 100%;
}

.display-custom {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.jqx-icon-close-bootstrap {
    background-image: url(/Framework/Scripts/libs/jqwidgets/styles/images/close_white.png) !important;
}

.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    color: white !important;
}

.ticker-title {
    padding-top: 7px !important;
}

.jqx-grid-column-sortascbutton-bootstrap {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-up-white.png') !important;
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-column-sortdescbutton-bootstrap {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-down-white.png') !important;
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-grid-column-menubutton-bootstrap {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-menu-small-white.png') !important;
}

.jqx-expander-header-bootstrap:hover:not(.jqx-fill-state-disabled-bootstrap) {
    color: white !important;
    cursor: pointer;
}

.jqx-splitter-collapse-button-vertical-bootstrap, .jqx-progressbar-value-vertical-bootstrap {
    background-color: var(--ahr-color);
}

.jqx-splitter-collapse-button-horizontal-bootstrap, .jqx-progressbar-value-horizontal-bootstrap {
    background-color: var(--ahr-color);
}

button:focus {
    outline: none !important;
}

.button-hide-focus:focus {
    outline: none !important;
}

.grid-loading {
    padding-right: 0px;
    background-image: url('/Framework/Content/images/ajax-loader.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}

input[type="checkbox"][readonly] {
    pointer-events: none;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 4px;
}

.page-loader {
    background-color: var(--ahr-color) !important;
}


.fwk-resizer {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}

.fwk-resizer::before,
.fwk-resizer::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

.fwk-resizer::before {
    border-width: 1.5em;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
}

.fwk-resizer::after {
    border-radius: 0.4em;
    border-width: 1.35em;
    border-right-color: #0c0;
    border-bottom-color: #0c0;
}

.jqx-icon-edit-alt-white {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-edit-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-delete-alt-white {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-delete-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-save-alt-white {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-save-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-cancel-alt-white {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-cancel-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget {
    color: var(--ahr-color) !important;
}

.fwk-tree-expanded {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fwk-tree-collapsed {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fwk-tree-expanded-selected {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fwk-tree-collapsed-selected {
    background-image: url('/Framework/Scripts/libs/jqwidgets/styles/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fwk-form-control:disabled, .fwk-form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.ticker-wrapper.has-js {
    margin: 1px 0px 1px 0px !important;
}

.overflow-scoll {
    overflow: scroll;
}

@media (min-width: 576px) {
    .overflow-sm-scoll {
        overflow: scroll;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .overflow-md-scoll
    {
        overflow: hidden;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .overflow-lg-scoll {
        overflow: hidden;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .overflow-xl-scoll {
        overflow: hidden;
    }
}