{% load static %}
#data_container {

}
#inner_cocntainer{
     padding-right: 0px;
     padding-top: 0px;
         width: auto;
}
#img_in{
width: var(--main_data_widht);
height: var(--main_data_height);
}
.menudiv {
background:#061C3F;
color:#FFFFFF;
   /* padding-top: 30px;
    padding-bottom: 30px;*/
    padding-right: 15px;
}
div.side_head {
background:#061C3F;
    border-bottom: none;
color:#FFFFFF;
    padding-right: 0px;
}
h1.side_head{
color:#FFFFFF;

}
.form-control{
width:319px;
height:58px;
}

.btn{
    width: 140px;
    height: 36px;
    margin-left: 51px;
    margin-top: 47px;
    float: left;
    background:#9C9C9C;
    color:white;
    font-size: 20px;
    font-family: var(--font-family-open_sans);
}
.links_kno{
    width: var(--width_menu);
    /*border: 1px white solid;*/
    height: 90px;
    margin-left: 7.5px;
    position: fixed;
    bottom: 0px;
    left: var(--main_data_widht);
}
.footer_in{
    position: fixed;
    width: var(--main_data_widht);
    height: 90px;
    border: 3px #f2f2f2 solid;
    bottom: 0px;
    background: #ECEFF5;
    opacity:85%;
        font-family: var(--font-family-open_sans);
}
.links_{
float: left;
    margin: 2px;
    text-align: center;
    margin-top: 31px;
    margin-left: 40px;
    align-self: center;
    height: 15px;
}

.hidden{
    display:none;
    background: white;
    position: fixed;
    width: 50%;
    height: 70%;
    top: 20%;
    left: 15%;
}
#exitbut{
    width: 20px;
    background: red;
    height: 23px;
    float: left;
    text-align: center;
    cursor: pointer;
}
#totals{
display:none;
}
#explain_sub {
    padding-top: 0px;
    padding-right: 0px;
}
.mb-3 {
    margin-top: 20px;
}
h1.side_head {
    font-size: 36px;
font-family: var(--font-family-open_sans);
}
.alef-bold-deep-space-sparkle-22px{
font-family: var(--font-family-open_sans);
}
div.floatbuttom{
display:none;
}