/* base CSS element */
.kantons {
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    width: 250px;
    position: absolute;
    z-index: 1;
    left: 100%;
    margin-left: 10px;
    margin-top: -12px;
}

.kantons:before {
    position: absolute;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    left: -8px;
    top: 20px;
    content: '';
}

.kantons:after {
    position: absolute;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: -6px;
    top: 21px;
    content: '';
}

ul.kantons-list {
    list-style: disc;
    margin-left: 1em;
    padding-left: 1em;
}

.kantons-list__item a {
    color: #1e32d4;
}

.kantons-list__item a:hover {
    text-decoration: none;
}

#regions-zips ul li a {
    color: #1e32d4;
}

#regions-zips ul li {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    -moz-box-sizing: border-box; /* Для Firefox */
    box-sizing: border-box; /* Ширина блока с полями */
}

.region-list {
    width: 100%;
}

.region-list th {
    font-weight: bold;
}

#regions-zips {
    text-align: center;
}
.vacancy-info dl.dl_plz {
    width: 22em;
}

.b-vacancy-submission-old div.submitbtn {
    padding: 1em 1em 1em 15em;
}


input#urlApplication,
input#urlDescription {
    background-image: url('/images/info.png');
    background-repeat: no-repeat;
    background-position: 99%;
}

.b-act-container.vacancy a {
    font-size: 120%;
    font-weight: bold;
}

dl.vacancy_directlink_fetch_link {
    padding-left: 10em
}

.pdf dd {
    width: 560px;
}

.pdf .description {
    /*width:50em;*/
    font-weight: bold;
}

.company_info .two_columns {
    width: 592px;
}

.company_info dl.dl_larger {
    width: 29em;
}

.vacancy_columns {
    width: 590px;
}

.xform dl.vacancy_larger {
    float: left;
    width: 29em;
}

.xform dl.vacancy_lesser {
    float: right;
    width: 20em;
}

dl.vacancy_lesser dd, dl.vacancy_lesser_n dd {
    float: right;
}

.xform dl.vacancy_lesser dt {
    width: 10em;
}

.xform dl.vacancy_lesser dt.dt_zip, .xform dl.vacancy_lesser input#zip {
    width: 6em;
}

.xform dl.vacancy_lesser dt.zipindex {
    width: 8em;
}

.vacancy_columns input.street, .vacancy_columns input#street, .vacancy_columns input#city {
    width: 12em !important;
}

#workplace input, #workplace span, #publication input, #publication span, .position input {
    margin-right: 1em;
}

.checkbox_list br {
    clear: both;
}

.checkbox_list label {
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

.keywords::-webkit-input-placeholder {
    color: rgba(153, 153, 153, 1) !important;
    font-size: 16px !important;
}

dl.keywords dd {
    position: relative;
}

.keywords:-moz-placeholder {
    color: rgba(40, 40, 40, 1) !important;
}

.keywords::-moz-placeholder {
    color: rgba(40, 40, 40, 1) !important;
}

.keywords:-ms-input-placeholder {
    color: rgba(153, 153, 153, 1) !important;
}
.keywords:focus::-webkit-input-placeholder {
    color: transparent;
}

.keywords:focus:-moz-placeholder {
    color: transparent;
}

.keywords:focus::-moz-placeholder {
    color: transparent;
}

.keywords:focus:-ms-input-placeholder {
    color: transparent;
}



.vacancy-info .xform dt {
    margin-top: 4px;
}
.vacancy-info .xform dd {
    width: 58em;
}
.vacancy_area .xform .vacancy-info dl.dl_ort dt {
    width: 9em;
}
.vacancy_area .xform .vacancy-info  #workplaceCity {
    width: 15em !important;
}

.vacancy-info .xform dd input[type="text"] {
    padding: 5px 6px;
}
.vacancy-info .cke_reset{
    width: 100%;
    box-sizing: border-box;
    outline: none;
}
select {
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    box-shadow: none;
    padding: 4px 20px 4px 6px;
    font-size: 13px;
    outline: none;

    background-image: url(/images/relunch/arrow-down-gray.png);
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
}

.company_info .dop_block .cke_reset {
    width: 100%;
}
#select-product-popup select {
    width: 100%;
    margin: 20px 0;
}

#select-product-popup button {
    margin-bottom: 20px;
}

#publication-elements .errors {
    display: none;
}

/**
 * Publication React date fields use Joy Input + endDecorator.
 * Scope overrides to the React mount instead of broad x-form selectors.
 */
#adminVacancyPublication {
    position: relative;
    z-index: 101;
}

#adminVacancyPublication .day-picker-input .MuiInput-root {
    width: 100%;
    min-width: 0;
}

#adminVacancyPublication .day-picker-input .MuiInput-input {
    width: auto;
    flex: 1 1 0%;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0 var(--Input-paddingInline, 12px);
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.duplicate-vacancy * {
    color: grey;
}