* {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 13px !important;
  }

.center {
    text-align: center;
}

.top_fix{
    margin-top: 10px;
}

.center form {
    display: inline-block;
}

.logo{
    padding-bottom: 20px;
}

.alert-fixed{
    height: 60px;
    margin-top: 5px;
}

.php_alert{
    width:400px!important;
    margin-left:auto; 
    margin-right:auto;
    text-align:center; 
}


.icon_bar{
    margin: -9px 15px 5px 15px;
    padding: 2px 5px;
    background-image: -webkit-linear-gradient(top,#C7C7C7 0,#D2D2D2  100%);
    background-image: -o-linear-gradient(top,#C7C7C7 0,#D2D2D2  100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#C7C7C7),to(#D2D2D2));
    background-image: linear-gradient(to bottom,#C7C7C7 0,#D2D2D2 100%);
}
.icon_bar > a.disabled{
    color: gray;
    border: 2px gray solid;
    pointer-events: none;
}

.icon_bar > a{
    color: black;
    padding: 0px 5px;
    border: 2px black solid;
}
.icon_bar > div > a{
    color: black;
}

.loading {
    height: 200px;
    left: 50%;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    top: 200px;
    vertical-align: middle;
    width: 200px;
    z-index: 999;
}



th.middle{
    vertical-align: middle!important;
}

th{
    cursor: pointer;
}

tr.disabled{

    opacity: 0.6;
}

td.disabled{
    background-color: #eee;
    opacity: 0.6;
}

.confirmBox{
    display: block;
    z-index: 10000;
    background-color: white;
    width: 25%;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
}

.fadeDiv{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9000;
    top:0; 
    left: 0;
    right: 0; 
    bottom: 0; 
    background-color: black;
    opacity: 0.5;
}

.input-group-addon{
    cursor: pointer;
}

.red{
    color:red;
}

#wnioski_th th, #odziez_th th{
    background-color: #A0A2A3;
}

.zoom-red {
    background:#ff0000!important;
}
.zoom-orange {
    background:#ffaa00!important;
}
.zoom-green { 
    background:#22ff22!important;
}

.sort-ascent:before{
    content: '\25B2';
}

.sort-descent:before{
    content: '\25BC';
}
.color-red{
    color:red;
}
.color-blue{
    color:blue;
}
.color-orange{
    color:orange; 
}
.color-green{
    color:green;
}

.bg-edited {
    background: antiquewhite !important;
}

.tableInBox{
    max-height: 380px;
    overflow-y: auto;
    width: 450px;
}

.warningIcon{
    color: orange;
    font-size: 20pt;
    vertical-align: middle;
    margin-right: 5px;
}

input.ng-invalid.ng-dirty {
    border: 1px solid red;
}
/*input.ng-valid, textarea.ng-valid,  select.ng-valid {
    border: 1px solid green;
} */

#alerts > div.alert{
    margin-bottom: 10px!important;
}

.niedziela{
    color: red;
   
}
.sobota{
    color: lightgray;
   
}
.td-sob{
    background-color: lightgray;
}

.td-nd{
    background-color: #F7B8B8;
}

.czerwony{
    background-color: red;
}
.zolty{
    background-color: yellow;
}
.zielony{
    background-color: greenyellow;
}
.text-bold{
    font-weight: bold;
}

.text-preline {
    white-space: pre-line;
}
.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
  }
  
  .first-col {
    width: 200px;
    min-width: 200px;
    max-width: 300px;
    left: 0px;
  }

  
@media print {
    .noPrint{
      display:none;
    }
  }

.app-modal-window .modal-dialog {
  width: 90vw;
  overflow: scroll;
}

.pure-form input.ng-dirty.ng-invalid {
    border-color: #e9322d;
  }
  .field-message {
    display: inline-block;
    color: #e9322d;
    font-size: 90%;
    margin-left: 0.5em;
  }
  [ng\:cloak],
  [ng-cloak],
  [data-ng-cloak],
  [x-ng-cloak],
  .ng-cloak,
  .x-ng-cloak {
    display: none !important;
  }

  .delegTableTh {
    vertical-align: middle !important;
    text-align-last: center !important;
    background-color: lightgray;
  }


  .multiselect {
    /* width: 200px; */
  }
  
  .selectBox {
    position: relative;
  }
  
  .selectBox select {
    width: 100%;
    font-weight: bold;

  }
  
  .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  #checkboxes {
    display: none;
    border: 1px #dadada solid;
    max-height: 300px;
    overflow: scroll;
    padding: 6px;
  }
  
  #checkboxes label {
    display: block;
  }
  
  #checkboxes label:hover {
    background-color: #1e90ff;
  }