body {
    --font-size: 14px;
    --font-family: "Roboto";
}

.btn-danger {
    background-color: #007194 !important;
}

.modal-content {
    border-radius: 10px !important;
}

.bootstrap-dialog.type-primary .modal-header {
    border-radius: 10px 10px 0 0 !important;
}

.nav>li>a {
    color: inherit;
}

/*Checkbox displayed as left/right toggle*/
.checkbox-toggle .cat-checkbox .cat-checkbox-label span {
    display: none;
}

.checkbox-toggle .cat-checkbox [type='checkbox']+.cat-checkbox-label::before {
    content: '\e9f5';
    color: #707070;
    font-family: 'Material Icons';
    display: inline-flex;
    font-size: 40px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-toggle .cat-checkbox [type='checkbox']:checked+.cat-checkbox-label::before {
    content: '\e9f6';
    color: #007194;
}

.cat-btn-ok {
    background-color: #007194 !important;
    color: white;
}

.cat-btn-ok:hover {
    background-color: #007194 !important;
    color: white !important;
}

.cat-btn-cancel {
    background-color: #fff !important;
    color: black;
}

.cat-btn-cancel:hover {
    background-color: #efefef !important;
    color: black !important;
}

.CatGridV3 button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
}

.CatGridV3 .cat-grid-search-menu>ul>li:first-child>a>span.highlight {
    color: #007194;
}

/* Checkbox disabled style*/
.checkbox.disabled .cat-checkbox-label-after {
    border-color: gray !important;
}

.pmd-textfield div[control][disabled],
.pmd-textfield div[control][readonly],
fieldset[disabled] div[control],
div[control][disabled],
div[control][readonly] {

    background-color: #eee;
    opacity: 1;
}

/* Grid Disabled Style */
tr:not(.highlight)>td.cat-cell-disabled {
    background-color: #eeeeee !important;
}


/* Button Farbe */
.btn-primary,
.dropdown-toggle.btn-primary {
    background-color: #007194;
}

/* Selected Grid Row Farbe */
.CatGridV3 tr.grid-selected>td {
    border-bottom: 1px solid #007194;
    background-color: #dce6f1;
}

.cat-tab-glyphicon {
    display: initial;
    position: relative;
    padding-right: 8px;
    top: 8px;
}

.cat-tab-has-glyphicon {
    text-align: center;
    height: 47px;
    padding-top: 4px;
}

/* Selected Tree Item Farbe */
.cat-tree li.active>.cat-tree-item {
    border-bottom: solid 1px #007194;
    box-sizing: border-box;
    background-color: #dce6f1 !important;
}

/* ACM disabled style */
#catfrmlogin #catfrmlogin {
    background-color: #EBEBEB !important;
}

#catfrmlogin #credentials,
#catfrmlogout #credentials {

    border-radius: 20px !important;
    width: 550px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: white;
}

#catfrmlogin #credentials * {
    float: none !important;
}

#catfrmlogin .cat-login-logo,
#catfrmlogout .cat-login-logo {
    position: relative;
    width: 127px;
    height: 193px;
    display: block;
    padding-top: 10px;
}

#catfrmlogin .cat-login-logo img {
    width: 100% !important;
    margin-bottom: 0px !important;
}

#catfrmlogin .center-block {
    margin-top: 30px;
    height: 180px;
}

#catfrmlogin .center-block [class*="col-xs-"]:not(:empty),
#catfrmlogout .center-block [class*="col-xs-"]:not(:empty) {
    width: 100%;
}

#catfrmlogin .center-block [control] {
    margin: 10px 20px;
}

#catfrmlogin [control] [control] {
    display: flex;
}

#catfrmlogin label {
    color: #356C81 !important;
}

#catfrmlogin input:not(#btnLogin) {
    color: #07415C !important;
    border-radius: 10px !important;
    border-color: #07415C !important;
}


#catfrmlogin [control] [control] label {
    flex: 1;
}

#catfrmlogin [control] [control] div {
    flex: 2;
}

#catfrmlogin #btnLogin,
#catfrmlogout #btnLogin {
    width: 40%;
    margin: auto;
    display: block;
    border-radius: 10px !important;
    margin-top: 20px;
}

#catfrmlogin [control] [control] .col-xs-8 {
    display: block;
    padding-left: 1px;
    position: absolute;
    right: -357px;
    bottom: -25px;
}

#catfrmlogin [control] [control] .col-xs-8 input {
    font-size: 10px !important;
}

.acm-disabled {
    background: #F2F2F2 !important;
}

