/* resp table */
 
@font-face {
    font-family: 'almoniDL400';
    font-weight: 400; /*(regular)*/
    font-style: normal;
    src: url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.eot');
    src: url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.eot?#iefix') format('embedded-opentype'), url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.woff2') format('woff2'), url('/Static/fonts/almoni2019/almoni-neue-regular-aaa.woff') format('woff');
}

:root {
    --MainBG: #fff9f4;
    --mainRed:#c00;
     
}

.mainTblWr {
    position: relative;
    width:100%;
    height: 430px;
    overflow: hidden;
}

.mainTblWrOut {
    position: relative
}

    .mainTblWrOut .arr {
        width: 42px;
        height: 42px;
        background: var(--mainRed) url(https://res.cloudinary.com/globes/image/upload/v1626942399/Digital/icons/Shape_sjt73r.svg) no-repeat center center;
        position: absolute;
        top: 50%;
        cursor: pointer;
        z-index: 2;
    }

.mainTblWrOut .arr.left {
    left: -50px
}

.mainTblWrOut .arr.disable {
    background-color: #ea9491;
    cursor: default
}

.mainTblWrOut .arr:hover {
    background-color: #9a0000
}

.mainTblWrOut .arr.disable:hover {
    background-color: #ea9491;
}

.mainTblWrOut .arr.right {
    right: -45px;
    transform: rotate( 180deg );
}   


.mainTbl {
    width: 100%;
    direction: rtl;
    table-layout: fixed;
    border-collapse: collapse;
 
    margin: 15px auto 0;
    display: block;
    overflow-x: scroll;
    overflow-y:hidden;
    border-top: 2px #ccc solid;
    padding-top: 10px;
}

.mainTbl:after {
    content: '';
    background-image: linear-gradient( 90deg, var(--MainBG) 0%, rgb(255 255 255 / 0%) 100%);
    display: block;
    width: 90px;
    height: 100vh;
    position: absolute;
    top: 41px;
    left: 0;
}
.openTbl .mainTbl:after {   display: none } 
.mainTbl th {
    font-size: 16px;
    background: var(--MainBG);
    line-height: 12px;
 
    font-weight: bold;
    color: #1a1a1a;
    padding: 0 23px;
    text-align: right;
    height: 48px;
    white-space: nowrap;
    font-family: OpenSansHebrewBold;
    cursor:pointer;
}

.mainTbl td {
    border-bottom: solid 1px #d7d7d7;
    font-size: 16px;
    white-space: nowrap;
    padding: 8px 23px;
    text-align: right;
    background: #fff9f4;
}


/*.mainTbl td:nth-child(3) {background:#fdebe2}*/

.mainTbl tr {
    border-bottom: solid 1px #ccc;
    background: #fdebe2;
}
.mainTbl tr:not(.mainTblTR):hover {background: #fdebe2;}

.mainTbl th:nth-child(2) {grid-template-columns: 1fr 1fr;}
.mainTbl .mainTblTR span {
    background: url(https://res.cloudinary.com/globes/image/upload/v1627284003/Digital/icons/sorting_oed0ny.svg) no-repeat 0 0;
    width: 7px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right:3px;
}
.mainTbl .mainTblTR span.up {
  background: url(https://res.cloudinary.com/globes/image/upload/v1627284004/Digital/icons/sorting-up_tbl5t7.svg) no-repeat 0 0;
  top: -3px;
  height: 6px;
}
.mainTbl .mainTblTR span.down {
  background: url(https://res.cloudinary.com/globes/image/upload/v1627284004/Digital/icons/sorting-down_jnjayz.svg) no-repeat 0 0;
  top: 3px;
  height: 6px;
}
.mainTbl th:nth-child(1) span {top: 1px;}
.mainTbl th:nth-child(1) span.up {top: -1px;}
.mainTbl th:nth-child(1) span.down {top: 5px;}


    .mainTbl td:nth-child(1) {
        background: #fdebe2 !important;
        text-align: center;
        color: var(--mainRed);
    }

    .mainTbl td:nth-child(1), .mainTbl th:nth-child(1) {
        position: absolute;
       width: 45px !important;
        min-width: 38px;
        right: 0;
        line-height: 32px;
        padding: 0 0 0 7px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 1;
    }
.mainTbl th:nth-child(1) {
    width: 50px !important;
    line-height: 1;
}
    .mainTbl td:nth-child(2), .mainTbl th:nth-child(2) {
        display: grid;
        align-items: center;
        margin-right: 40px;
        min-height: 33px;
        border: 0;
    }

    .mainTbl td:nth-child(1) {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: right;
        background: #fdebe2;
        height: 33px;
        padding: 8px 6px;
        font-family: OpenSansHebrewBold;
        border:0
    }

.mainTblShowMore {
    text-align: center;
    overflow: hidden;
    padding-top: 1px;
    padding-bottom: 3px;
    top: -30px;
    background: var(--MainBG);
    position: relative;
    z-index: 1;
}

    .mainTblShowMore span {
        color: var(--mainRed);
        font-size: 16px;
        border: 1px var(--mainRed) solid;
        padding: 3px 9px;
        position: relative;
        cursor: pointer;
    }
.mainTblShowMore.o {    margin-top: 10px; position:static}
.mainTblShowMore.o span:before {right: 48px;}
.mainTblShowMore.o span:after {left: 48px}


    .mainTblShowMore span:hover {
        background: var(--mainRed);
        color: #fff
    }

    .mainTblShowMore span:before {
        content: "";
        display: inline-block;
        height: 0.5em;
        vertical-align: text-bottom;
        width: 100%;
        margin-left: -100%;
        position: relative;
        right: 63px;
        border-top: 1px solid var(--mainRed);
    }

    .mainTblShowMore span:after {
        content: "";
        display: inline-block;
        height: 0.5em;
        vertical-align: text-bottom;
        width: 100%;
        margin-right: -100%;
        position: relative;
        left: 63px;
        border-top: 1px solid var(--mainRed);
    }


.mainTblWrOut .topNav {
    width:100%;
    display: grid;
    direction: ltr;
    grid-template-columns: 40px 30px auto;
    align-items: center;
}
    .mainTblWrOut .topNav .open, .mainTblWrOut .topNav .exel {
        background: url(https://res.cloudinary.com/globes/image/upload/v1646213673/Digital/icons/icons_sprite_udujbl.svg) no-repeat 0 0;
        width: 30px;
        height: 30px;
        cursor: pointer
    }
.mainTblWrOut .topNav .open { background-position:-30px 0}
.mainTblWrOut .topNav .exel {background-position:0 0}

.mainTblWrOut .topNav .open:hover {background-position: -30px -30px;}
.mainTblWrOut .topNav .exel:hover {background-position:0 -30px}

.mainTblWrOut.openTbl .topNav .open { background-position: -90px 0;}
.mainTblWrOut.openTbl .topNav .open:hover { background-position: -90px -30px;}




.mainTblWrOut .topNav .searchTbl {
    direction: rtl;
    font-size:16px
}

    .mainTblWrOut .topNav .searchTbl input {
        padding: 7px 5px;
        font-size: 16px;
        background: var(--MainBG);
        border: 1px #ccc solid;
        width: 220px;
        font-family: OpenSansHebrew;
    }

#ddlFilter {
    padding: 7px 5px;
    font-size: 16px;
    background: var(--MainBG);
    border: 1px #ccc solid;
    width: 220px;
    font-family: OpenSansHebrew;
}
.tableFilter {margin-bottom:10px}
    .tableFilter span {
        font-size: 16px;
        direction: ltr;
        display: inline-block;
    }
.mainTblWrOut.openTbl .tableFilter {
    position: fixed;
    z-index: 1111112221;
    right: 500px;
    top: 12%;
}
.mainTblWrOut.openTbl {
    /*left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    position: fixed;
    top: 10%;
    z-index: 999999999999999999;
    background: var(--MainBG);
    left: 0;
    right: 0;
    width: 90% !important;
    margin: 0 auto;
    outline: 1000px #0000009e solid;
    height: 73vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 50px 4%;
}
    .mainTblWrOut.openTbl .topNav {
        position: fixed;
        left: 5%;
        background: #fffcf9;
        z-index: 111111111;
        top: 10%;
        width: 90%;
        padding: 1% 0;
    }

.mainTblWrOut.openTbl .arr.left { left: 3% !important; position:fixed}
.mainTblWrOut.openTbl .arr.right {    right: 2%  !important; position:fixed}

.mainTblWr.o {height:calc(100vh - 55px) !important}
.mainTblWrOut.openTbl .mainTblWr {height:auto}

html.o {overflow:hidden }

.mainTbl.stickyTbl {display:none}
.mainTblWrOut.openTbl .mainTbl {
    margin-top: 10px;
    overflow-y: scroll;
    overflow-x:hidden;
}
.mainTblWrOut.openTbl .mainTbl.stickyTbl {
    position: fixed;
    left: 5%;
    background: #fffcf9;
    z-index: 111111111;
    
    width: 90%;
    overflow: hidden;
    display: block;
    margin-top:10px;
        border-bottom: solid 1px #ccc;
}
    .mainTblWrOut.openTbl .mainTbl.stickyTbl th, .mainTblWrOut.openTbl .mainTbl.stickyTbl tr {        border: 0    }










.mainTbl{
    max-height: calc(100% - 50px);
    padding-top:unset;
}

.mainTblWrOut.openTbl .mainTbl{
   max-height: calc(80vh - 100px);
 }

.mainTblTR{
    position:sticky;
    position: -webkit-sticky;
    position: -webkit-o-sticky;
    position: -webkit-ms-sticky;
    top:0px;
    z-index:999;
}


.mainTbl td:nth-child(1), .mainTbl th:nth-child(1){
    position:sticky !important;
    position: -webkit-sticky !important;
    position: -webkit-o-sticky !important;
    position: -webkit-ms-sticky !important;
}


.mainTbl td:nth-child(2), .mainTbl th:nth-child(2) {
    position: sticky;
    position: -webkit-sticky;
    position: -webkit-o-sticky;
    position: -webkit-ms-sticky;
    display: table-cell;
}


.mainTbl tr:nth-child(n+7) {
  display: none;
}



.mainTbl::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.mainTbl::-webkit-scrollbar-track {
  background: #ccc;
}

.mainTbl::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
  border: 1px solid #ccc;
}




.mainTbl tr:nth-child(even) td {
    background: #fdebe2;
}

.mainTbl .bold{
    font-weight:bold;
}

.mainTbl a { border-bottom:1px #000 solid}




@media only screen and (max-width:480px) {
    .mainTblWrOut.openTbl .mainTbl{height:500px;}
    .mainTblWrOut .topNav .open, .mainTblWrOut .topNav .exel {visibility:hidden}
 }




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

    .mainTblWrOut.openTbl .arr.right { right:1%}
    .mainTblWrOut.openTbl .arr.left { left:1%}
}


@media only screen and (max-width:1124px) {
    .mainTblWrOut.openTbl .topNav {        padding-bottom:2%;    }



}

@media only screen and (max-width:480px) {
    :root {
        --MainBG: #fff1e5;
        --mainRed:#97133f;
    }
    @font-face {
        font-family: 'OpenSansHebrew';
        font-style: normal;
        font-weight: 400;
        src: url(/Static/fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf) format('truetype');
    }

    @font-face {
        font-family: 'OpenSansHebrewBold';
        font-style: normal;
        font-weight: 700;
        src: url(/Static/fonts/OpenSansHebrew/OpenSansHebrew-Bold.ttf) format('truetype');
    }



    
    .mainTbl td:nth-child(1) {
        background: #484848 !important;
        color: #fff1e5
    }
    .mainTbl th  {
        background: #fff1e5;
    }

    .mainTblWrOut .arr {width:25px; height:110px}
    .mainTblShowMore {
        background: #fff1e5;

    }


.mainTblWr.o {
    height: calc(100vh + 155px) !important;
}

.mainTblWrOut.openTbl {
    
    padding: 40px 5%;
    width:90%;
    top:0;
}
    .mainTblWrOut.openTbl .mainTbl.stickyTbl {
        background: #fff1e5;
        top: 42px;
        left: 5%;
        width: 90%;
        overflow:scroll
    }
    .mainTblWrOut.openTbl .topNav {
        left: 5%;
        width: 90%;
        top: 0;
        padding-top: 10px;
        background: #fff1e5;
    }
      
    .mainTblWrOut.openTbl .arr.right {right:0}
    .mainTblWrOut.openTbl .arr.left {left:0} 

    .mainTbl .mainTblTR span.up {
        background: url(https://res.cloudinary.com/globes/image/upload/v1627284003/Digital/icons/sorting-up-m_khuxox.svg) no-repeat 0 0;
    }

    .mainTbl .mainTblTR span.down {
        background: url(https://res.cloudinary.com/globes/image/upload/v1627284003/Digital/icons/sorting-down-m_ezjvfb.svg) no-repeat 0 0;
    }
    .mainTblWrOut .arr.left {left:-15px;}
    .mainTblWrOut .arr.right {right:-15px;}

     .mainTblWrOut .arr.fx.left {left:0 !important;}
    .mainTblWrOut .arr.fx.right {right:0 !important; margin-right:0 !important}

    .mainTblShowMore span:before {right: 61px;}
    .mainTblShowMore span:after {left: 61px;}
    .mainTblShowMore.o span {padding:3px 9px}

    .mainTblShowMore span, .mainTblShowMore span:hover  {
        color: var(--mainRed) !important;
        background: #fff1e5 !important;
    }

    .mainTblShowMore.o  span:before {right: 46px;}
    .mainTblShowMore.o  span:after {left:46px}

    .mainTblWrOut .arr.disable {background-color:#cf849d}
    .mainTblWrOut .topNav .searchTbl input {width:60%}


} /* end 480 */

/* en */
#wrap .mainTbl, #wrap .mainTblWrOut .topNav .searchTbl { direction: ltr;}
#wrap .mainTbl * {font-family: 'Open Sans',Arial,Helvetica,sans-serif;}
#wrap .mainTbl td { text-align:left}
#wrap .mainTbl:after {
    background-image: linear-gradient( 87deg, #fff0 0%, rgb(255 255 255 / 43%) 100%);
    left: auto;
    right: 0;
    width: 75px;
}
#wrap .mainTbl td:nth-child(1), #wrap .mainTbl th:nth-child(1) {text-align:center; left: 0; right: auto}
#wrap .mainTblShowMore span:before {
    margin-left: 0;
    margin-right: -100%;
    left: 94px;
    right: auto
}
#wrap .mainTblShowMore span:after {
    margin-left: -100%;
    margin-right: 0;
    right: 94px;
    left: auto
}
#wrap .mainTblShowMore {
    padding-top: 5px;
    padding-bottom: 4px;
}
#wrap .mainTblWrOut .arr.right {right: -50px}
#wrap .mainTblWrOut .arr.left {left: -50px;}

.mainTblWrOut .arr.left.fx {position:fixed; left:auto; right:auto;margin-right: 680px; }
#wrap .mainTblWrOut .arr.right.fx { margin-left:640px; margin-right:0; right:auto}
.mainTblWrOut .arr.right.fx {position:fixed; left:auto; right:auto; margin-right: -50px;  }
#wrap .mainTblWrOut .arr.left.fx { margin-left: -48px; margin-right: 0; left:auto} 

#wrap .mainTbl th {
    text-align: left;
    font-size: 15px;
    line-height:1;
}
#wrap .mainTbl td {
    font-size: 15px
}
#wrap .mainTblWrOut .topNav {
    direction: rtl
}
#wrap .mainTblWrOut {    width: 633px;}





@media only screen and (max-width:480px) {
    #wrap .mainTblWrOut .arr.right {right: 0}
    #wrap .mainTblWrOut .arr.left {left: 0;}
    #wrap .mainTblWrOut { width: 100%; }
    .mainTblWrOut.openTbl .mainTbl {overflow-x:scroll !important}
    .mainTbl:-webkit-scrollbar {display:none}

    #wrap .mainTblWrOut .arr.right.fx {
        position: fixed;
        right:0;
        
    }

    #wrap .mainTblWrOut .arr.left.fx {
        position: fixed;
        left:0; margin:0
    } 


}