/*******************************************************
TITLE: Fixed One-Column Layout (Basic) V1.1
DATE: 20070824
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/
/*
żółty : #DFB01E
*/

body {
    padding:0;
    height:100%;
    background-color:#ffffff;
    color: #666666;  
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

.margin20{margin-bottom: 20px;}
.margin30{margin-bottom: 30px;}
.margin40{margin-bottom: 40px;}
.margin50{margin-bottom: 50px;}

.paddlef10{padding-left: 10px;}

.floatleft{float: left;}
.floatright{float: right;}

.displayblock{display: block;}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0.25em;
}

a {
    color:#888888;
    text-decoration:none;
}

a:hover {
    color:#DFB01E;
    text-decoration:none;
}

li {
    margin:0 0 0px 25px;
}

ul {
    margin: 0.25em auto;
}

ul:empty:before {
    content: "Lista jest pusta";
}

ul > li {
    list-style-type:disc;
}

th {
    font-weight: bold;
}

td, th {
    padding: 0.3em 1em;
    vertical-align: top;
}

td.grafik {
    font-weight: bold;
    color: #ce726a;
}

table.headersleft th {
    text-align: right;
}
table.headersright th {
    text-align: left;
}
table.headerstop th {
    text-align: center;
    background-color: #FFFDF5;
}
table.headersright #akt {
    color:#00880e;
}
table.headersright #nieak {
    color:#cd0a0a;
}
table.headersright #zaw {
    color:#ce726a;
}

table.grafik {
    border: 2px solid #ececec; 
    margin: 0px auto; 
    text-align: center;
}

tr.highlightable:hover {
    background-color: #fafafa;
}

td.grafik {
    text-align: center;
    color: black;
}

blockquote {
    background-color: #f6f6f6;
    border: 1px solid #ececec;
    padding: 1em;
    margin: 1em 0;
}

fieldset {
    background-color: white;
    border: 1px solid #D9D9D9;
    padding: 0.75em;
    margin: 1em auto;
}
div.content-contener{
    width: 100%;
    padding:0px;
    margin: 0px;
    text-align: center;
}
div.content-contener form{
    display: inline-block;
}

