<!--HTML-->
<div class="standart"><center><standart-title>уход и отсутствие</center></standart-title>
<standart>
<center>Нам очень жаль, если вы решили попрощаться. Рады, если вам нужна только передышка. Мы ждём вашего возвращения!</center><br>

<br><font style="font-size: 9px; color: #b68d75;">✦</font> Взять отсутствие можно через 2 недели после принятия анкеты.
<br><font style="font-size: 9px; color: #b68d75;">✦</font> Максимальный срок отсутствия: 1 месяц.
<br><font style="font-size: 9px; color: #b68d75;">✦</font> Особые обстоятельства обговариваются и учитываются.

</standart>

<vacation_block>

<low_block>
<vc_scroll>
name surname [00.00.]
<br>name surname [00.00.]
</vc_scroll>
</low_block>

<missing_block>
<vc_scroll>
name surname [00.00.]
<br>name surname [00.00.]
</vc_scroll>
</missing_block>

</vacation_block>

</div>

<style>

vc_scroll {
    height: 110px;
    display: block;
    overflow: auto;
    width: 230px;
}

vc_scroll::-webkit-scrollbar{
    width: 4px;
    border-radius: 10px;
}

vc_scroll::-webkit-scrollbar-thumb {
    background-color: #b68c73;
    border-radius: 10px;
    box-shadow: inset 0 0 2px 0px #f3c4a6;
}

vc_scroll::-webkit-scrollbar-track{
    background-color: #906c55;
    box-shadow: inset 0 0 2px 0px #f3c4a6;
border-radius: 10px;
}

vacation_block {
    display: block;
    width: 540px;
    height: 130px;
    margin: 54px auto -10px auto !important;
}

low_block, missing_block {
   width: 225px;
    height: 110px;
    background: #fcfcfc;
    box-shadow: inset 0 0 0px 1px #af866e, 0 0 0 1px #ffd8c069, 0 0 8px 1px #84624db8;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}

low_block {
    margin-right: 27px !important;
    float: left;
}

missing_block {
    float: right;
}

low_block:before {
    content: "low-режим";
    display: block;
    position: absolute;
    top: -20px;
    left: 94px;
    text-transform: uppercase;
    color: #fff0d9;
    text-shadow: 0 0 5px #74533e;
}

missing_block:before {
content: "отсутствующие";
    display: block;
    position: absolute;
    top: -20px;
    left: 80px;
    text-transform: uppercase;
    color: #fff0d9;
    text-shadow: 0 0 5px #74533e;
}

.standart {
    width: 590px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #b08c79;
    padding-bottom: 40px;
    box-shadow: inset 0 0 0px 1px #e7b38bb0, 0 0 0 1px #9b7259a6, 0 0 8px 1px #bfb49d;
    display: block;
    position: relative;
    background: linear-gradient(45deg, #926b53, #bd937a);
    margin: 8px auto 15px auto !important;
}

standart-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    top: 10px;
    color: #fff0d9;
    text-shadow: 0 0 5px #74533e;
}

standart {
    position: relative;
    top: 20px;
    font-size: 12px;
    width: 520px;
    display: block;
    margin: auto auto !important;
    background: #fcfcfc;
    box-shadow: inset 0 0 0px 1px #af866e, 0 0 0 1px #ffd8c069, 0 0 8px 1px #84624db8;
    padding: 15px;
    border-radius: 5px;
}

st_justify {
text-align: justify;
    display: block;
}

</style>