#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: #6d1e68;
}
.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: 18px;
    padding: 20px;
    background: #efefef;
}
.hdr a {
  padding: 0 10px;
}
.calendar-prev-next a {
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
   display: inline-block;
   padding: 10px;
}

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



#home {
    overflow: auto;
    border-radius: 10px;
}


.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;
}
.sql-list td {
	text-align: left;
	padding: 10px;
	background: #EFEFEF;
    vertical-align: top;
}
.sql-list tr:nth-child(2n) td {
  background: #FAFAFA;
}
.sql-list tr.dark td {
  background: #ccc;
}

.rowS td  {
  padding: 15px 10px;
  text-align: left !important;
	color: #FFF;
  background: #F8F8F8;
  color: #000 !important;
  background: #ccc !important;
  color: #000 !important;
  -border-bottom: 3px solid #6d1e68;
  font-size: 16px;
}

.rowH th  {
  padding: 15px 10px;
  text-align: left !important;
	color: #FFF;
  background: #6d1e68;
  color: #fff !important;
  border-bottom: 3px solid #6d1e68;
  font-size: 14px;
  vertical-align: top;
  font-weight: 400;
}

.sql-list tr, .sql-list td, .sql-list th {
  border: 1px solid #6d1e68;
  display: revert;
}

.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 .inpt {
  width: 100%;
}
.itemTable .inpt-sub-50 {
  width: 95%;
  width: calc(100% - 50px);
}
.itemTable .inpt-sub-25 {
  width: 95%;
  width: calc(100% - 25px);
}
.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: 2px solid #6d1e68;
  background: #6d1e68;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: normal;
}
.abtn:hover {
  background: #fff;
  color: #6d1e68 !important;
}
.abtn-inverted {
  background: #fff;
  color: #6d1e68 !important;  
}
.abtn-inverted:hover {
  background: #6d1e68 ;
  color: #fff !important;  
}


.itemTable {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
}
.itemTable th, .itemTable td {
  padding: 15px 20px;
  border: 1px solid #eee;
  background: #fafafa;
  vertical-align: top;
}

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: 200px;
  font-weight: normal;
}
.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: #efefef;
} 


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


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

h1 {
    font-size: 26px;
}
.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;
    }
}