body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.dialog {
  display: none;
  }

.text-bold {
    font-weight: bold;
}
  
.static {
  position: static;
  }  

@media (min-width: 768px) {
  .form-inline .datepicker-min {
    width: 120px;
  }
}

@media (min-width: 768px) {
    .form-inline .filter-min {
        width: 120px;
    }
}

.popover {
  max-width: 400px;
  }

.toggle{
    display: none;
}

/* nav - subnav*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:4px 0 4px 4px;
    -moz-border-radius:4px 0 4px 4px;
    border-radius:4px 0 4px 4px;
}


/* glyphicons */
.glyphicons-database-xs {
    background-image: url("glyphicons/glyphicons-528-database-xs.png");
    background-repeat: no-repeat;
    background-position: center;
}
.glyphicons-database-plus {
    background-image: url("glyphicons/glyphicons-142-database-plus.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-database-plus-xs {
    background-image: url("glyphicons/glyphicons-142-database-plus-xs.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-message-plus {
    background-image: url("glyphicons/glyphicons-125-message-plus.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-file-plus {
    background-image: url("glyphicons/glyphicons-703-file-plus.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-file-plus-xs {
    background-image: url("glyphicons/glyphicons-703-file-plus-xs.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-git-pull-request {
    background-image: url("glyphicons/glyphicons-428-git-pull-request.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-database-search {
    background-image: url("glyphicons/glyphicons-529-database-search.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-database-ban {
    background-image: url("glyphicons/glyphicons-144-database-ban.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-truck {
    background-image: url("glyphicons/glyphicons-59-truck.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-user-vr-add {
    background-image: url("glyphicons/glyphicons-793-user-vr-add.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-user-vr-remove-white {
    background-image: url("glyphicons/glyphicons-794-user-vr-remove-white.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-directions {
    background-image: url("glyphicons/glyphicons-775-directions.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-invoice {
    background-image: url("glyphicons/glyphicons-539-invoice.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-factory {
    background-image: url("glyphicons/glyphicons-451-factory.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-direction {
    background-image: url("glyphicons/glyphicons-234-direction.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-address-book {
    background-image: url("glyphicons/glyphicons-89-address-book.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-cargo {
    background-image: url("glyphicons/glyphicons-60-cargo.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-cargo-red {
    background-image: url("glyphicons/glyphicons-60-cargo-red.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-cargo-white {
    background-image: url("glyphicons/glyphicons-60-cargo-white.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-inbox-out-white {
    background-image: url("glyphicons/glyphicons-136-inbox-out.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-inbox-in-white {
    background-image: url("glyphicons/glyphicons-135-inbox-in.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-inbox-white {
    background-image: url("glyphicons/glyphicons-131-inbox.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-sms-red {
    background-image: url("glyphicons/glyphicons-579-sms-red.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-settings-mini{
    background-image: url("glyphicons/glyphicons-281-settings-mini.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-settings{
    background-image: url("glyphicons/glyphicons-281-settings.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-settings-white{
    background-image: url("glyphicons/glyphicons-281-settings-white.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-server{
    background-image: url("glyphicons/glyphicons-464-server.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-server-xs{
    background-image: url("glyphicons/glyphicons-464-server-xs.png");
    background-repeat: no-repeat;
    background-position: center;
}

.glyphicons-server-plus{
    background-image: url("glyphicons/glyphicons-465-server-plus.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-stopwatch{
    background-image: url("glyphicons/glyphicons-56-stopwatch.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicons-exit{
    background-image: url("glyphicons/glyphicons-389-exit.png");
    background-repeat: no-repeat;
    background-position: center; 
}

.glyphicon-refresh-animate {
    -animation: spin .5s infinite linear;
    -webkit-animation: spin2 .5s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/* styl - organizační schéma */

.org-chart table{
border-collapse: separate !important;
}

.org-chart .org-chart-style{
    border: 2px solid #ffa500;
    background-color: #ffc966;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb732), to(#ffdb99));
    vertical-align: middle;
    font-family: arial,helvetica;
    cursor: default;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
}  
@media print{
  .org-chart .org-chart-style{
    border: 2px solid #000;
    background-color: #fff;
    vertical-align: middle;
    font-family: arial,helvetica;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
} 
  }
.org-chart .google-visualization-orgchart-linetop {
    border-top: 1px solid #000;
    }
.org-chart .google-visualization-orgchart-linebottom {
    border-bottom: 1px solid #000;
    }
.org-chart .google-visualization-orgchart-lineleft {
    border-left: 1px solid #000;
    }
.org-chart .google-visualization-orgchart-lineright {
    border-right: 1px solid #000;
    }         

/* tlačítka vyskakovacích panelů nástrojů kontejnerů */    
.tools {
  width: 10px;
  height: 10px;
  float: left;
  background-color: transparent;
  border: none;
  }

.tools-right {
  width: 10px;
  height: 10px;
  float: right;
  background-color: transparent;
  border: none;
  } 

/* styl plánu práce */
.affix-placeholder {
     min-height: 70px;
  }
.affix {
     top: 50px;
     background-color: #ffffff;
     padding-top: 5px;
     z-index: 2;
  } 
 
.affix hr {
  margin-top: 5px;
  margin-bottom: 5px;
  }   

@media (max-width: 768px) {
  .fix-mobile.affix {
  padding-right: 30px; 
  }
}
    
.popover-note-tools-buttons {
  width: 60px;
  }
.popover-note-tools-buttons .confirmation{
  width: 160px;
  }      

.popover-person-tools-buttons {
  width: 110px;
  }
   
.popover-work-tools-buttons {
  width: 250px;
  }
  
.popover-work-tools-buttons .confirmation{
  width: 280px;
  }

.work-tools-buttons .confirmation{
    width: 250px;
}

.work-status-buttons a {
  color: #000000;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 3px;
  display: block;
  } 

.work-status-buttons a:hover{
  color: #ffffff;
  background-color: #ff7f00;
  }

.popover-100 .popover {
  width: 95%;
  max-width: 95%;
  } 
  
#popover-requests-content{
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  }
#popover-requests-area {
  max-height: 250px;
  overflow: scroll;
  }
#popover-requests-area::after {
  content: "";
  display: block;
  clear: both;
  }

#popover-requests-area .task-marker {
  width: 150px;
  height: 140px;
  z-index: 2;
  float: left;
  margin: 5px 3px 3px 3px;
  background-color: grey;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
  filter: alpha(opacity=50);  /* IE 5-7 */
  -moz-opacity: 0.5;          /* Netscape */
  -khtml-opacity: 0.5;        /* Safari 1.x */
  opacity: 0.5;               /* Good browsers */
  } 
  
#popover-requests-area .request-tools-hidden {
  display: none;
  }
#popover-other-works-area .work-tools-hidden {
    display: none;
}
.tasks-area .work-tools-hidden {
    display: none;
}
      
#popover-other-works-content{
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  }
#popover-other-works-area {
  max-height: 250px;
  overflow: scroll;
  }  
#popover-other-works-area::after {
  content: "";
  display: block;
  clear: both;
  }

#popover-other-works-area .task-marker {
  width: 150px;
  height: 140px;
  z-index: 2;
  float: left;
  margin: 5px 3px 3px 3px;
  background-color: grey;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
  filter: alpha(opacity=50);  /* IE 5-7 */
  -moz-opacity: 0.5;          /* Netscape */
  -khtml-opacity: 0.5;        /* Safari 1.x */
  opacity: 0.5;               /* Good browsers */
  }   

#popover-other-works-area .other-works-tools-hidden {
  display: none;
  } 
    
.work-table {
  min-width: 100%;
  margin: auto;
  }
    
.work-table thead th {
  padding: 5px 0px 5px 0px; 
  text-align: center;
  font-size: 10pt;
  position: relative;
  }

.work-table .toolbar-names {
  width: 13px;
  height: 13px;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 1px;
  }

.work-table .work-tools {
  width: 27px;
  height: 13px;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 1px;
  top: 1px;
  }


.work-table tbody td {
  min-width: 170px;
  max-width: 170px;
  vertical-align: top;
  padding: 0px;
  } 

.work-table .absence {
  padding: 2px 0px 2px 0px; 
  text-align: center;
  font-size: 9pt;
  color: red;
  }

.work-table .rest-day {
    padding: 2px 0px 2px 0px;
    text-align: center;
    font-size: 9pt;
    color: green;
}

.work-table .performance {
  padding: 2px 0px 2px 0px; 
  text-align: center;
  font-size: 9pt;
  } 

.work-table .performance .progress{
  margin: 5px; 
  height: 5px;
  }
  
.work-table .task-marker {
  width: 98%;
  height: 100px;
  z-index: 2;
  margin: 5px 0px 3px 0px;
  background-color: grey;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
  filter: alpha(opacity=50);  /* IE 5-7 */
  -moz-opacity: 0.5;          /* Netscape */
  -khtml-opacity: 0.5;        /* Safari 1.x */
  opacity: 0.5;               /* Good browsers */
  }  

.work-padding {
  padding: 0px 3px 0px 3px;
  }      
div.work-task {
  width: 98%;
  border: solid 1px #696969;
  padding: 0px;
  margin: 5px 0px 3px 0px;
  font-size: 9pt;
  background-color: #ffffff;
  white-space: normal;
  word-wrap: break-word;
  }
  
.float-tasks div.work-task {
  width: 150px;
  float: left;
  margin: 5px 3px 3px 3px;
  }  

div.work-task .toggle{
  display: none;
  }
div.work-task hr{
  margin: 3px 0px 3px 0px;
  }  

div.work-task .handle {
  width: 100%;
  min-height: 20px;
  border-bottom: solid 1px #CCCCCC;
  }

div.work-task .toolbar {
  width: 100%;
  border-top: solid 1px #CCCCCC;
  padding: 3px 3px 3px 3px;
  }  
  
div.work-task .machine-type{
  font-weight: bold;
  }

div.work-task .status{
  float: right;
  }
  
div.work-task .containers{
  font-style: italic;
  }

div.work-task .originator-name{
  font-weight: bold;
  }     

div.work-task .time{
  color: red;
  font-weight: bold;
  }

/* styly komentářů */
.comment {
    padding: 20px;
    margin: 20px 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}  

.comment .metadata{
    text-align: right;
    font-style: italic;
    font-size: 9pt;
}    
/* styl mapy kontejnerů */
.popover-container-tools-buttons {
  width: 120px;
  }
    
.container-marker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-color: grey;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
  filter: alpha(opacity=50);  /* IE 5-7 */
  -moz-opacity: 0.5;          /* Netscape */
  -khtml-opacity: 0.5;        /* Safari 1.x */
  opacity: 0.5;               /* Good browsers */
  }
  
.container-map {
  border-collapse: collapse;
  font-size: 7pt;
  }  
  
.container-map td {
  width: 44px;
  height: 66px;
  border-spacing: 0px;
  text-align: center;
  }
  
.building {
  background-color: #ffe9b5;
  font-size: 10pt;
  font-weight: bold;
  padding: 0px;
  }
.bencalor {
  background-color: #ffe9b5;
  font-size: 10pt;
  font-weight: bold;
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  }  

.standing {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  position: relative;
  font-size: 8pt;
  }

.map-driver {
  font-size: 10px;
  } 
.container-map .max-ie {
  width: 100%;
  height: 100%;
  position:relative;
  }
  
.container-map .standing-place {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: transparent;
  }

.container-map .standing-place .max {
  width: 100%;
  height: 100%;
  } 
  
.container-map .standing-place .handle {
  width: 100%;
  height: 100%;
  font-size: 7pt;
  } 
  
.container-map .standing-place-view-only {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: transparent;
  }

.container-map .standing-place-view-only .max {
  width: 100%;
  height: 100%;
  }   

.container-map .standing-place-view-only .handle {
  width: 100%;
  height: 100%;
  font-size: 7pt;
  }     
  
.container-content {
 height: 24px;
 overflow: hidden;
 }  

.map-small {
  font-size: 6pt;
  }

.bt {
  border-color: #000000;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  } 
.br {
  border-color: #000000;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  }
.bb {
  border-color: #000000;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  }
.bl {
  border-color: #000000;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  }
.ctl {
  border-color: #000000;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  }
.ctr {
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  }
.cbl {
  border-color: #000000;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  }
.cbr {
  border-color: #000000;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  }    

/* předávací protokol */
.predavaci-protokol {
   width: 100%;
}

.predavaci-protokol td {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

.predavaci-protokol-hlavicka tr td {
    border: none;
    padding: 5px;
}
.predavaci-protokol-hlavicka .logo {
    max-width: 75px;
    max-height: 75px;
}
.predavaci-protokol-stred tr td {
    border: none;
    padding: 5px;
}

.predavaci-protokol .radek-razitko .logo {
   float: left;
}
.cislo-stranky {
    border: none;
}

.cislo-stranky td {
    border: none;
    text-align: right;

}

.waste-tools-buttons {
    width: 300px;
}

/* formulář pro nahrávání souborů */
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}
.fileinput-buttons .toggle {
    display: inline-block;
}


.dochazka  {
    margin-left: 10px;
}
.dochazka thead tr th {
    padding: 2px;
    border-right: 1px dotted #ddd;
    font-size: 13px;
}
.dochazka tbody tr td {
    padding: 2px;
    border-top: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    font-size: 13px;
}

.dochazka input[type=checkbox] {
    margin: 1px 0 0;
}

@media screen {
    .price-border-orange {
        border: 2px solid orange !important
    }

    .price-border-red {
        border: 2px solid red !important
    }
}