@font-face {
    font-family: 'Finlandica';
    src: url('fonts/Finlandica-Regular.ttf');
}
body{
    margin: 0;
    font-family: 'Finlandica';
}
a{
    text-decoration: none;
    color: black;
}
.wrapper{
    margin: 10px auto;
    max-width: 1500px;
    padding: 10px;
}
#header{
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #00cd00;
}
#wrap_head_mnu{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.sin_head_mnu{
    margin-right: 20px;
}
#wrap_logo{
    margin-left: auto;
}
.logo{
    max-width: 100px
}
.unic_button{
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.unic_green_button{
    background: #00cd00;
    color: white;
    border: 1px solid #00a400;
}
.wrap_tasks_list{
    margin: auto;
    width: 90%;
}
.td{
    width: 150px;
}
.thead{
    font-weight: 600;
}
.thead, .wrap_task{
    display: flex;
    padding: 10px;
}
.wrap_tasks_list .wrap_task:nth-child(2n){
    background: rgb(206, 252, 216);
}
.button{
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
}
.del_task{
    color: red;
}
#preloader{
    background: gray;
    width: 100%;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-hourglass 1.2s infinite;
  }
  @keyframes lds-hourglass {
    0% {
      transform: rotate(0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
      transform: rotate(900deg);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
      transform: rotate(1800deg);
    }
}
.modal_row{
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    border-bottom: 1px solid lavender;
}
#time_repeat{
    display: none;
}
.unic_blue_button{
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
#wrap_index{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
footer{
    margin-top: auto;
}
#menu_foot_index{
    display: flex;
    margin: 0.3em;
    justify-content: center;
}
.menu_head_index_item{
    margin: 0.3em;
    padding: 0.3em;
}
#main_index{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
#slogan{
    margin-top: 1em;
    text-align: center;
    font-size: 2em;
}
.wrap_flex{
    display: flex;
    padding: 10px;
    border: 1px solid #00cd00;
    margin: 10px;
    justify-content: start;
    align-items: center;
    border-radius: 5px;
    width: max-content;
}
.part_in_flex{
    display: flex;
    flex-direction: column;
    margin: 10px;
    justify-content: center;
    align-items: start;
}
.inp{
    margin: 10px
}
.auth_form{
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 100%;
    width: 400px;
}
.auth_form .mt-4{
    margin: 10px;
    display: flex;
    justify-content: space-between;
}
#desc_service{
    margin: auto;
}