.main_box{
    padding: 30px;
}
.d_flex{display: flex;}

.input_style{
    background: transparent;
    border: 0;
    height: 30px;
    font-size: 16px;
    margin: auto 0;
    background-color: #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Noto Sans Armenian','Open Sans','lucida grande',tahoma,arial,sans-serif;
    border: 4px solid #999;
}
.input_style:focus{outline: none; }
#section{height: 40px;}
.text{
    margin: auto 0;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 18px;
}
.h_auto{height: auto;}
.d_grid{
    display: grid;
    grid-template-columns: 1fr;
}
.btn{
    padding: 10px 20px;
    margin: auto;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    background-color: transparent;
    border-radius: 5px;
    font-family: 'Noto Sans Armenian','Open Sans','lucida grande',tahoma,arial,sans-serif;
}
.btn_accept:hover{
    background-color: rgb(95, 255, 95);
}
.btn_cancel:hover{
    background-color: rgb(255, 115, 115);
}
@keyframes alertAnimation {
    from{left: -300px}
    to{left: 0px}
}
@keyframes alertAnimationReverse {
    from{left: 0px}
    to{left: -350px}
}
.alertAnimationReverse{
    animation: alertAnimationReverse 250ms !important;
    left: -350px;
    display: none;
}
.alert{
    font-family: 'Noto Sans Armenian','Open Sans','lucida grande',tahoma,arial,sans-serif;
    display: none;
    animation: alertAnimation 250ms;
    width: 300px;
    padding: 0 10px;
    position: fixed;
    top: 20px;
    left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#true{
    background-color: rgba(95, 255, 95, 0.9) !important;
}
#false{
    background-color: rgba(255, 115, 115) !important;
}

#load_dot{color: lime}
.loading_text{color: #eee;}
#body{position: relative;}
@keyframes loading_box_hiiden_anim {
    from{opacity: 0;}
    to{opacity: 1;}
}
#loading_box{
    animation: loading_box_hiiden_anim 300ms;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #2229;
    display: none   ;
    justify-content: center;
}