.actionbutton {
    background: #ffffffff;
    border: 0px;
    transition: transform 0.3s ease-in-out;
}
.actionbutton:hover {
    background: #ffffffff;
    border: 0px;
    transform: scale(1.2);
}

.actionbutton_green {
    background: #6cff84;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #33cc66;
    transition: transform 0.3s ease-in-out;
}
.actionbutton_green:hover {
    background: #33cc66;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #6cff84;
    transform: scale(1.2);
}

.actionbutton_white {
    background: #ffffff;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #ffffff;
    transition: transform 0.3s ease-in-out;
}
.actionbutton_white:hover {
    background: #e2e2e2;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #ffffff;
    transform: scale(1.2);
}

.actionbutton_blue {
    background: #c5e3ff;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #99c5ed;
    transition: transform 0.3s ease-in-out;
}
.actionbutton_blue:hover {
    background: #99c5ed;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #c5e3ff;
    transform: scale(1.2);
}

.actionbutton_red {
    background: #ff9d9d;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #cc6666;
    transition: transform 0.3s ease-in-out;
}
.actionbutton_red:hover {
    background: #cc6666;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #ff9d9d;
    transform: scale(1.2);
}

.actionbutton_grey {
    background: #f0f0f0;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #e0e0e0;
    transition: transform 0.3s ease-in-out;
}
.actionbutton_grey:hover {
    background: #e0e0e0;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 200pt;
    height: 30pt;
    border-radius: 6pt;
    border: 1px solid #f0f0f0;
    transform: scale(1.2);
}


.langbutton {
    transition: transform 0.3s ease-in-out;
}
.langbutton:hover {
    transform: scale(1.2);
}


.linkbutton_yellow {
    background: #ffcc00;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 240pt;
    height: 50pt;
    border-radius: 6pt;
    border: 1px solid #ffe324;
    transition: transform 0.3s ease-in-out;
}
.linkbutton_yellow:hover {
    background: #ffe324;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    width: 240pt;
    height: 50pt;
    border-radius: 6pt;
    border: 1px solid #ffcc00;
    transform: scale(1.2);
}

.linktext {color:#000000;font-size:16pt;font-weight:bold;font-family:Tahoma;text-decoration:none;}
A.linktext:Active {color:#000000;}
A.linktext:Hover  {color:#000000;}

.linktext_bottom {color:#ffffff;font-size:12pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.linktext_bottom:Active {color:#ffffff;}
A.linktext_bottom:Hover  {color:#ffffff;text-decoration:underline;}


.inputline {
    background: #f0f0f0;
    color: #000000;
    font-size: 12pt;
    font-family:Tahoma;
    border: 0px;
    width: 240pt;
    height: 30pt;
    padding: 10pt;
}



.text  {color:#4a4a4a;font-size:16pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.text:Hover  {color:#7878F8;}

.tabtext  {color:#4a4a4a;font-size:14pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.tabtext:Hover  {color:#7878F8;}


.bigtext  {color:#4a4a4a;font-size:36pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.text:Hover  {color:#7878F8;}


.topmenu {color:#000000;font-size:11pt;font-weight:normal;font-family:Arial;text-decoration:none;}
A.topmenu:Active {color:#000000;}
A.topmenu:Hover  {color:#787878;}

.bigmenu {color:#000000;font-size:40pt;font-weight:normal;font-family:Arial;text-decoration:none;}
A.bigmenu:Active {color:#000000;}
A.bigmenu:Hover  {color:#787878;}

.link {color:#000000;font-size:14pt;font-weight:normal;font-family:Arial;text-decoration:none;}
A.link:Active {color:#000000;}
A.link:Hover  {color:#787878;}

.smalllink {color:#000000;font-size:10pt;font-weight:normal;font-family:Arial;text-decoration:none;}
A.smalllink:Active {color:#000000;}
A.smalllink:Hover  {color:#787878;}

.text_white  {color:#ffffff;font-size:12pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
.text_white10  {color:#ffffff;font-size:10pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}

.link2 {color:#F0F0F0;font-size:12pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
A.link2:Active {color:#000000;}
A.link2:Hover  {color:#FFFF99;}



.calendarlink {color:#00A000;font-size:18pt;font-weight:bold;font-family:Arial;text-decoration:none;}
A.calendarlink:Active {color:#000000;}
A.calendarlink:Hover  {color:#787878;}



.linkw {color:#f0f0f0;font-size:14pt;font-weight:normal;font-family:Arial;text-decoration:none;}
A.linkw:Active {color:#ffffff;}
A.linkw:Hover  {color:#707070;}


.smalltext  {color:#505050;font-size:10pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
.smalltext_w  {color:#F0F0F0;font-size:8pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}
.header  {color:#4a4a4a;font-size:18pt;font-weight:bold;font-family:Tahoma;text-decoration:none;}
.header2  {color:#aaaaaa;font-size:20pt;font-weight:normal;font-family:Tahoma;text-decoration:none;}

.text_main  {color:#707070; font-size:12pt; font-weight:normal; font-family:Tahoma; text-decoration:none;}

.text_header  {color:#000000; font-size:18pt; font-weight:bold; font-family:Tahoma; text-decoration:none;}



.container {
    display: flex;
    flex-wrap: wrap;
    font-family:Tahoma;
    text-decoration:none;
    font-weight:normal;
    justify-content: center;
}

.column {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
}

.column img {
    max-width: 100%;
    height: auto;
}


@media (max-width: 768px) {
    .column {
        flex-basis: 100%;
    }
}






.animate-element {
    opacity: 0; /* Початкова прозорість елемента */
    transform: translateX(-100px); /* Початкове положення елемента */
    animation: fadeIn 1s ease-in-out forwards; /* Анімація із задержкою 1 секунда та використання ефекту fadeInRight */
}


@keyframes fadeIn {
    0% {
        opacity: 0; /* Початкова прозорість елемента */
        transform: translateX(-100px); /* Початкове положення елемента */
    }
    100% {
        opacity: 1; /* Кінцева прозорість елемента */
        transform: translateX(0); /* Кінцеве положення елемента */
    }
}


.animate-element_y {
    opacity: 0; /* Початкова прозорість елемента */
    transform: translateY(100px); /* Початкове положення елемента */
    animation: fadeIn_y 0.5s ease-in-out forwards; /* Анімація із задержкою 1 секунда та використання ефекту fadeInRight */
}

@keyframes fadeIn_y {
    0% {
        opacity: 0; /* Початкова прозорість елемента */
        transform: translateY(100px); /* Початкове положення елемента */
    }
    100% {
        opacity: 1; /* Кінцева прозорість елемента */
        transform: translateY(0); /* Кінцеве положення елемента */
    }
}




.video-container {
    position: relative;
    display: inline-block;
}

.video-overlay {
    position: absolute;
    top: 4%;
    left: 4%;
    width: 92%;
    height: 92%;
}




.admin-container {
    display: flex;
    height: 100vh;
}


.admin-left-section {
    width: 350px;
    background-color: #003366;
    padding: 20px;
    box-sizing: border-box;
}

/* Стилі для правої (рухливої) частини */
.admin-right-section {
    flex-grow: 1;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #dadada;
    overflow-y: scroll;
}