/** 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;
}

/** 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;
}

.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;
}


/** 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 {
    min-height: 42px;
    width: 100%;
}

div.button-bar div.button-wrapper {
    display: block;
    float: left;
}

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

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 button div span, 
div.button-bar div.button-wrapper img {
    float: left;
}

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.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;
    }
}