@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* Указываем box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
    padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    padding-top: 4.5rem;
    margin-bottom: 4.5rem;
}
html {
    position: relative;
    min-height: 100%;
}
/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
    list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
    text-decoration-skip-ink: auto;
}
/* Reset and base styles  */
* {
    padding: 0px;
    margin: 0px;
    border: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:focus,
:active {
    /*outline: none;*/
}

a:focus,
a:active {
    /* outline: none;*/
}

/* Links */

a, a:link, a:visited  {
    /* color: inherit; */
    text-decoration: none;
    /* display: inline-block; */
}

a:hover  {
    /* color: inherit; */
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
}

ul, ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img, svg {

    height: auto;
}

address {
    font-style: normal;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}




body {

    /* Цвет фона веб-страницы */
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    margin: 0;
    background: url(../images/background68.png);
    font-family: "Rubik", sans-serif;
    font-size: 17px;
    font-weight: 300;
    font-style: normal;
}

.container {
    margin: 0;
}

#smsbalance {
    border-color: red white; /* Цвет границы */
    border-style: solid; /* Стиль границы */
}

.card-body {
    background: palegoldenrod;
}

.new-guest {
    width: 100%;
    margin: 2px;
}

.userlist, .userlist th, .userlist td {
    border: 1px solid black;
    text-align: center;
    width: 70%;
}
.calendar th, .calendar td{
    border: 1px solid black;

}
.calendar  {
    text-align: center;
    width: 120%;
}
textarea {
    text-align: center;

}
.divtext{
    height: 100%;
}

.error {
    font-size: 22px;
    color: brown;
}
.table [data-sort] {
    cursor: pointer;
}
.table [data-sort]::after {
    margin-left: .25rem;
    content: url('data:image/svg+xml;utf8,<svg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z\' fill=\'%238898aa\'/></svg>');
}
.bottomSendOrder{
    margin: 30px;
    display: flex;
    flex-direction:row
}

.bottomupload{
    margin: 30px;
    display: flex;
    flex-direction: column;
}
.buttonRow {
    margin: 15px;
}
.good {
    background: green;
    color: white;
}
.bad {
    background: red;
    color: white;
}
.hidden {
    display: none;
}
.messagesClass{

}
.select-1{
    border: 1px;
    background: rgb(128, 128, 128);
}
.inputMessages{
    border-style: outset;

}
.js-input{
    margin: 15px;
}

input{
    border-style: inset;
}
.item {
    font-size: 28px;

}

.print {
    font-size: 50px;
}

.print th, .print td{
    border: 1px solid black;

}
.print  {

    text-align: center;
    width: 100%;
}
.PerfFitLight {
    background-color: cornflowerblue;
}
.PerfFitMedium {
    background-color: darkorange;
}
.none {
    background-color: white;
}

js-select2Courier{
    width: 200px;
}

@media print {
    body * {
        visibility: hidden;
    }

    table, table * {
        visibility: visible;
    }
    .printH2, .printH2 *{
        visibility: visible;
    }

    /* Показать таблицы на всей странице */
    table {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border-collapse: collapse;
     /* Избегать разрыва страниц внутри таблиц */
    }

    th, td {
        border: 1px solid #000;
        padding: 8px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
    }

    /* Установить границы и отступы для всех ячеек */
    tr, td, th {
        page-break-inside: avoid;
        color: black;
        background-color: white;
        /* Избегать разрыва страниц внутри строк и ячеек */
    }
    .calendar
    {
        width: 100%;
        height: min-content;
    }

    .notPrint {
        display: none;
    }
    /* Ориентация по умолчанию */
}
@page
{
    size: landscape;
    margin: 0;
}

/* Стили для портретной ориентации */
@media print and (orientation: portrait) {
    table {
        font-size: 16px;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        padding: 6px;
    }
    .bad, .good {
        background: white;
        color: black;
    }
}

/* Стили для альбомной ориентации */
@media print and (orientation: landscape) {
    table {
        font-size: 16px;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border-collapse: collapse;
        background: white;
        color: black;
    }

    th, td {
        padding: 10px;
        background: white;
        color: black;
    }
}
@media (min-width: 992px) {
    .sidenav {
        position: absolute;
        top: 0;
        left: 0;
        width: 230px;
        height: calc(100vh - 3.5rem);

        background: #343a40;
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        margin-top: 58px;
    }

    .navbar-expand-lg .sidenav {
        flex-direction: column;
    }

    .content-wrapper {
        max-width: 80%;
    }

    .footer {
        width: calc(100% - 230px);
        margin-left: 230px;
    }
    .create-line {
        width: 200px;
        border-top: 3px solid grey;
    }
}

.nav-link:hover {
    transition: all 0.4s;
}

.nav-link-collapse:after {
    float: right;
    content: '\f067';
    font-family: 'FontAwesome';
}

.nav-link-show:after {
    float: right;
    content: '\f068';
    font-family: 'FontAwesome';
}

.nav-item ul.nav-second-level {
    padding-left: 0;
}

.nav-item ul.nav-second-level > .nav-item {
    padding-left: 20px;
}

li a:hover {
    background-color: #555;
    color: white;
}
.timeDelivery{
display: flex;
    flex-direction: row;
}
.timeDeliveryItem{

    margin: 10px 50px;
}

.js-select2Timer{
    width: 200px;
}
th.sorted-asc::after {
    content: " \2191";
}
th.sorted-desc::after {
    content: " \2193";
}

.color-0 { background-color: yellow; }
.color-1 { background-color: lightblue; }
.color-2 { background-color: lightgreen; }
.color-3 { background-color: lightcoral; }
.color-4 { background-color: lightpink; }
.color-5 { background-color: lightgoldenrodyellow; }
.color-6 { background-color: lightsalmon; }
.color-7 { background-color: lightseagreen; }
.color-8 { background-color: lightsteelblue; }

.repeat-count {
    font-size: 0.8em;
    color: red;
    display: block;
}

.family {

    background-color: yellowgreen;

}


.modal-dialog {
    width: 80%; /* Устанавливаем ширину модального окна (например, 80% ширины экрана) */
    max-width: 600px; /* Максимальная ширина окна */
}
.modal-content {
    width: 150%;
}
.modalDiv{
    display: flex;
    justify-content: center; /* Центрирование таблицы по горизонтали */
    overflow-x: auto;
}
.modal-body table {

    word-wrap: break-word;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;

}
.tableModal th, .tableModal td{
    border: 1px solid black;
}
.editUser{
    display: flex;
    flex-direction: column;
}
.sourceGuestSelect{
    height: 250px;
}

.sectionSex{
        width: 33%;
        display: flex;
    margin: 0 auto;

    align-items: center;
    justify-content: center;
}
.sectionSexDiv{
    display: ruby;
}

#searchInput {
    position: fixed;
    top: 15px; /* Расстояние от верхнего края окна */
    right: 200px; /* Расстояние от правого края окна */
    z-index: 3000; /* Чтобы элемент был поверх других */
    background-color: white;
}

.numberPhoneReff{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.left, .right {
    font-size: 20px;
}