/*--------------------------------------------
    Form inputs
 --------------------------------------------*/

span.textAreaCounter {
    display: block;
    float: right;
    color: #8c8c8c;
    margin-top: 0.45rem;
    font-family: var(--main-font-family), serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1675rem;
}

textarea {
    box-sizing: border-box;
}

/* select item inputs */
.selectDefault {
    line-height: 2rem;
}

body .ui-inputfield {
    color: #3C3C3C;
    background: #fff;
    padding: 0.65625rem 0.625rem;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    transition: unset;
    font-family: var(--main-font-family), serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1675rem;
}

body .ui-inputfield.ui-state-hover {
    border: 1px solid #999999;
}

body .ui-inputfield.ui-state-focus {
    border: 1px solid #2CADCD;
    box-shadow: var(--box-shadow-main-focus);
}

body .ui-inputfield.ui-state-disabled {
    background: #EBEBEB;
    border: 1px solid var(--color-main-disabled);
    color: #A6A6A6;
}

body .ui-inputfield.ui-state-readonly {
    background: #EBEBEB;
    border: 1px solid var(--color-main-disabled);
}

body .ui-inputfield.ui-state-error {
    border: 1px solid #E04E39;
    color: #E04E39;
}

body .ui-inputfield.ui-state-error.ui-state-focus {
    border: 1px solid #E04E39;
    box-shadow: 0 0 0 3px #F4C1BA;
    color: #E04E39;
}

.inputs-pane {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
}

@media only screen and (max-width: 540px) {
    .inputs-pane {
        flex-wrap: wrap;
    }
}

input.inputDefault {
    width: 12.875rem;
    height: 2.5rem;
}

@media only screen and (max-width: 540px) {
    input.inputDefault {
        width: 100%;
    }
}

textarea.inputDefault {
    width: 100%;
}

span.calendarDefault > input {
    width: 12.875rem;
}

