/* Naimportujeme ikony fontawesome */
@import "fontawesome.min.css";
@import "all.min.css";
@import "brands.min.css";
@import "regular.min.css";
@import "solid.min.css";
@import "apexcharts.css";

@font-face {
  font-family: "caveat";
  src: url("../webfonts/Caveat-Regular.ttf");
}

/* Day night switch */
.day-night-switch{
	width: 100%;
	height: 25px;
	border: 1px solid var(--brema-silver);
	border-radius: 4px;
	margin: 6px 0px 10px 0px;
	user-select: none;
}

.day-night-switch > div{
	width: calc(100% / 3);
	height: 100%;
	float: left;
	text-align: center;
	line-height: 24px;
}

.day-night-switch .auto{
	border-left: 1px solid var(--brema-silver);
	border-right: 1px solid var(--brema-silver);
}

.day-night-switch > div.active{
	background-color: var(--brema-blue);
	color: var(--white);
}

.day-night-switch.disabled > div{
	color: var(--disabled);
}

.day-night-switch.disabled > div.active{
	background-color: var(--silver-light);
}
/* Day night switch end */

.box[data-fnc="fotografie"] .body{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-template-rows: repeat(auto, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	justify-items: stretch;
	align-items: stretch;
	padding-top: 5px;
}

.box.technici-v-praci .body{
  min-height: 400px;
  max-height: 400px;
}

.btn.podepsat{
  margin: 0px 100px;
  height: 44px;
  font-size: 18px;
}

.buttons{
  margin: 10px;
}

/* Protokol OP */
#protokol-op{
  display: flex;
  margin: 15px;
  flex-direction: column;
  align-items: center;
}

#protokol-op .td-text{
  position: absolute;
  font-family: 'caveat';
  font-size: 24px;
  color: var(--brema-blue);
}

#protokol-op table tr td .td-text{
  bottom: 2px;
}

