@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


#trace, #debug {
  position: fixed;
  width: 40px;
  height: 40px;
  padding: 10px;
  overflow: hidden;
  z-index: 10000;
  right: 0;
  bottom: 0;
}
#trace {
  right: 0;
  bottom: 0;
  background: red;
}
#debug {
  right: 0;
  bottom: 40px;
  background: blue;
}
#trace:hover, #debug:hover {
  right: 0;
  bottom: 0;  
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  
}




.wrap {
  overflow: hidden;
}


.calendar-content {
  border-top: 2px solid #dddddd;
  visibility: hidden;
  
}
.calendar-current .calendar-content {
  visibility: visible;
}



.calendar {
  width: 100%;
  /*overflow: hidden;*/
  -font-weight: 900;
  line-height: 1.5;
  display: table;
  table-layout: fixed;
  
  background: #ddd;
  -background: #fff;
  
  border-spacing: 1px;
  border-collapse: separate;
}

.calendar > div {
  display: table-row;
  border: 1px solid #dddddd;
}


.calendar > div:first-child, .calendarshowall .calendar > div {

}

.calendar .day {
  line-height: 1.6;
  background: #fff;
  
  position: relative;
  
  border: 1px solid #dddddd;
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width:700px)
{
    .calendar .day {
      line-height: 1.6;
      background: #fff;
      display: table-cell;
      vertical-align: bottom;
      
      position: relative;
      
      border: 1px solid transparent;
      padding: 10px;
      width: 14%;
      height: 160px;
      box-sizing: border-box;
    }
}

.calendar .day.outOfMonth > div {
  opacity: 0.2;
}
.calendar .day.outOfMonth:hover > div, .calendar-current-week .day.outOfMonth > div {
  opacity: 1 !important;
}

.calendar .day > div {


}


.calendar .day > div > div:first-child {
  position: absolute;
  z-index: 30;
  top: 10px;
  left: 10px;
  right: 0px;
  font-size: 14px;
  font-weight: bold;
}
.calendar .day > div > div:first-child a {
  display: block;
}

.calendar .day.freeDay > div > div:first-child {
  color: #ae1717;
  color: #d00;
}
.calendar .day > div > div:first-child a:hover {
  color: #435470;
}
.calendar .day  > div > div:last-child {
  padding-top: 30px;
  color: #d0d0d0;
  line-height: 1.6;
  font-size: 14px;
  padding-left: 5px;
}
.calendar .day > div > div:last-child a {
  color: #000;
  display: block;
  width: 100%;
  -white-space: nowrap;
  -overflow: hidden;
  -text-overflow: ellipsis;
  padding: 1px 5px;
  border-radius: 2px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 1px;
}
.calendar .day > div > div:last-child a:hover {
  background: #f8f8f8;
}

.calendar .day.currentDay {
  background: #f6f6f6;
}
.calendar .day.currentDay > div > div:last-child a:hover {
  background: #fff;
}

.calendar .more2 {
  display: none;
}
.calendar .more2 + a {
  color: #333 !important;
}

.calendar-popup {
  position: absolute;
  z-index: 501;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  max-width: 300px;
  
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  
  box-shadow: 0 0 5px rgba(0,0,0, 0.3);
}
.calendar-popup .calendar {
  border: none;
}
.calendar-popup .day {
  border: none;
}

.calendar-popup .day > div > div:first-child > img {
  position: absolute;
  right: 0;
  top: -2px;
  height: 100%;
  opacity: 0.6;
  cursor: pointer;
}
.calendar-popup .day > div > div:first-child > img:hover {
  opacity: 1;
}


.calendar-popup-bg {
  position: fixed;
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255, 0.8);
}

.outOfMonthNewWeek {
  display: none;
} 



.hdr {
    text-align: center;
    font-size: 20px;
    padding: 20px;
    background: #efefef;
}
.calendar-prev-next a {
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
   display: inline-block;
   padding: 10px;
}

.calendar-month {
    font-size: 30px;
}
.calendar-prev {
    float: left;
}
.calendar-next {
    float: right;
}



#home {
    overflow: auto;
}


.msg, .msg-error, .msg-info {
  border: 1px solid #e2e2e2;
  padding: 20px;
  background: #f8f8f8;
  margin: 15px 0;
  font-weight: bold;
  font-weight: 800;
  font-size: 16px;
}
.msg-info {
  color: #07b407;
  border-color: #07b407;
}
.msg-error {
	color: #d00;
  border-color: #d00;
}