/* Hintergrundfarbe AppMode Menü ausgewählte Zeile */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #007194;
    outline: 0;
}

.btn-primary:hover,
.dropdown-toggle.btn-primary:hover {
    background-color: #007194;
}

.btn-primary:active,
.dropdown-toggle.btn-primary:active,
.btn-primary.active,
.dropdown-toggle.btn-primary.active {
    background-color: #007194;
}

.pmd-btn-flat.btn-primary:hover {
    color: #007194;
    background-color: #e5e5e5;
}

.btn-primary:focus,
.dropdown-toggle.btn-primary:focus {
    background-color: #007194;
}

/* Hintergrundfarbe für Datetimepicker -> top section */
.topdateinfo {
    background-color: #007194 !important;
}

/*  items of open menu */
div.ulcontainer.open .cat-select li.cat-select-item {
    padding: 0px;
    min-height: 4px;
}

/* Gantt Farben */
.cat-gantt1.progress-bar-info,
#cat_tree_maximize {
    background-color: #007194;
    color: white;
}

.cat-gantt2.progress-bar-info,
#showhidetreeTB,
#treepath-search {
    background-color: white;
}

/* Tabstrip Farben */
#tabstrip .nav>li:hover {
    background-color: #c7d0d5 !important;
}

#toptoolbar,
#tabstrip,
#tabstrip li,
#tabselector {
    background-color: #007194;
    color: white;
}

/* Active Tab Farbe */
.tab-active-bar {
    background: #95B3D7 !important;
}

/* Tabstrip Schriftfarbe */
#tabstrip .pmd-tabs .nav>li>a {
    padding: 16px;
    color: white !important;
}

/* Schriftfarbe in der Top Toolbar */
#toptoolbar>nav>ul.nav>li>a>span,
#toptoolbar>nav>ul.nav>li>a>b,
#TreePath>nav>ul.nav>li>a>span,
#TreePath>nav>ul.nav>li>a>b,
#TreePath li#AppModeMenu>a>span,
#TreePath li#AppModeMenu>a>b,
#TreePath li#archives>a>span,
#TreePath li#archives>a>b {
    color: black !important;
}

/* Schriftfarbe AppMode Menü im Tab Strip */
#toptoolbar li#AppModeMenu>a>span,
#toptoolbar li#AppModeMenu>a>b,
#toptoolbar li#archives>a>span,
#toptoolbar li#archives>a,
#toptoolbar li#archives>a>b,
#toptoolbar li#cat_tree_maximize>a>i {
    color: white !important;
}

/*Radio Button Classes*/
.collaps-indicator-left .cat-sub-form-header.cat-sub-form-collapsible>i {
    float: left !important;
}

.rounded-toolbar-buttons .nav-pills>li>a {
    border-radius: 5px !important;
}

.bva-blue-toolbar-buttons .nav-pills>li>a {
    background-color: #007194;
    color: #ffffff;
}

.only-toolbar .cat-upper-content {
    display: none;
}

.full-height {
    height: 180px;
}

.rcorner {
    border: 1px solid #e5e7eb;
    border-radius: 10px !important;
}

.slim-checkbox .checkbox label,
.slim-checkbox .radio label {
    min-height: 20px;
}

.slim-file-uplad .cat-file-download>i {
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.slim-file-uplad .cat-paste-container:not(.inline):not(li),
.slim-file-uplad .cat-paste-container-disabled:not(.inline):not(li) {
    min-height: 50px;
    height: 50px;
}

.cat-paste-container:not(.inline):not(li),
.cat-paste-container-disabled:not(.inline):not(li) {
    border: 1px solid #e6e6e6;
    border-radius: 10px !important;
}


.flex-label-left [control],
.flex-label-left .cat-select-container,
.flex-label-left .pmd-textfield .flex-label-left .pmd-textfield-focused {
    display: flex;
    white-space: nowrap;
    width: auto;
}

div.outset {
    border-style: solid;
    border-radius: 20px !important;
    color: #c2c2c2;
    padding: 20px 20px;
}

/*Fix Cat4 containers*/
.cat-upper-content.cat-dataform {
    padding: 0 !important;
}

.cat-upper-content .cat-form-view-tree-item {
    position: relative;
}

.cat-container-master>.cat-upper-content {
    background-color: rgb(242 243 244);
}

/*Main container for RVM tabs*/
.rvm-main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/*Dashboard Nav Bar*/
.rvm-main #nav-container #tabstrip {
    background-color: transparent;
    color: black;
    height: unset;
}

