h1{  margin: 0rem;}
h2, h3 {color:#ff7900; margin-bottom: .2rem; font-size:1rem}
p, table{margin-bottom: .2rem; font-size: 0.77778rem; color:black; color: #666666; letter-spacing: 0;}
th {color: #000;}

header{padding: 2.5rem 1rem;
  border: 1px solid blue;
  display: block;
  margin-bottom: .5rem;}

.solpad {padding: 2.5rem 2.77778rem;}
.form-select { display: block; width: 100%; font-size: 0.77778rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control, .form-select {padding:.1rem .3rem; height: 1.4rem;}
.form-label, .form-check-label {font-size: 0.77778rem;   margin-bottom: .1rem; font-weight: normal; color: #666666;}

/* 
input[type="checkbox"] + label::before, input[type="radio"] + label::before {  width: 1.4rem; height: 1.4rem;}
input[type="checkbox"] + label::after, input[type="radio"] + label::after {  left: 4px;  top: 6px;  width: .95rem; height: .95rem;}
*/

.form-group--checkbox {display: flex; align-items: center; border: 1px solid #ccc;  padding: 3px 10px 4px 10px; position: relative; /*width: fit-content;*/}
.form-group--checkbox input[type="checkbox"] {appearance: none; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 2px; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 8px;}
.form-group--checkbox .form-label span {margin-top:0;}
.form-label {cursor: pointer;}
.form-label span {vertical-align: middle;}

.form-group--radio {display: flex; align-items: center;  border: 1px solid #ccc; padding: 5px 15px; position: relative; width: fit-content; margin-bottom: 5px; }
.form-group--radio input[type="radio"] {appearance: none; width: 16px; height: 16px; border: 1px solid #ccc; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 8px;}
.form-group--radio input[type="radio"]:checked {background-color: #4CAF50; border-color: #4CAF50;}
.form-group--radio input[type="radio"]::after {content: ""; width: 8px; height: 8px; background: white; display: none;}
.form-group--radio input[type="radio"]:checked::after {display: block;}
.form-group--radio .form-label span {margin-top:0;}
.radio-group {display: flex; gap: 10px;}

/*.reklmno {  color: #ff7900;}*/
#reklmno:disabled {  background-color: rgba(255, 121, 0, 0.4);
}


.form-label span {margin-top: 0.35rem; display: inline-block;}

.krok span {font-size:1.5rem;}


.btn-outline-secondary { color: #000;border: 1px solid #000; }

.btn-primary{margin-bottom:20px;}

.set-inline-block > * {display: inline-block; width: auto;}

.reklamace-soubory .list-documents li {  max-width: 180px; margin:0; padding: .3rem}


.infotable th {    border-bottom: 1px solid #000;}
/*.infotable td:not(:last-child), .infotable th:not(:last-child) { border-right: 1px solid #000;}*/
.infotable th, .infotable td { line-height:2rem; padding:2px 0px; position:relative; white-space: nowrap;}
.infotable td.trim {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.infotable td	{/*padding: 0.83333rem 0;  font-size: 0.83333rem;*/  border-bottom: 1px solid #dee2e6;  }
.infotable tr:hover:not(:has(th)) {background-color: #fdf1e8;}
.infotable .rounded-circle {visibility:hidden;}
.infotable tr:hover .rounded-circle {visibility:visible;}
.infotable a {text-decoration:none; color: #10252f; display:block;}
.infotable a.status {font-weight:bold; text-transform:uppercase;}
.infotable a.status:hover {text-decoration:none;}
.infotable a.neodeslan { color:#F00;}
.infotable a.resise {color:orange;}
.infotable a.uzavren {color:green;}
.infotable .download {font-size:.7rem; line-height:1rem;}
.infotable .download {position: relative; display: inline-flex; align-items: center;}

.flexrow {display:flex; flex-direction:row;}
.icons-wrapper {  display: flex;  flex-direction: column;  padding-left: 15px;  align-items: center;  justify-content: center;}
.icons-wrapper .icon {  font-size: .3em; line-height:1em; padding: .1rem;}
/*
.infotable {    counter-reset: row-counter; }
.infotable tbody tr {    counter-increment: row-counter; }
.infotable tbody tr td:first-child::before {   content: counter(row-counter) ". "; position: absolute; left: -1rem;}
*/

.box-gray {padding: .5rem .7rem; border-top: 1px solid white;}

.box-gray.lighter {background-color: #ffffff;}
.box-gray.darker {background-color: #f1f3f5;}
.box-gray.darkest {background-color: #e9ecef;}

.search-input { position: relative; display: inline-block;}
.search-input { position: relative; display: inline-block;}
.search-input input {padding-right: 2em; width: 100%;}
.search-input::after {content: ""; position: absolute; top: 1rem; right: 0.5em; transform: translateY(-50%); width: 1em; height: 1em; background: url('/images/icon.svg') no-repeat center center; background-size: contain; pointer-events: none;}

.case-headline{display:inline;}
.btn-outline-secondary{border: 1px solid #ced4da;}

textarea {min-height: 2.7rem;}

label[title] {  position: relative;  margin-top: -5px;  padding-right: 15px;  cursor: help; }
label[title]::after {  content: "";  display: inline-block;  width: 15px;  height: 15px;  background-image: url('/images/text-support.svg');  background-size: cover;  position: absolute;  right: 0;  top: 50% transform: translateY(-50%);}


.blok-reklamace{background: url('/images/reklamace-connect.svg') 30px 0px no-repeat;}
.blok-reklamace.last { background-image: url('/images/reklamace-connect-last.svg')}

.d1col-offset-1 {margin-left: 8.33%;}
.d1col-offset-2 {margin-left: 16.6667%;}

.upload{background: url('/images/reklamace-upload.svg') right center no-repeat; cursor: pointer;}
.upload:hover {background-color:#f8f9fa;}
.upload-btn {display: inline-flex; align-items: center; gap: 6px; border: 1px solid #ccc; background-color: #f8f9fa; padding: 6px 12px; color: #737373; font-size: 14px; font-weight:normal; letter-spacing:-0.04em; cursor: pointer;}
.upload-btn:hover {background-color: #e9ecef;}

.blok-produkt, .blok-reklamace {position:relative; padding-top:10px;}
.rounded-circle {width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; position:absolute; right:5px;   transform: translate(-50%, -50%); top: 50%;}
.box-gray .rounded-circle {top: 35px;}
.modal .rounded-circle {width: 30px;  top:20px; right:20px;}
/*.servisni-protokol {counter-reset: section;}
.blok-reklamace h2::before {counter-increment: section; content: counter(section) ". ";}
*/

.vyjadreni h2{margin-bottom:0;}
.vyjadreni .list-documents li {max-width: calc(33% - 30px); flex-basis: calc(33% - 30px);}
.toggle-btn {text-decoration:underline; cursor:pointer;}
.vyjadreni-solight {color:white; padding-top: 5px; margin-right:4rem}

.uznana.vyjadreni-solight h2 {color:#1B5E20;}
.neuznana.vyjadreni-solight h2 {color:#C62828;}

.progress-container {max-width: 600px; margin: 40px auto; padding: 0 20px; position: relative;}
.progress-container::before {    content: '';
    position: absolute;
    top: 30px;
    left: 50px;
    right: 50px;
    height: 4px;
    background: #e5e7eb;
    z-index: 1;
    border-radius: 10px;}
.progress-container .steps {display: flex; justify-content: space-between; position: relative; z-index: 2;}
.progress-container .step {display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;}
.progress-container .circle {    width: 50px;
    height: 50px;
    margin-top: 5px;
    border-radius: 50%;
    border: 3px solid #e5e7eb;
    background: white;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-weight: bold;}
.progress-container .step.active .circle {border-color: #ff7900; color: #ff7900;width: 60px;height: 60px;margin-top: 0px;}
.progress-container .step-text {margin-top: 8px; font-size: 14px; text-align: center; color: #6b7280;}
.progress-container .step.active .step-text {color: #ff7900;}
.progress-container .icon {margin-top: 4px; width: 24px; height: 24px; position: relative;}
.step.active .icon img {  filter: invert(51%) sepia(100%) saturate(2224%) hue-rotate(359deg) brightness(101%) contrast(109%);}
	
.slider-container { position: relative; width: 100%; padding-bottom: 40px;}
.slider-labels { width: 100%; font-size: 0.9rem;}	
.form-range {  -webkit-appearance: none;  margin: 1rem 0;  width: 100%;  height: 10px;  background: #ddd;  border-radius: 5px;  outline: none;}
.form-range::-webkit-slider-thumb {  -webkit-appearance: none;  appearance: none;  width: 20px;  height: 20px;  background: #007bff;  border-radius: 50%;  cursor: pointer;}
.form-range::-moz-range-track {  width: 100%; height: 10px;  background: #ddd;  border-radius: 5px;}
.form-range::-moz-range-thumb {  width: 20px;  height: 20px;  background: #007bff;  border: none;  border-radius: 50%;  cursor: pointer;}
.form-range::-webkit-slider-thumb:active {  background: #0056b3;}
.form-range::-moz-range-thumb:active { background: #0056b3;}