/* Dla szarego tla*/

.x-window-mc {
    background-color: #FFF !important;
}

.x-date-middle, .x-date-left, .x-date-right {
    background-image: none !important;
    background-color: #FF8800 !important;
    color: #FFFFFF !important;
    font: bold 12px "sans serif",tahoma,verdana,helvetica !important;
}

.x-grid-group-title {
    color: black !important;
}

.v_viewport_top {
    background-image: url('images/slider_3a.jpg');
    background-repeat: no-repeat;
    color: #ffffff;
}

.vlibrary-menu-logo {
    width: 160px;
    margin-left: 0px;
}

.app_menu {
    background-color: #fff !important;
    background-image: none;
    height: 30px;
    padding-top: 10px;
}


    .app_menu button {
        font: normal 14px arial, tahoma, verdana, helvetica;
    }




.v_viewport_app_location {
    color: #fff !important;
    font: 100 18px arial, tahoma, verdana, helvetica !important;
    font-weight: 100 !important;
    line-height: 18px;
    vertical-align: middle;
}

.vlibrary-topLink {
    color: #000000 !important;
    color: #2f2f2f !important;
    font: normal 11px arial, tahoma, verdana, helvetica;
    font-weight: 900;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    text-align: right;
}


    .vlibrary-topLink:hover {
        color: #FF8800 !important;
    }


.v_viewport_top_app_info {
    background-color: transparent;
    color: #FF8800 !important;
    height: 23px;
    font-size: 12px;
    white-space: nowrap;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.vspacer {
    width: 5px !important;
}




.x-toolbar-ct {
    padding: 6px;
}

.v_viewport_top .x-toolbar-ct {
    padding: 0px;
}

.app_menu .x-toolbar-ct {
    padding: 0px;
}

.x-toolbar {
    border-color: #d0d0d0;
    background-color: #f5f5f5;
    background-image: none;
}

.x-tab-strip-text, .x-panel-header, .x-btn button, .x-menu-item-text {
    color: #2f2f2f !important;
}

.x-window-tl, .x-window-header {
    color: #FF8800 !important;
}



.userMenuButton {
    color: #fff !important;
    font-size: 17px;
    margin-top: 10px !important;
    font-weight: normal !important;
}



.v_viewport_top button {
    font-weight: bolder !important;
}


.v-labelvalue-title {
    color: #FF8800;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13pt;
    font-weight: bold;
    text-align: left;
}

.v_viewport_footer {
    background-color: #f2f4f8;
    border: 0;
    color: #000;
    height: 35px;
    margin-top: 5px;
}

/*Okienko*/

.x-date-middle .x-btn .x-btn-text {
    color: #FFFFFF !important;
}



.x-window-tl, .x-window-tr, .x-window-tc, .x-window-ml, .x-window-mr, .x-window-bl, .x-window-bc, .x-window-br {
    background-image: none;
    background-color: #fff;
}


.x-window {
    border-radius: 5px;
    border: 2px solid #fff;
    margin: -2px;
}


.x-window-mc {
    border: 0px;
    border-bottom: 1px solid #4f4f4f;
}

.x-window-header {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #4f4f4f !important;
    font: bold 14px tahoma,arial,verdana,sans-serif !important;
}


/*Toolbar*/

ul.x-tab-strip-top {
    background-color: #fff;
    background-image: none;
}

.x-toolbar {
    background-color: #f5f5f5;
}





.x-btn-green {
    background-color: #24b314;
    border-radius: 3px;
}

.x-btn-green button {
    color: white !important;
    margin-left: 10px;
    margin-right: 10px;
}

.x-btn-blue button {
    color: white !important;
    margin-left: 10px;
    margin-right: 10px;
}

.x-btn-blue {
    background-color: #0473e8;
    border-radius: 3px;
}

.x-btn-red button {
    color: white !important;
    margin-left: 10px;
    margin-right: 10px;
}

.x-btn-red {
    background-color: #d9534f;
    border-radius: 3px;
}

    .x-btn-orange button {
        color: white !important;
        margin-left: 10px;
        margin-right: 10px;
    }

.x-btn-orange {
    background-color: #fd7e47;
    border-radius: 3px;
}
.x-btn-grey button {
    color: white !important;
    margin-left: 10px;
    margin-right: 10px;
}

.x-btn-grey {
    background-color: #6c757d;
    border-radius: 3px;
}




    .x-btn-grey .x-btn-mc,
    .x-btn-grey .x-btn-ml,
    .x-btn-grey .x-btn-mr,
    .x-btn-grey .x-btn-tc,
    .x-btn-grey .x-btn-tl,
    .x-btn-grey .x-btn-tr,
    .x-btn-grey .x-btn-bc,
    .x-btn-grey .x-btn-bl,
    .x-btn-grey .x-btn-br {
        background-image: none;
    }


.x-btn-blue .x-btn-mc,
.x-btn-blue .x-btn-ml,
.x-btn-blue .x-btn-mr,
.x-btn-blue .x-btn-tc,
.x-btn-blue .x-btn-tl,
.x-btn-blue .x-btn-tr,
.x-btn-blue .x-btn-bc,
.x-btn-blue .x-btn-bl,
.x-btn-blue .x-btn-br {
    background-image: none;
}

.x-btn-orange .x-btn-mc,
.x-btn-orange .x-btn-ml,
.x-btn-orange .x-btn-mr,
.x-btn-orange .x-btn-tc,
.x-btn-orange .x-btn-tl,
.x-btn-orange .x-btn-tr,
.x-btn-orange .x-btn-bc,
.x-btn-orange .x-btn-bl,
.x-btn-orange .x-btn-br {
    background-image: none;
}


.x-btn-red .x-btn-mc,
.x-btn-red .x-btn-ml,
.x-btn-red .x-btn-mr,
.x-btn-red .x-btn-tc,
.x-btn-red .x-btn-tl,
.x-btn-red .x-btn-tr,
.x-btn-red .x-btn-bc,
.x-btn-red .x-btn-bl,
.x-btn-red .x-btn-br {
    background-image: none;
}

.x-btn-green .x-btn-mc,
.x-btn-green .x-btn-ml,
.x-btn-green .x-btn-mr,
.x-btn-green .x-btn-tc,
.x-btn-green .x-btn-tl,
.x-btn-green .x-btn-tr,
.x-btn-green .x-btn-bc,
.x-btn-green .x-btn-bl,
.x-btn-green .x-btn-br {
    background-image: none;
}