body {  background: rgb(220,231,245);
background: linear-gradient(90deg, rgba(220,231,245,1) 0%, rgba(187,208,231,1) 35%, rgba(206,223,241,1) 100%); }

table {border:0px solid rgb(79,129,189); /*border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;*/}
th, td {border:1px solid black; border-radius: 4px; padding:5px;}

a, a:link {color: blue;}
a:visited {color: #043d5e;}
a:hover {text-decoration:none;}

h2 {text-align:center; font-size:22px;}
 .upozorneni {background-color:red; padding:10px 15px 10px 15px; color:white; border-radius: 10px;}
 .upozorneni a {color:white;}

input { padding:5px; border-radius: 7px; }
select { padding:2px; }

#btn  { z-index:9990; }

.header_back {text-align:right; position:fixed; top:10px; right:10px; background:#3f3f3f url('./background.png') repeat-x; z-index:9990; padding-bottom:3px; border-radius: 8px;}
.header_back a, .header_back a:link, .header_back a:visited {color:white;}
.header_back a:hover {text-decoration:none;}

.loginInfo {
	background:white url('background.png') repeat-x;
	color:white;
	padding-top:3px; 
	padding-bottom:7px; 
	-moz-box-shadow: 7px 11px 20px 1px rgba(0,0,0,0.5);
	box-shadow: 7px 11px 20px 1px rgba(0,0,0,0.5);
	border-radius: 10px;
}

.loginInfo h1 {text-align:center;font-weight:bold;color:white;font-size:21px;padding-top:5px;margin:0px;}
.loginInfo a {color:white;}
.loginInfo img {margin-top:5px;padding-right:5px;border:0;}

.footer {background-color:#37516a;color:white; padding:15px; border-radius: 10px; }
.footer a {color:white;}

.zpet {font-size:21px;}

.warning {color:red; font-weight:bold;}
.upoutavka {color:#00548f;font-weight:bold;font-size:18px;}

.uzaverka {text-align:center;background-color:red;color:white;font-weight:bold;padding:7px;border-radius: 10px; }

.oznaceni {font-style:italic;padding-bottom:3px;float:left; width:200px; position:relative; top:10px; }
.addtocart { float:right; margin:0px 0 -5px 0; }
.float-left { float:left; }

.pridatKosik {border: 2px solid black; color:white; padding:7px; margin:-2px; position:relative; top:8px; background: green; cursor:Pointer; border-radius: 5px; }
.pridatKosik:hover {border: 2px solid #0033cc; color:white;}
.potvrditButton {background-color:red;color:white;border:2px solid silver; font-size:20px; padding:10px; border-radius: 5px;}
.potvrditButton a, .potvrditButton a:link { color:white; text-decoration:none; }
.potvrditButton:hover {border: 2px solid black; color:white;}

.table-alba { font-size:110%; }
.table-alba td, .table-alba th { border:1px solid #dee2e6; }
.table-alba tr:nth-of-type(2n+0) { background-color:rgba(0, 0, 0, 0.05); }

#loadingBox { border-radius: 8px; }


#gallery img {max-width:700px; z-index:99;}
#gallery td { border:1px solid #dee2e6; }

/* AJAX */
.submityes, .submityesSPAN a, .submityesSPAN a:active, .submityesSPAN a:visited {text-decoration:none;
	border: 2px solid black; color:white; padding-left:30px; padding-right:13px; background: green url("./yes.png") 5px 2px no-repeat; cursor:Pointer;
}
.submityes:hover, .submityesSPAN a:hover {
	border: 2px solid #0033cc; color:white;
}
.submitnoSPAN a, .submitnoSPAN a:active, .submitnoSPAN a:visited {text-decoration:none; border: 2px solid black; position:relative; top:1px; font-size:16px; color:white; padding-left:30px; padding-right:13px; background: red url("./no.png") 5px 2px no-repeat; cursor:Pointer;
}
.submitno {text-decoration:none; border: 2px solid black; color:white; padding-left:30px; background: red url("./no.png") 5px 1px no-repeat; cursor:Pointer;
}
.submitno:hover, .submitnoSPAN a:hover {
	border: 2px solid #0033cc; color:white;
}

.window_header {text-align:center;border-bottom:1px solid black;margin-bottom:-5px;background: url('./window_header.png');color:white;padding:3px 0 3px 0;}

.ok {     
color: white;
background:url('icons/right.png') no-repeat 12px 5px #005400;
font-size: 16px;
font-weight:bold;
margin-top:-10px;
padding:4px 4px 4px 40px;
} 

ion-icon {
  pointer-events: none;
}

.btn-success { 
	position:relative;
	z-index:1000; 
}


@media screen and (max-device-width: 480px)  {
  .zpet { font-size:32px; }
  .table-alba { font-size:42px; }
  select { font-size:32px; }
  .pridatKosik { font-size:28px; text-align:center; margin:auto; margin-bottom:10px; }
  .oznaceni { display:none; }
  .header_back { font-size:30px; }
  .warning, #material_form { font-size:32px; }
  .icon { width:30px; }
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}



//* loading animation */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  z-index:-1;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
  z-index:-1;
  margin-left:210px;
  margin-top:40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  margin: -3px 0 0 -3px;
  z-index:-1;

}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;

}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}





@media
	  only screen 
    and (max-width: 600px)  {

	h1 { font-size:25px; padding-bottom:20px; }

		.table table, .table thead, .table tbody, .table th, .table td, .table tr {
			display: block;
		}

		.table thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	.table th { display:none; }
		
    .table tr {
      margin: 0 0 1rem 0;
    }
      
    .table tr:nth-child(odd) {
      background: #ccc;
    }
    
	.table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	.table td:before {
		position: absolute;
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	.table tbody tr td::before {
		content: attr(data-title);
		font-weight:bold;
		padding-top:7px;
	}
	
	#material_sel { font-size:70%; }
}



.list-group {
  max-width: 460px;
  margin: 4rem auto;
}

.form-check-input:checked + .form-checked-content {
  opacity: .5;
}

.form-check-input-placeholder {
  border-style: dashed;
}
[contenteditable]:focus {
  outline: 0;
}

.list-group-checkable .list-group-item {
  cursor: pointer;
}
.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
  background-color: var(--bs-light);
}
.list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--bs-blue);
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}
.list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
  background-color: var(--bs-light);
}

.list-group-radio .form-check-input:checked + .list-group-item {
  background-color: var(--bs-body);
  border-color: var(--bs-blue);
  box-shadow: 0 0 0 2px var(--bs-blue);
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}