.content-biuro {
    padding: 20px;
    float: left;
    width: 75%;
}
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w10proc { width: 10% !important; }
.w15proc { width: 15% !important; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }

.cB { color: white !important; }
.cBlack { color: #222 !important; }
.cV { color: darkviolet; }
.bgY { background: #F9FE9F !important;}
.bgLgr { background: #F5F5F5 !important; }
.bgV { background: #FBADE4 !important; }

.actions { width: 100px !important; vertical-align: middle; }

.inverse { background: #555; color: white; padding: 2px 10px;  border-radius: 5px;}



.side-nav li.active, .side-nav li.active a {
    color: white !important;
    background: #15848F;
}

.big-menu-icon {
    font-size: 32px;
    font-weight: bold;
    padding: 5px ;
    padding-top: 0 ;
    display: block;
    color: white !important;
}

/* -- menu boczne --*/
li.separator{ border-top: 1px solid lightgrey; margin-bottom: 0; height: 0.5em;}
.side-nav li.active, 
.side-nav li.active a { 
    color: #A00 !important; 
    background: transparent;
    margin-left: 0;
    padding-left: 0;
}
.side-nav li.active { list-style-type: circle; margin-left: 25px; padding-left: 5px;}
ul.admin li.heading { 
    letter-spacing: 0.2em; 
   
    color: white; 
    text-transform: none; 
    font-variant: small-caps;
    font-size: 110%;
    background: #01545B;
}

a {
    color: #007ba4 !important;
    text-decoration: none !important;
}
.empty { padding: 0; margin-bottom: 0  !important; }

table.calendar {
    width: 70%; 
}
table.calendar th:first-child { width: 40px;}
table.calendar td { height: 100px;}

.task, .report {
    padding: 1px;
    
    border: 1px solid #f4ec69;
    margin-bottom: 10px;
}
.task {
    background: #f9fcb0;
}
.is-updated:hover { cursor: pointer; }
.task-header, .report-header {
    background: white;
    background: #f9fcd0;
    border: lightgrey;
    padding: 5px ;
    padding-left: 10px;
}
.task-body, .report-body {
    padding: 5px 10px;
   
}
.report-details {
    padding: 5px 10px;

}
.task-footer, .report-footer {

    border-top: 1px solid lightgrey;
    background: #F5F5F5;
    padding: 5px 10px;
}

.vertical-table th { width: 25% !important; }
.vertical-table td { text-align: left; }
.first { 
    width: 10em ; 
    text-align: right; 
    margin-right: 0px; 
    display: inline-block; 
    margin-bottom: 10px;
    margin-top: 10px;
}
.second { padding: 9px 10px; border: 1px solid lightgrey; background: #E4EBA7; border-radius: 0 5px 5px 0;}
.second:hover { background: #15818C; }
.second:hover a {color: white !important; }
.task-header a:hover,
.first a:hover { text-decoration: underline !important;}
.preformated {
     white-space: nowrap;
     font-family: monospace;
     background: white;
     color: red;
}
.preformat { 
    font-family: monospace;
    word-wrap: break-word;
    white-space:  pre;
    background: white;
    padding: 10px;
    overflow: auto;
}
.find {
    width: 200px !important;
    
    margin: 0 !important;
    margin-right: 10px !important;
    padding: 5px 10px !important;
    height: 26px !important;
}
.report-body {
    background: white;
    font-family: monospace;
    border-bottom: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    margin: 0;
    box-shadow: none;
}
.field-title {
    padding: 5px;
    color: grey; 
    background: #F5F5F5;
    margin: 0;
}

.vertical-table th { width: 25% !important; }
.vertical-table td { text-align: left; }
.scope-header { padding: 5px 10px; color: black !important; }
.scope-header a.scope-name {  color: black !important; margin-left: 10px;}
.scope-header a.scope-name:hover { text-decoration: underline !important;  }

.first { 
    width: 55%; ; 
    text-align: left; 
    display: inline-block; 
    margin-bottom: 10px;
    margin-left: -10px;
    margin-top: 20px;
    background: #E4EBA7;
    padding: 10px 20px;
   color: black;
}
   
   .show-body, .show-full-height {
       padding-top: 4px;
       cursor: pointer;
       font-size: 18px;
       margin-right: 5px;
   }
   .show-body:hover, .sho-body.active,
   .show-full-height:hover, .show-full-height.active {
       color: red !important;
   }
   .task-body {
       display: none;
   }
   
.short-height {
    height: 100px;
    overflow: hidden;
}
.short-height.active {
    height: auto !important;
}
.stage-header { cursor: pointer; }
.pointer {  cursor: pointer;}
.rotator { cursor: pointer; font-size: 24px; font-weight: bold;}
.hidden { display: none; }

#menu-switch {
    font-size: 2rem; 
    color: white;
    margin-top: 7px;
    margin-left: 30px;
    opacity: 0.7;
}
#menu-switch:hover {
    opacity: 1;
    cursor: pointer;
}
#menu-switch.active {
    color: #ffff88;
    opacity: 1;
}
.toggle, .toggle-base, .moving-hook { cursor: pointer; }
.moving-hook { opacity: 0.5; }
.moving-hook:hover { opacity: 1; }
.highlight { background: #F8F8F8 !important; }
textarea.editor { background: #ffff88;}
/* -- wygląda slajdów -- */
.slide-body, .slide-name {
    background: white; 
}
.slide-name {
    border-radius: 5px 5px 0 0; 
}
.slide-body {
    border-radius: 0 0 5px 5px; 
}
.slide-name {
    border: 1px solid lightgrey;
    border-bottom: none;
    margin-bottom: 0;
    padding: 10px 15px;
    color: #2276D2;
}
.slide-body {
    padding: 30px;
    border: 1px solid lightgrey;

}
input.filter { margin: 0; font-weight: normal; }
.empty th, .empty td { padding: 0;}
.delete-position { 
    font-size: 1.6rem;
    color: red;
}
.delete-position:hover { 
    cursor: pointer;
}
/* przycisk menu rozwijalnego */
a.btn.btn-outline-secondary:hover { color: white !important; }

td { word-break: normal !important; }


.vertical-table th { 
       width: 20% !important;  
       background: #F5F5F5;
       text-align: right;
       padding-right: 15px;
   }
   .w15proc, .vertical-table th.w15proc { width: 15% !important; }
   .vertical-table td { text-align: left; }
   .bt { border-top: 2px solid #1798A5;}
    .bb { border-bottom: 2px solid #1798A5;} 
    .s { text-decoration: line-through !important;}
    .content h4 { margin-bottom: 0 !important; color: grey; border-bottom: none; float: left; }
    .actions { background: #F5F5F5; }