div.ogloszenie-new-box{
    width: 80%;
    margin: 0px auto 30px auto;
    position: relative;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0px 20px 36px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.ogloszenie-new-box .top{
    margin: 0px auto;
    width: 520px;
    height: 30px;
}

.ogloszenie-new-box .top .data, .ogloszenie-new-box .top .autor{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display: block;
    float: left;
    height: 30px;
    width: 260px;
    padding: 0px 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
}
.ogloszenie-new-box .data{
    background-color: #DFB01E;
}

.ogloszenie-new-box .autor{
    background-color: #C2991C;
}


div.ogloszenie-new-box .tytul{
    padding:20px 20px 0px 20px;
    margin: 0px 0px 20px 0px;
    line-height: 24px;
}
div.ogloszenie-new-box .tresc{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;  
    display: block;
    padding: 0px 20px;    
    text-align: justify;
    line-height: 18px;
    font-size: 14px;
}

.ogloszenie-new-box .tresc-detale{
    font-size: 18px !important; 
    line-height: 27px !important;
    text-indent: 45px;
}
.ogloszenie-new-box .tresc-detale p{
    padding-bottom: 15px;
}
.czytaj_wiecej{
    position: absolute;
    right: 41px;
    bottom: 0px;
    line-height: 36px;
    padding-right: 25px;
    display: block;
}
.onb-position{
    position: absolute;
    right: 0px; top: 6px;
}
div.ogloszenie-detale{

}

.new-button{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

legend {
    margin-left: 0.5em;
    padding: 0 0.5em;
}

h1 {
    font-size: 2em;
    margin-top: .5em;
    margin-bottom: .5em;
}

h2 {
    font-size: 1.75em;
    margin-top: .5em;
    margin-bottom: .5em;
}

h3 {
    font-size: 1.5em;
    margin-top: .5em;
    margin-bottom: .5em;
}

h4 {
    font-size: 1.25em;
    margin-top: .5em;
    margin-bottom: .5em;
}

h5 {
    font-size: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
}

span.raport {
    font-size: 1.3em;
    color: #6B4226;
    font-weight: bold;
} 

span.raport_kolor {
    font-size: 1.3em;
    color: red;
    font-weight: bold;
} 

.toleft {
    text-align: left;
}

.toright {
    text-align: right;
}

.center {
    text-align: center;
}

.polowa {
    display: inline-block;
    width: 50%;
}

.sidebyside {
    margin-right: 2em;
    display: inline-block;
    vertical-align: top;
}


.floatright {
    float: right;
    margin-left: 2em;
}

.lightbox {
    background-color: white;
}
.no_border{
    border: 0px !important;
}
.fitbox {
    display: table-cell;
}
.header-area{
    border-top: 3px solid #DFB01E;
    background-color: #323232;
    color: #ffffff;
}
.bilans-tytul{
    color: #DFB01E;
    font-weight: bold;
}
.repx {
    /*background-image: url(/images/repx.png);
    background-repeat: repeat-x;*/
}

.link {
    cursor: pointer;
}

.user{
    position: relative;
}

.user .moje_jedzenie{
    display: none;
    width: 242px; height: 157px;
    position: absolute;
    top:42px; right: 0px;
    background-color: #323232;
    z-index: 2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:15px 15px 40px 15px;
    text-align: center;
}
.moje_jedzenie-przejdz{
    position: absolute;
    bottom: 0px; left: 0px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #dddddd;
}
.moje_jedzenie-przejdz:hover{
    background-color: #eeeeee;
}

.moje_jedzenie h3{
    color: #DFB01E;
    font-size: 14px;
    margin: 0px 0px 20px 0px;
    padding: 0px;    
}
.moje_jedzenie ul{
    text-align: left;
}
.moje_jedzenie ul li {
    height: 25px;
    cursor: pointer;
    padding:0px;
    margin: 0px;
    list-style: none;
}
.moje_jedzenie ul li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    color: #ffffff;
}
.moje_jedzenie ul li i{
    color: #ffffff;
}
.am1:hover a, .am1:hover i{
    color: rgb(129, 255, 129);
}
.am2:hover a, .am2:hover i{
    color: rgb(255, 94, 94);
}
.am3:hover a, .am3:hover i{
    color: gray;
}

.kolor_zamawiam,
.moje_jedzenie ul li#zamawiam i.zaznaczony_status, 
.moje_jedzenie ul li#zamawiam a.zaznaczony_status{color: rgb(129, 255, 129) !important;}

.kolor_niezamawiam,
.moje_jedzenie ul li#jemswoje i.zaznaczony_status, 
.moje_jedzenie ul li#jemswoje a.zaznaczony_status{color: rgb(255, 94, 94) !important;}

.kolor_niewiem,
.moje_jedzenie ul li#niewiem i.zaznaczony_status, 
.moje_jedzenie ul li#niewiem a.zaznaczony_status{color: gray !important;}

.status-info-area{
    display: inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 0px auto 0px auto;
    /*width: 70%;*/
    padding: 20px;
    background-color: #F9F9F9; 
}
.status-uzytkownika{
    position: relative;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display: block;
    float: left;
    margin: 5px 5px;
    padding: 8px 12px 8px 35px;
    background-color: #323232;
    line-height: 24px;
    font-weight: bold;
    cursor: default;
}
.gastro-icon{
    position: absolute;
    left: 7px;
    top: 7px;
}

.statusy_w_liczbach{
    margin: 0px auto 40px auto;
    display: inline-block;
}
.statusy_w_liczbach span{
    display: block;
    float: left;
    width: 200px;
    height: 30px;
    line-height: 30px;
    background-color: #d7d7d7;
    color: #323232;
    font-weight: bold;
}
.statusy_w_liczbach span i{
    font-style: normal;
}

.icona_awesome, .icona_awesome2{
    display: block;
    float: right;
    height: 100%;
    background-color: #323232;
    line-height: 36px;
    color: #ffffff;
}
.icona_awesome{
    border-right: 3px solid #D5D2C6;
    padding-right: 10px;
}
.gastro_awesome{
    border-right: 3px solid #D5D2C6;
    padding-right: 5px;
}

.icona_awesome:hover .pic_icon, .icona_awesome2:hover .pic_icon{
    color: #DFB01E;
}

.pic {
    background-image: url(/images/iconmap.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 0.00001em;
}

.pic_icon{
    padding: 4px 6px 5px 10px;
    background-color: #323232;
    color: #ffffff;
}
.pic_icon:hover{
    color: #DFB01E;
}
.icon {
    width: 16px;
    height: 16px;
    text-indent: -10000px;
}

.rzbiorczy-sklad{
    display: inline-block;
    margin: 20px auto 0px auto ;
    background-color: #f0f0f0;
    padding: 10px;
    text-align: left;
}

.pic.logout:hover {
    background-position: -32px 0px;
}

.pic.delete {
    background-position: 0px -32px;
}

.pic.file {
    background-position: -16px -32px;
}

.pic.save {
    background-position: -32px -32px;
}

.pic.ok {
    background-position: -48px -32px;
}

.pic.add {
    background-position: -80px -32px;
}

.pic.edit {
    background-position: 0px -48px;
}

.pic.pdf {
    background-position: -16px -64px;
}

.pic.excel {
    background-position: -64px -48px;
}

div.logo {
    width: 100%;
    height: 90px;
}

div.logo span.logo {
    font-size: 2em;
    margin: 25px;
    display: inline-block;
}
.logo-logo>a{
    color: #ffffff;
}
.logo-logo>a:hover{
    color: #DFB01E !important;
}
.bilans{
    margin-top:-75px; 
    margin-right:50px; 
    font-size:80%
}

div.menu {
    background-color: #f5f5f5;
    height: 36px;
    width: 100%;
    font-size: 0.85em;
    border-bottom: 1px solid #E2D78B;
}

div.menu ul.links {
    float: left;
    margin: auto;
    line-height: 36px;
}

ul.links > li {
    display: block;
    float: left;
    margin: 0px;
    list-style: none;
}
ul.links > li >a{
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    height: 100%;
    padding:0px 15px;
}
ul.links > li >a:hover{
    background-color: #D5D2C6;
    color: #323232;
}

div.menu div.user {
    float: right;
    height: 100%;
}

div.wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100vh;
    position: relative;
}

div.wrapper.login {
    width: 25em;
    margin: 5em auto;
}

h1.naglowek-glowny{
    display: block;
    width: 30%;
    height: 50px;
    line-height: 50px;
    background-color: #D5D2C6;
    margin: 0px auto 30px auto;
    padding-right: 0px;
    color: #323232;
    text-align: center;
}
ul.czesc-admin{
    list-style: none;
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    background-color:#323232;
}
ul.czesc-admin li{
    display: inline-block;
    height: 40px;
    margin: 0px;
}
ul.czesc-admin li a{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;  
    padding: 0px 20px;
    display: block;
    height: 100%;
    line-height: 40px;
    color: #E4C990;
}
ul.czesc-admin li a:hover{
    background-color: #393939;
    color: #DFB01E;
}
div.new-raport-menu{
    float: left;
    width: 20%;
    background-color: #ededed;
    height: 100vh;
    border-right:1px solid #E2D78B; 
    position: relative;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
div.new-raport-menu ul{
    list-style: none;
    padding:0px;
    margin: 0px;
}
div.new-raport-menu .admin-tools{
    display: block;
    text-align: center;
    background-color: #323232;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #f0f0f0;
    margin-top: 5px;
}

div.new-raport-menu li{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 0px;    
    padding-left: 30px;
    display: block;
    line-height: 40px;
    height: 40px;
}
div.new-raport-menu li a{
    height: 100%;
    width: 100%;
    display: block;
}
div.new-raport-menu li:hover, div.new-raport-menu li:hover a{
    background-color: #D5D2C6;
    color: #323232;
    cursor: pointer;
}

/***********uzytkownik/etaty***************/
.etatybox{
    display: none;
}
.etaty_fieldset{
    width: 50%;
    margin: 20px auto 20px auto;
    padding: 20px 0px;
}
.edycja-usera{
    width: 100%;
    height: 35px;
    bottom: 22px; left: 6px;
    text-align: left;
    margin: 0px 5px;
}
.edycja-usera input{
    display: block;
    margin-top:0px !important;
    margin-right: 5px !important;
    float: left;
}
.new-button{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    margin: 10px auto 0px auto;
    text-align: center;
    color: #f0f0f0;
    border: 0px;
    background-color: #323232;
    cursor: pointer;
}

.etaty_fieldset table{
    margin: 0px auto;
}

.gastro-dodajpropozycje{
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 0px auto;
    padding:0px 25px;
    background-color: #323232;
    color: #ffffff;
    font-size: 16px;
    height: 50px; width: 40%;
    line-height: 50px;
    text-align: center; 
}
.gastro-dodajpropozycje:hover{
    background-color: #3c3c3c;
}

.gastro-statusy:hover{
    background-color: #3c3c3c;
}

.gastro-statusy{
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 0px auto;
    padding:0px 25px;
    background-color: #323232;
    color: #ffffff;
    font-size: 16px;
    height: 50px; width: 10%;
    line-height: 50px;
    text-align: right; 
}

/*********************************************/
.grafik-kalendarz, .grafik-suwaki{
    width: 40%;
}

form.pokazgrafik{
    width: 100%;
}
form.pokazgrafik table tbody tr th{
    width: 130px;
}


/*********************************************/

div.contentbox {
    height: 100%;
    background-color: white;
    width: 80%;
    float: right;
}

div.contentbox > .header {
    height: 5px;
    background-position: 0px -92px;
    background-color: #D5D2C6;
}

div.contentbox > .footer {
    height: 14px;
    background-position: 0px -110px;
}

div.contentbox > .content {
    margin: 1em;
    font-size: 0.75em;
}

div.left_menu {
    display: inline-block;
    vertical-align: top;
    width: 17.5em;
    margin-left: 2em;
    margin-right: 2em;
    font-size: .8em;
}

div.content {
    display: block;
    margin: 0px auto !important;
}

menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

menu li {
    margin: 0;
    padding: .5em;
}

div.loginform {
    text-align: right;
}

.loginfail {
    color: tomato;
    text-align: left;
}

form.editable .dane {
    display: inline;
}

form.editable h1.dane, form.editable h2.dane, form.editable h3.dane, form.editable div.dane {
    display: block;
}

form.editable .form {
    display: none;
}

form.editing .dane {
    display: none;
}

form.editing .form {
    display: inline;
}

form.editing h1.form, form.editing h2.form, form.editing h3.form, form.editing div.form {
    display: block;
}

div.progressbar {
    padding: 0;
    border: 1px solid #D9D9D9;
    background-color: white;
    box-shadow: 1px 1px 2px #ececec;
    -webkit-box-shadow: 1px 1px 2px #ececec;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ececec')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ececec');
    margin: 0.25em auto;
}

div.progressbar > div.fill {
    height: 1em;
    background-color: #ececec;
}




table.search {
    margin: 20px auto;
    width: 90%;
}
tr.liheight40{
    line-height: 40px !important;
    height: 40px !important;
}
table.search tr{
    line-height: 30px;
    height: 30px;  
}
table th {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align: left !important;
    padding-left: 10px !important;
}
table.search th {
    height: 36px;
    padding: 0px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

table.search td {
    border-bottom: 1px solid #dddddd;
    max-width: 12em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
table.search td a{
    display: block;

}
table.search td a:hover{
    color: #888888 !important;
}
input[type="text"], input[type="password"], select, option, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 30px;
    font-size: 1em;
    color: black;
    background-color: white;
    border: 1px solid #f0f0f0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-left: 15px;
}

input[type="text"].main {
    text-align: center;   
    background-color: white;   
    color: black;
    margin: 0px auto;
}
input[type="submit"]{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
    display: block;
    padding:10px;
    margin: 0px;
    text-align: center;
    color: #f0f0f0;
    border: 0px;
    background-color: #323232;
    cursor: pointer;
}
.dodaj{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
    display: block;
    padding:10px;
    margin: auto;
    text-align: center;
    color: #f0f0f0;
    border: 0px;
    background-color: #323232;
    cursor: pointer;
}
#przerwy label{
    width: 100% !important;
    text-align: center !important;
}



.dodaj_ogloszenie{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    background-color: #323232;
    color: #ffffff;
}
.dodaj_ogloszenie:hover{
    background-color: #3c3c3c;
}
.tabela_adresatow{
    width: 100%;
    margin: 20px 0px;
}
.tabela_adresatow tr{
    height: 35px;
}
.tabela_adresatow tr:first-child{
    background-color: #DFDFDF !important;
}
.tabela_adresatow tr:nth-child(odd){
    background-color: #f0f0f0;
}
#ads_form{
    width: 50%;
}
.ads_inputs{
    width: 100%;
}
.ads_labels{
    margin: 10px;
    display: block;
}
.ads_timearea{
    height: 75px;
}
.ads_timearea>div{
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
}
.zapisz_ogloszenie{
    width: 100%;
    margin-top: 30px !important;
}





.lewedane, .prawedane{
    height: auto !important;
}
#profilowelewe input[type=text], #profiloweprawe input[type=text]{
    height: 22px !important;
}
.raporty_excel{
    width: 50%;
    margin: 10px auto 20px auto;
}

