.flex-container{
direction:rtl;
display:flex;
}
.remaining_left{
flex-grow: 1;
}
 .headdiv{
    direction: ltr;
    padding: 20px;
    padding-right:1px;
    color: white;
    overflow: hidden;
    background: #061c3f;
}
.menudiv{
    /*min-width: 250px;
    max-width: 500px;*/
    width:700px;
    border-left: 1px solid #00144647;
    height: 90vh;
    background: #061c3f;
    box-shadow: 1px 6px 4px 9px #000000ab;
    overflow:auto;

}
button{
font-family: var(--font-family-open_sans);
}
.embedding-footer.layout-align-end-end.layout-row.show-navigation.ng-star-inserted {
    display: none;
}
body{
    font-family:  var(--font-family-open_sans);
    padding: 0px;
    margin: 0;
    }

a{
cursor:pointer;
}
iframe {
    width: 100%;
    height: 100%;
    min-height: 1000px;

}
.lego-reporting-view .embedding-footer{
display: none;
}
  .fa-chevron-down:active {
    transform: rotate(180deg);
  }
ul {
    padding-inline-start: 2px;
}
.accordion-menu li:last-child .dropdownlink {
/*  border-bottom: 0;*/
}
.dropdownlink {
    cursor: pointer;
    display: block;
    /*padding: 15px 15px 15px 45px;
    padding-left: 15px;
    font-size: 18px;*/
    /*border-bottom: 13px solid #928c8c;*/
    /*color: #ffffff;*/
    position: relative;
    transition: all 0.4s ease-out;
}
.submenuItems {
  display: none;
  /*background: #C8E6C9;*/

}
  li {
    /*border-bottom: 1px solid #B6B6B6;*/
  }

.submenuItems a {
 border-bottom: 1px solid #dcdcdc;
  display: block;
  color: white;
  padding: 12px 12px 12px 45px;
  transition: all 0.4s ease-out;
  &:hover {
    background-color: #1d2f69;
  }
}
.accordion-menu{
left:0vw;
right:auto;
}
.accordion-menu ,.submenuItems{
  list-style: none;
  padding-right: 15px;
    padding-left: 15px;
}
.main_container{
position: absolute;
    direction: rtl;
}
#logoim{
width:200px;
}
.menua{
  text-decoration: none;
}

a:hover {
/*    background-color: #fdcbcb;*/
    background-color:#3f4590;
    color:white;
}
a {
    font-size: 14px;
    color: #ff0000d6;
    text-decoration: none;
}
/*.floatbuttom {
    position: absolute;
    z-index: 50;
    right: 1%;
    border-radius: 10px;
    top: 21px;
    right: 30px;

}*/
.floatbuttom{
    display: inline-block;
    float: right;
}
.circle_person{
width: 41px;
    height: 41px;
    border-radius: 41px;
    background: aliceblue;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    direction:rtl;
}
.burger {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
    cursor:pointer;
}
.range_apply{
    background: #a7cb84;
    margin-right: 10px;
    color: #0c0c0c;
    border: 1px black solid;
    border-radius: 20px;
    min-height: 20px;
    /*max-height: 40px;*/
    align-items: center;
    align-content: center;
    align-self: center;
    max-width: 100px;
    cursor:pointer;
}
.multi{
display: flex;
}

input.input.radio {
    margin-right: 10px;
    margin-left: 10px;
}

.hiiden_inputs{
    position: fixed;
    min-width: 100px;
    height: auto;
    left: 35%;
    top: 50%;
    background: white;
    align-items: center;
    padding: 37px;
}

.outer_input_div {
    display:none;
    position: fixed;
    background: #00000052;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.logout_button{
    position: fixed;
    z-index: 50;
    border-radius: 10px;
    bottom: 21px;
    left: 30px;
}
#log_out_button{
    background: #ffffff00;
    border: 0px;
    cursor:pointer;
}

#log_out_img{
width: 40px;
}


a.link_l {
    color: #FFFFFF;
    font-size: var(--font-size-xxxl2);
}
#output{
     overflow: auto;
}