/* Begin overriding october styles */
/* The following need to be inserted into backend style settings field */
.layout-mainmenu .navbar {
    background-color: rgba(0,0,0,.45);
    color: #FFFFFFCC;
}

.mainmenu-item > .mainmenu-item-container, .mainmenu-item > a {
    color: #FFFFFFCC;
}

.layout > .layout-row > .layout-cell .layout-container, .layout > .layout-row > .layout-cell .padded-container, .layout > .layout-row > .layout-cell.layout-container, .layout > .layout-row > .layout-cell.padded-container {
    padding: 50px 50px 0 50px !important;
}

.theme-cell img {
    width: 100%
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    background-color: #78adde;
}

.btn-primary {
    background-color: #005b99;
}

nav.layout-sidenav ul > li.mainmenu-item > a .nav-icon .svg-icon {
    -webkit-filter: none;
    filter: none;
}
/* End overriding october styles */


/**********************************
 *      PLUGIN Specific style     *
 **********************************/

#trinkwasser-nav ul {
    list-style: none;
}
#trinkwasser-nav li {
    display: inline-block;
}
#trinkwasser-nav li.mainmenu-item.language {
    font-size: 16px;
    height: 80px;
    color: #00000099;
    text-transform: uppercase;
}
#trinkwasser-nav li.mainmenu-item.language.separator {
    margin-right: 5px !important;
}
#trinkwasser-nav li.mainmenu-item.language.separator:after {
    position: relative;
    padding-left: 5px;
    content: '|';
    opacity: .5;
}
#trinkwasser-nav .language-selector, #trinkwasser-nav li.mainmenu-item.logout {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#trinkwasser-nav li.mainmenu-item.language {
    display: inline;
}
#trinkwasser-nav li.mainmenu-item.language a {
    display: inline;
    padding: 0 5px 0 0;
    color: #00000099;
    opacity: .5;
    cursor: pointer;
}
#trinkwasser-nav li.mainmenu-item.language a:hover, li.mainmenu-item.language a.active {
    opacity: 1 !important;
}
#trinkwasser-nav li.mainmenu-item.logout .btn {
    display: inline-block;
    padding: 8px 19.5px;
    height: auto;
    text-transform: uppercase;
}
body:not(.signin):not(.message-outer-layout) #layout-canvas {
    padding-top: 80px;
}
#trinkwasser-nav {
    top:0;
    position: fixed;
    z-index: 12;
    background-color: #999;
    width: 100%;
    height: 80px;
    display: flex;
}
#trinkwasser-nav .menu-content {
    display: flex;
    padding: 0 15px;
    flex: 1;
    justify-content: space-between;
    background: #d9d9d9;
}
#trinkwasser-nav .lang-logout {
    display: flex;
    color: #00000099;
}
#trinkwasser-nav .lang-logout ul {
    margin: 0 20px 0 0;
}
#trinkwasser-nav .supplier-menu {
    display: flex;
    height: 100%;
}
#trinkwasser-nav .supplier-menu div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #00000099;
    padding-left: 30px;
}
#trinkwasser-nav .supplier-menu div .menu-toggle {
    color: #333;
    padding: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 10px;
    transform: rotate(0);
    transition: all .3s;
    cursor: pointer;
    /* Remove next line to reactivate hamburger */
    display: none
}
#trinkwasser-nav .supplier-menu div .menu-toggle:hover {
    text-decoration: none;
    transform: rotate(90deg);
    background-color: #EEE;
}
body.expanded-menu #trinkwasser-nav .supplier-menu div .menu-toggle {
    transform: rotate(90deg);
}
#trinkwasser-nav .logo {
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.left-side-menu-container, .left-side-menu-container .layout-mainmenu, #trinkwasser-nav .logo {
    transition: width .3s ease-in-out;
    width: 240px !important;
}
.left-side-menu-container .layout-mainmenu {
    box-shadow: none !important;
}
.left-side-menu-container:not(.expand) .layout-mainmenu, .left-side-menu-container:not(.expand)  {
    width: 0px !important;
}
#trinkwasser-nav .icon-sign-out {
    display: none;
}
@media (max-width: 760px) {
    .left-side-menu-container:not(.expand) .layout-mainmenu, .left-side-menu-container, #trinkwasser-nav .logo {
        width: 0px !important;
    }
    #trinkwasser-nav .icon-sign-out {
        display: block;
    }
    #trinkwasser-nav .btn {
        padding: 10px !important;
    }
    #trinkwasser-nav .label {
        display: none;
    }
}

@media (max-width: 590px) {
    #trinkwasser-nav li.mainmenu-item.language a {
        padding: 0 !important;
    }
    #trinkwasser-nav li.mainmenu-item.language:after {
        content: none !important;
    }
}

body.notransition .left-side-menu-container,
body.notransition .left-side-menu-container .layout-mainmenu,
body.notransition #trinkwasser-nav .logo{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.btn-switch {
    text-align: center;
    padding: 8px 19.5px;
    width: 160px;
    border: solid 1px #ddd;
    background-color: #bbb;
    box-shadow: inset 0 0 20px rgba(0,0,0,.2);
}
.btn-switch.switch-left {
    border-radius: 5px 0 0 5px;
    border-right: none;
    margin-bottom: 0;
}
.btn-switch.switch-right {
    border-radius: 0 5px 5px 0;
}
.btn-switch:not(.active) {
    cursor: pointer;
}
.btn-switch:hover {
    background: #fff;
    border-color: transparent;
}
.btn-switch.active {
    box-shadow: 0 0 5px  rgba(0,0,0,.1);
    background-color: #78adde;
    border-color: #ddd !important;
}
.btn-green {
    background-color: #0EA804 !important;
}
.btn-green:hover {
    background-color: #4eb76e !important;
}

#Form-secondaryTabs {
    padding: 20px;
    border: solid 1px #ddd;
    margin-bottom: 20px;
}
#Form-secondaryTabs .nav-tabs a {
    font-size: 22px;
}
#Form-secondaryTabs .form-group.span-left {
    margin-bottom: -15px;
    padding-bottom: 0;
}
.info-section > div {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
.info-section label {
    text-transform: uppercase;
}
.info-section .value {
    font-weight: bold;
}

.input_state-field {
    padding-bottom: 0;
}

/* Model specific styles */
#Form-relationRegionsManageForm-field-Region-bingmaps-group {
    width: auto!important;
}

.water-hint {
    padding: 10px 10px 10px 35px;
    background-color: rgba(0,0,0,.1);
    border-radius: 4px;
    background-image: url(/plugins/livingtech/water/assets/images/info.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.water-hint p {
    margin-bottom: 0;
}

.form-group.has-error label {
    color: #cb2c26;
}
.form-group.has-error .field-richeditor .editor-write {
    border-color: #cb2c26 !important;
}

/* Login-Screen */
body.signin .d-flex.h-100.align-items-center.justify-content-center > img {
    width: 100%;
    object-fit: cover;
}
body.signin .d-flex.h-100 {
    height: auto !important;
}
body.signin .outer-form-cell {
    width: 450px;
}

.modal-header h4 {
    order: 1;
}

.modal-header button {
    order: 2;
}
.toolbar-primary > [data-control=toolbar] {
    margin: 0 !important;
    padding: 0 !important;
}