.width80{
    width: 80px;
}
table.search.noellipsis td {
    max-width: none;
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}

table.search.wider td {
    max-width: 25em;
}

table.search tr.blad, table.search tr.poprawka, table.search tr.dodatek {
    cursor: pointer;
}

tr.raporty {
    cursor: pointer; 
}

table.search .stopka {
    text-align: right;
}

.navigator .current {
    font-weight: normal;
}

.blad {
    background-color: #ffeddf;
}

.dodatek {
    background-color: #e5efff;
}

.poprawka {
    background-color: #e8ffdf;
}

input.grafik {   
    width: 6em;
}

form#newform input[type="password"], form#newform input[type="text"], form#newform textarea, form#newform select {
    max-width: 50em;
    min-width: 20em;
}

form#newform input.short {   
    max-width: 5em;
    min-width: 2em;
}

input.short {   
    max-width: 5em;
    min-width: 2em;
}

ul.errorlist {
    color: #e05050;
}

.wypis {
    max-width: 70em;
}

.smaller {
    font-size: 0.67em;
    color: #a69fa0;
}

.zalacznik {
    background-color: white;
}

.zalacznik:hover {
    background-color: #f6f6f6;
}

.zalacznik > .nazwa {
    display: inline-block;
    width: 42em;
}

.zalacznik > .rozmiar {
    display: inline-block;
    width: 8em;
    text-align: right;
}