/***** html table list *****/
.sql-list {
	width: 100%;
	margin: 20px 0;
  border-collapse: collapse;
  border: 1px solid #e2e2e2;
}
.sql-list  tr {
  border-bottom: 1px solid #e2e2e2;
}
.sql-list td {
	text-align: left;
	padding: 10px;
	background: #fff;
    vertical-align: top;
}
.sql-list tr:nth-child(2n) td {
  background: #fbfdff;
}
.sql-list tr.dark td {
  background: #f1f7fe;
}
.sql-list tr:hover td {
    background: #f1f7fe !important;
}
.sql-list a:hover {
    color: #000 !important;
}

.rowS td  {
  padding: 15px 10px;
  text-align: left !important;
  color: #000 !important;
  background: #dcecff !important;
  -border-bottom: 2px solid #aac2df;
  font-size: 16px;
}

.rowH th  {
  padding: 15px 10px;
  text-align: left !important;
  background: #dcecff !important;
  color: #000 !important;
  border-bottom: 2px solid #aac2df;
  font-size: 16px;
  vertical-align: top;
  font-weight: 400;
}

.rowH th:empty {
  background: transparent !important;
  border: none !important;
}

.rowH th:last-child, .sql-list td:last-child {
  -text-align: center !important;
}


@media (max-width:700px)
{
    .rowH th, .sql-list td {
        padding: 5px;
        font-size: 14px;
        
    }
}



.inpt:focus, .abtn:focus {
  box-shadow: 0px 0px 5px 0px rgba(0,182,232, 1);
}
.itemTable {
    text-align: left;
}
.itemTable .inpt {
  width: 100%;
}
.itemTable .inpt-sub-50 {
  width: 95%;
  width: calc(100% - 50px);
}
.itemTable .inpt-sub-25 {
  width: 95%;
  width: calc(100% - 25px);
}
.itemTable .hdr td {
    background: #666 !important;
    color: #fff;
    font-size: 100%;
    text-align: left;
}
.itemTable input[readonly] {
    border: 0 !important;
    background: transparent !important;
    padding: 0;
    outline: 0 !important;
    box-shadow: none !important;
}
.itemTable input[readonly][type=date][value=""] {
    color: #fff;
}
.itemTable .inpt {
    margin-top: 0;
}
.itemTable .form-row-chk {
    margin: 0;
}

.rowH .inpt {
  padding: 3px 5px;
  margin-top: 5px;
}
.inptx {
	border:1px solid #999;
	padding: 1px 3px;
	font-size: 14px;
}
.inpt2 {
	width: 250px;
}
.inpt-min {
  width: 50px;
  text-align: center;
}
.sel {
	width: 309px;
	font-size: 14px;
	border:1px solid #999;
    max-width: 100%;
}
.selx {
	font-size: 14px;
	border:1px solid #999;
}
input[type="file"] {
	width: auto;
}
.abtn {
  line-height: normal;
	display: inline-block;
  min-width: 100px;
  padding: 5px 10px;;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #555;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: #555 !important;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: 400;
  margin-bottom: 4px;
}

.abtn:hover {
  background: #dcecff;
  color: #555 !important;
}
.abtn-inverted {
  background: #fff;
  color: #555 !important;  
}
.abtn-inverted:hover {
  background: #dcecff ;
  color: #555 !important;  
}