.rvm-main #nav-container .nav {
    display: flex;
}

.rvm-main #nav-container .pmd-tab-active-bar {
    display: none;
}

.rvm-main #nav-container .nav li {
    flex: 1;
    text-align: center;
    border-bottom: 2px solid #e5e7eb;
}

.rvm-main #nav-container .nav li a {
    padding: 10px;
}

.rvm-main #nav-container .nav li.active {
    border-bottom: 2px solid rgb(116 17 46);
}

.rvm-main #nav-container .nav li.active a {
    font-weight: 600;
    font-size: 16px;
}

.rvm-main #nav-container #tabstrip .nav>li:hover,
.rvm-main #nav-container #tabstrip .nav>li>a:hover {
    background-color: transparent !important;
}

.rvm-main #nav-container .nav li[id="1474"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

.rvm-main #nav-container .nav li[id="1467"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

.rvm-main #nav-container .nav li[id="1471"] a::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: middle;
    margin-right: 3px;
}

/* Slector styles*/
.rvm-main .dashboard-selector li.selected {
    font-weight: 600;
    font-size: 1.5rem;
}

.rvm-main .cat-dataform .cat-control-container .cat-selectdiv[control] {
    height: unset !important;
}

.rvm-main .dashboard-selector .cat-control-container {
    padding: 0 15px;
    background-color: rgb(229, 231, 235);
    border-radius: 10px !important;
}

.rvm-main .dashboard-selector .cat-select-item .selected {
    top: 4px;
    margin-right: 10px;
}

.rvm-main .dashboard-selector .cat-select-item .selected::before {
    content: url("data:image/svg+xml; utf8, ");
    vertical-align: text-top;
    margin-right: 10px;
}

.rvm-main .dashboard-selector .arrow-container {
    bottom: unset !important;
    top: 17px;
    right: 20px !important;
    border: none;
    pointer-events: none;
}

.rvm-main .dashboard-selector .arrow-container b {
    display: none;
}

.rvm-main .dashboard-selector .arrow-container::before {
    content: '\e5cf';
    font-family: 'Material Icons';
    font-size: 24px;
}

/*White box for segmented content in rvm tabs*/
.rvm-box {
    background-color: white;
    border-radius: 0.5rem !important;
    margin: 1rem -0.5rem;
    padding: 1rem;
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
}

.rvm-box .box-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    color: rgb(75 85 99);
    text-align: center;
    margin: 0.5rem 0;
}

.rvm-box .box-title.small {
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgb(36 110 148);
}

