@font-face {
    font-family: mainFont;
    src: url(../fonts/AlmoniNeueDL4.0AAA-Regular.otf);
}

@font-face {
    font-family: boldFont;
    src: url(../fonts/AlmoniDLAAA-Bold.otf);
}


.error {
    text-align: center;
    color: red;
}

body {
    font-family: mainFont !important;
    /*/*background:#525659;*/
    background: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
    background-color: #000000 !important;
}

.loginInputStyle input {
    height: 45px !important;
    font-size: 1.4em !important;
}
/*body, html {
    height: 100%
}*/
.navbar-nav > li {
    padding: 10px 0;
}

    .navbar-nav > li > a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-decoration: underline;
    }

.body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.direction {
    /*position:absolute;
    bottom:10px;
    left:0;
    right:0;*/
    margin: auto auto 10px;
}

    .direction li {
        /*padding-top: 15px;
    padding-bottom: 15px;*/
    }

.powerCardFormWrap {
    /*margin: 3em 14em;*/
    /*background: #fff;*/
    min-height: 100px;
    /*box-shadow: 0px 0px 6px #000;*/
    padding-bottom: 25px;
}

.height5 {
    height: 5px !important;
}

.gradientLine {
    height: 10px;
    width: 100%;
    background: linear-gradient(to right, #C7DA2D 0, #C7DA2D 33%, #7B2A91 33%, #7B2A91 66%, #F47F1B 66%, #F47F1B 100%);
}

.marginBottom50 {
    margin-bottom: 82px;
}

.powerCardForm {
    /*margin: 0 30%;*/
    margin: 4em auto 0;
    width: 600px;
    min-height: 300px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 2px #E1E1E1;
    background: linear-gradient(to bottom, #ffffff, #F1EFF0);
}

.transTableWrap {
    /*margin: 0px 17%;*/
    margin: 2em auto;
    width: 600px;
    min-height: 300px;
    padding: 2em 5em;
    box-shadow: 0px 0px 10px 2px #E1E1E1;
    background: linear-gradient(to bottom, #ffffff, #FAFAFA);
}

.innerFormContent {
    padding: 1em 9em;
    text-align: center;
}

.hr {
    height: 3px;
    background: #000;
    margin: 10px auto;
}

.orangeColor {
    color: #F38321;
}

.blackColor {
    color: #000;
}

.titleTrans {
    text-align: center;
    font-size: 4.3em;
    font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
    margin: 0 1em;
}

.topTitle {
    font-weight: bolder;
}

    .topTitle > img {
        width: 100%;
    }

.bottomContent {
    font-weight: bolder;
}

    .bottomContent > div.firstTitle > p {
        font-size: 3.24em;
        margin: 0;
        font-family: 'Almoni Tzar AAA', Arial, sans-serif;
    }

    .bottomContent div.secondTitle > p {
        font-size: 2em;
        margin: 0;
        font-family: 'Almoni Tzar AAA', Arial, sans-serif;
    }

.inputClass > input {
    border-radius: 10px;
    /*margin: 35px auto;*/
    height: 65px;
    width: 100%;
    border: 1.5px solid #DDDBD9;
    text-align: center;
    font-size: 2em;
    font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
    outline: none;
}

.thirdTitle {
    color: #989898;
}

    .thirdTitle a {
        text-decoration: underline;
        color: #989898;
    }

.sendButton {
    width: 100%;
    position: relative;
    color: #c3a272;
    text-align: match-parent;
    padding: 10px;
    display: flex;
    position: relative;
}

    .sendButton.posAbs input {
        position: absolute;
        top: -15px;
        font-family: 'Almoni Tzar AAA', Arial, sans-serif;
    }

    .sendButton.p20 input {
        padding: 20px;
    }

    .sendButton > input {
        /*position: absolute;*/
        background-color: #C3A272;
        color: #fff;
        font-size: 20pt;
        top: -30px;
        /*height: 44px;
        width: 130px;*/
        background-color: #C3A272;
        font-size: 20pt;
        left: 0;
        right: 0;
        margin: auto;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 0;
        direction: rtl;
        border-radius: 10px;
        box-shadow: 3px 3px 6px -1px #706e6e;
        font-size: 1.4em;
        font-weight: bold;
    }

        .sendButton > input:hover {
            background-color: #bc9662;
        }

.contentWrap {
    text-align: right;
    direction: rtl;
    font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
    font-size: 22px;
    /*line-height: 6px;*/
    padding-top: 25px;
    padding-right: 10px;
}

.bold {
    font-weight: bold;
}

.textBolder > p {
    font-family: 'Almoni Tzar AAA Bold', Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: 13px;
}

.paddingTop9 {
    padding-top: 9px;
}

.marginWrap {
    margin: 0 7em;
}

.height44 {
    height: 44px !important;
}

.marginWrap > div.inputClass > input {
    text-align: right;
    padding: 0 10px;
    direction: rtl;
}

.tableContent {
    margin-top: 20px;
}

    .tableContent > div > table.transGridView {
        width: 100%;
        text-align: right;
        font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
        font-size: 1.5em;
        border: none;
        border-collapse: collapse;
        border-radius: 10px;
        overflow: hidden;
    }

    .tableContent table.transGridView th, .tableContent table td {
        padding: 10px;
        border: none;
        border-bottom: 2px solid #9395A1;
    }

    .tableContent table.transGridView th {
        font-size: 1.1em;
        font-family: 'Almoni Tzar AAA Bold', Arial, sans-serif;
    }

    .tableContent table.transGridView tr {
        border-color: #BEBFC1;
        /*color: #BEBFC1;*/
    }

td > table > tbody > tr {
    box-shadow: none !important;
}

    td > table > tbody > tr > td {
        background: #FBFBFB;
    }

        td > table > tbody > tr > td > span, td > table > tbody > tr > td > a {
            color: black;
            font-weight: bold;
            text-decoration: none;
            font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
            font-size: 1.5em;
        }

td > table {
    margin: auto;
    direction: rtl;
}

.tableContent table.transGridView tr:first-child {
    box-shadow: 1px 2px 5px #3A3A3A;
}

    .tableContent table.transGridView tr:first-child th {
        border-bottom: none;
    }

.tableContent table.transGridView tr:first-child {
    -moz-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

    .tableContent table.transGridView tr:first-child > th:last-child {
        -moz-border-bottom-right-radius: 15px;
        border-bottom-right-radius: 15px;
        background: url("../img/gradient-right.jpg") no-repeat center right;
    }

    .tableContent table.transGridView tr:first-child > th:first-child {
        -moz-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px;
        background: url("../img/gradient-left.jpg") no-repeat left center;
    }

.tableContent table tr td:first-child {
    /*color: #9395A1;*/
    border-bottom: 2px solid #9395A1;
}

.tableContent table.transGridView tr:nth-last-child(2) > td {
    border-bottom: 2px solid #EA7924;
}

.tableContent table.transGridView tr:last-child > td {
    border: none;
}

.tableContent > div > table.transGridView tr:first-child {
    /*background:linear-gradient(to top, #000000 0% 50%,#757575 50% 100%);*/
    background: linear-gradient(to top, #000000 0% 50%,#757575 50% 100%);
    color: #fff;
}

    .tableContent > div > table.transGridView tr:first-child > th, .tableContent > div > table.transGridView tr > td:first-child > span {
        padding-right: 25px;
    }

.dropDownBlock {
    text-align: right;
    padding-top: 40px;
    font-size: 27px;
    font-family: 'Almoni Tzar AAA Light', Arial, sans-serif;
    font-weight: bold;
}

#itemsDropDown {
    background: url("../img/caret-down.png") no-repeat #EDEDEE center left;
    border: none;
    font-family: 'Almoni Tzar AAA Bold', Arial, sans-serif;
    font-size: 1.1em;
    padding: 5px 10px;
    -webkit-appearance: none;
    border-radius: 10px;
    direction: rtl;
    outline: none;
    width: 70px;
    cursor: pointer;
    margin: 0 7px;
}

.bottom-text {
    /*margin: 3.3em 37em;*/
    margin: 3.3em 32%;
    text-align: center;
    direction: rtl;
    font-size: 0.8em;
    font-family: 'Almoni Tzar AAA', Arial, sans-serif;
}

.pagingTextLabel {
    display: block;
    color: #EB7924;
    font-family: 'Almoni Tzar AAA Bold', Arial, sans-serif;
    margin: 5px -35px 20px 0;
    direction: rtl;
}

.paging-wrap {
    text-align: center;
}

.flex-style {
    display: flex;
    flex-direction: column;
}

div.paging-wrap > a {
    text-decoration: none;
}

#noPagingText {
    margin-right: 0px;
    font-size: 1.5em;
    border-top: 2px solid #EB7924;
    padding-top: 15px;
}

td.pagerAndText span:last-child {
    width: 100%;
    display: block;
    text-align: center;
}

.imgNextPrevButton {
    margin: -7px 5px;
    cursor: pointer;
}

.pagerAndText, .pagerAndText a {
    font-family: 'Almoni Tzar AAA', Arial, sans-serif;
    color: #000;
}

.lineThrough {
    text-decoration: line-through;
}

@media only screen and (max-width: 1023px) {
    body {
        background-size: cover !important;
        background-position: top;
        background: url(../img/mobileBG2.jpg) center;
        background-color: #000 !important;
        background-repeat: no-repeat !important;
    }

    .inputClass > input {
        font-size: 3em;
    }

    .powerCardForm {
        /*margin: 0px 1.5em;*/
        width: 85%;
        margin: 27em auto 0;
    }

    .bottom-text {
        margin: 2.3em 3.5em;
        font-size: 2rem;
    }
    /*.powerCardWrap{
        height: 100vh;
    }*/
    .contentWrap {
        font-size: 60px;
    }

    .bottomContent div.secondTitle > p {
        font-size: 3em !important;
    }

    .sendButton.posAbs input {
        width: 200px !important;
        height: 70px;
        font-size: 3em;
    }

    .navbar-nav > li > a {
        line-height: 1 !important;
        font-size: 3em !important;
    }
}



.bottomMenu {
    display: flex;
    width: auto;
    justify-content: center;
    margin-top: 4em;
    flex-direction: row !important;
}

    .bottomMenu li {
        border-left: 1px solid #c3a272;
        min-width: 150px;
        text-align: center
    }

@media screen and (min-width: 1024px) {
    .powerCardForm {
        /*margin:0 17%;*/
    }
    /*.bottom-text    {
        margin: 3.3em 20em;
    }*/
    /*.transTableWrap{
            margin: 0px 6%;
    }*/
}