:root {



    --secondary: #417690;

    --header-color: #bfbfff;
    --btn-hover: #6656ac;
    --btn-base: #8e7dd9;
    --btn-base-transperency: #8e7dd97b;
    --main-color: #ffffff;
    --dark: #4c39a2;
}



@font-face {
    font-family: "Roboto-Italic";
    src: url("../../static/fonts/Roboto-Italic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}




/* BASE */
body {
    font-family: "Roboto-Italic";
    background-color: #b6b6c0;
}
.header {
    background-color: rgb(127, 181, 208);
    
}

.header-main {
    margin-top: 5rem;
}
a {
    color: #000;
}
.header-fix {
    position: fixed;
    background-color: #4848b2;
    z-index: 999;
    text-align: center;
    

}

.offcanvas-header {
    background-color: #4848b2;
    text-align: center;
}

.headeer-calendar-today {
    scroll-margin: 6rem;
}

.header_img:hover {
    width: 147px !important;
}
.header_img {
    padding-left: 47px;
}

.header_img_start {
    padding-left: 0px;
}

.offcanvas-top {
    min-height: 100%;
    font-family: "Roboto-Italic";
    background-color: #b6b6c0;
}
.offcanvas-end {
    font-family: "Roboto-Italic";
    background-color: #b6b6c0;
}

.creat_uprs-container {
    position: relative;
    top: 100px;
}

/* BUTTON */
.form-select-castom {
    width: auto;
}

.btn-calendar {
    background-color: #4848b2;
    margin-top: 10%;
    margin-bottom: 40%;
    width: 90%;
    justify-content: center;

    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    color: #eea632;
}

.btn-calendar-tren {
    margin-bottom: 0;
    display: inline-block;
}

 .btn-add {
    background-color: rgba(0, 255, 255, 0);
    width: 70%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;


 }

 .btn-delete {
    background-color: rgba(213, 52, 52, 0);
    width: auto;
    justify-content: center;




 }

.btn-danger-close {
    color: black;
}

.btn-danger-close-yes {
    background-color: rgba(255, 0, 0, 0);
    margin-top: 2rem;
}

.btn-link {
    color: #560dea;

}

.btn-primary {
    background-color: #4848b2;
}

.btn-link-custom {
    color: #eea632;
}
.menu-items {
    list-style: none;
}
/* TEXT */
.title-cal {
    text-align: center;
    margin-top: 6rem;
}

.text-sections-zapisi {
    text-align: center;
}

.block-label {
    color: #560dea;
    margin-bottom: 0;
    font-size: 1.1rem;
}
.block {

    margin-bottom: 0;
}
.title-menu {
    color: #eea632;
}
.title-menu-success {
    text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
    text-align: center;
}
/* CALENDAR */