/*  
    Theme Name:  Flat
    Author:      Robert Zollner (@Lupul)
    Website:     www.hestiacp.com 
*/

body {
    letter-spacing: 0;
}

b, strong {
    font-weight: 600;
}

.body-login, .body-reset {
    background: #5f7eb3 !important;
}

.table-header {
    box-shadow: none !important;
    background: #fafafa !important;
}
.advanced-options {
    background: #fafafa !important;
}

.to-top, .to-shortcuts, 
.to-top:hover, .to-shortcuts:hover,
.to-top:active, .to-shortcuts:active {
    box-shadow: none !important;
    background: none !important;
    background-color: #eee !important;
} 

.l-header {
    box-shadow: none;
    background: #5070a6;
    text-shadow: none !important;
}

.l-menu__item--active {
    background-color: #fff;
}

.l-menu__item.l-menu__item--active a {
    background: none;
    box-shadow: none !important;
}

.l-menu__item a:hover {
    background: #FFFFFF !important;
    box-shadow: none;
}

.l-menu__item a:active {
    background: none;
    box-shadow: none !important;
}

.l-profile__notifications:hover,
.l-profile__notifications.updates:hover,
.l-profile__notifications.active.l-profile__notifications.updates:active {
    background: white !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.l-unit:hover {
    box-shadow: none;
}

.l-unit__stat-col--left a, .l-unit__stat-col--left a:visited {
    color: #5f7eb3;
}

.l-unit__stat-col--left a:hover {
    color: #474747;
}

.l-unit:hover, .units .l-unit:hover {
    box-shadow: none;
}

.vst-input {
    box-shadow: none;
}

.vst-list {
    box-shadow: none;
}

.advanced-options {
    box-shadow: none !important;
}

.vst-textinput {
    box-shadow: none;
}

.ui-button, .button, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit, .vst-advanced {
    box-shadow: none !important;
    background: linear-gradient(to bottom, rgba(235,243,249,1) 0%,rgba(223,235,245,1) 100%) !important;
}

.ui-button.cancel,
.button.cancel,
.to-top, .to-shortcuts {
    box-shadow: none !important;
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(241,241,241,1) 100%) !important;
}

.ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:hover,
.vst-advanced:hover, .to-top:hover, .to-shortcuts:hover  {
    color: #6986b7 !important;
    box-shadow: none !important;
    background: linear-gradient(to bottom, rgba(241,248,253,1) 0%,rgba(227,240,251,1) 100%) !important;
}

.ui-button:focus,.ui-button:active,
.button:active,.button:focus,.ui-button.cancel:focus,.ui-button.cancel:active,
.button.cancel:active,.button.cancel:focus,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:active,
.vst-advanced:active,.to-top:focus, .to-shortcuts:focus {
    box-shadow: none !important;
    background: linear-gradient(to bottom, rgba(210,232,250,1) 0%,rgba(194,224,248,1) 100%) !important;
}

.ui-button.danger:hover, .button.danger:hover {
    background: #fcd3cf !important;
    color: #F4301A !important;
    border: 1px solid #F27E71 !important;
}
  
.ui-button.danger:active, .button.danger:active, .ui-button.danger:focus, .button.danger:focus {
    background: #a91200 !important; 
    color: #fff !important;
    border: 1px solid #F4301A !important;
}

.ui-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
    box-shadow: none !important;
}

.ui-dialog {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5) !important;
}

.alert {
    text-shadow: none !important;
    box-shadow: none !important;
}

.pill.usage {
    box-shadow: none;
}

.badge {
    box-shadow: none;
}

.notification-container {
    box-shadow: none;
    border: 1px solid #ccc;
    background: #fff;
}

.context-menu.sort-order {
    box-shadow: none;
    border: 1px solid #ccc;
    background: #fff !important;
}

.login {
    background-color: rgba(255,255,255,0.8) !important;
    box-shadow: 0px 2px 10px rgba(0,0,0, 0.3), 
                inset 0px 0px 2px rgba(255,255,255,1) !important;
}