.zalacznik > .mime {
    display: inline-block;
    width: 14em;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent; padding: 0.3em;
}

.grupauzytkownika {
    display: inline-block;
    width: 15em;
}

.ui-button.highlight {
    background: url("/images/jquery/ui-bg_glass_75_c6deec_1x400.png") repeat-x scroll 50% 50% #fbf9ee !important;    
}

.ui-button.iu-state-hover.highlight {
    background: url("/images/jquery/ui-bg_glass_75_c6deec_1x400.png") repeat-x scroll 50% 50% #fbf9ee !important;
}

.ui-icon-none { 
    background-position: -224px -224px;
}
#log-story {
    display:inline-block;


}
table#log-story-table {
    border: 1px solid black; 
}
table#log-story-table tr {
    border: 1px solid black;
}
table#log-story-table td {
    border: 1px solid black;
}
table#log-story-table th {
    background: #D9D7D7;
}
b {
    font: bold;
}

#profiloweprawe {
    float:right;

}
#profilowelewe {
    float:left;
}
#profilowyDiv fieldset {
    display: inline-block;
    height: 380px;
}
#grupowyDiv fieldset {
    display: inline-block;
    height: 380px;
}

/*!
 * Hold position
 */

.holder{        
    width:100%;
    position:absolute;
    display:block;  
}

.popup-bck{
    background-color: rgba(102, 102, 102, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}
.popup-content-box{
    background-color: white;
    position: fixed;
    margin: 0px auto;
    top: 50%;
    left: 50%;
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/////////////////////////////////////////////////
///////////////////Menu//////////////////////////
/////////////////////////////////////////////////

nav{
    list-style: none;
}

nav ul {
    list-style: none;
}

nav ul li {
    list-style: none; 
}

nav ul ul{
    display: none;
}

nav ul li:hover > ul {
    display:list-item;
    margin-right: 50px;
}

nav ul li ul{
    position: absolute;
}

nav ul ul li {
    position: relative;
}

nav {
    display: inline-block;
    margin-top: 20px;
}
div#sub-menu{
    font-size: 15px;
    background-color: #D9D7D7;
}

div#sub-menu2{
    font-size: 15px;
    background-color: #D9D9D9;
}

.czas{
    border: 1px solid blue;
}

.uwagabutton{
    font-size: 9px !important;   
}

#grafikExcel{
    cursor: pointer !important;
}

.urlop{
    background-color: rgba(102, 102, 102, .5);
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}


#suma_tabela{
    text-align: right;
}

.kolor{
    color: red;
}