#protokol-op table tr td .td-text.datum-dalsi-op{
  bottom: 28px;
  font-size: 30px;
}

  #protokol-op .dle-csn-ev-c-protokolu{
    display: flex;
    width: 100%;
  }

    #protokol-op .dle-csn{
      display: flex;
      flex: auto;
      margin: 5px 15px;
    }

    #protokol-op .ev-c-protokolu{
      position: relative;
      display: flex;
      flex: auto;
      margin: 5px 15px;
      justify-content: flex-end;
    }

    #protokol-op .ev-c-protokolu .td-text{
      width: 100%;
      top: 10px;
      right: 0px;
      text-align: right;
    }
  
  #protokol-op h1{
    margin: 45px 0px 10px 0px;
  }

  #protokol-op table,
  #protokol-op table tr,
  #protokol-op table tr td{
    display: flex;
    width: 100%;
  }

  #protokol-op table tbody{
    width: 100%;border: 1px solid var(--black);
  }

  #protokol-op table tr{
    width: auto;
    height: 50px;
  }

  #protokol-op table tr td{
    position: relative;
    text-align: left;
    border: 0 none;
    border: 1px solid var(--black);
    padding: 5px;
    height: auto;
  }

  #protokol-op tr.vlastnik-ev td,
  #protokol-op tr.umisteni-nosnost-stanic td{
    font-size: 12px;
  }

    #protokol-op tr.umisteni-nosnost-stanic td:nth-child(1){
      width: 50%;
    }

    #protokol-op tr.umisteni-nosnost-stanic td:nth-child(2){
      width: 25%;
    }

    #protokol-op tr.umisteni-nosnost-stanic td:nth-child(3){
      width: 25%;
    }

  #protokol-op table tr.prohlizene-dily{
    height: 35px;
  }

  #protokol-op table tr.prohlizene-dily td{
    width: 100%;
    font-weight: bold;
    align-items: center;
  }

  #protokol-op table tr.strojovna-sachta-klec{
    height: 35px;
  }

  #protokol-op table tr.strojovna-sachta-klec td{
    align-items: center;
  }

  #protokol-op table tr.seznam-zavad{
    height: auto;
  }

    #protokol-op table tr.seznam-zavad .cislo div{
      padding-left: 3px;
    }

    #protokol-op table tr.seznam-zavad td.seznam-zavad-strojovna .cislo:nth-child(-n + 18) div:not(.number-circle){
      padding-left: 10px;
    }

    #protokol-op table tr.seznam-zavad .cislo div.number-circle{
      padding-left: 0px;
      border-color: var(--brema-blue);
    }

    #protokol-op table tr.seznam-zavad td.seznam-zavad-strojovna,
    #protokol-op table tr.seznam-zavad td.seznam-zavad-sachta,
    #protokol-op table tr.seznam-zavad td.seznam-zavad-klec{
      height: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

      #protokol-op table tr.seznam-zavad .cislo{
        width: 18%;
      }

      #protokol-op table tr.seznam-zavad .zavada{
        width: 82%;
      }
  
  #protokol-op table tr.v-pripade-zjisteni-zavady{
    height: 45px;
    font-weight: bold;
  }

  #protokol-op table tr.zaver{
    height: 48px;
    display: flex;
    flex-direction: column;
  }

    #protokol-op table tr.zaver td:nth-child(1){
      border-bottom: 0px;
      font-weight: bold;
      height: 21px;
    }

    #protokol-op table tr.zaver td:nth-child(2){
      border-top: 0px;
    }

      #protokol-op table tr.zaver td:nth-child(2) strong{
        position: relative;
        width: 90px;
        text-align: center;
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ano{
        position: absolute;
        width: 38px;
        top: 0px;
        left: 3px;
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ano.number-circle{
        height: 30px;
        top: -6px;
        left: 2px;
        border-color: var(--brema-blue);
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ano.cross::before{
        content: '\2573';
        position: absolute;
        top: -10px;
        left: 5px;
        font-size: 24px;
        color: var(--brema-blue);
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ne{
        position: absolute;
        top: 0px;
        right: 10px;
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ne.number-circle{
        width: 30px;
        height: 30px;
        top: -6px;
        border-color: var(--brema-blue);
      }

      #protokol-op table tr.zaver td:nth-child(2) strong .ne.cross::before{
        content: '\2573';
        position: absolute;
        top: -10px;
        left: -2px;
        font-size: 24px;
        color: var(--brema-blue);
      }


  #protokol-op table tr.dalsi-zjistene-zavady{
    height: 130px;
  }

    #protokol-op table tr.dalsi-zjistene-zavady .zapsane-zavady{
      font-family: 'caveat';
      position: absolute;
      display: flex;
      font-size: 24px;
      padding: 4px 2px;
      gap: 15px;
      width: 98%;
      height: 120px;
      color: var(--brema-blue);
      flex-wrap: wrap;
      align-content: flex-start;
    }

    #protokol-op table tr.dalsi-zjistene-zavady .zapsane-zavady .number-circle{
      border-color: var(--brema-blue);
    }

    #protokol-op table tr.dalsi-zjistene-zavady .zapsane-zavady .number-circle.first{
      margin-left: 180px;
    }

    #protokol-op table tr.dalsi-zjistene-zavady .zapsane-zavady .bez-zjevnych-zavad{
      margin-left: 180px;
      font-size: 34px;
    }

  #protokol-op table tr.razitko{
    height: 160px;
  }

    #protokol-op table tr.razitko td{
      flex-direction: column;
    }

      #protokol-op table tr.razitko .podpis-zakaznika{
        position: absolute;
        width: 323px;
        height: 200px;
        top: -25px;
        right: 0px;
        /* transform: rotate(5deg); */
      }
      
      #protokol-op table tr.razitko .podpis-zakaznika img{
        width: 100%;
        filter: invert(48%) sepia(77%) saturate(3297%) hue-rotate(190deg) brightness(83%) contrast(80%);
      }

      #protokol-op table tr.razitko td .provedeno-dne{
        font-size: 30px;
        top: 16px;
      }

      #protokol-op table tr.razitko td .technik{
        font-size: 30px;
        bottom: 54px;
      }

  #protokol-op table tr.razitko .kulate-razitko-technika{
    position: absolute;
    width: 180px;
    height: 180px;
    top: 0px;
    right: 25px;
    transform: rotate(5deg);
  }

  #protokol-op table tr.razitko .kulate-razitko-technika img{
    width: 100%;
  }

  #protokol-op table tr.razitko .podpis-technika{
    position: absolute;
    width: 323px;
    height: 200px;
    top: -25px;
    right: 0px;
    transform: rotate(-5deg);
  }

  #protokol-op table tr.razitko .podpis-technika img{
    width: 100%;
    filter: invert(48%) sepia(77%) saturate(3297%) hue-rotate(190deg) brightness(83%) contrast(80%);
  }
/* Protokol OP end */

tr#popis-zavady.op td{
  display: flex;
  padding: 10px;
  gap: 10px;
  cursor: default;
}

tr#popis-zavady.op td fieldset{
  border: 1px solid var(--bg-header-table-color);
  border-radius: 3px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  flex: auto;
  transition: all 0.3s;
}

tr#popis-zavady.op td fieldset:hover{
  border-color: var(--brema-blue);
}

tr#popis-zavady.op td fieldset legend{
  padding: 3px 6px;
  border: 1px solid var(--silver-light);
  border-radius: 3px;
  background-color: var(--bg-header-table-color);
  font-weight: bold;
}

tr#popis-zavady.op td fieldset:hover legend{
  background-color: var(--bg-color-active);
  border-color: var(--brema-blue);
  color: var(--brema-blue);
}

tr#popis-zavady.op td fieldset .zavada{
  display: flex;
  padding: 5px 0px;
}

tr#popis-zavady.op td fieldset .zavada:hover{
  color: var(--black);
}