.adminPageBig h1 {
    text-align: center;
    color: #666;
}

.adminPageBig {
    display: flex;
    justify-content: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    border-radius: 34px;
    background-color: #00457C;
    border: #00223e 3px solid;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 30%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #e3e6ed;
    border: #acaeb3 3px solid;
}

input:checked + .slider:before {
    left: 70%;
}

.pd-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 20px;
    padding-block: 30px;
    .container-left{
        display: flex;
        gap: 1rem;
        align-items: center;
        .show-all{
            position: relative !important;

            input{
                border: #acaeb3 3px solid;
                height: 2rem;
                width: 2rem;
                cursor: pointer;
            }

            .tip{
                display: none;
                text-align: center;
                position: absolute;
                bottom: 110%;
                left:50%;
                transform: translate(-50%, 0);
                background: #1a1d20;
                color: #fff;
                padding: 0.25rem 0.5rem ;
                border-radius: 3px;
                line-height: 1.2rem;
                opacity: 1;
            }
            .tip:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                background: transparent;
                border: transparent solid 0.5rem;
                border-top-color: #1a1d20;
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translate(-50%, -2px);
            }

            input:hover + label .tip{
                display: block;
            }

            input:checked{
                background-color: #e3e6ed !important;
            }

        }
        .colorLight {
            input{
                border: #00223e 3px solid;
                height: 2rem;
                width: 2rem;
            }

            input:checked{
                background-color: #00457c !important;
            }
        }
    }
}

.newDateForm {
    div {
        position: relative;

        input {
            border-radius: 50%;
            height: 34px;
            width: 34px;
            transition: width 0.4s ease, border-radius 0.4s ease, color 0.4s ease;
            border: none;
            outline: #00223e 3px solid;
            background-color: white;
            color: white;
            cursor: pointer;
        }

        input:focus {
            width: 100px;
            border-radius: 3px;
            cursor: text;
            color: black;
        }

        input + .plus {
            transition: 0.2s ease;

        }

        input:focus + .plus {
            top: -2.7%;
            left: 85%;
            zoom: 0.7;
        }

        input:focus + .plus svg path {
            d: path("M96 32l0 32L48 64C21.5 64 0 85.5 0 112l0 48 448 0 0-48c0-26.5-21.5-48-48-48l-48 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L160 64l0-32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192L0 192 0 464c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-272z")
        }

        input:focus + .plus:before {
            content: "";
            width: 3px;
            height: 6px;
            background-color: white;
        }

        input:focus + .plus:after {
            content: "";
            width: 3px;
            height: 6px;
            background-color: white;
        }

        input::placeholder {
            color: rgba(0, 0, 0, 0);
            transition: 0.4s ease;
        }

        input:focus::placeholder {
            color: #999999;
        }

        .plus {
            position: absolute;
            height: 26px;
            width: 26px;
            left: 50%;
            top: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translate(-50%, -50%);
            pointer-events: none;
            color: #00223e;
            zoom: 0.8;
        }

        input::-webkit-calendar-picker-indicator {
            display: none;
        }

        .plus svg path {
            fill: #00223e;
        }
    }

    .colorLight {
        input {
            outline-color: #acaeb3;
        }

        .plus {
            color: #acaeb3;
        }

        .plus svg path {
            fill: #acaeb3;
        }
    }
}

.search {
    div {
        position: relative;

        input {
            border-radius: 50%;
            height: 34px;
            width: 34px;
            transition: width 0.4s ease, border-radius 0.4s ease, color 0.4s ease;
            border: none;
            outline: #00223e 3px solid;
            background-color: white;
            color: white;
            cursor: pointer;
        }

        input:focus {
            width: 100px;
            border-radius: 3px;
            cursor: text;
            color: black;
        }

        input + .plus {
            transition: 0.2s ease;

        }

        input:focus + .plus {
            top: -2.7%;
            left: 85%;
            zoom: 0.8;
        }

        input:focus + .plus svg path {
            d: path("M399 384.2C376.9 345.8 335.4 320 288 320l-64 0c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z")
        }

        input:focus + .plus:before {
            content: "";
            width: 3px;
            height: 6px;
            background-color: white;
        }

        input:focus + .plus:after {
            content: "";
            width: 3px;
            height: 6px;
            background-color: white;
        }

        input::placeholder {
            color: rgba(0, 0, 0, 0);
            transition: 0.4s ease;
        }

        input:focus::placeholder {
            color: #999999;
        }

        .plus {
            position: absolute;
            height: 26px;
            width: 26px;
            left: 50%;
            top: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translate(-50%, -50%);
            pointer-events: none;
            color: #00223e;
            zoom: 0.8;
        }

        input::-webkit-calendar-picker-indicator {
            display: none;
        }

        .plus svg{
            background-color: white;
            width: 100%;
        }

        .plus svg path {
            fill: #00223e;
        }
    }

    .colorLight {
        input {
            outline-color: #acaeb3;
        }

        .plus {
            color: #acaeb3;
        }

        .plus svg path {
            fill: #acaeb3;
            background-color: white;
        }
    }
}

.cntrlButtons{
    display: flex;
    form{
        padding-left: 20px;
    }
}