html body {
    background-color: #fdfdfd;
}

.f_header_spacerline {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.body-editor {
    padding-top:3px !important;
}


html body .user-profile-container ul li a,
html body .user-profile-container a,
html body .user-profile-container,
html body .leftbar, html body .list-accordion .list-title, html body .list-accordion > li > a {
    background-color: #53627E;
    color: #fff;
}

    html body .leftbar .admin-bar a .zmdi {
        border-color: grey !important;
        border-width: 1px !important;
        border-style: solid;
    }
    html body .leftbar .admin-bar a .zmdi:before {
        color:#fff!important;
    }

html .RadMap_MetroTouch .k-marker:before {
    color: #373737;
}

html .RadMap_Bootstrap.k-widget.k-tooltip {
    background-color: #373737;
    color: white !important;
}

    html .RadMap_Bootstrap.k-widget.k-tooltip div div div {
        color: white !important;
    }

html .list-accordion > li > a.acc-parent.active {
    color: #fff;
}

html .list-accordion > li > a:hover, .list-accordion > li > a:focus {
    color: #fff;
}

html .list-accordion li ul li a:hover,
html .list-accordion li ul li a:focus {
    color: #fff;
}

.radStyle body {
    padding-top: 0px !important;
    background-color: #fff !important;
}

html a {
    color: #53627E;
    text-decoration: none;
}

html .form-control:focus {
     border-color: #53627E;
}
html .RadComboBox_Silk .rcbReadOnly.rcbFocused, html .RadComboBox_Silk .rcbReadOnly.rcbExpanded, 
html .RadComboBox_Silk .rcbReadOnly.rcbHovered {
    background-color:#53627E;
    color:white;
    background-image: linear-gradient(#53627E,#53627E);

}

html .RadInput_Silk.RadInputHovered .riTextBox, html .RadInput_Silk.RadInputHovered .riSelect, .RadInput_Silk.RadInputHovered .rcSelect, html .RadInput_Hover_Default {
        border-color:#53627E;
}


html .btn {
    width: auto;
}

html .btn-primary:hover, html .btn-primary:focus, html .btn-primary.focus, html .btn-primary:active, html .btn-primary.active, html .btn-primary.active:after, html .open > .dropdown-toggle.btn-primary {
        background-color: #53627E !important;
    border-color: #53627E;
}

html .btn-primary {
    color: #ffffff;
    background-color: #53627E;
    border-color: #53627E;
}

    html .btn-primary:hover, html .btn-primary:active:hover, html .btn-primary:active:hover, html .btn-primary:focus {
        color: #ffffff;
        background-color: #53627E;
        border-color: #53627E;
        opacity: 0.8;
    }

html .btn-alert {
    color: #ffffff;
    background-color: #fd7373;
    border-color: #fd7373;
}

    html .btn-alert:hover, html .btn-alert:active:hover, html .btn-alert:active:hover, html .btn-alert:focus {
        color: #ffffff;
        background-color: #fd7373;
        border-color: #fd7373;
        opacity: 0.8;
    }
html .no-padding {
    padding:0px;
}
html .btn-standard {
    color: #373737;
    background-color: #ffffff;
    border-color: #ffffff;
}

    html .btn-standard:hover, html .btn-standard:active:hover, html .btn-standard:active:hover, html .btn-standard:focus {
        color: #373737;
        background-color: #f6f6f6;
        border-color: #f6f6f6;
        opacity: 0.8;
    }

html .btn-green {
    color: #ffffff;
    background-color: #77ca79;
    border-color: #77ca79;
}


    html .btn-green:hover, html .btn-green:active:hover, html .btn-green:active:hover, html .btn-green:focus {
        color: #ffffff;
        background-color: #77ca79;
        border-color: #77ca79;
        opacity: 0.8;
    }


.list-accordion > li > a > i {
    width: 30px;
}

/*Input Config*/
input, select, textarea, html .RadComboBox .rcbInput {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #373737;
}
    input[type=checkbox] {
        width:auto;
    }

html select {
    padding-top: 4px;
    padding-bottom: 4px;
}

html .RadComboBox {
    width: 100%;
}

html .btn {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    margin-right: 3px;
}
.txt-search-top {
    border: 1px solid #53627E;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height:27px;
        padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 3px;
    margin-right: 3px;
}


.widget-action {
    margin-bottom: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: #eeeeee;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.disabled {
    background-color:#ebebe4;
}


.edit-bar-top {
    background-color: #eeeeee;
    padding: 10px;
    border: 1px solid #aeaeae;
    margin: 0px;
    margin-bottom: 30px;
}

html .btn-awesome-icon {
    font-size: 14px !important;
    line-height: 1em !important;
    height: 20px !important;
}

html .btn-awesome {
    line-height: 0.7em !important;
}

html table td {
    vertical-align: top;
    padding-right:5px;
}

html .btn-margin-top {
    margin-top: 20px;
}

html .btn-margin-bottom {
    margin-bottom: 20px;
}

html .btn-float-right {
    float: right;
}
/*Westilo Config*/


.ddl-inactive {
    background-color: #eeeeee !important;
}

html .widget-wrap {
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
    border: none;
    box-shadow: none;
    margin-top: 0px;
    padding-top: 0px;
}

html .widget-header {
    background-color: #eeeeee;
    color: #373737;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid black #808080;
}


html .RadMenu_Silk .rmGroup .rmLink:hover,
html .RadMenu_Silk .rmGroup .rmToggle:hover {
    background-color: #cccccc;
    border-color: #cccccc;
}

html .widget-header.secondary {
    background-color: #eeeeee;
}

html .RadGrid_Silk .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #53627E;
    border-color: #53627E;
}

    html .RadGrid_Silk .rgPagerCell .rgNumPart a.rgCurrentPage:hover {
        background-color: #cccccc;
        border-color: #cccccc;
    }

html .widget-footer {
    background-color: #eeeeee;
    color: #373737;
    margin-top: 0px;
    padding: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 0px;
}

    html .widget-footer.secondary {
        background-color: #eeeeee;
    }
html .topbar .topbar-left .left-toggle-switch {
    color:#333;
}

html .topbar,
html .topbar .topbar-left {
    background-color: #eeeeee;
}

html .stats-widget.stats-widget {
    margin-bottom: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: #eeeeee;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

html .RadGrid_Silk .rgPagerCell .rgNumPart a:hover {
    border-color: #53627E;
    color: #fff;
    background-color: #53627E;
    background-image: linear-gradient(#53627E,#53627E);
}

html .col-md-4 {
}

html .stats-widget.stats-widget.secondary {
    border-color: #f6f6f6;
}

/*Telerik Config*/

html .GridContextMenu .rgFilterMenu div.rmContent, .GridContextMenu .rgFilterListMenu div.rmContent {
    max-width: 15em;
}

html .RadGrid_Silk .rgHeader {
    text-transform: none;
    font-size: 1em;
}

html .RadGrid_Silk .rgMasterTable .rgSelectedCell, html .RadGrid_Silk .rgSelectedRow {
    background: #53627E;
}

/*html .rcbInner.rcbFocused:focus,
html .RadComboBox.RadComboBox_Silk:focus {
      background: #53627E !important;
      background-color: #53627E !important;
      background-image: none;
}*/
html .RadComboBox_Silk .rcbFocused,
html .RadComboBox_Silk .rcbExpanded {
    border-color: #53627E !important;
}

    html .RadComboBox_Silk .rcbHovered .rcbActionButton,
    html .RadComboBox_Silk .rcbFocused .rcbActionButton,
    html .RadComboBox_Silk .rcbExpanded .rcbActionButton {
        background-color: #53627E !important;
        border-color: #53627E !important;
        background-image: none;
    }

html .RadComboBox_Silk .rcbHovered {
    border-color: #53627E !important;
}

    html .RadComboBox_Silk .rcbHovered,
    html .RadComboBox_Silk .rcbHovered .rcbInner {
        cursor: pointer;
    }

html .RadComboBox .rcbActionButton .t-font-icon,
html .t-font-icon.t-i-arrow-down {
    cursor: pointer;
}


.notification-nocontent .rnContentWrapper {
    display: none !important;
}


.RadNotification {
    box-shadow: none !important;
}


    .RadNotification.notification-autowidth .rnTitleBar {
        width: 100% !important;
    }


    .RadNotification.notification-autowidth .rnTitleBarTitle {
        max-width: none !important;
    }

    .RadNotification .rnTitleBar {
        font-size: 11px !important;
        height:auto!important;
    }

    .RadNotification .rnTitleBarTitle {
        margin-top: -3px !important;
    }

    .RadNotification.notification-information .rnTitleBar {
        background-color: #53627E !important;
        border-color: #53627E !important;
    }

    .RadNotification.notification-warning .rnTitleBar {
        background-color: #fd7373 !important;
        border-color: #fd7373 !important;
    }

    .RadNotification.notification-successful .rnTitleBar {
        background-color: #77ca79 !important;
        border-color: #77ca79 !important;
    }


html .admin-bar ul li a {
    border: 1px solid transparent;
}
html .admin-bar ul li a:hover {
    border: 1px solid #fff;
}

html .admin-bar ul li a i:hover {
    color:#fff;
}
html .login-form-container {
    min-width:350px;
}

html .rcbInput.radPreventDecorate {
    padding:0px !important;
}
html .rgHCMAnd {
    display:block;
}

html .admin-user-info ul li a:hover {
    color:#fff !important;
}

.tblProductAttributes td {
    padding-bottom:10px;

}

.navigation-button {
        background-color: #2c2c31;
    padding: 10px 15px;
    display: block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border:0px solid transparent;
    text-align:left;



    color: #868686;
    position: relative;
    padding: 8px 45px;
}

.navigation-button:hover
{
    text-decoration: none;
    color: #53627E;
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

.leftbar li.sub
{
     transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.leftbar li.sub:hover
{
        transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);

}
.leftbar li.sub:hover::before
{
    content: "\f26d";
    font: normal 14px/1 'Material-Design-Iconic-Font';
    height: 100%;
    position: absolute;
    top: 19px;
    font-size: 7px;
    z-index: 100;
    left: 18px;
    color: #53627E;
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}
.asyncupload span {
    border-radius: 3px;
}
 .asyncupload * {
    cursor: pointer !important;
}
.asyncupload .ruInputs:hover {
    opacity: 0.8;
    cursor: pointer;
    border-radius: 3px;
}

.asyncupload .ruSelectWrap, .asyncupload .ruFileWrap {
    height: 100% !important;
    width: 100% !important;
    display: inline-block;
    cursor:pointer!important;
}

.asyncupload .ruRemove, .asyncupload .ruCancel {
    display: none !important;
}

.asyncupload .ruButton {
    margin-left: 0 !important;
    line-height: 38px!important;
}


.asyncupload input.ruFileInput, .asyncupload .ruButton {
    background-color: #53627E !important;
    border: none !important;
    color: #fff !important;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
    cursor: pointer;
}


#ctl00_MainContent_documentListBox .rlbGroup {
    border:none;
}


#ctl00_MainContent_documentListBox .rlbItem{
    padding-left:0!important;
} 

#ctl00_MainContent_documentListBox {
    width: 100%;
}

/*.navigation-button:hover {
   color: rgba(0, 0, 0, 0.1);
}*/
.t-font-icon.rgIcon.rgRechnungIcon {
    display: none;
}



.RadGrid input.rgFilterBox {
    width:calc(100% - 25px);
    padding-left:2px;
    padding-right:2px;
}





html .RadGrid_Silk .rgFiltered {
    border-color: #53627E;
    color: #fff;
    background-color: #53627E;
    background-image: linear-gradient(#53627E,#53627E);
}



.redColor {
        color:#fd7373;

}
.greenColor {
        color:#77ca79;
}

.greyColor {
}

.divSpinner {
    z-index: 990;
    margin-left: calc(50% - 75px);
    margin-top: 200px;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    color: #373737 !important;
}

.spinner-icon {
    margin-right: 5px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1049;
}

    .overlay.transparent {
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0);
    }