input::-webkit-input-placeholder { color: white;}
input:focus::-webkit-input-placeholder { color:  white;}
#ziskat-kupon label {display: none;  visibility: hidden; color: white;}

input, .zvire select, .zvire input  {border:1px solid white; background-color: #ed1c24; color: white;}

.zvire {padding-bottom:1vw;}
.uplatnenikodu .form-label {font-size: 1.75rem; font-weight: 500; padding-top: 0px;}


.form-group {clear: both; padding: 4px;}
input, select, option {height: 40px; padding: 3px 8px; font-size: 1em; color: white; font-family: DIN Pro, Arial, Helvetica, sans-serif; box-sizing:content-box!important;}
/**/

.form-group a {
            color: white!important;
            text-decoration: none!important;
        }
.leaflet-top a	{color: black!important;}
.form-check-input {margin-top: 1rem!important; }
/*input[type="checkbox"], input[type="radio"] {  accent-color: #fff;}*/
.majitel {margin-top: 3rem; }

.form-group {display: flex; display: grid;  width: 100%; margin-bottom:0!important;}
.pulka {grid-template-columns: 1fr 1fr; flex-direction: row; flex-wrap: nowrap;}
.tretinka {grid-template-columns: 2fr 1fr 1fr; flex-direction: row; flex-wrap: nowrap;}
.tretinka select:first-of-type {border-right-color: #ed1c24; border-right: none;}
.tretinka select:last-of-type {border-left-color: #ed1c24;border-left: none;}
.padd {margin-left: 8px;}

#ziskat-kupon .date label {display: block; visibility: visible;}
#ziskat-kupon .zvire label {display: block; visibility: visible; line-height: 40px;}
#ziskat-kupon .zvire .check label {  line-height: 19px;}

.buttonwhite {height: auto; background-color: #fff; color: #ed1c24; display: inline-flex; padding: 13px 60px; text-transform: uppercase; text-decoration: none; cursor: pointer; position: relative; font-weight: 500; font-size: 1.1em;}
.buttonwhite::after { content: "";transition: all .2s ease; background-image: url("assets/arrow-white.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 10px; top: calc(100% - 1px); width: 30px; height: 15px;}

.check {grid-template-columns: 30px auto; flex-direction: row; }
.check input {height:auto;}
#ziskat-kupon .check label {display: block; visibility: visible; padding-top: 11px}
.check a {text-decoration: none; color: white; border-bottom:  1px dashed white;}
/* pekna sipka */

select {
  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


select {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: white;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.smap img {
    max-width: none !important;
}

.chckbox label {color: white;}


#ziskat-kupon ul {  font-weight: bold;}
.kockopes2024 svg {width:40%;}
.kockopes2024 svg path {fill: #fff;}

.kockopes2024 .pulka{ border: solid white 1px; text-align:center; margin-right:4px;}

.aakockopes2024 input[type="radio"]	{position: fixed; opacity: 0;	}


.custom-control-radio label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  margin: 0;
  padding: 0 5px 0 12px;
  cursor: pointer;
  transition: none !important;
}
.custom-control-radio {
  border: 1px solid #fff;
  margin-right: 5px;
  white-space: nowrap;
}
.text-white {
  color: #fff !important;
}
.custom-control-radio input {
  position: absolute;
  visibility: hidden;
}
.custom-control-radio svg {
  height: 28px; fill: #fff;
}

.custom-control-radio:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.custom-control-radio:checked {
  background-color: rgba(255,255,255,1) !important;
}
#ziskat-kupon .custom-control-radio label {
  display: flex;
  visibility: visible;
  text-align:center;
  font-size: 0.8rem;
}

.custom-control-radio.radio-box label {
  height: 96px;
  flex-direction: column;
  padding: 10px 15px 5px;
}
		
#ziskat-kupon .kocka-pes .custom-control-radio label, #ziskat-kupon .cisty-krizenec .custom-control-radio label { font-size: 1rem; height:46px; margin: 3px 8px;}


.custom-control-wrap.has-error .custom-control-radio, .custom-control-wrap.has-error input[type=text] {
  background-color: hsla(0, 0%, 100%, .3)
}
.custom-control-radio {
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px;
  white-space: nowrap
}
.custom-control-radio.checked, .custom-control-radio:hover, .custom-control-radio.checked label, .custom-control-radio:hover label {
  background-color: #fff !important;
  color: #000 !important;
}
.custom-control-radio.checked, .custom-control-radio.checked span, .custom-control-radio:hover, .custom-control-radio:hover span {
  color: #000 !important
}
.custom-control-radio.checked svg circle, .custom-control-radio.checked svg path, .custom-control-radio:hover svg circle, .custom-control-radio:hover svg path {
  fill: #000
}
.custom-control-radio.invalid {
  background-color: hsla(0, 0%, 100%, .3)
}
.custom-control-radio label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  margin: 0;
  padding: 0 5px 0 12px;
  cursor: pointer;
  transition: none !important
}

.select2-search--dropdown .select2-search__field {  width: calc(100% - 10px)!important;}
.select2-container {width: 100% !important;}
.select2-container--default .select2-selection--single {border: 1px solid white!important;  background-color: #ed1c24!important;  color: white!important; border-radius:0!important; height: 46px!important;}
.select2-selection__arrow {  height: 100%!important;  width: 40px!important;}
.select2-selection__arrow b {border-color: #fff transparent transparent transparent!important; border-width: 6px 6px 0 6px!important;}
.select2-selection__rendered {  color: #fff!important;  line-height: 46px!important;}



@media (max-width:767px) {
  .custom-control-radio.radio-box-info {
    margin-bottom: 15px
  }
}
.custom-control-radio.radio-box label {
  height: 96px;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 15px 5px
}
.custom-control-radio.radio-box span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  line-height: 1.14;
  font-size: 14px;
  color: #fff;
  height: 48px;
  cursor: pointer
}
.custom-control-radio.radio-box svg {
  height: 30px
}
.custom-control-radio input {
  position: absolute;
  visibility: hidden
}
.custom-control-radio svg {
  height: 28px
}
.custom-control-radio svg circle, .custom-control-radio svg path {
  fill: #fff
}
.custom-control-radio.radio-cat svg {
  height: 30px
}

@media screen and (max-width: 1650px) {
.custom-control-wrap .col-6 {min-width:50%;}
	}	

