/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 21 mar 2023 г., 09:50:56
    Author     : astas
*/

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
        overflow-y: auto;
}

.modalDialog > div {
	width: 600px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.modalDialogWide {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialogWide:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialogWide > div {
	width: 90%;
	position: relative;
	margin: 1% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
        /*        border: 5px solid yellow;     */
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
        font-size: 24px;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
        border: none;
}

.close:hover { 
        background: #00d9ff; 
        cursor: pointer;
}

textarea {
        /* without this the height will be changed a few letters too early */
        overflow: hidden;
        /* disable the resize handle */
        resize: none;
        /* disable the border */
        border: none;
}

.set-height td {
  position: relative;
  overflow: hidden;
  height: 3em;
}

.modalTable12 {
  font-size: 16px;
}
.modalRow12 {
  line-height: 90%;
}


.modalTable10 {
  font-size: 10px;
}
.modalRow10 {
  font-size: 8px;
  line-height: 70%;
  /*height: 70%;*/
}


.modalTable08 {
  font-size: 8px;
}
.modalRow08 {
  font-size: 6px;
  line-height: 70%;
  /*height: 70%;*/
}


.modalTable06 {
  font-size: 6px;
}
.modalRow06 {
  font-size: 5px;
  line-height: 70%;
  /*height: 70%;*/
}

.customPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding:  20px;
  margin-top: 5px;
  z-index: 999999; 
 min-width: 250px;
 overflow-y: auto; 
 overflow-x: hidden;
   background-color: #eee;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.customPopup + .close {
     z-index: 999999;
}

.customPopup.show {
  display: grid;
 gap: 20px;
}

.popupContent {
    width: 100%;
    font-size: 1.2rem;
}

.popupBottom {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}

.seatDetails {
    margin: 15px 0;
}

.seatDetails select, .seatDetails label {
    margin-right: 15px;
}

.seatDetails select {
    font-size: 1.2rem;
}

.seatDetails label.deleted {
    color: red;
}

.seat-checkbox:disabled + label {
    opacity: 0.3;
}

.seatDetails select {
    height: 36px;
    padding: 0 5px;
    min-width: 60px;
}

.removeSeatRow {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 18px;
}

.addBtn {
    width: 36px;
    height: 36px;
    font-size: 18px;
}

.addBtn:disabled, .submitBtn:disabled,  .addBtn:disabled + label {
    opacity: 0.3;
    cursor: not-allowed;
}

.submitBtn {
    background: #606061;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    font-size: 20px;
}

.btn {
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid #000;
  background: #999;
  font-size: 16px;
  color: #fff;
}

.submitBtn:hover, .btn:hover {
    background: #00d9ff;
    cursor: pointer;
}

.submitBtn:disabled:hover {
    background: #606061;
    cursor: not-allowed;
}

.btn:disabled,  .btn:disabled:hover {
    opacity: 0.3;
    cursor: not-allowed;
    background: #999;
}

.column-controls {
    display: flex;
    justify-content: end;
    padding-right: 48px;
    gap: 12px;
}

.column-controls button {
     text-align: center;
     padding: 2px 12px;
     font-size: 1rem;
}

.partNumbers {
    font-size: 1rem;
}

.partNumbers .deleted {
    color: red
}

.modalDialogWide > div.partNumbersSummary {
    background: #eee;
    padding: 0 20px;
}

.partNumbersSummary h4 {
    padding-top: 10px;
}

.partNumbersSummary > div {
   padding-bottom: 10px;   
}

.partNumbersSummary .deleted {
    color: red;
  
}