.inputWrapper {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

@media (max-width: 540px) {
    .inputWrapperWide {
        width: 100% !important;
    }
}

.inputTextareaWrapper {
    width: 100%;
    display: inline-block;
}

.input-popis-wrapper {
    display: flex;
    gap: 0.625rem;
    padding-bottom: 0.5rem;
}

/* ----------------------------------------------------------------
	Radio buttons
---------------------------------------------------------------- */

.radioRow {
    display: flex;
    flex-direction: row;
}

.radioSpace {
    padding-bottom: 1.5rem;
}

body .ui-radiobutton {
    margin-right: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
}

body .ui-selectoneradio tr {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

body .ui-selectoneradio label {
    margin: 0;
    font-family: var(--main-font-family), serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1675rem;
    text-align: left;
}

body .ui-radiobutton .ui-radiobutton-box {
    width: 1.875rem;
    height: 1.875rem;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #CCCCCC;
    background: #FFFFFF;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: var(--color-main);
    width: 1.25rem;
    height: 1.25rem;
    position: initial;
    margin-top: 0;
    margin-left: 0;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border: 1px solid #999999;
    background: #FFFFFF !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    box-shadow: var(--box-shadow-main-focus);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
    background: #EBEBEB !important;
    color: #999999;
}

/* ----------------------------------------------------------------
	Checkbox
---------------------------------------------------------------- */

body .ui-chkbox {
    margin-right: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
}

body .ui-chkbox .ui-chkbox-box {
    width: 1.875rem;
    height: 1.875rem;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-chkbox label {
    margin-left: 0;
    font-family: var(--main-font-family), serif;
    font-size: 0.925rem;
    font-weight: 400;
    line-height: 1.25rem;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #fff !important;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-style: normal;
    font-weight: 900 !important;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--color-main);
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: var(--box-shadow-main-focus);
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border: 1px solid #999999;
}

body .ui-chkbox .ui-chkbox-box.ui-state-disabled {
    background: #EBEBEB !important;
    color: #999999;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-family: 'Awesome', serif !important;
    font-weight: 900 !important;
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check::before {
    content: "" !important;
}

/* ----------------------------------------------------------------
	Select one menu
---------------------------------------------------------------- */

body .ui-selectonemenu {
    border: 1px solid #CCCCCC;
    border-radius: 0;
}

body .ui-selectonemenu.ui-state-default.ui-state-hover {
    border: 1px solid #999999;
}

body .ui-selectonemenu.ui-state-focus {
    box-shadow: var(--box-shadow-main-focus);
}

body .ui-selectonemenu.ui-state-disabled {
    background: #EBEBEB !important;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
    content: "";
    font-family: 'Awesome', serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    color: var(--color-main);
}

body .ui-selectonemenu-panel {
    width: fit-content !important;
    max-width: 80%;
}

.panelContent ul {
    list-style-position: inside;
    padding-left: 0;
}

.panelContent ul > li::marker {
    color: var(--color-chip-marker);
}

/* ----------------------------------------------------------------
	Input error Messages
---------------------------------------------------------------- */

.ui-messages-error-icon {
    display: none;
}

.inputMessage {
    color: red !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ----------------------------------------------------------------
	Input placeholder
---------------------------------------------------------------- */

body::placeholder {
    color: #A6A6A6;
    opacity: 1;
}

/* ----------------------------------------------------------------
	Address search component
---------------------------------------------------------------- */

.mistoInputPanel {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.mistoInputPanel > span {
    display: none;
}

.mistoInputPanel .adrComp {
    max-width: 20.813rem;
    width: 100%;
}

.adrComp a {
    display: none !important;
}

.prohlidkaAddress {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.prohlidkaAddress .adrComp {
    max-width: 20.813rem;
    width: 100%;
    margin-left: -1.5rem;
}

.item-addressAutocomplete .innerItem {
    gap: 0.3rem;
    display: flex;
    flex-direction: column;
    font-size: 0.9375rem;
}

.servisSearchTop {
    justify-content: space-between;
    align-items: end;
    width: 100%;
    padding-bottom: 1.5rem
}

.servisSearchTop > span {
    display: none;
}

div.ui-inputgroup span.ui-inputgroup-addon:first-child {
    padding: 0 13px !important;
    border-radius: 1px 0 0 1px !important;
    background: #FFFFFF !important;
    align-content: center;
}

div.ui-inputgroup span.ui-inputgroup-addon:last-child {
    border-left: none;
    padding: 0;
    min-width: 0;
}

.ui-inputgroup > .ui-autocomplete:not(:last-child)>.ui-autocomplete-input {
    width: 100%;
    /*background: #FFFFFF url("/hlaseni-skody//javax.faces.resource/img/icons/koop/okay.svg.xhtml;jsessionid=2rWaJ7DzyMki2O1XPnendtC2EqCja52nEb3kVSr5.ext-74") no-repeat 19rem center;*/
}

.ui-autocomplete-input {
    height: 2.5rem;
}

.ui-autocomplete {
    width: 100% !important;
}

.item-foreignCheckbox {
    display: none;
}

.fas,
.fa-solid {
    font-weight: 900;
    color: #6F6F6F;
}

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fass,
.fa-sharp-solid,
.fab,
.fa-brands {
    font-family: "Awesome", serif !important;
}

.fad.fa-search::after, div.ui-selectonemenu-panel div[class*="-filter-container"] > .fad.ui-icon-search::after, div.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header div[class*="-filter-container"] > .fad.ui-icon-search::after, .fa-duotone.fa-search::after, div.ui-selectonemenu-panel div[class*="-filter-container"] > .fa-duotone.ui-icon-search::after, div.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header div[class*="-filter-container"] > .fa-duotone.ui-icon-search::after {
    content: "\f002\f002"; }

.fa-search::before, div.ui-selectonemenu-panel div[class*="-filter-container"] > .ui-icon-search::before, div.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header div[class*="-filter-container"] > .ui-icon-search::before {
    content: "\f002"; }