.itemTable  span {
  font-size: 14px !important; 
}
.itemTable {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.itemTable th, .itemTable td {
  padding: 15px 20px;
  border: 1px solid #eee;
  background: #fff;
  vertical-align: top;
}

.itemTable tr td[colspan="2"] {
  background-color: #f1f7fe !important;
  color: #000 !important;
  font-size: 16px !important;
}


td .itemTableNewBorder {
  margin: 0 !important;
}
.itemTableNewBorder th, .itemTableNewBorder td {
  border: 1px solid #999;
}
.itemTableNewBorder th:empty, .itemTableNewBorder td:empty {
  border: none;
}
.itemTableCenter td, .itemTableCenter .rowH th {
  text-align: center !important;
  vertical-align: middle;
}
.itemTable th {
  text-align: right;
  width: 250px;
  font-weight: normal;
}

.itemTableThWider th {
    width: 350px;
}
.itemTableThWider .itemTable th {
    width: 100px;
}
.itemTable .itemTableThWider th {
    width: 200px !important;
}

.itemTablePad10 th, .itemTablePad10 td {
    padding: 10px;
    text-align: left;
}

.itemTable tr td[colspan="2"].itemTableColSpan {
    background: #fff !important;
    font-size: 14px !important;
}

.itemTable .sql-list th {
  width: auto;
}
.itemTable td {
  -font-weight: bold;
}
.formTable td span {
  font-weight: normal;
  color: #999;
}
.itemTable tr:nth-child(even) th, .itemTable tr:nth-child(even) td {
  background: #fbfdff;
} 
.itemTable .itemTable th:nth-child(odd), .itemTable .itemTable tr:nth-child(odd) td {
    background: #fff;
}
.itemTable .itemTable tr:nth-child(even) th, .itemTable .itemTable tr:nth-child(even) td {
  background: #fbfdff;
}


.itrb {
    float: right;
    padding-top: 20px;
}

.itrb + .itemTable {
    width: calc(100% - 100px);
}

.pagination-right {
    float:right;
}
.pagination {
    padding: 10px !important;
}


.tooltipster-base p {
    margin: 5px 0;
}
.error {
    color: #d00;
}

h1 {
    font-size: 25px;
}
.th-left {
    text-align: left;
}


#kalendarz {
    max-width: none;
}

@media (max-width:700px)
{
    .itemTable, .itemTable tbody, .itemTable tr, .itemTable th, .itemTable td {
        display: block;
        width: 100%;
        text-align: left;
    }
    .itemTable th {
        background: #efefef !important;
    }
    
    .itemTable td {
        background: #fff !important;
    }
}


.row-error .inpt, .row-error input[type=checkbox] {
    border-color: #d00;
}
.itemTable .row-error th {
    color: #d00;
    font-weight: bold;
}

.tab-rpad {
    border-collapse: collapse;
    width: 100%;
}
.tab-rpad td {
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: top;
}
.tab-rpad td:not(:last-child) {
    padding-right: 30px;
}

#home {
    position: relative;
}

.topRight20 {
    position: absolute;
    right: 20px;
    top: 20px;
}

.upload {
    display: flex;
    column-gap: 10px;
}
.upload:not(:first-child) {
    margin-top: 10px;
}
.upload > span {
    -outline: 1px solid blue;
    flex-grow: 1;
}
.upload > span:first-child {
    flex-grow: 0;
}
.upload > span:last-child {

}
.upload .progress {
    display: block;
    background: #ddd;
    width: 0%;
    height: 100%;
    border-radius: 5px;
    padding-top: 8px;
}
.inpt-file:not([value=""]), .inpt-file2e:not([value=""]), .inpt-file2p:not([value=""]) {
    text-decoration: underline;
    cursor: pointer;
}
.inpt-file2p {
    margin: 10px 0;
}
.inpt-file:hover, .inpt-file2e:hover, .inpt-file2p:hover {
    color: #b61716;
}

.inpt-file2e {
    width: calc(100% - 75px) !important;
}


.page-cols {
    display: flex;
    min-height: 100vh;
    
}

.page-cols-left {
    width: 250px;
    background: #dcecff;
}

.page-cols-right {
    width: calc(100% - 250px);
    padding: 20px;
    padding-bottom: 100px;
}

#sidebar-logo {
    text-align: center;
    padding: 20px;
}
#sidebar {
    color: #555;
}
#sidebar a {
    color: #555;
}

#sidebar-menu .sidebar-hdr {
    display: block;
    color: #555;
    padding: 8px 20px 7px 45px;
    border-bottom: 1px solid #c9ddf5;
    text-decoration: none;
    background: #aac2df ;
    text-transform: uppercase;
}

#sidebar-menu a {
    display: block;
    color: #555;
    padding: 8px 20px 7px 45px;
    border-bottom: 1px solid #c9ddf5;
    text-decoration: none;
    background: url(admin/images/arrow-right.png) no-repeat 15px center;
    text-transform: uppercase;
}
#sidebar-menu a:first-child {
    border-top: 1px solid #c9ddf5;
}
#sidebar-menu a:hover {
    color: #000;
    background-color: #c9ddf5;
    background-position: 20px center;
}
#sidebar-menu a.current {
  color: #000;
  font-weight: 900;
  background-color: #c9ddf5;
  font-weight: 400;
}


.mieso {
    display: flex;
}

.mieso > div:first-child {
    width: 100px;
}
.mieso > div:last-child {
    width: calc(100% - 100px);
}

hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #666;
    margin: 30px 0;
}

.lhplus label {
    padding: 5px 0;
    display: inline-block;
}