@font-face {
    font-family: Open Sans Hebrew Condensed;
    src: url(/fonts/OpenSansHebrewCondensed-Bold.ttf);
    font-weight: bold ;
    font-style: normal;
  }

@font-face {
    font-family: Open Sans Hebrew Condensed;
    src: url(/fonts/OpenSansHebrewCondensed-Italic.ttf);
    font-weight: normal ;
    font-style: normal
  }

@font-face {
    font-family: Open Sans Hebrew Condensed;
    src: url(/fonts/OpenSansHebrewCondensed-Light.ttf);
    font-weight: lighter ;
    font-style: normal
  }
 
@media screen and (min-width: 866px) {

    .only-mobile {
        display: none!important;
    }

    .logo{
        margin-bottom: 32px;
    }

    .logo-ideal-header{
       width: 93px;
       height: 78px;
       margin-right: 60px;
    }

  }

  
@media screen and (max-width: 865px) {

    .only-desktop {
        display: none!important;
    }

    .logo{
        margin-bottom: 32px;
    }
  }

body {
      margin: 0;
      direction: rtl
  }

.logo-index {
       margin-top: 20%;
       -webkit-animation-name: spinner; 
       -webkit-animation-timing-function: linear; 
       -webkit-animation-iteration-count: infinite; 
       -webkit-animation-duration: 2s; 
       animation-name: spinner; 
       animation-timing-function: linear; 
       animation-iteration-count: infinite; 
       animation-duration: 2s; 
       -webkit-transform-style: preserve-3d; 
       -moz-transform-style: preserve-3d; 
       -ms-transform-style: preserve-3d; 
       transform-style: preserve-3d;
     }

     /* WebKit and Opera browsers */ 
     @-webkit-keyframes spinner { 
       from 
       { 
         -webkit-transform: rotateY(0deg); 
       } 
       to { 
         -webkit-transform: rotateY(-360deg); 
       } 
     } 
     /* all other browsers */ 
     @keyframes spinner { 
        from { 
         -moz-transform: rotateY(0deg); 
         -ms-transform: rotateY(0deg); 
         transform: rotateY(0deg); 
        } 
        to 
        { 
         -moz-transform: rotateY(-360deg); 
         -ms-transform: rotateY(-360deg); 
         transform: rotateY(-360deg); 
     
        } 
     }
    @media only screen and (min-width: 866px){

    .contact-details-companies{
        padding-right: 100px;
        padding-left: 100px;
    }
     
    .container-page{
        margin:60px;
    }

    .container-table{
        margin-top: 25px;
        width: calc(100vw - 225px);
    }
    .container-buttens{
        width: calc(100vw - 225px);
        margin-top: 20px;
    }
      
    .company-title{
        width: 100%;
        height: 180px;
        background: #FFF0FF;
        vertical-align: middle;
        flex-flow: row;
        justify-content: space-between;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 33px; 
        display: flex;
        align-items: center;
        text-align: right;
        letter-spacing: 0.02em;
        color: #2A2E46;  
        margin-bottom:40px;
    }
    
    .lable-back{
        margin-left: 10px;
        cursor: pointer;
    }
    .company-title > span {
       align-items: center;
       display: flex;
       cursor: pointer
    }
    
    .img-globe{
        margin-left: 8px;
    }
    
    .arrow-black{
        margin-left: 16px;;
    }
    .logo-company-header{
        float: right;
        margin-right: 54px;
    }
    .container-company{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .btn-send{
        background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
        border-radius: 12px;
        border-width: 0px;
        height: 50px;
        width: 153px;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        margin-top: 130px;
        cursor: pointer;
        
    }  
        
    .save{
        width: 180px;
        height: 50px;
        background: #E5E5E5;
        border-radius: 12px;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #2A2E46;
        border-width: 0px;
        outline: none;
        float: left;
        cursor: pointer;
        margin-bottom: 12px;
        margin-bottom: 12px;
    }
    
    .send{
        width: 180px;
        height: 50px;
        background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
        border-radius: 12px;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        border-width: 0px;
        outline: none;
        float: left;
        cursor: pointer;
        margin-bottom: 12px;
        margin-bottom: 12px;
    }

    .octave{
        width: 180px;
        height: 50px;
        background: #2A2E46;
        border-radius: 12px;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        border-width: 0px;
        outline: none;
        float: left;
        cursor: pointer;
        margin-bottom: 12px;
        margin-bottom: 12px;
    }
    .Information-title{
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        color: #000000;
        margin-top: 19px;
        cursor: pointer;
    }
       
    .Information-title-open{
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        color: #000000;
        background: #F4F5F6;
        padding: 20px;
        cursor: pointer;
    }

    .canvas-big-cont{
        width:calc(100vw - 225px);
        height: 300px;
        padding-bottom: 70px;
        display: flex;
        flex-direction: column;
        margin-right: 20px;
       
    }
    .canvas-inner-cont{
        border: 1px solid #BDBDBD !important;
        height: 300px;
        padding-bottom: 40px;
        width: 73%;
        border-radius: 10px;
    }
        

    .tree-list{
       margin-right: auto;
       margin-left: auto;
       width: calc(100vw - 225px);
       margin-top: 20px;
    }

    .inp-date{
        height: 56px;
        width: 250px;
        border-radius: 10px !important;
        background: #FFFFFF;
        border: 1px solid #BDBDBD !important;
        box-sizing: border-box;
        margin: 20px;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
    }
        


    .open-panel > label{
        display: block;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        color: #000000;
        margin-right: 49px; 
        margin-bottom: 19px;
     }

        .container-input > div{
            height: 56px;
            width: 250px;
            border-radius: 10px;
            background: #FFFFFF;
            border: 1px solid #BDBDBD;
            box-sizing: border-box;
            margin: 20px;
            padding: 8px 18px;
            outline: none;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #828282;
            cursor: pointer;
        }
        .container-input > div > div{
           display: flex;
           flex-direction: row;
           justify-content: space-between;
           margin-right: -6px;
        }
        .container-input > div > div > input{
            border: none;
            background: none;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #828282;
            width: 100%;
            outline: none;
        }

        .container-input > div > input{
            border: none;
            background: none;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #828282;
            width: 100%;
            outline: none;
            cursor: pointer;
        }
       .container-input > div > label{
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 11px;
           line-height: 13px;
           text-align: right;
           letter-spacing: 0.02em;
           color: #2A2E46;
       }

        .btn-ideal{
            height: 50px;
            width: 180px;
            border-radius: 12px;
            border-width: 0px;
            background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;           
            text-align: center;
            letter-spacing: 0.02em;            
            color: #FFFFFF;
            margin-left: 60px;
            cursor: pointer;
            float: left;
        }

        .del-btn-ideal{
            background-color: #ffffff;
            border: 1px solid #2A2E46;
            border-radius: 12px;
            height: 50px;
            width: 180px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;
            margin-left: 40px;
            cursor: pointer;
            float: left;
        }
         
        .logo-company{
            margin-right: auto;
            margin-left: auto;
            margin-top: 10%;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .total-reward{
            background: linear-gradient(89.2deg, #3A2B54 0.32%, #5A4B73 98.99%);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
            border-radius: 40px;
            height: 140px;
            width: 236px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 33px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
            margin: 27px 2px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
        }

        .total-reward > div{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 35px;
            line-height: 57px;
            letter-spacing: 0.02em;
            color: #FFFFFF;  
            margin-top: 20px; 
        }

        .total-reward > div > span{
            margin-left: 7px;
        }

        .total-reward > div > span{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            line-height: 19px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;
        }

        .roundedArrow{
            margin-right: 191px;
            margin-top: -34px;
        }
        .container-expect{
            margin-top: -55px !important;
        }

        .list-status{
            display: flex;
            flex-direction: row;
            margin-left: 41px;
            width: calc(100vw - 165px);
            top: 140px;
            background: #F4F5F6;
            border-radius: 40px 0px 40px 40px;
            position: absolute;
            z-index: 1000;
        }

        .list-all-status{
            display: flex;
            flex-direction: row;
            width: calc(100vw - 225px);
            top: 140px;
            border-radius: 40px 0px 40px 40px;
            flex-wrap: wrap;
        }
        
        .container-status {
           align-items: center;
           height: 140px;
           width: 247px;
           background: #FFFFFF;
           box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
           border-radius: 40px;
           margin:27px 0px 21px 40px;
           cursor: pointer;
        }
        .container-status > span{
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: bold;
           font-size: 42px;
           line-height: 57px;
           text-align: center;
           letter-spacing: 0.02em;
           color: #2A2E46;
        }
        
        .container-status > div{
           display: flex;
           flex-direction: row;
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 24px;
           line-height: 29px;
           text-align: center;
           letter-spacing: 0.02em;
           color: #2A2E46;
           justify-content:center
        }
        .container-status > div > span{
           margin-left: 10px;
           margin-top: 7px;
        }
        .all-status{
            background: #dfe0e4;
            border-radius: 40px;
            height: 140px;
            width: 236px;
            border-radius: 40px;
            margin: 21px 27px;
            align-items: center;
        }
        
        .all-status > div{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 41px;
            align-items: center;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;
            margin-top: 20%;
        }

        .company {
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content:flex-start;
            align-items: center;
            width: calc(100vw - 225px);
        }

        .scroll{
            margin-left: 32px;
            margin-right: 20px;
        }

        .company-mobile{
            width: 100%;
            height: 100%;
            background-size: contain ;
            background-repeat: no-repeat;
            background-position: center;    
        }

        .mobile-company{
            width: 100%;
            height: 100%;
            background-size: contain ;
            background-repeat: no-repeat;
            background-position: center;    
        }

        .company > div {
            background: #FFFFFF;
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
            border-radius: 40px;
            height: 116px;
            width: 214px;
            padding: 12px; 
            margin-left: 42px;
            margin-top: 22px;
            margin-bottom: 22px;
            position: relative;
            cursor: pointer;
        }

        .links > div > div:nth-child(1) {
            border-radius: 16px 16px 0 0;
            background: #F2F2F2;
            border-bottom: 0;
            width: 238px;
            height: 236px;
            background-repeat: no-repeat;
            background-clip: border-box;
        }

        .selected-company {
            background-color: #F4F5F6!important;
            border-bottom-left-radius: 0px!important;
            border-bottom-right-radius: 0px!important;
            box-shadow: 0px 0px 0px 0px !important;
        }

        /* .content-container{
            padding: 40px 60px;
        } */

    .tabs {
           display: flex;
           flex-direction: row; 
           flex-wrap:wrap; 
           border:0px;
           border-bottom: 1px solid #E0E0E0;
           white-space: nowrap;   
    }

    .btn-idl{
        background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
        border-radius: 12px;
        border-width: 0px;
        height: 50px;
        width: 153px;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        cursor: pointer; 
    }
    .input-comment{
        height: 120px ;
        width: 90%;
        /* width: calc(100vw - 225px) !important;    */
        border-radius: 10px; 
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
        cursor: pointer;
        resize: none;
    }
    .panel > div > input {
        height: 56px;
        width: 250px;
        border-radius: 10px; 
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        margin: 20px;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
        cursor: pointer;
    } 
    .logo-menu{
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 39px;
        margin-top:24px;
    }
            
    .header{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        width: 100%;
        height: 80px;
        background: #FFFFFF;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);  
    }
    
    .menu-center > div {
       margin-bottom: 18.5px;
       margin-top:36px;
       margin-right:auto;
       margin-left: auto;
       cursor: pointer;
    }
    .main-container{
        display: flex;
        flex-direction: row;
        min-width: 100vw;
        min-height: 100vh;
    }
    .menu-center > div > div > img
    {
       margin-bottom:11px;
    }
    .menu {
        width: 105px;
        min-height: 100vh;
        background: #2A2E46;   
    }
    .user{
        margin-right: -11px;
    }
    .tabs > div{
        background: #FFF4F5;
        border-radius: 12px 12px 0px 0px;
        height: 40px;
        width: 140px;
        text-align: center;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        letter-spacing: 0.02em;
        color: #2A2E46;
        align-items: center;
        margin: 8px;
        margin-bottom: 0px !important;
        cursor: pointer;
    }
    .chat {
        width: 260px;
        height: 400px;
        background-color: #e5ddd5;
        padding: 15px; 
        overflow-y: scroll;
    }
    .container-chat{
        max-height:700px;
        display: flex;
        flex-direction: column;
        float: left;
        position: fixed;
        left:14px;
        bottom:13px;  
        z-index: 2; 
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        color: #000000;  
    }
    .bottomChat{
        width: 290px;
        position: relative;
        background-color: #e5ddd5;
        margin-left: -12px;
        margin-bottom: 0px;
    }

    .close-chat{
        cursor: pointer;
        width: 25px;
        height: 25px;
    }

    .send-message{
        cursor: pointer;
    }

    .btn-container{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .btn-buttom{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        float: left;
        margin-left: -150px;
        margin-left: -13%;
    }
}

    .icon-menu{
        width: 20px;
        height: 20px;
    }
    .bold-line{
         margin-top: 7px !important;
         margin-bottom: 0px !important;
    }

    @media only screen and (max-width: 865px){

        .content-container{
            padding: 24px 21px;
         } 

         .company-title{
            width: 100vw;
            height: 56px;
            background: #FFF0FF;
            vertical-align: middle;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 33px; 
            align-items: center;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;  
            margin-bottom:40px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        
        .lable-back{
            margin-left: 30px;
            cursor: pointer;
        }
        
        .company-title > span {
           align-items: center;
           cursor: pointer;
           float: right;
           margin-right: 20px;
        }
        
        .img-globe{
            margin-left: 8px;
        }
        
        .arrow-black{
            margin-left: 19px;;
        }

        .logo-company-header{
           height: 52px;
           margin-left: auto;
           margin-right: auto;
           display: block;
        }

        .icon-search{
            float: left;
            cursor: pointer;
            margin-left: 25px;
        }

        .btn-send{
            background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
            border-radius: 12px;
            border-width: 0px;
            height: 40px;
            width: 118px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
            cursor: pointer; 
        }

        .save{
            width: 316px;
            height: 50px;
            background: #E5E5E5;
            border-radius: 12px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;
            border-width: 0px;
            outline: none;
            cursor: pointer;
            margin-bottom: 12px;
            margin-bottom: 12px;
        }
 
        .send{
            width: 316px;
            height: 50px;
            background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
            border-radius: 12px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
            border-width: 0px;
            outline: none;
            cursor: pointer;
            margin-bottom: 12px;
            margin-bottom: 12px;
        }

        .octave{
            width: 316px;
            height: 50px;
            background: #2A2E46;
            border-radius: 12px;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 27px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
            border-width: 0px;
            outline: none;
            cursor: pointer;
            margin-bottom: 12px;
            margin-bottom: 12px;
        }

        .btn-container{
            flex-basis: 100%;
            margin-left: calc((100vw - 316px)/2) ;
            margin-right: calc((100vw - 316px)/2) ;
            display: flex;
            flex-direction: column;
            float: left;    
        }
        
        .Information-title{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 22px;
            text-align: right;
            color: #000000;
            margin-top: 19px;
            cursor: pointer;
        }
       
        .Information-title-open{
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 18px;
           line-height: 22px;
           text-align: right;
           color: #000000;
           background: #F4F5F6;
           padding: 20px;
           cursor: pointer;
       }

       .container-company{
           width: 100vw !important;
           overflow-x: scroll;
           order: 1;
        }

        .list-all-status{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: calc(100vw - 26px);
            border-radius: 40px 0px 40px 40px;
            order: 2;
            
        }

        .lbl-mobile-none{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #2A2E46; 
            width: 35px;
            display: inline-block;
            z-index: 2;
            margin-right: 18px;
            margin-top: 31px;
            opacity: 0.5;
        }
        
        .lbl-mobile{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #2A2E46; 
            width: 35px;
            display: inline-block;
            z-index: 2;
            margin-right: 18px;
            margin-top: 31px;            
            opacity: none;
        }

        .total-reward{
            height: 80px;
            width: 314px;
            border-radius: 26px;
            background: linear-gradient(89.2deg, #3A2B54 0.32%, #5A4B73 98.99%);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
            flex-basis: 100%;
            margin-right: 13px;
            margin-left: 13px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
        }

        .total-reward > div{
           display: flex;
           flex-direction: column;
           margin-top: auto;
           margin-bottom: auto;
           margin-right: 30px;
           margin-left: 30px;
        }

        .total-reward > div > div{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 22px;
            line-height: 26px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #FFFFFF;
        }
        .total-reward > img{
            margin-top: 17px;
            margin-bottom: 17px;
        }
        .selected-company {
            opacity: none;
        }

    .scroll{
        margin-left: 31px;
        margin-right: 14px;
    }
    .canvas-big-cont{
        /* width:calc(100vw - 42px); */
        height: 300px;
        padding-bottom: 70px;
        display: flex;
        flex-direction: column;
        margin-right: 20px;
    }
    .canvas-inner-cont{
        border:1px solid #BDBDBD !important;
        width:calc(100vw - 42px);
        height: 300px;
        padding-bottom: 40px;
    }
    

    .tree-list{
        margin-right: auto;
        margin-left: auto;
        width: calc(100vw - 40px);
      }

      .inp-date{
        height: 56px;
        width:calc(50vw - 40px) !important;
        border-radius: 10px !important;
        background: #FFFFFF;
        border: 1px solid #BDBDBD !important;
        box-sizing: border-box;
        margin: 20px;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
    }
     

    .open-panel > label{
        display: block;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        color: #000000;
        margin-bottom: 19px;
     }
         
        .logo-company{
            margin-top: 6px;
            max-width: 113px;
            max-height: 51px;
            margin-right: auto;
            margin-left: auto;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .company-mobile{
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;   
            white-space: nowrap;
            margin-right: 10px;  
        }

        .mobile-company{
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;   
            white-space: nowrap;
            margin-right: 10px;  
        }

        .company-mobile > div{
           height: 64px;
           width: 112px;
           padding: 8px;
           cursor: pointer;
           display: inline-block;
           opacity: 0.5;
        }

        .mobile-company > div{
           height: 64px;
           width: 129px;
           padding: 8px;
           cursor: pointer;
           display: inline-block;
        }
     
        .container-company-status{
            display: flex;
            flex-direction: column;
            position: fixed;
            top: 50px;
            right: 0px;
        }

        .list-statuss{
            display: flex;
            flex-direction: row;
            position: absolute;
            z-index: 1000;
            width: 100vw;
            flex-wrap: wrap;
            margin-right: 12px;
            margin-top: 7px;
        }
        
        .container-status {
           background: #FFFFFF;
           box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
           border-radius: 26px;
           align-items: center;
           height: 80px;
           width: 145px;
           margin: 13px;
           cursor: pointer;
        }
        .container-status > span{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 28px;
            line-height: 38px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;    
        }
        
        .container-status > div{
           display: flex;
           flex-direction: row;
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 18px;
           line-height: 22px;
           text-align: right;
           letter-spacing: 0.02em;
           color: #2A2E46;
           justify-content:center 
        }
        .container-status > div > span{
           margin-left: 10px;
           margin-top: 7px;
        }
      
        .company > div{
           height:80px;
           width: 145px;
           padding: 8px;
           cursor: pointer;
           background: #FFFFFF;
           box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
           border-radius: 26px;
           margin:12px;
           position: relative;
        
         }
         /* .container-input > div:nth-child(1){
            width: 100vw !important;
         } */

         .container-input > div{
           height: 56px;
           width: 170px;
           border-radius: 10px;
           background: #FFFFFF;
           border: 1px solid #BDBDBD;
           box-sizing: border-box;
           margin: 12px;
           padding: 7px 14px;
           outline: none;
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 16px;
           line-height: 19px;
           text-align: right;
           letter-spacing: 0.02em;
           color: #828282;
           cursor: pointer;
        }

        .container-input > div > div{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-right: -2px;
         }
         .container-input > div > div > input{
             border: none;
             background: none;
             font-family: Open Sans Hebrew Condensed;
             font-style: normal;
             font-weight: normal;
             font-size: 16px;
             line-height: 19px;
             text-align: right;
             letter-spacing: 0.02em;
             color: #828282;
             width: 100%;
             outline: none;
         }
 
         .container-input > div > input{
             border: none;
             background: none;
             font-family: Open Sans Hebrew Condensed;
             font-style: normal;
             font-weight: normal;
             font-size: 16px;
             line-height: 19px;
             text-align: right;
             letter-spacing: 0.02em;
             color: #828282;
             width: 100%;
             outline: none;
             cursor: pointer;
         }
        .container-input > div > label{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: normal;
            font-size: 11px;
            line-height: 13px;
            text-align: right;
            letter-spacing: 0.02em;
            color: #2A2E46;
        }
        .all-status{
            background: #E0E1E4;
            border-radius: 26px;     
            height: 80px;
            width: 145px;
            margin: 13px;
            align-items: center;
            right: 12px;
        }
       
        .all-status > div{
            font-family: Open Sans Hebrew Condensed;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 25px;
            align-items: center;
            text-align: center;
            letter-spacing: 0.02em;
            color: #2A2E46;
            margin-top: 15%;
        }

        .company-header{
            width: 100vw;
            overflow-x: scroll;
        }

        .container-popup{
          margin-right: 20px;
        }
        .popup-btn{
           height: 56px;
           width: 148px;
           border-radius: 10px;
           background: #FFFFFF;
           border: 1px solid #BDBDBD;
           box-sizing: border-box;
           margin: 12px;
           padding: 18px 21px;
           outline: none;
           font-family: Open Sans Hebrew Condensed;
           font-style: normal;
           font-weight: normal;
           font-size: 16px;
           line-height: 19px;
           text-align: right;
           letter-spacing: 0.02em;
           color: #828282;
           cursor: pointer;
        }

        .company {
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content:flex-start;
            align-items: center;
            margin-top: 25px;
            margin-right: 9px;
        }
       
        .login-form {
            max-width: 300px;
            margin-right: 30px;
            margin-left: 30px;
        }

        .login-form >  input{
            margin-top: 15px !important;
            margin-bottom: 15px !important;
            height: 56px !important;
        }
    
        .access{
            margin-top: 35px;
        }
    
        .login{
            margin-top: 28px;
        }
    
        .logo-mobile{
            width: 60px;
            height: 50px;
            margin-bottom: 35px;
        }

        .links > div > div:nth-child(1) {
            border-radius: 16px 16px 0 0;
            background: #F2F2F2;
            border-bottom: 0;
            width: 146px;
            height: 140px;
            background-repeat: no-repeat;
            background-clip: border-box;
        }

         .links{  
            margin-right:-14px !important;
        }
        

         .links > div {
            height: 183px !important;
            width: 145px !important;
            margin: 15px !important;
        }

        .btn-idl{
            background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
            border-radius: 18px;
            border-width: 0px;
            height: 56px;
            width: 56px;
            color: #FFFFFF;
            padding: 14px;
            position: fixed;
            bottom: 38px;
            left: 37px;
            z-index: 3;
        }

         .page-content{
             width: 100vw !important;
         }

         .mobile-popup-menu{
             height: calc(100vh + 5px);
             position: sticky;
             top:0px;
             z-index: 100;
             width: 300px;
         }
         
        .menu {
            background: #2A2E46;   
            width: 300px !important;
        }

        .menu-center {
            display: flex;
            flex-direction: column;
            height:calc(100vh - 180px);
            overflow: auto; 
        }

    .menu-center > div {
        display: flex;
        flex-direction: row;
        margin-right: 31px;
        margin-top: 17px;
        margin-bottom: 17px;  
        cursor: pointer;
    }

    .menu-center > div > div > img {
        margin-top: -2px !important;
        margin-left: 10px ;
    }

    .header-mobile{
        background: #1E2132;
        height: 80px;
        padding-top: 22px;
    }
   
    .hr-menu{
        border-color: #595963;
        border-style: solid;
        border-top: 0;
        margin-right: 30px;
        margin-left: 30px;
        width: 100%;
        border-right: 0;
        border-left: 0;
        margin-bottom: 15px;
    }

    .div-hr{
        margin-right: 0px !important;
    }

    .lbl-user{
        color: #FFFFFF !important;
        margin-right: -11px;
    }

    .lbl-des{
        color: #FFFFFF !important;
        margin-right: -33px;
    }

    .logout-mobile{
        float: left;
        margin-top: 4px;
        margin-left: 31px;
    }

    .user{  
        margin-right: 17px;
        float: right;   
       }
    .icon-user{
        float: right;
        margin-right: 30px;
    }

    .title{
        width: 100vw;
        height: 56px;
        background: #2A2E46;
        position: sticky;
        top:0px;
        z-index: 100;
        display: flex;
        flex-direction: row;
        justify-content: space-between;      
    }

    .logo-menu{
        margin-left: 20px;
        margin-top: 16px;
        width: 26px;
        height: 24px;
    }

    .icon-menu-desktop{
        width: 24px;
        height: 24px;
        margin-top: 16px;
        margin-right: 18px;
    }
   
    .select{
        height: 56px !important;
        width: 148px !important;
        margin: 12px !important;
    }

    .container-date .select{
        width: calc(100vw - 40px) !important;
        margin: 20px !important;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    .container-date .select-container{
        width: calc(100vw - 40px) !important;
        margin-right: 21px !important;
    }

    .select > img{
        margin-right: -23px  !important;
    }

    .select-container{
          width:148px !important;
          margin-right: 12px !important;
    }

    .panel hr{
        width: 100vw !important;
        margin-right: 0!important;
        margin-left: 0 !important;
    }
    .input-comment{
        height: 120px ;
        width: calc(100vw - 42px) !important;    
        border-radius: 10px; 
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
        cursor: pointer;
        resize: none;
    }

    .panel > div > input{
        height: 56px ;
        width: 148px ;
        border-radius: 10px; 
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        margin: 12px;
        padding: 18px 21px;
        outline: none;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 0.02em;
        color: #828282;
        cursor: pointer;
    }

    .select > div > input{
        margin-right:13px !important;
        max-width:100px;
    }

    .container{
          padding: 0px!important;
          width: 100vw !important;
    }

    .btn-sale{
        width: 316px !important;
        margin-right: -10px !important;
        margin-left: 0px !important;
    }

    .btn-add-sale{
        width: 316px !important;
        float: none !important;
    }
    .tabs > div{
        height: 56px;
        width: 120px;
        border-radius: 0px; 
        background: #FFF4F5;  
        text-align: center;
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        display: inline-block;
        letter-spacing: 0.02em;
        color: #2A2E46;
        align-items: center;
        padding: 15px;
    }

    .tabs {
       border:0px;
       white-space: nowrap;  
       text-align: right;
    }

    .container-tabs{
        width: 100vw;
        overflow-x: scroll;
        border-bottom: 1px solid #E0E0E0;
    }

    .chat {  
        height: 400px;
        background-color: #e5ddd5;
        padding: 15px; 
        overflow-y: scroll;
    }
    .container-chat{
        width:100vw;
        max-height:700px;
        display: flex;
        flex-direction: column; 
        font-family: Open Sans Hebrew Condensed;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        text-align: right;
        color: #000000;  
    }
    .bottomChat{
        width: 100vw;
        position: relative;
        background-color: #e5ddd5;
        margin-top: 0px;
        margin-left: -12px;   
    }

    .newMessage{
        justify-content:space-between ;
        width: calc(100vw - 72px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .chat-me{
        width:calc(100vw - 200px) !important;
    }
    .chat-other {
        width:calc(100vw - 200px) !important;
    }

    .btn-buttom{
        margin-left: calc((100vw - 316px)/2) ;
        margin-right: calc((100vw - 316px)/2) ;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

.bottom-menu{
    display: flex ;
    flex-direction: row !important;
    flex-wrap: wrap;
    margin-right:6px !important ; 
    height: 93px;
}
   
.export{
    margin-top:-7px;
    margin-left: 1px !important;
    
}

.bottom-menu > div{
    margin-right: 12.5px !important;
    margin-left: 12.5px;          
}
     
.pages {
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #f10d0d;
    text-align: center;
}

.page {
    max-width: 1800px;
    padding: 28px 60px 272px 60px;
}

.container-login{
  width: 83%;
  padding-top: 90px;
  padding: 7.5vw;
}

.logo-login{
    /* margin-top: 89px;  */
    margin-bottom: 31px;  
    margin-right: auto;
    margin-left: auto;
}

.body{
    background: url(/background.png);
    background-size: cover;
    width: 100%;
    min-height: 100vh
}

.login-form {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    height:100%; 
}

.login-form > div{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #f10d0d;
    text-align: center;
}

.login-form > input
{ 
    margin-top: 18px;
    margin-bottom: 18px;
    width: 100%;
    height: 65px;
    background: #FFFFFF;
    opacity: 0.9;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 16px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #333333;
    /* border-width: 0px; */
    outline: none;
    padding-right:32px;
}

.message{
    margin-bottom: 15px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #f10d0d;
    text-align: center;
}

.access{
    width: 180px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    margin-top: 31.42px;
    background: #D33E49;
    border-radius: 12px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-width: 0px;
    outline: none;
    cursor: pointer;
}
.validate-email{
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 26px !important;
}

.checker{
    padding: 20%;
    font-size: 40px!important;
    line-height: 50px!important;
}
.btn-login{
    width: 180px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 18px;
    background: #D33E49;
    border-radius: 12px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-width: 0px;
    outline: none;
    cursor: pointer;
}

.login{
    margin-top: 36px;
    margin-right: auto;
    margin-left: auto; 
}

.lbl{
    width: 118px;
    height: 27px;
    margin-right: auto;
    margin-left: auto;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #E5E8EA;
    cursor: pointer;
}

.sign-up{
    margin-top:42.78px;
    margin-bottom: 20px;
}

.sign-up > label {
    width: 272px;
    height: 27px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #E5E8EA;
}

.sign-up > a {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: white;
    cursor: pointer;
}

.sign-up > a:visited {
    color: white;
}

.arrow{
    margin-right: 5px;
}

.link{
    font-family: Open Sans Hebrew Condensed;
    margin-right: 10px;
}
  
.page-content{
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    flex-grow: 1;
    width:calc(100% - 120px);
}

.ideal{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;   
}

.header > div > div {  
    padding:20px 0px 20px 0px;
    margin-right: 12px;
    margin-left: 12px;
}

.header>div>div:nth-child(1) {  
    margin-top: -7px; 
    margin-left: 4px;
}

.header>div>div:nth-child(6) { 
    margin-right: 1px; 
    margin-left: 25px;
}

.header>div>div:nth-child(8) { 
    margin-right: 19px; 
    padding-top:28px;

}

.header>div>div:nth-child(9) { 
    margin-right: 18px; 
    margin-left: 63px;
    padding-top: 29px;
}

.text-ideal{
    display: flex;
    flex-direction: column;
    float: right;
    margin-top: 27.5px;
    margin-right: 60px;
}

.header > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    height: 80px;
    margin-left: 20px;
}

.lbl-user{ 
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #333333;
}

.lbl-des{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #333333;
}
/* 
.line{
    margin-right: 25px;
    margin-left: 20px;
    margin-top:26px;
    margin-bottom: 24px;
} */

.menu > div> div > a{
    text-decoration: none;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: lighter;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.02em; 
    color: #F8F8F8;
}

.header-title{
   margin-bottom: 9.5px;
}
.bell-ring {
    margin-top: 7px;
}
/* 
.bell-ring {
  width: 40px;  
  height:  40px;
  background-image: url(../images/bell-ring.svg);  
}


.bell-ring {
    width: 40px;  
    height:  40px;
    background-image: url(../images/bell.svg);  
  } */


.main-title{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.02em;
    color: #2A2E46;
    float:right;
}

.code--1{
    color: #D33E49;  
}

.code-0{
    color: #15be48;  
}

.code-1{
    color: #eafa09;  
}

.code-2{
    color: #fa7d09;  
}

.circle {
    height: 17px;
    width: 17px;
    border-radius: 15px;
}

.status-100{
    background: #6FCF97;
}

.status-200{
    background: #D33E49;
}

.status-300{
    background: #F2C94C;
}

.container-btn{
    display: flex;
    flex-direction: row;
   justify-content: flex-end;
   flex-grow: 1;
   margin-top: 20px;
}


.container-content{
    margin-right:60px;
    margin-left: 60px;
    display: flex;
    flex-direction: row;
   
}

.container-content > img{
 margin-right: 25px;
 cursor: pointer;
}

.container-content > label{
    margin-top: 36px;
    cursor: pointer;
    margin-right: 25px;

   }

.container-company > button{
    bottom: 0px;
}

.agent-details{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #2A2E46;
    cursor: pointer;
}

.hr-border{
    border-color: #E0E0E0;
    border-style: solid;
    border-top: 0;
    margin-top: 19px;
    margin-bottom: 15px;
 }

.form-container{
    width:80%;
    text-align: start !important;  
}

.panel{
    width:100%; 
    margin-bottom: 45px; 
}

.panel > div{
    margin-right:-20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.panel > div > label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.02em;
}

.container-IVR{
    color:  #D33E49;
    margin: auto 5px;
    display: flex;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
}

.container-IVR > img{
    margin-left: 14px;
}

.checkmark{
    border: 2px solid #2A2E46;
    box-sizing: border-box;
    border-radius: 4px;
}

input[type="checkbox"]:checked:after{
    background-color: red;
}

.container-checkbox{
    margin: auto 30px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    text-align: right;
    color: #2A2E46;
}

.btnRemove{
    max-width: 28px;
    max-height: 28px;
}

.panel > div > select {
    height: 56px;
    width: 250px;
    border-radius: 10px; 
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    margin: 20px;
    padding: 18px 21px;
    outline: none;
    cursor: pointer;
}

.panel:nth-child(3) > div > input:nth-child(5) {
    width: 540px;
}

.panel:nth-child(3) > div > span {  
   font-family: Open Sans Hebrew Condensed;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 25px;
   text-align: right;
   letter-spacing: 0.02em;
   color: #2A2E46;    
 
}

.panel > div > input::placeholder{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #828282;
}

.input-comment::placeholder{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #828282;
}

.collapsiblePanel{
    float: right;
}

.container-radios{
    padding-bottom: 20px;
} 

.container-radio {
    display: inline;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 20px;
}

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

.container-radio > label {
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #2A2E46;
}

.checkmark {
    position: absolute;
    top: 0;
    right: 0px;
    height: 20px;
    width: 20px;
    background: #FFFFFF;
    border: 1px solid #A6ADC9;
    box-sizing: border-box;
    border-radius: 50%;
    margin-top: 4px;
}
  
.container-radio input:checked ~ .checkmark {
    background-color: #D33E49;
    border: 0px;
}

.radio-text {
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: right;
    color: #333333;
}

.radio-checkbox{
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.radio-checkbox > label {
    margin-right: 15px;
}

.container-radio input:checked ~ .radio-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #2A2E46; 
}
  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.container-radio input:checked ~ .checkmark:after {
    display: block;
}
  
.container-radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}

.container-radios-sendMessage{
    margin-top: 50px;
    text-align: right;
    margin-bottom: 70px;
}

.container-sendMessage{
    display: flex;
    margin:20px;
   }

.container-sendMessage > label{
   margin-left: 20px;
   margin-top: 20px;
}

.btn-minus{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    height: 50px;
    width: 100px;
    border-radius: 10px; 
    border: 0px;
    background: #F4F5F6;
    margin: 20px;
    outline: none;
    cursor: pointer;
    align-items: center;
}

.btn-minus > img{
    margin-top: 6px;
    margin-right: -20px;
}

.btn-minus::-ms-value{
     margin-top: -20px;
}

.btn-del-sale{
    background: linear-gradient( 90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 10px;
    border-width: 0px;
    height: 37px;
    width: 35px;
    color: #FFFFFF;
    padding: 11px;
    float: left;
    margin-top: 15px;
    margin-left: 7px;
    cursor: pointer;
}
  
.btn-sale{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    height: 50px;
    width: 180px;
    border-radius: 10px; 
    border: 0px;
    background: #F4F5F6;
    margin: 20px;
    outline: none;
    cursor: pointer;
}

.btn-add{
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 16px;
    height: 40px;
    width: 40px;
    border-width: 0px;
    margin-top: 19px;
    margin-right: 19px;
    margin-bottom: 19px;

}

.btn-add-sale{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    height: 50px;
    width: 180px;
    border-radius: 10px; 
    border: 0px;
    background: #F4F5F6;
    outline: none;
    cursor: pointer;
    margin-top: 22px; 
}

.btn-img > img{
    float: right;
    margin-right: 10px;
}

.header-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* padding-bottom: 18px; */
}

.plus{
    float: right;
    margin-right: 2px;
    cursor: pointer;
}

.body-form{
    background: #FFFFFF !important;
}

.links{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;   
    margin-right:-27px;
}

.links  > div {
    height: 300px;
    width: 238px;
    margin: 27px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
}

.links > div > div:nth-child(2){
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 0 0 16px 16px;
    border-top: 0; 
    height: 64px; 
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.link-name{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    color: #000000 !important;
    float: left;
}
.img-link{
    float: right;
    margin-left: 15.8px;
    margin-top:18px;
    margin-bottom:21px;
    margin-right:21px;
}

.content-container-inventory{
    padding: 36px 60px;
    max-width: 1800px;
   /*  width: 100%; */
}

.order-cards{
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 12px;
    border-width: 0px;
    height: 50px;
    width: 180px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    float: left;   
}

.label-date{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;
}

.date-order{
    margin-bottom: 53px;
    margin-top: 12px;
}

.cards-sim  {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-right: -18px;
    margin-left: -18px;
}

.cards-sim  > div {
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 40px;
    height: 180px;
    width: 180px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center; 
}

.cards-sim  > div:hover{
    border-radius: 40px;
    border: 1px solid #7458f1;
    height: 180px; 
    width: 180px;   
}

.amount{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 57px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    margin-top: 34.5px;
}

.name-company{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    margin-top: 9px;
}

.search-input {
    border: 0px;
    margin-right: 14px;
    margin-left: 29px;
    outline: none;
    margin-top: 7px;
}


.search-img {
    float: left;
    margin-top: -14px;
    margin-left: 14px;
}


.search-container {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 14px;
    margin-left: 15px;
    margin-right: 15px;
    height: 36px;
    
}
 
.table-popup  th {
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1C1E29;
    text-align: center;
    border-collapse: collapse; 
} 

.table-popup  td { 
    
    border-collapse: collapse; 
    padding: 4px;
}  

.select > div > input{
    border: 0px;
    background: none;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: start;
    letter-spacing: 0.02em;
    color: #828282;
    outline: none;
    margin-top: 18px;  
    cursor: pointer;
    margin-right: 21px;
}

.select-container{   
    box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    background: #FFFFFF;
    max-height: 37vh;
    width: 250px;
    margin-right: 20px;
    overflow-y: auto;
    margin-top: -12px;
    z-index: 3;
}

.select-container > div {
    border-bottom: 1px solid #F2F2F2;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #333333;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-right: 22px;
    cursor: pointer;
}

.select-container > div:last-child{
    border-bottom: 0px;  
}
 
.select{
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 10px;
    height: 56px;
    width: 250px;
    border: 1px solid #BDBDBD;
    margin: 20px;
    outline: none;
 }

.select > div > div > label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46; 
}

.select > img{
    float: left;
    margin: 18px;
    cursor: pointer;
}

.links-table{
    background: #FFF4F5;
    border-radius: 12px 12px 0px 0px;
    height: 40px;
    width: 140px;
    border: 1 px solid red;
}

.tabs > div :checked{
    font-weight: bold !important;
    line-height: 22px !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    color: #FFFFFF !important;
    background: #D33E49 !important;
}

.tabs > div > label{
    margin-right:auto;
    margin-left:auto;
    cursor: pointer;
}

.tab-active {
    font-weight: bold !important;
    line-height: 22px !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    color: #FFFFFF !important;
    background: #D33E49 !important;
}

.plan-company{
    height: 120px;
    width: calc(100% - 100px);
    border-radius: 0px;
    background: #FFF0FF;
    vertical-align: middle;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px; 
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46; 
    margin-right: 100px; 
}

.plan-company > img{
        margin-right: 22.8px;
        max-width: 207px;
        max-height: 100px;   
}
.buttons > button{
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    height: 50px;
    width: 180px;
    border-radius: 12px;
    margin-right: auto;
    margin-left: auto;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-width: 0px;
    margin-right: 12px;
    margin-left: 12px;
    outline: none;
}
.buttons :nth-child(1){
    border: 1px solid #2A2E46;
    box-sizing: border-box;
    color: #2A2E46;
    background: #FFF0FF;
}
.buttons{
    margin-left: 25px;
}

.ideal-input{
    height: 56px;
    width: 250px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #2A2E46;
    box-sizing: border-box;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;
    align-items: center;
}

.ideal-input  > input{
    border: 0px;
    margin-right:18px;
    outline: none;
}

.ideal-input > label{
    float: right;
    margin:10px 18px 5px;
    width: 100%;
}

.status{
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    border-radius: 40px;
    height: 140px;
    width: 236px;
    padding-top: 20.5px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 57px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    z-index: 1;
}

.status > div:last-child{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
}

.color-status{
    height: 17px;
    width: 17px;
    border-radius: 0px;
    margin-left: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-block; 
}

.open-panel{
    margin-top: 20px;
}
.open-panel > img{
    margin-right: 13.5px;
}


 .lable-title{
     margin-top: -22px;
 }
 .open-panel > label > span{
    font-weight: normal !important;
 }

 .edit{
    width: 25px;
    height: 25px;
    float: right;
    margin-right: 2px;
 }

.btn-popup > button{
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    border: 1px solid #2A2E46;
    box-sizing: border-box;
    border-radius: 12px;
    border-width: 0px;
    height: 30px;
    width: 94px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.btn-popup{
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.btn-del{
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 13px;
    border-width: 0px;
    height: 35px;
    width: 35px;
    color: #FFFFFF;
    padding: 14px;
    float: left;
    margin-top: 7px;
    margin-left: 7px;
    cursor: pointer;
    z-index: 5;
}

.del{
    margin-right: -3px;
    margin-top: -7px;
    position: relative;
    height: 18px;
}


.de-edit{
    background-color: rgb(red, green, blue);

}

.edit-input{
    height: 45px;
    background: #FFFFFF;
    opacity: 0.9;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 11px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #333333;
    outline: none;
}

.panel > .input-details{
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  margin-top: 25px;
}

.btn-details{
    width: 180px;
    height: 50px;
    background: linear-gradient(90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 12px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-width: 0px;
    outline: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: 40px;
}
.container-details{
    margin-top: 100px;
 }

 .container-details > div > label {
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    text-align: right;
    color: #2A2E46;
}
.container-details > div > div > label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #333333;
}
.container-details > div > div > input{
    height: 56px;
    width: 250px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 18px 21px;
    outline: none;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #828282;
}

.container-date{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lable-all-statuses{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;
    text-align: right;
    margin-right: 19px;
    margin-left: 10px;
    cursor: pointer;
}

.btn-icon{
    color: #D33E49;
}

  .container-input{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} 
.container-inp{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.container-input > div > div >  button {
    margin-right: -54px;
    background: none;
    border: 0px;
    margin-top: -20px;
    cursor: pointer;
}  
.version{
 float: left;
 margin-left: 20px;
 margin-top: 20px;
 font-family: Open Sans Hebrew Condensed;
 font-style: normal;
 font-weight: bold;
 font-size: 15px;
 line-height: 33px;
 letter-spacing: 0.02em;
 color: #FFFFFF;
}

.version-black{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #2A2E46;
}

.container-status-company{
    display: flex;
    flex-direction: column;
}

.container-status-company > span{
    margin-right: 50px;
}

.duplicate-icon{
    width: 22px;
    height: 22px;
    color: #6C0404;
}
.selectBox{
margin-top: 5px;

}

.custom-icon{
    width: 21px;
    height: 21px;
}

.lbl-bold{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    color: #6C0404;  
}

.btn-Information{
    background: linear-gradient( 90deg, #6C0404 -51.65%, #D33E49 100%);
    border-radius: 12px;
    border-width: 0px;
    height: 50px;
    width: 153px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    cursor: pointer;
    margin-top:25px;
    margin-right: 25px;
}
.red-border{
    border-color:#D33E49 !important;
}
.container-contact-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container-contact-header >label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
    
}
.container-contact{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.container-contact > label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 33px;
    display: block;
    color: #2A2E46;
    text-align: center; 
    margin-top:20px; 
    margin-bottom:20px; 
}
.container-contact > a{
    text-align: center;   
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: bold;  
    color: #2A2E46;
}

.container-contact > span{
    text-align: center;   
    margin-left: auto;
    margin-right: auto;
    display: block;  
    margin-top: 15px;
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}
.contact-details-companies{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.contact-details-companies > label{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 20px;
}

.contact-details-companies > a{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;  
    color: #2A2E46;
}

.contact-details-companies > label:nth-child(1){
   width:45px;
}
.inp-term{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 33px;
    display: block;
    color: #2A2E46;
    text-align: right; 
}

.inp-term >input{
    border: none;
    width:calc(100vw - 60vw);
    outline:none
}

.header-contact{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2A2E46;
}
.exitChat{
    background-color: #e5ddd5;
}

.chat-me {
    margin-left:0;
    padding: 6px;
    margin-right:auto;
    width:200px;
    display: block;
    background-color: #dcf8c6;
    margin-bottom: 10px;
    border-radius: 7.5px;
}

.chat-other {
    margin-left:auto;
    padding: 10px;
    margin-right:0;
    width:200px;
    display: block;
    background-color:white;
    margin-bottom: 10px;
    border-radius: 7.5px;
}

.newMessage{
    margin-top: auto;
    margin-bottom: 0;
    padding:5px;
    margin: 5px 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    cursor: text;
    display: flex;
    flex-direction: row;
    width: 260px;
}

.taxtMessage{ 
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color:#4a4a4a;
    width: 80%;
    border: none;
    resize: none;
    margin-right: 4px;
}

.sendMessage{
    margin-bottom: 7px;
    transform: rotate(180deg);
}

.messageUser{
    font-size:15px;
    font-weight: 500;
    line-height: 22px;
    color:#23a77b;
}
.newMessage > button{
    float: left;
}
.exportButton{
    text-align: start;
    margin: 20px;
    display: flex;
    flex-direction: row;
}
.exportButton > div{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;
    margin-left: 10px;
}
.container-date-data{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-date-data > div{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    text-align: right;
    letter-spacing: 0.02em;
    color: #2A2E46;
}
.container-date-data > div:nth-child(1) > span > img{
    transform: rotate(180deg);
}

.container-date-data > div > span{
    cursor: pointer;
}

.container-current-month{
    height: 0px;
    overflow-y: hidden;
    width: 100px;
}

.txt-date{
    font-family: Open Sans Hebrew Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: right;
    color: #000000;
    margin-top: 5px;
}
.icon{
  width:24px; 
  height:24px;
  margin-top: 2px;
  margin-right: 2px;
}