/** Default Theme Start **/

.theme-default .button-bar,
.theme-default .ButtonBar,
.theme-default .ButtonBarWK,
.theme-default .ButtonBarIP,
.theme-default .ButtonBarNoIE,
.theme-default .action-button {
    color: #eee;
    background: #1b68b8;
    border-right: 1px solid #128aca;
}

    .theme-default input.ButtonOverBarWK,
    .theme-default button.ButtonOverBarWK,
    .theme-default input.ButtonOverBarIP,
    .theme-default button.ButtonOverBarIP,
    .theme-default input.ButtonOverBar,
    .theme-default button.ButtonOverBar,
    .theme-default input.ButtonOverBarNoIE,
    .theme-default button.ButtonOverBarNoIE,
    .theme-default .action-button:hover {
        color: #eee;
        background: #14A1CF;
        border-right: 1px solid #128aca;
    }

.theme-default .action-button-right:not(#mapReport) {
    border-left: 1px solid #128aca;
}

/** Default Theme End **/

/** Dark Theme Start **/

.theme-dark .button-bar,
.theme-dark .ButtonBar,
.theme-dark .ButtonBarWK,
.theme-dark .ButtonBarIP,
.theme-dark .ButtonBarNoIE,
.theme-dark .action-button {
    color: #eee;
    background: #111;
    border-right: 1px solid #222;
    outline: none;
}

    .theme-dark input.ButtonOverBarWK,
    .theme-dark button.ButtonOverBarWK,
    .theme-dark input.ButtonOverBarIP,
    .theme-dark button.ButtonOverBarIP,
    .theme-dark input.ButtonOverBar,
    .theme-dark button.ButtonOverBar,
    .theme-dark input.ButtonOverBarNoIE,
    .theme-dark button.ButtonOverBarNoIE,
    .theme-dark .action-button:hover {
        color: #eee;
        background: #333;
        border-right: 1px solid #222;
        outline: none;
    }

.theme-dark .action-button-right:not(#mapReport) {
    border-left: 1px solid #222;
}

/** Dark Theme End **/

.button-bar input[type=button],
.button-bar input[type=submit] {
    font-family: 'Avant Garde',Avantgarde,'Century Gothic',CenturyGothic,AppleGothic,sans-serif !important;
    font-size: 1.2rem;
    font-weight: normal;
}

.button-bar {
    display: flex;
    width: 100%;
    min-height: 42px;
}

div.button-bar div.button-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    flex: 1 1 100%;
    outline: none;
}

    div.button-bar div.button-wrapper button,
    div.button-bar div.button-wrapper button span {
        display: inline-block;
        white-space: nowrap;
        margin: 0px;
        outline: none;
    }

        div.button-bar div.button-wrapper button div {
            display: block;
            white-space: nowrap;
        }

            div.button-bar div.button-wrapper button div img,
            div.button-bar div.button-wrapper img {
                max-height: 42px;
                max-width: 42px;
            }

div.button-bar div.context-actions {
    display: flex;
    flex: 1 0 auto;
}

    div.button-bar div.context-actions.MapReportButton {
        display: none;
    }

div.button-bar .material-symbols-outlined,
div.button-bar .material-symbols-outlined {
    font-size: 20px;
    display: inline-block !important;
    height: 23px;
    width: 28px;
    vertical-align: middle;
}

div.button-bar div.button-wrapper button div span {
    display: block !important;
    padding: 2px 0px 3px 30px !important;
    position: relative !important;
    top: 8px !important;
}

.ButtonBar,
.ButtonBarWK,
.ButtonBarIP,
.ButtonBarNoIE {
    background: transparent;
    height: 42px;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 0px 0.8rem 0px 40px;
    -webkit-appearance: none;
}

input.ButtonOverBarWK, button.ButtonOverBarWK,
input.ButtonOverBarIP, button.ButtonOverBarIP,
input.ButtonOverBarNoIE, button.ButtonOverBarNoIE {
    height: 42px;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 0px 0.8rem 0px 40px;
    -webkit-appearance: none;
}

input.ButtonOverBarNoIE, button.ButtonOverBarNoIE {
    border: none;
    position: relative;
    top: 1px;
    height: 42px;
    cursor: pointer;
}

.DisToolBarButton,
.DisToolBarButtonNoIE,
.DisToolBarWK,
.DisToolBarIP,
.DisToolBarButtonWK {
    background: black;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    height: 42px;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 0px 0.8rem 0px 40px;
}

    .DisToolBarButton span,
    .DisToolBarButtonNoIE span,
    .DisToolBarWK span,
    .DisToolBarIP span,
    .DisToolBarButtonWK span {
        filter: alpha(opacity=40);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    }

.DisToolBarButtonWKBg,
.DisToolBarButtonNoIEBg,
.DisToolBarButtonIPBg,
.DisToolBarButtonWKBg img,
.DisToolBarButtonNoIEBg img,
.DisToolBarButtonIPBg img {
    opacity: 0.5 !important;
    color: #fff;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

@media only screen and (max-width: 1440px) {

    div.button-wrapper img {
        display: none;
    }

    .ButtonBarWK,
    input.ButtonOverBarWK,
    button.ButtonOverBarWK,
    input.ButtonOverBarIP,
    button.ButtonOverBarIP,
    input.ButtonOverBar,
    button.ButtonOverBar,
    input.ButtonOverBarNoIE,
    button.ButtonOverBarNoIE,
    .DisToolBarButton,
    .DisToolBarButtonNoIE,
    .DisToolBarWK,
    .DisToolBarIP,
    .DisToolBarButtonWK {
        padding: 0px 0.8rem 0px 10px !important;
    }
}

.CtmBtnPosition {
    padding: 0px 0px 0px 26px !important;
}