.rvm-box div.box-title.small {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

/*Grid defaults*/
.rvm-main .CatGridV3 .grid-headerrow td {
    border-top: none;
    border-bottom: 1px solid #e5e7eb;
}

.rvm-main .CatGridV3 .grid-body tr {
    background-color: transparent !important;
}

.rvm-main .CatGridV3 .grid-body tr,
.rvm-main .CatGridV3 .grid-body-fixed tr {
    height: 50px;
}

.rvm-main .CatGridV3 .grid-body tr td {
    background-color: transparent !important;
}

.rvm-main .CatGridV3 .grid-body tr td,
.rvm-main .CatGridV3 .grid-body-fixed tr td {
    border-bottom: 1px solid #e5e7eb;
}

.rvm-main .CatGridV3 .grid-body tr.grid-selected td,
.rvm-main .CatGridV3 .grid-body-fixed tr.grid-selected td {
    border-bottom: none;
}

/*Controls*/

.rvm-main .cat-traffic-light {
    color: transparent !important;
    width: 30px;
    overflow: hidden;
}

.rvm-main .TL1GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .TL2GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .TL4GRID::before {
    content: url("data:image/svg+xml; utf8, ");
    position: relative;
    top: -4px;
}

.rvm-main .btn-blue .btn {
    color: white;
    background-color: #007194;
    border-radius: 5px !important;
    width: 100%;
    height: 100%;
    border: none;
}

.rvm-main .btn-blue .btn:hover {
    background-color: rgba(36, 110, 148, .8);
}

.rvm-main .btn-blue.icon .btn {
    width: 30px;
    height: 30px;
}

.rvm-main .btn-blue.icon .btn::before {
    /*content: '\f8ce';*/
    font-family: 'Material Icons';
    color: white;
    font-size: 20px;
    left: 5px;
    top: 2px;
    position: relative;
}

.rvm-main .control-inline {
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    background-color: rgb(242 243 244);
    border-radius: 10px !important;
}

.rvm-main .control-inline>* {
    margin: 0px 3px;
}

.maximize-button .btn {
    margin-top: 0px;
    min-width: 25px;
    padding: 5px 7px;
}

.reset-btn-col-height {
    height: 40px !important;
}

.reset-btn-height .btn {
    height: 27px !important;
    border-radius: 5px !important;
    padding: 2px 14px !important;
}

.favoriten-btn-height .btn {
    height: 27px !important;
    border-radius: 5px !important;
    padding: 2px 14px !important;
}

.insert-ms-ap-btn-height .btn,
.insert-ms-ap-btn-height .cat-dataform button {
    height: 27px !important;
    border-radius: 10px !important;
    padding: 2px 5px !important;
    margin-top: 0px;
}

.delete-ms-ap-btn-height .btn,
.delete-ms-ap-btn-height .cat-dataform button {
    height: 27px !important;
    border-radius: 10px !important;
    padding: 2px 5px !important;
    margin-top: 0px;
    min-width: 20px;
}

.slim-btn .btn {
    min-width: 0px;
    padding: 0px 0px;
}

/*Expand buttons for RVM tabs*/
.rvm-box .btn-expand {
    color: black;
    background-color: rgb(242 243 244);
    border-radius: 5px !important;
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
}

.rvm-box .btn-expand.collapse,
.rvm-box .btn-expand.collapse.in,
.rvm-box .btn-expand.collapsing {
    display: block;
    height: 25px !important;
}

.rvm-box .btn-expand:hover {
    background-color: hsla(210, 8%, 95%, .5);
}

.rvm-box .btn-expand.collapse span.more {
    display: block !important;
}

.rvm-box .btn-expand.collapse span.less {
    display: none !important;
}

.rvm-box .btn-expand.collapse.in span.more,
.rvm-box .btn-expand.collapsing span.less {
    display: none !important;
}

.rvm-box .btn-expand.collapse.in span.less,
.rvm-box .btn-expand.collapsing span.less {
    display: block !important;
}

.rvm-box .btn-expand.collapsing .material-icons {
    transform: rotate(180deg);
    transition: all .35s;
}

.rvm-box .btn-expand.collapse.in .material-icons {
    transform: rotate(180deg);
}

.rvm-box .CatGridV3 .btn-open::before {
    content: '\f8ce';
}

.invert-collapse-button.collapse {
    display: flex !important;
}

.invert-collapse-button.collapse.in {
    display: none !important;
}

/* Filter buttons (RVM Übersicht links)*/
.filter-button {
    position: relative;
    padding: 5px;
    margin: 0;
    height: 100px;
    display: flex;
    align-items: center;
    transition: all .35s;
}

.filter-button.collapse.in {
    display: flex !important;
}

.filter-button.collapse {
    display: none !important;
}

.filter-button>div:not(.icon, .text) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.filter-button button {
    width: 100%;
    height: 100%;
    margin: 0px;
    color: transparent;
    border-radius: .5rem !important;
}

.filter-button button:hover,
.filter-button button:focus,
.filter-button button:active,
.filter-button button:active:focus {
    color: transparent;
    background-color: #007194;
}

.filter-button .icon,
.filter-button .text {
    pointer-events: none;
    text-align: center;
}

.filter-button .icon .icon-container {
    color: #007194;
    font-size: 2.25rem;
    line-height: 2.5rem;
    background-color: rgb(229, 231, 235) !important;
    border-radius: 0.5rem !important;
    width: 4rem;
    height: 4rem;
    margin: auto;
    display: flex;
    align-items: center;
}

.filter-button .icon svg {
    flex: 1;
    width: 1em;
    height: 1em;
}

.filter-button .text {
    color: black;
}

.filter-button:hover .text {
    color: white
}

.filter-button .text .title {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
}

.filter-button .text .value {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.filter-button .icon *,
.filter-button .text *,
.filter-button .pmd-textfield div[control][disabled] {
    background-color: transparent !important;
}

/* Align items*/
.flex-align-items-left {
    align-items: center;
    justify-content: left;
    display: flex;
}

.flex-align-items-right {
    align-items: center;
    justify-content: right;
    display: flex;
}

.flex-align-items-space-evenly {
    align-items: center;
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

.flex-align-items-space-between {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

/*Budget labels*/
.rvm-budgetlabel {
    text-align: center;
}

.rvm-budgetlabel .cat-env-label,
.rvm-budgetlabel div[control][disabled] {
    text-align: center;
    background-color: transparent !important;
    border: none;
}

.rvm-budgetlabel div[control][disabled] {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.rvm-budgetlabel .cat-env-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

/* Radio Button */
.rvm-radiobutton .cat-control-container [control=radiobutton],
.rvm-checkboxbutton .cat-control-container [control=radiobutton],
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton] {
    position: relative;
    overflow: hidden;
    border-radius: 10px !important;
    background-color: #007194;
    margin: 5px 0;
    cursor: pointer;
    justify-content: center;
    height: auto;
    color: var(--button-primary-foreground) !important;
    font-weight: bold;
    padding: 5px;
}

.rvm-radiobutton .cat-control-container [control=radiobutton]::before,
.rvm-checkboxbutton .cat-control-container [control=radiobutton]::before,
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton]::before {
    content: attr(text);
}
.rvm-radiobutton .cat-control-container [control=radiobutton] div::before,
.rvm-checkboxbutton .cat-control-container [control=radiobutton] div::before,
.rvm-checkboxbutton-blue .cat-control-container [control=radiobutton] div::before {
    content: "";
}

.rvm-radiobutton .cat-control-container [value="true"][control=radiobutton],
.rvm-checkboxbutton .cat-control-container [value="true"][control=radiobutton] {
    background-color: rgb(116 17 46);
}

.rvm-checkboxbutton-blue .cat-control-container [value="true"][control=radiobutton] {
    background-color: #007194;
}


.rvm-checkboxbutton .cat-control-container [control] .checkbox .cat-checkbox,
.rvm-checkboxbutton-blue .cat-control-container [control] .checkbox .cat-checkbox {
    margin: 0 !important;
}

.rvm-checkboxbutton.delete .cat-control-container [control] .cat-checkbox-label::before,
.rvm-checkboxbutton-blue.delete .cat-control-container [control] .cat-checkbox-label::before {
    content: 'delete';
}


.rvm-checkboxbutton .cat-control-container [control] .cat-checkbox-label::before,
.rvm-checkboxbutton-blue .cat-control-container [control] .cat-checkbox-label::before {
    font-family: 'Material Icons';
    color: white;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translate(-50%, 0)
}

.rvm-checkboxbutton .cat-control-container [control],
.rvm-checkboxbutton-blue .cat-control-container [control] {
    width: 27px !important;
    margin: 0;
    pointer-events: all !important;
}

.rvm-checkboxbutton .cat-control-container [control] .checkbox,
.rvm-checkboxbutton-blue .cat-control-container [control] .checkbox {
    top: 0px;
    pointer-events: all;
    width: 100%;
    height: 100%;
}

/*Field styles (border, background, etc.)*/
[control]:not([control=label]):not([control=button]):not([control=grid]):not([control=form]):not([control=menu]):not([control=input_numeric_slider]):not([control=menu_tabs]):not([control=grid] *) {
    border: 1px solid #eeeeee !important;
    border-radius: 10px !important;
}

.cat-dataform .cat-control-container .cat-selectdiv[control] {
    border: 1px solid #eeeeee !important;
    border-radius: 10px !important;
}

.cat-control-container [control] {  /*JVe*/
    border-bottom: none;
}

.borderless-field div[control],
.borderless-field div[control] .cat-select-item {
    border: none !important;
}

.multiselect-border-style .ui-sortable-handle {
    border: none !important;
}

.overwrite-disabled-bg-transparent .pmd-textfield div[control][disabled] {
    background-color: transparent !important;
    border: none !important
}

.overwrite-disabled-bg .pmd-textfield div[control][disabled] {
    background-color: rgb(0, 0, 0, 0) !important;
    border: none !important;
}

.overwrite-bg .pmd-textfield div[control][disabled],
.overwrite-bg .pmd-textfield div[control][enabled],
.overwrite-bg div[control] {
    background-color: rgb(0, 0, 0, 0) !important;
    border: none !important;
}

.no-border-selector div[control] .cat-select-item {
    border: 0px !important;
}

.double,
.date {
    padding-right: 5px !important;
}

.headerless-table .grid-header {
    display: none !important;

}

.rvm-bold-label .cat-env-label {
    font-weight: bold !important;
}

.rvm-main .rvm-radiobutton .checkbox label,
.rvm-main .radio label {
    min-height: 40px;
}

/* Styles Tätigkeitserfassung */

.date-selector {
    display: flex;
    justify-content: center;
}

.prev-next-btn .btn {
    min-width: 50px;
    padding: 0px 5px;
}

.slim-padding-col {
    padding-left: 3px;
    padding-right: 3px;
}