@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,600|Alef:400,700");
:root {
--night-blue: #061c3f;
/*--cloudy-blue: #b0bdd2;*/
--cloudy-blue: #5d6e88;
--pale-grey: #eceff5;
--warm-grey: #9c9c9c;
--warm-grey-two: #979797;
--black-2: rgba(0, 0, 0, 0.851);
--black: rgba(0, 0, 0, 1);
  --mabel: rgba(215, 238, 255, 1);
  --tangaroa: rgba(6, 28, 63, 1);
  --ship-gray: rgba(62, 62, 62, 1);
  --deep-space-sparkle: rgba(76, 93, 112, 1);
  --storm-dust: rgba(97, 97, 97, 1);
  --sonic-silver: rgba(109, 114, 120, 1);
  /*
  --dove-gray: rgba(111, 111, 111, 1);
  */
  --dove-gray: rgb(235 237 240);
  --mountain-mist: rgba(151, 151, 151, 1);
  --star-dust: rgba(156, 156, 156, 1);
  --casper: rgba(176, 189, 209, 1);
  --iron: rgba(215, 215, 215, 1);
  --mabel: rgba(215, 238, 255, 1);
  --athens-gray: rgba(235, 239, 245, 1);
  --blaze-orange: rgba(250, 100, 0, 1);
  --white: rgba(255, 255, 255, 1);
  --geyser: rgba(216, 221, 230, 1);
  --font-size-xxxxl: 32px;
  --font-size-xxxxxl: 28px;
  --font-size-m2: 14px;
    --celeste: rgba(203, 203, 203, 1);
  --font-size-l2: 16px;
  --font-size-xl2: 16px;
  --font-size-xxl2: 20px;
  --font-size-xxxl2: 22px;
  --font-size-xxxxl2: 24px;
  --font-size-xxxl28:28px;
  --sep_color: #BCBCBC;
  --font-family-alef: "Alef";
  --font-family-open_sans: "Open Sans";

  --width_menu:420px;
  --arrow_pos:330px;
    --edit_widht:45px;
  --data_background: #F2F2F2;
}
.Rectangle {
  /*width: 1907px;
  height: 92px;*/
  padding: 16px 32px 16px 36px;
  /*border: solid 1px #979797;*/
  background-color: var(--night-blue);
}
.Rectangle-Copy {
    /* width: 1907px; */
    min-height: 32px;
    /* margin: 92px 0 0; */
    /* padding: 4px 27px 7px 1356px; */
    /*padding-right: 1%;*/
    width: 100%;
    background-color: var(--cloudy-blue);
}

.footer_{
    /*width: 100%;
    /* height: 90px; */
    /* margin: 95px 0 0; */
    /* padding: 29px 1512px 25px 36px; */
    background-color: var(--pale-grey);
    z-index: 2;
    bottom: 20px;
    position: fixed;
}
.text_label-5 {
z-index: -2;
border-top: 1px solid #BCBCBC;
    direction: rtl;
    /* left: 1657px; */
    /* letter-spacing: 0; */
    /* position: absolute; */
    text-align: center;
    /* top: 952px; */
    width: var(--width_menu);
    cursor: pointer;
    bottom: 0px;
    margin-bottom: 20px;
    position: fixed;
}

.ref_button{
cursor:pointer;
  width: 139px;
  height: 27px;
  /*font-family: LucidaGrande;*/
  font-family:var(--font-family-open_sans);
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.Rectangled {

  width: 183px;
  height: 36px;
  margin: 0 0 0 25px;
  padding: 4px 21px 5px 23px;
  border-radius: 2px;
  border: solid 1px var(--warm-grey-two);
  background-color: var(--warm-grey);
}
.fixed_menue{
position: fixed;
}
.new_design_menu{
position: fixed;
width: var(--width_menu);
/*height: 866px;
left: 1211px;
top: 124px;
*/
background: #D8D8D8;
border: 1px solid #979797;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
color: #4C5E70;
}
div.side_head{
border-bottom: 1px solid #BCBCBC;
    background: #C4C4C4;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
}
h1.side_head{
margin-top:0px;
margin-bottom:0px;
font-family: var(--font-family-open_sans);
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 30px;
text-align: right;
text-transform: uppercase;

color: #4C5E70;
}
div.top_tittle{
    /*width: 588px;*/
    font-family: var(--font-family-open_sans);
    /*font-family:sans-serif;*/
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    display: inline-block;
    align-items: center;
    text-align: right;
    color: #FFFFFF;
    direction: rtl;
    float: right;
    margin-right: 40px;
}
div.inputi{
/*border-bottom: 1px solid #928c8c;*/
    display: block;
        padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
}
.alef-bold-deep-space-sparkle-22px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-alef);
  font-size: var(--font-size-xxxl2);
  font-weight: 700;
  font-style: normal;
}
.opensans-bold-deep-space-sparkle-28px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl2);
  font-weight: 700;
  font-style: normal;
}
.opensans-bold-deep-space-sparkle-22px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl2);
  font-weight: 700;
  font-style: normal;
}
.opensans-bold-deep-space-sparkle-18px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xl2);
  font-weight: 700;
  font-style: normal;
}
.opensans-bold-deep-space-sparkle-28px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl28);
  font-weight: 700;
  font-style: normal;
}
.alef-bold-deep-space-sparkle-32px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-alef);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  font-style: normal;
}
.in_side_menu{
padding-right:50px;
    border-bottom: 1px solid #B6B6B6;
    padding-bottom: 20px;
}
.cursor_press{
cursor:pointer;
}
div.arrow_div{
    float: left;
    left: 20px;
    padding-left: 20px;
}
select{
min-width:180px;
    margin-bottom: 10px;
}
.opensans-bold-blaze-orange-22px {
  color: var(--blaze-orange);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl2);
  font-weight: 700;
  font-style: normal;
}
.opensans-normal-ship-gray-14px {
  color: var(--ship-gray);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m2);
  font-weight: 400;
  font-style: normal;
}
.border-1px-celeste {
  border-width: 1px;
  border-style: solid;
  border-color: var(--celeste);
  border-radius:40px;
}
.separator{
    border-bottom: 1px var(--sep_color) solid;
    margin-top:10px;
}
.single_one {
    margin-top: 7px;
}
.single_data.border-1px-celeste.total_color {
    background: #bfaad8;
}
.opensans-bold-deep-space-sparkle-22px {
  color: var(--deep-space-sparkle);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl2);
  font-weight: 700;
  font-style: normal;
}
.nav_div.valign-text-middle.opensans-bold-dove-gray-18px {
    cursor: pointer;
}
#collaps_expand{
float:left;
}
.highlight{
background: #d5dfee;
    color: #061C3F;
    align-items: center;
    display: flex;
}
div#totals {
    border-radius: 10px;
}