/* Minification failed. Returning unminified contents.
(175,22): run-time error CSS1039: Token not allowed after unary operator: '-Background-neutral-default'
(592,12): run-time error CSS1038: Expected hex color, found '#FFFF'
(1361,26): run-time error CSS1039: Token not allowed after unary operator: '-Background-neutral-default'
(2380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3513,17): run-time error CSS1038: Expected hex color, found '#FFFF'
(4037,26): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*FONT ICON
============================================= */

@font-face {
    font-family: "dikla";
    src: url("fonts/fonts-icon/dikla.eot");
    src: url("fonts/fonts-icon/dikla.eot?#iefix") format("embedded-opentype"), url("fonts/fonts-icon/dikla.woff") format("woff"), url("fonts/fonts-icon/dikla.ttf") format("truetype"), url("fonts/fonts-icon/dikla.svg#dikla") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "dikla" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "dikla" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-add-button-inside-black-circle:before {
    content: "\62";
    vertical-align: text-top;
}

.icon-checked:before {
    content: "\63";
    vertical-align: text-top;
    cursor: text;
}

.icon-delete:before {
    content: "\64";
    vertical-align: text-top;
}

.icon-happy:before {
    content: "\65";
}

.icon-icon:before {
    content: "\66";
}

.icon-israel-menorah:before {
    content: "\67";
}

.icon-minus-symbol-inside-a-circle:before {
    content: "\68";
}

.icon-question-mark-in-dark-circle:before {
    content: "\69";
}

.icon-shopping-cart-of-checkered-design:before {
    content: "\6b";
}

.icon-alert:before {
    content: "\61";
}

.icon-ic-date:before {
    content: "\6a";
}

.icon-govil-menorah:before {
    content: "\6c";
}

.icon-govil:before {
    content: "\6d";
}

.icon-arrow-down {
    background: url('svg/arrow_down.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.icon-arrow-up {
    background: url('svg/arrow_up.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.icon-trash {
    background: url('svg/trash.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 16px;
    width: 16px;
}


/*FONT FAMILY REFORMA
============================================= */
/*@font-face {
    font-family: 'Reforma';
    src: url("fonts/Reforma.eot");*/
/* IE9 Compat Modes */
/*src: url("fonts/Reforma.eot?#iefix") format("embedded-opentype"), url("fonts/Reforma.ttf") format("truetype"), url("fonts/Reforma.svg#svgFontName") format("svg");*/
/* Legacy iOS */
/*}*/

/*@font-face {
    font-family: 'ReformaMedium';
    src: url("fonts/ReformaMedium.eot");*/
/* IE9 Compat Modes */
/*src: url("fonts/ReformaMedium.eot?#iefix") format("embedded-opentype"), url("fonts/ReformaMedium.ttf") format("truetype"), url("fonts/ReformaMedium.svg#svgFontName") format("svg");*/
/* Legacy iOS */
/*}*/

@font-face {
    font-family: 'Rubik';
    font-weight: 400,700;
    src: url(fonts/Rubik-VariableFont_wght.ttf) format('truetype');
}

/*VARIABLES
============================================= */
/*THEME COLOR
============================================= */
.svg-class svg {
    fill: white;
    color: white;
}

body {
    font-family: Rubik;
    color: #0C3058;
    font-size: 16px;
    background-color: #F5F8FA;
}

.form-gov {
    padding: 20px 10px;
    box-shadow: 0 4px 7px #0000001A;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.white-box {
    display: flex;
    border-radius: 8px;
    background: var(--Background-neutral-default, #FFF);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 27px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 36px;
    flex-shrink: 0;
}

.light-red-box {
    display: flex;
    border-radius: 8px;
    border: 1px solid #C93435;
    background: rgba(255, 57, 33, 0.04);
    gap: 8px;
    padding: 16px;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
}

.flex-box-8 {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.h1, .h2, .h3, h1, h2, h3, ul {
    margin: 0;
    padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: unset;
}

.h4, .h5, .h6, h4, h5, h6, p {
    margin: 0;
}

.text-decoration {
    text-decoration: underline;
}

.text-decoration-none {
    text-decoration: none;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.ltr {
    direction: ltr;
    text-align: left;
}

a {
    color: #0C3058;
}

    a :focus {
        outline: 2px auto #0C3058;
        outline-offset: -2px;
    }

.nav a {
    color: white;
}

i {
    vertical-align: middle;
}

ul.list-unstyled {
    list-style-type: none;
}

/* INLINE BLOCK
============================================= */
.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

/* Errors
 ============================================= */
.error {
    border: 2px solid #b60000;
}

.error-txt {
    color: #b60000;
}

/*  STRIPS
============================================= */
.dark-strip {
    background: #263c4a;
    padding: 7px;
    color: white;
}

.light-strip {
    /*background: #e8f3fa;
    border-right: 4px solid #285c7e;
    padding-top: 20px;
    padding-bottom: 20px;*/
    padding: 7px;
}

.light-3borders {
    border-right: 2px solid #0068f5;
    border-left: 2px solid #0068f5;
    border-bottom: 2px solid #0068f5;
}

.light-strip.h4 {
    color: #293843 !important;
}

.blue-strip {
    height: 100px;
    background-color: #285c7e
}

/*TYPOGRAPHY
============================================= */
.bold {
    font-weight: bold;
}

.base-title, .h1, .h2, .h3, .h4 {
    /*font-family: Reforma;*/
    /*font-family: Arial;*/
    color: #285c7e;
}

/*TYPOGRAPHY TITLES*/
.description-txt {
    /*font-size: 19px;*/
    /*font-family: Arial;*/
}

/*.txt {
    font-size: 16px;*/
/*font-family: Arial;*/
/*}*/



.download-txt {
    font-size: 17px;
    color: #285c7e;
}

    .download-txt:hover {
        text-decoration: underline;
    }

    .download-txt:visited {
        text-decoration: #263c4a;
    }

.reforma {
    font-weight: normal;
}

.reforma-medium {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}

.font-regular {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.font-medium {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 500;
}

.font-xx-medium {
    font-size: 24px;
    letter-spacing: 0;
    font-weight: 600;
}

.arial {
    font-family: Arial;
    font-weight: normal;
}

.line-height-zero {
    line-height: 0;
}

.line-height-1 {
    line-height: 1;
}

/*BORDER
============================================= */
.border-none {
    border: none;
}

/*ICON ALIGN
============================================= */
.vertical-align-middle {
    vertical-align: middle;
}

/*LEFT RIGHT
============================================= */
.left {
    float: left;
}

.right {
    float: right;
}

/*BACKGROUND
============================================= */
.background-none {
    background: none;
}

.blue {
    background: #0068F5;
}

.dark-blue {
    background: #263c4a;
}

.light-blue {
    background: #b8d3e4;
}

.dark-gray {
    background: #272727;
}

.gray {
    background: #595959;
}

.green {
    background: #1f6418;
}

.white {
    background: white;
}

.gray-light {
    background: #e0e0e0;
}

.gray-white {
    background: #f0f0f0;
}

/*TXT COLOR
============================================= */
.blue-txt {
    color: #0068F5;
}

.dark-blue-txt {
    color: #263c4a;
}

.dark-gray-txt {
    color: #272727;
}

.gray-txt {
    color: #687E97;
}

.green-txt {
    color: #1f6418;
}

.white-txt {
    color: white;
}

.red-txt {
    color: #b60000;
}

/* A LINKS
============================================= */
a.white-txt:hover, a.white-txt:focus {
    color: white;
}

/*a.ordinary-link:visited {
    color: #285c7e;
}*/

.nounderline {
    text-decoration: none;
}

    .nounderline:hover, .nounderline:visited, .nounderline:active, .nounderline:link {
        text-decoration: none;
    }

    .nounderline .yes-under {
        text-decoration: underline;
    }

    .nounderline .no-under {
        text-decoration: none;
    }

    .nounderline .yes-under-hover:hover {
        text-decoration: underline;
    }

.underline {
    text-decoration: underline;
}

.underline-text-not-icon i:hover {
    text-decoration: none;
}

.underline-text-not-icon span:hover {
    text-decoration: underline;
}

.hoverunderline:hover {
    text-decoration: underline;
}

.hovernounderline:hover {
    text-decoration: none;
}

.disabled-pointer {
    pointer-events: none;
    opacity: 0.8;
}
/*PLACEHOLDERS DEFINITION*/
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #595959 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #595959 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #595959 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #595959 !important;
}

/* CHANGE BOOTSTRAP INITIAL ROW NEGATIVE MARGIN
============================================= */
.row-gov {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* NESTING COL
============================================= */
/***<div class="row row-gov no-gutters ">****/
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

    .row.no-gutters > [class^="col-"],
    .row.no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

/* BUTTONS
============================================= */
.btn.button-gov {
    background: #0068F5;
    color: #FFFF;
}

.btn:active.button-gov {
    background: radial-gradient(50% 134.38% at 50% 50%, #0068F5 0%, #0065ED 10%, #0061E5 20%, #005EDD 30%, #005AD5 40%, #0057CD 50%, #0054C4 60%, #0050BC 70%, #004DB4 80%, #0049AC 90%, #0046A4 100%);
}

.btn:hover.button-gov {
    background: #0056D7;
}

btn:focus.button-gov {
    border: 2px solid #99C2FB;
    background: #0056D7;
}

.btn:disabled.button-gov {
    background: #B5C0CC;
}

.button-gov, .primary-button, .secondary-button, .bold-button, .cal-button, input[type="button"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
    padding: 0;
    height: 48px;
    width: 128px;
    line-height: 30px;
    border-radius: 8px;
    text-align: center;
    border: none;
}

input[type="submit"] {
    padding: 0;
    height: 48px;
    line-height: 30px;
    border-radius: 8px;
    text-align: center;
    border: none;
}

.primary-button {
    color: white;
}

.secondary-button {
    background: white;
    color: #285c7e;
}

.bold-button {
    background: #1f6418;
    color: white;
}

.cal-button {
    background: #1250b5;
    color: white;
    width: 240px;
    height: 40px;
}

.btn-group > .btn {
    white-space: normal;
}

/*  LABLE */
label {
    color: #49647d;
}

/*change bootstrap datepicker style
============================================*/

/*  INPUT
============================================= */
input[type="text"], input[type="email"], input[type="select"], input[type="tel"], input[type="password"], .select {
    display: flex;
    padding: 12px 16px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #BBBBCB;
    background: #FFF;
    height: 46px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
    width: 100%;
}

select.select::-ms-expand {
    display: none;
}

.select {
    background-image: url(img/ic_down.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

html[dir=ltr] .select {
    padding-left: 10px;
    padding-right: 35px;
}
/*  ERROR
============================================= */
input[type="text"].error, input[type="email"].error, input[type="select"].error, input[type="tel"].error, input[type="password"].error, .select.error, select.error, input[type="text"].ng-invalid.ng-touched, input[type="tel"].ng-invalid.ng-touched, input[type="email"].ng-invalid.ng-touched, input[type="password"].ng-invalid.ng-touched, select.ng-invalid.ng-dirty {
    border: 1px solid #C93435;
}

.error-txt {
    color: #b60000;
}

[tooltip] i.icon-question-mark-in-dark-circle {
    font-size: 22px;
}



/*  SHOW AND HIDE
============================================= */
.hide {
    display: none;
}

.show {
    display: block;
}

/* HORIZONTAL
============================================= */
.horizontal-line {
    border-bottom: 1px solid #C3CFE7;
    height: 1px;
}

/* REMOVING LAST PADDING OR MARGIN FROM ITEM LIST
============================================= */
.remove-last-space > div:last-child, .remove-last-space li:last-child, .remove-last-space span:last-child, .remove-last-space a:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* IMAGE
============================================= */
.img-responsive.width100 {
    width: 100%;
}

/*BORDER BOX
============================================= */
.border-box {
    border: 1px solid #272727;
}

.border-blue {
    border-bottom: 1px solid #263c4a;
}

/* DATE INPUT
============================================= */
/* WIDTH
============================================= */
.width-100 {
    width: 100%;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: 33%;
}

.width-90 {
    width: 90%;
}

.width-80 {
    width: 80%;
}

.width-10 {
    width: 10%;
}

.width-5 {
    width: 5%;
}

.width-inherit {
    width: inherit !important;
}

.max-width-50 {
    max-width: 50%;
}

/* height
============================================= */


/*MARGIN 
================================================== */
.m-t-b-10 {
    margin: 10px 0;
}

/*VISIBLE IE
============================================= */
.visible-ie {
    display: none !important;
}

.visible-all {
    display: block !important;
}

.ie .visible-all {
    display: none !important;
}

.ie .visible-ie {
    display: block !important;
}

/*SUPPORT FLEX */


body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

my-app, app {
    display: -webkit-box;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

article {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}


.center-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.start-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.end-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.strech-flex {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-icon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-items {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
/*FOOTER
============================================= */
/*footer .sep {
    color: white;
}*/

/*footer .second-strip {
    -webkit-box-shadow: -2px -4px 32px black;
    -mox-box-shadow: -2px -4px 32px black;
    box-shadow: -2px -4px 32px black;
}*/

/*HEADER
============================================= */
header .navbar {
    margin: 0;
}

header .navbar-toggle {
    float: right;
}

header .icon-bar {
    background-color: white !important;
}

header .nav a {
    background-color: transparent !important;
}

.basket-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .basket-row h3 {
        margin: 0;
        flex: 0 1 auto; /* Allow items to shrink and grow, but don't force them to take up full space */
    }
        

        .basket-template button {
            font-size: 14px;
            padding: 8px;
        }


/*MAGIC RADIO BUTTONS
  ==========================================*/
@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #3e97eb;
    }
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    /* display: none;*/
    opacity: 0;
}

    .magic-radio[disabled],
    .magic-checkbox[disabled] {
        cursor: not-allowed;
    }

    .magic-radio + label,
    .magic-checkbox + label {
        position: relative;
        display: block;
        padding-right: 30px;
        vertical-align: middle;
    }

        .magic-radio + label:hover:before,
        .magic-checkbox + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color;
        }

        .magic-radio + label:before,
        .magic-checkbox + label:before {
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            content: '';
            border: 1px solid #c0c0c0;
        }
/*       .magic-radio:focus + label, .magic-checkbox:focus + label {
           outline: 1px solid black;
        }*/
input.magic-radio:focus + label::before, input.magic-checkbox:focus + label::before {
    box-shadow: 0 0 0 3px #ffbf47;
    outline: 3px solid transparent;
}

/*
*:focus:not(.focus-visible) {
    outline: none;
}*/

.magic-radio + label:after,
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

    .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
    .magic-checkbox[disabled] + label:hover,
    .magic-checkbox[disabled] + label:before,
    .magic-checkbox[disabled] + label:after {
        cursor: not-allowed;
    }

        .magic-radio[disabled] + label:hover:before,
        .magic-checkbox[disabled] + label:hover:before {
            border: 1px solid #e4e4e4;
            animation-name: none;
        }

    .magic-radio[disabled] + label:before,
    .magic-checkbox[disabled] + label:before {
        border-color: #e4e4e4;
    }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
    animation-name: none;
}

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
    display: block;
}

.magic-radio + label:before {
    border-radius: 50%;
}

.magic-radio + label:after {
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #23527c;
}

.magic-radio:checked + label:before {
    border: 2px solid #23527c;
    cursor: pointer;
}

.magic-radio:checked[disabled] + label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled] + label:after {
    background: #c9e2f9;
}

.magic-checkbox + label:before {
    border-radius: 3px;
}

.magic-checkbox + label:after {
    top: 2px;
    right: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-right: 0;
}

.magic-checkbox:checked + label:before {
    border: #3e97eb;
    background: #3e97eb;
}

.magic-checkbox:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}
/*RADIO*/
/*checkbox spaces*/

input[type="checkbox"], .checkbox-inline {
    /*margin-right:0!important;*/
    margin: 6px 0 0 10px;
}

.loading img {
    position: fixed;
    top: 50vh;
    left: 50vw;
    z-index: 999;
}

.check-long-label label {
    max-width: 94%;
}

.check-long-label input[type='checkbox'] {
    vertical-align: top;
}

.anchor-style-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    /*font-family: arial, sans-serif;*/
    /*input has OS specific font-family*/
    color: #069;
    cursor: pointer;
    min-height: unset;
}

    .anchor-style-button:hover {
        text-decoration: underline;
    }

/*XS-SM
============================================= */
@media (min-width: 220px) {
    /*CHANGE BOOTSTRAP INITIAL CONTAINER PADDING
============================================= */
    .container-gov {
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
        max-width: 100%
    }
    /* CHANGE BOOTSTRAP INITIAL COL  PADDING
============================================= */
    /*div[class^="col-"] {
        padding-left: 0;
        padding-right: 0;
    }*/

    .row.row-gov.left-right-gutters > div[class^="col-"], .row.row-gov.left-right-gutters > div[class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

    .row.row-gov.left-gutters > div[class^="col-"],
    .row.row-gov.left-gutters > div[class*="col-"], .row.row-gov.left-gutters-mobile > div[class^="col-"],
    .row.row-gov.left-gutters-mobile > div[class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

        .row.row-gov.left-gutters > div[class^="col-"]:last-child,
        .row.row-gov.left-gutters > div[class*="col-"]:last-child, .row.row-gov.left-gutters-mobile > div[class^="col-"]:last-child,
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:last-child {
            padding-right: 10px;
            padding-left: 0;
        }

        .row.row-gov.left-gutters > div[class^="col-"]:nth-of-type(1), .row.row-gov.left-gutters > div[class^="col-"]:first-of-type,
        .row.row-gov.left-gutters > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters > div[class^="col-"]:first-of-type, .row.row-gov.left-gutters-mobile > div[class^="col-"]:nth-of-type(1), .row.row-gov.left-gutters-mobile > div[class^="col-"]:first-of-type,
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters-mobile > div[class^="col-"]:first-of-type {
            padding-right: 0;
            padding-left: 10px;
        }

        .row.row-gov.left-gutters > div[class^="col-"]:only-of-type,
        .row.row-gov.left-gutters > div[class*="col-"]:only-of-type, .row.row-gov.left-gutters-mobile > div[class^="col-"]:only-of-type,
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:only-of-type {
            padding-right: 0;
            padding-left: 10px;
        }

    .row.row-gov.right-gutters > div[class^="col-"],
    .row.row-gov.right-gutters > div[class*="col-"], .row.row-gov.right-gutters-mobile > div[class^="col-"],
    .row.row-gov.right-gutters-mobile > div[class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

        .row.row-gov.right-gutters > div[class^="col-"]:last-child,
        .row.row-gov.right-gutters > div[class*="col-"]:last-child, .row.row-gov.right-gutters-mobile > div[class^="col-"]:last-child,
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:last-child {
            padding-right: 10px;
            padding-left: 0;
        }

        .row.row-gov.right-gutters > div[class^="col-"]:nth-of-type(1), .row.row-gov.right-gutters > div[class^="col-"]:first-of-type,
        .row.row-gov.right-gutters > div[class*="col-"]:nth-of-type(1), .row.row-gov.right-gutters > div[class^="col-"]:first-of-type, .row.row-gov.right-gutters-mobile > div[class^="col-"]:nth-of-type(1), .row.row-gov.right-gutters-mobile > div[class^="col-"]:first-of-type,
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:nth-of-type(1), .row.row-gov.right-gutters-mobile > div[class^="col-"]:first-of-type {
            padding-right: 10px;
            padding-left: 10px;
        }

        .row.row-gov.right-gutters > div[class^="col-"]:only-of-type,
        .row.row-gov.right-gutters > div[class*="col-"]:only-of-type, .row.row-gov.right-gutters-mobile > div[class^="col-"]:only-of-type,
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:only-of-type {
            padding-right: 10px;
            padding-left: 0;
        }
    /*TYPOGRAPHY*/
    .h1 {
        /*font-size: 40px;*/
        font-size: 38px;
    }

    .h2 {
        /*font-size: 35px;*/
        font-size: 33px;
    }

    .h3 {
        /*font-size: 29px;*/
        font-size: 28px
    }

    .h4 {
        /*font-size: 23px;*/
        font-size: 22px;
    }

    .small-txt {
        font-size: 12px;
        /*font-family: Arial;*/
    }

    /* WIDTH-ONLY-XS
============================================= */
    .xs-width-100 {
        width: 100%;
    }
    /* BUTTONS
============================================= */
    .button-gov, .primary-button, .btn.active, .secondary-button, .bold-button {
        min-width: auto;
    }

    .payment-type-button {
        display: flex;
        width: 100%;
        height: 75px;
        padding: 32px 24px;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
        line-height: 0.5;
        border-radius: 8px;
        border: 1px solid rgba(12, 48, 88, 0.16);
        background: var(--Background-neutral-default, #FFF);
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.10);
    }
    /* INPUT
============================================= */
    /*input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="select"], .select {
        width: 100%;
    }*/
    .select {
        width: 100%;
    }
    /* FAT-FINGER
============================================= */
    .fat-finger {
        font-size: 28px;
    }
    /* INLINE BLOCK
============================================= */
    .block-mobile {
        display: block !important;
    }

    .inline-mobile {
        display: inline !important;
    }

    .inline-block-mobile {
        display: inline-block !important;
    }

    .flex-mobile {
        display: flex !important;
    }
    /* FOOTER
============================================= */


    div[class^="col-xs"] .border-bottom {
        border-bottom: 1px solid #fff;
    }

    .center-flex-mobile {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }


    /*date picker table middle*/
    .well > daypicker > table, .well > monthpicker > table, .well > yearpicker > table {
        margin: auto;
    }

    .vertical-flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    /*strips*/
    .light-strip {
        padding-right: 10px;
    }


    /*.ui-datatable-tablewrapper .ui-row-toggler {
        display:none;
    }*/
    /*.rowexpansion-mobile {
    display:block;
    }

    .ui-datatable-tablewrapper td:last-child > span.ui-column-title {
        display: none;
    }*/

}

/*MD-LG
============================================= */
@media (min-width: 992px) {
    .small-txt {
        font-size: 15px;
        /*font-family: Arial;*/
    }
    /*CHANGE BOOTSTRAP INITIAL CONTAINER PADDING
============================================= */
    .container-gov {
        padding-right: 20px;
        padding-left: 20px;
    }
    /* CHANGE BOOTSTRAP INITIAL COL  PADDING
============================================= */
    div[class^="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .row.row-gov.left-right-gutters > div[class^="col-"], .row.row-gov.left-right-gutters > div[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .row.row-gov.no-gutters-dsk > div[class^="col-"] {
        padding-right: 0px;
        padding-left: 0px;
    }

    .row.row-gov.right-gutters-mobile > div[class^="col-"],
    .row.row-gov.right-gutters-mobile > div[class*="col-"], .row.row-gov.left-gutters-mobile > div[class^="col-"],
    .row.row-gov.left-gutters-mobile > div[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }

        .row.row-gov.right-gutters-mobile > div[class^="col-"]:last-child,
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:last-child, .row.row-gov.left-gutters-mobile > div[class^="col-"]:last-child,
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:last-child {
            padding-right: 20px;
            padding-left: 20px;
        }

        .row.row-gov.right-gutters-mobile > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters-mobile > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:nth-of-type(1) {
            padding-right: 20px;
            padding-left: 20px;
        }

        .row.row-gov.right-gutters-mobile > div[class^="col-"]:only-of-type,
        .row.row-gov.right-gutters-mobile > div[class*="col-"]:only-of-type, .row.row-gov.left-gutters-mobile > div[class^="col-"]:only-of-type,
        .row.row-gov.left-gutters-mobile > div[class*="col-"]:only-of-type {
            padding-right: 20px;
            padding-left: 20px;
        }

    .row.row-gov.left-gutters > div[class^="col-"],
    .row.row-gov.left-gutters > div[class*="col-"], .row.row-gov.left-gutters-dsk > div[class^="col-"],
    .row.row-gov.left-gutters-dsk > div[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }

        .row.row-gov.left-gutters > div[class^="col-"]:last-child,
        .row.row-gov.left-gutters > div[class*="col-"]:last-child, .row.row-gov.left-gutters-dsk > div[class^="col-"]:last-child,
        .row.row-gov.left-gutters-dsk > div[class*="col-"]:last-child {
            padding-right: 20px;
            padding-left: 0;
        }

        .row.row-gov.left-gutters > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.left-gutters > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters-dsk > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.left-gutters-dsk > div[class*="col-"]:nth-of-type(1) {
            padding-right: 0;
            padding-left: 20px;
        }

        .row.row-gov.left-gutters > div[class^="col-"]:only-of-type,
        .row.row-gov.left-gutters > div[class*="col-"]:only-of-type, .row.row-gov.left-gutters-dsk > div[class^="col-"]:only-of-type,
        .row.row-gov.left-gutters-dsk > div[class*="col-"]:only-of-type {
            padding-right: 0;
            padding-left: 20px;
        }

    .row.row-gov.right-gutters > div[class^="col-"],
    .row.row-gov.right-gutters > div[class*="col-"], .row.row-gov.right-gutters-dsk > div[class^="col-"],
    .row.row-gov.right-gutters-dsk > div[class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }

        .row.row-gov.right-gutters > div[class^="col-"]:last-child,
        .row.row-gov.right-gutters > div[class*="col-"]:last-child, .row.row-gov.right-gutters-dsk > div[class^="col-"]:last-child,
        .row.row-gov.right-gutters-dsk > div[class*="col-"]:last-child {
            padding-right: 20px;
            padding-left: 0;
        }

        .row.row-gov.right-gutters > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.right-gutters > div[class*="col-"]:nth-of-type(1), .row.row-gov.right-gutters-dsk > div[class^="col-"]:nth-of-type(1),
        .row.row-gov.right-gutters-dsk > div[class*="col-"]:nth-of-type(1) {
            padding-right: 20px;
            padding-left: 20px;
        }

        .row.row-gov.right-gutters > div[class^="col-"]:only-of-type,
        .row.row-gov.right-gutters > div[class*="col-"]:only-of-type, .row.row-gov.right-gutters-dsk > div[class^="col-"]:only-of-type,
        .row.row-gov.right-gutters-dsk > div[class*="col-"]:only-of-type {
            padding-right: 20px;
            padding-left: 0;
        }
    /*auto clearfix row*/
    .auto-clearfix > .clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }



    /*TYPOGRAPHY*/
    .h1 {
        /*font-size: 55px;*/
        font-size: 53px;
        line-height: 1;
    }

    .h2 {
        /*font-size: 43px;*/
        font-size: 41px;
        line-height: 1;
    }

    .h3 {
        /*font-size: 32px;*/
        font-size: 31px;
        line-height: 1;
    }

    .h4 {
        /*font-size: 23px;*/
        font-size: 22px;
        line-height: 1;
    }
    /* NAV-BAR HEADER
============================================= */
    header .navbar-collapse {
        padding: 0;
    }


    /* INPUT
============================================= */
    /*input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="select"], .select {
        width: 100%;
    }*/


    /* FAT-FINGER
============================================= */
    .fat-finger {
        /*font-size: initial;*/
        font-size: x-large;
    }

    /* INLINE BLOCK
============================================= */
    /* INLINE BLOCK
============================================= */
    .block-mobile {
        display: inherit !important;
    }

    .inline-mobile {
        display: inherit !important;
    }

    .inline-block-mobile {
        display: inherit !important;
    }

    .flex-mobile {
        display: inherit;
    }

    .block-dsk {
        display: block !important;
    }

    .inline-dsk {
        display: inline !important;
    }

    .inline-block-dsk {
        display: inline-block !important;
    }

    .flex-dsk {
        display: flex !important;
    }
    /* WIDTH
============================================= */
    .col-md-05 {
        width: 5%;
    }

    .xs-width-100 {
        width: initial;
    }

    /* STRIPS
============================================= */

    .light-strip {
        padding-right: 0;
    }

    /* FOOTER
============================================= */

    .center-flex-mobile {
        display: block;
    }

    .step-text {
        color: #6B6B8E;
    }

    .ui-datatable-tablewrapper .ui-row-toggler {
        display: inline-block;
    }
    /*.rowexpansion-mobile {
        display: none;
    }*/
}
/*lg*/
@media (min-width: 1400px) {
    .container-gov {
        max-width: 100%;
        width: 1100px;
    }
}



.border-top {
    border-top: 1px solid #fff;
}
/*explorer*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

    header .icon-govil-menorah::before {
        line-height: 0;
    }

    header .both-side {
        margin-top: 25px;
    }

    header .wellcome {
        margin-top: 0px !important;
    }

    .flex-mobile {
        display: none;
    }

    .first-strip.center-flex {
        display: block;
        padding-top: 12px;
    }


    .row-table-height.center-flex {
        display: block;
        padding: 10px;
    }

    .pt-5-ie {
        padding-top: 5px;
    }

    input[type='checkbox'], .checkbox-inline {
        margin: -1px 0 0 10px;
    }
}

/*@media print*/
@media print {
    /* All print styles go here */
    div[class^="col-"] {
        padding-left: 0px;
        padding-right: 0px;
    }

    div [class*="mb"] {
        margin-bottom: 10px !important;
    }

    header {
        margin-top: 10px;
    }

        header.right-side {
            float: right !important;
            color: black;
        }

    @page {
        size: a4;

        @bottom-right {
            content: counter(page) " of " counter(pages);
        }
    }


    footer, button, steps, .second-strip, header .left-side, .hidden-print {
        display: none !important;
    }

    .first-strip, .dark-blue.xs-pt-10 {
        border-bottom: 1px solid #272727;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    header .wellcome {
        display: inline-block !important;
    }

        header .wellcome span {
            display: block;
        }

    .light-strip {
        border-right: none !important;
        border-left: none !important;
        padding: 0 !important;
    }

    table.p-datatable-table {
        min-width: auto !important;
        page-break-before: auto;
        border: 1px solid black;
        table-layout: auto; /* Allow table width to adjust */
        font-size: 12px;
    }
        /* Handle page breaks within the table */
        table.p-datatable-table tr {
            page-break-inside: auto;
        }

        table.p-datatable-table td, table.p-datatable-table th {
            page-break-inside: avoid;
            padding: 5px;
        }

    .print-version {
        overflow: visible !important;
        float: none !important;
        position: fixed;
        left: 0px;
        top: 50px;
        display: block !important;
        height: 500px !important;
        font-size: small !important;
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .right-side a:not(.btn) {
        text-decoration: none !important;
    }
}
/*end @media print*/

.disable-rows-selection div.p-checkbox {
    cursor: not-allowed !important;
}

.disable-rows-selection div.p-checkbox-box {
    pointer-events: none !important;
    background-color: rgb(235, 235, 228) !important;
}

.disable-rows-selection div.p-radiobutton {
    cursor: not-allowed !important;
}

.disable-rows-selection div.p-radiobutton-box {
    pointer-events: none !important;
    background-color: rgb(235, 235, 228) !important;
}

.disable-rows-selection .edit-price-buttons-container.disable-row-bottons {
    cursor: not-allowed !important;
}

    .disable-rows-selection .edit-price-buttons-container.disable-row-bottons button {
        pointer-events: none !important;
        color: rgb(112, 112, 100) !important;
    }

.edit-price-buttons-container button {
    margin-left: 35px;
}
/* basket2  primeng template overrides
===========================================*/
.ui-datatable .ui-datatable-thead > tr > th {
    background: #263c4a;
    height: 50px;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: inherit !important;
    color: #ffffff !important;
}

.ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd {
    background-color: #e0e0e0 !important;
    min-height: 50px;
}

.ui-datatable tbody > tr.ui-widget-content {
    background-color: #f0f0f0 !important;
    min-height: 50px;
}

.ui-datatable .ui-datatable-thead > tr > th, .ui-datatable .ui-datatable-tfoot > tr > td, .ui-datatable .ui-datatable-data > tr > td {
    border-style: none !important;
    padding: .60em .5em !important;
}

.ui-datatable tbody > tr.ui-widget-content {
    border-color: #ffffff !important;
}

.p-datatable table {
    table-layout: inherit !important;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    margin-left: 0;
}
/*checkbox*/
.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
    border: 1px solid #263c4a !important;
    background: #ffffff !important;
    color: #263c4a !important;
}

.ui-chkbox-box.ui-state-active {
    border-radius: 0px !important;
}

.ui-chkbox .ui-chkbox-box, .ui-radiobutton-box {
    width: 1.5em !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
}

.fa-check:before, .fa-circle:before {
    vertical-align: middle;
    /*font-size: 1.25em;*/
    display: block !important;
}

.fa-check:before {
    font-size: 1.2rem;
}

.fa-circle:before {
    font-size: 0.8rem;
}


body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.fa.fa-circle {
    margin-left: -4px;
    margin-top: -7px;
}


/*on check*/
.ui-datatable tbody > tr.ui-widget-content.ui-state-highlight {
    color: #222 !important;
}

/*collapse*/
.p-button-icon.pi.pi-chevron-right:before {
    content: "\e90e" !important;
    font-size: 28px;
    font-weight: 900;
}

.p-button-icon.pi.pi-chevron-down:before {
    content: "\e910" !important;
    font-size: 28px;
    font-weight: 900;
}

/*PrimeNg Calendar overrides 
*/




/*.fa-chevron-circle-right:before {
    content: "\f055" !important;
    font-size: 28px;
    font-weight: 900;
}

.fa-chevron-circle-down:before {
    content: "\f056" !important;
    font-size: 28px;
    font-weight: 900;
}*/
.ui-datatable .ui-row-toggler {
    color: #263c4a !important;
}

.ui-datatable .ui-selection-column .ui-chkbox, .ui-datatable .ui-selection-column .ui-radiobutton {
    /*width: 10px;*/
}

.ui-chkbox.ui-widget {
    width: 25px;
}

.ui-datalist-content.ui-widget-content {
    border: none !important;
}


/*cancel hover background th*/
.ui-datatable th.ui-sortable-column:not(.ui-state-active):hover {
    background: #263c4a !important;
}


/*pagination*/
.ui-widget-header {
    background: none !important;
    border: none !important;
}

.ui-paginator-first, .ui-paginator-prev, .ui-paginator-next, .ui-paginator-last span {
    color: #fff !important;
}

.ui-paginator .ui-paginator-page {
    background: none !important;
    color: #285c7e !important;
    border: none !important;
}

    .ui-paginator .ui-paginator-page.ui-state-active {
        font-weight: bold;
    }

.ui-paginator > .ui-paginator-element.ui-corner-all {
    background: #263c4a !important;
}

.ui-datatable .ui-paginator {
    padding: .5em !important;
}

.p-datatable .p-paginator-bottom.p-paginator {
    direction: ltr
}

/*stattuses*/
.status {
    width: 105px;
    color: #263c4a;
    text-align: center;
    border-radius: 20px;
    display: inline-block
}

    .status span:before {
        vertical-align: middle;
    }

.completed {
    background-color: #7eed53;
}

    .completed span:before {
        font-size: small;
    }

.payment-process {
    background-color: #f5c74d;
}

.unpayable {
    background-color: #e88282
}


/*mobile table*/
@media (max-width: 35em) {
    .ui-datatable-reflow .ui-datatable-data tr td.collapse-col {
        padding: 0 !important;
        height: 0 !important;
        z-index: -99999;
        position: relative;
    }



    .collapse-col-only-mobile {
        display: block;
    }

    .collapse-col-content {
        display: block !important;
    }

    .ui-datatable-reflow .ui-datatable-data > tr > td {
        text-align: right !important;
    }

    tr.ui-widget-content {
        position: relative !important;
    }

        tr.ui-widget-content td.ui-selection-column {
            /*float: right;
        width: 50px !important;*/
            display: table-cell;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            /* float: right; */
            /*position: absolute !important;*/
            right: -5px !important;
            border-bottom: 0 !important;
            /*margin-top: -25px;   <<--------------*/
        }

    .ui-selection-column span {
        padding: 0 !important;
        margin: 0 !important;
    }

    .ui-datatable td.ui-selection-column span.ui-radiobutton-icon {
        margin-left: -4px !important;
        margin-top: -6px !important;
    }

    .ui-datatable td.ui-selection-column span.ui-chkbox-icon {
        margin-left: 0px !important;
        margin-top: -2px !important;
    }

    .ui-datatable-reflow .ui-datatable-data td:not(.ui-selection-column) {
        border: 1px !important;
        border-bottom: 1px solid white !important;
    }

        .ui-datatable-reflow .ui-datatable-data td:not(.ui-selection-column) > span.ui-column-title {
            /*margin-right: 30px;*/
        }

    .ui-datatable-reflow .ui-datatable-data > tr > td {
        clear: none;
    }

    .ui-datatable-reflow .ui-datatable-data tr td:nth-child(2) {
        border-bottom: none !important
    }
    /*.ui-datatable-reflow .ui-datatable-data tr td:last-child  .ui-column-title{
            display:none;
        }*/
    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0;
    }

    .ui-datatable-reflow .ui-datatable-data tr td .ui-cell-data {
        display: block;
    }

    .ui-chkbox.ui-widget {
        padding-top: 10px;
    }
}

@media (min-width: 37em) {
    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        padding: .4em;
        margin: -.4em 1em -.4em -.4em;
    }

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

/*we inside iframe hide parts*/
.in-iframe .iframe-excluded {
    display: none !important;
}

/*basket2 p-datatable hide header checkbox when has category limit*/
/*.hide-header-checkbox table > thead > tr > th > p-dtcheckbox {
    display: none;
}*/

.p-datatable .p-datatable-thead > tr > th {
    text-align: right;
}

.p-datatable .p-datatable-tbody > tr > td {
    text-align: right;
}

.select.ddl-input {
    background-color: white !important;
}
/*SafeCharge 3DS popup*/
.sfcModal-header {
    height: 1.5rem;
}

.sfcModal-dialog {
    margin: 55px auto;
    max-width: 492px;
    position: relative;
    width: auto;
    /*margin: 10px;*/
}

.sfcModal-content {
    position: relative;
    background-color: #fff;
    /*border-radius: 3px;*/
    background-clip: padding-box;
    outline: 0;
    border: 1px solid #dfdfdf;
}

.sfcModal-close {
    font-size: .9rem;
    color: #2c2a2a;
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.sfcIcon--close:before {
    content: "\2716";
}

[class*=" sfcIcon--"]:before, [class^=sfcIcon--]:before {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sfcModal-body {
    -webkit-overflow-scrolling: touch;
}
/*SafeCharge 3DS popup*/

/*Input fields side by side 
============================================*/
@media (min-width: 768px) {
    .input-wrapper-min-height {
        min-height: 6rem;
    }
}

@media (min-width: 992px) {
    .input-wrapper-min-height {
        min-height: 7rem;
    }
}

@media (min-width: 1168px) {
    .input-wrapper-min-height {
        min-height: 6rem;
    }
}
/* Responsive typography and spacing */
@media (max-width: 768px) {
    .basket-row {
        justify-content: center; /* Centers items horizontally */
        align-items: center; /* Centers items vertically */
    }

        .basket-row h3 {
            font-size: 16px;
            margin-bottom: 5px;
            flex: 1 100%;
            text-align: center; /* Center content inside items */
        }

        .basket-row button {
            margin-top: 10px;
            flex: 1 100%;
        }

    /* Make the collapse section more compact on small screens */
    .row-gov {
        padding-left: 10px;
        padding-right: 10px;
    }
    .rep-tbl-header > .col-md-4 {
        display: none !important
    }
    .rep-tbl-header {
        border: 1px solid #C3CFE7;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom: none !important;
        
    }
}
/* Medium and larger screens */
@media (min-width: 992px) {
    .rep-tbl-header {
        background: #0C30580A;
        font-weight: 500;
        border: 1px solid #C3CFE7;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .basket-row {
        flex-direction: row;
    }

    .block-mobile {
        font-size: 16px;
    }

    /* Ensure the collapse section is responsive */
    #collapseBasic .col-md-4 {
        display: inline-block;
        width: 33.33%;
    }
}
/*ACCESSABILTY
============================================= */

/*Use this class,(to avoid horizontal scroll) on parent  element of the element we applay the sr-only-hidden class */
.sr-only-avoid-scroll {
    overflow: hidden;
    position: relative;
}

    .sr-only-avoid-scroll .sr-only-hidden {
        position: absolute;
        top: auto;
        left: -1000px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
    }

.cal_iframe {
    z-index: 100;
    width: 98%;
    height: 100%;
    position: fixed;
    border: 0;
    top: 0;
    right: 0;
    background-color: transparent !important;
}
/*MAX button*/
.max-button {
    height: 40px;
    width: 240px;
}
/*Apple Pay Button*/
apple-pay-button {
    direction: ltr;
    --apple-pay-button-width: 240px;
    --apple-pay-button-height: 40px;
    --apple-pay-button-border-radius: 3px;
    --apple-pay-button-padding: 0px 0px;
    --apple-pay-button-box-sizing: border-box;
}
/* Google Pay install button */
.install-btn {
    display: inline-block;
    background-color: #0068F5;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
}

    .install-btn:hover {
        background-color: #0056D7;
    }

    .install-btn:active {
        background: radial-gradient(50% 134.38% at 50% 50%, #0068F5 0%, #0065ED 10%, #0061E5 20%, #005EDD 30%, #005AD5 40%, #0057CD 50%, #0054C4 60%, #0050BC 70%, #004DB4 80%, #0049AC 90%, #0046A4 100%);
    }

.magic-checkbox + label, .magic-radio + label {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: none;
    cursor: pointer;
    vertical-align: middle;
}

    .magic-radio + label:before,
    .magic-checkbox + label:before {
        position: absolute;
        top: 0;
        right: none;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        content: '';
        border: 1px solid #c0c0c0;
    }

    .magic-radio + label:after,
    .magic-checkbox + label:after {
        position: absolute;
        display: none;
        content: '';
    }

    .magic-radio + label:after {
        top: 6px;
        right: 0;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #23527c;
    }

/*select ltr*/
.select {
    background-position: 95% 15px;
}
.row.row-gov.left-gutters-dsk > div[class^="col-"]:nth-of-type(1), .row.row-gov.left-gutters-dsk > div[class*="col-"]:nth-of-type(1) {
    padding-right: 20px;
    padding-left: 0px;
}
.row.row-gov.left-gutters-dsk > div[class^="col-"]:last-child, .row.row-gov.left-gutters-dsk > div[class*="col-"]:last-child {
    padding-right: 0;
    padding-left: 20px;
}
input[type="checkbox"], .checkbox-inline {
    /* margin-right: 0!important; */
    margin: 5px 5px 0 0;
}
input[type="text"], input[type="email"], input[type="select"], input[type="tel"], .select {
   
        padding: 0 0 0 10px;
}
/*light-strip*/
.light-strip {
    /*border-right: none;
    border-left: 4px solid #285c7e;*/
}
/*font arial instead of reforma*/

.reforma-medium {
    font-family: Arial;
    font-weight: bold;
}

.reforma {
    font-family: Arial;
    font-weight: normal;
}

.base-title, .h1, .h2, .h3, .h4 {
    font-family: Arial;
}
@media (min-width: 220px) {
    .light-strip {
    padding-left:10px;
}
    .row.row-gov.left-gutters > div[class^="col-"]:nth-of-type(1), .row.row-gov.left-gutters > div[class^="col-"]:first-of-type, .row.row-gov.left-gutters > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters > div[class^="col-"]:first-of-type, .row.row-gov.left-gutters-mobile > div[class^="col-"]:nth-of-type(1), .row.row-gov.left-gutters-mobile > div[class^="col-"]:first-of-type, .row.row-gov.left-gutters-mobile > div[class*="col-"]:nth-of-type(1), .row.row-gov.left-gutters-mobile > div[class^="col-"]:first-of-type {
    padding-right: 10px;
    padding-left: 0;
}
    .row.row-gov.left-gutters > div[class^="col-"]:last-child, .row.row-gov.left-gutters > div[class*="col-"]:last-child, .row.row-gov.left-gutters-mobile > div[class^="col-"]:last-child, .row.row-gov.left-gutters-mobile > div[class*="col-"]:last-child {
    padding-right: 0;
    padding-left: 10px;
}
}
@media (min-width: 992px) {
    .light-strip {
        padding-left: 0px;
    }
}
/*pull*/
.pull-left {
    float: right !important;
}
.pull-right {
    float: left !important;
}


/**
  SPACE -responsive css positioning classses


 */
.f-right {
    margin-right: auto !important; /* Push the last item to the right */
}
.xs-mt-50 {
    margin-top: 50px;
}

.xs-ml-50 {
    margin-right: 50px;
}

.xs-mr-50 {
    margin-left: 50px;
}

.xs-mb-50 {
    margin-bottom: 50px;
}

.xs-p-45 {
    padding: 45px;
}

.xs-pt-45 {
    padding-top: 45px;
}

.xs-pl-45 {
    padding-right: 45px;
}

.xs-pr-45 {
    padding-left: 45px;
}

.xs-pb-45 {
    padding-bottom: 45px;
}

.xs-m-45 {
    margin: 45px;
}

.xs-mt-45 {
    margin-top: 45px;
}

.xs-ml-45 {
    margin-right: 45px;
}

.xs-mr-45 {
    margin-left: 45px;
}

.xs-mb-45 {
    margin-bottom: 45px;
}

.xs-p-40 {
    padding: 40px;
}

.xs-pt-40 {
    padding-top: 40px;
}

.xs-pl-40 {
    padding-right: 40px;
}

.xs-pr-40 {
    padding-left: 40px;
}

.xs-pb-40 {
    padding-bottom: 40px;
}

.xs-m-40 {
    margin: 40px;
}

.xs-mt-40 {
    margin-top: 40px;
}

.xs-ml-40 {
    margin-right: 40px;
}

.xs-mr-40 {
    margin-left: 40px;
}

.xs-mb-40 {
    margin-bottom: 40px;
}



.xs-p-35 {
    padding: 35px;
}

.xs-pt-35 {
    padding-top: 35px;
}

.xs-pl-35 {
    padding-right: 35px;
}

.xs-pr-35 {
    padding-left: 35px;
}

.xs-pb-35 {
    padding-bottom: 35px;
}

.xs-m-35 {
    margin:35px;
}

.xs-mt-35 {
    margin-top: 35px;
}

.xs-ml-35 {
    margin-right:35px;
}

.xs-mr-35 {
    margin-left:35px;
}

.xs-mb-35 {
    margin-bottom: 35px;
}




.xs-p-30 {
    padding: 30px;
}

.xs-pt-30 {
    padding-top: 30px;
}

.xs-pl-30 {
    padding-right: 30px;
}

.xs-pr-30 {
    padding-left: 30px;
}

.xs-pb-30 {
    padding-bottom: 30px;
}

.xs-m-30 {
    margin: 30px;
}

.xs-mt-30 {
    margin-top: 30px;
}

.xs-ml-30 {
    margin-right: 30px;
}

.xs-mr-30 {
    margin-left: 30px;
}

.xs-mb-30 {
    margin-bottom: 30px;
}

    .xs-p-25 {
        padding: 25px;
    }

    .xs-pt-25 {
        padding-top: 25px;
    }

    .xs-pl-25 {
        padding-right: 25px;
    }

    .xs-pr-25 {
        padding-left:25px;
    }

    .xs-pb-25 {
        padding-bottom:25px;
    }

    .xs-m-25 {
        margin: 25px;
    }

    .xs-mt-25 {
        margin-top:25px;
    }

    .xs-ml-25 {
        margin-right:25px;
    }

    .xs-mr-25 {
        margin-left:25px;
    }

    .xs-mb-25 {
        margin-bottom: 25px;
    }

.xs-p-20 {
    padding: 20px;
}

.xs-pt-20 {
    padding-top: 20px;
}

.xs-pl-20 {
    padding-right: 20px;
}

.xs-pr-20 {
    padding-left: 20px;
}

.xs-pb-20 {
    padding-bottom: 20px;
}

.xs-m-20 {
    margin: 20px;
}

.xs-mt-20 {
    margin-top: 20px;
}

.xs-ml-20 {
    margin-right: 20px;
}

.xs-mr-20 {
    margin-left: 20px;
}

.xs-mb-20 {
    margin-bottom: 20px;
}

.xs-p-15 {
    padding: 15px;
}

.xs-pt-15 {
    padding-top: 15px;
}

.xs-pl-15 {
    padding-right: 15px;
}

.xs-pr-15 {
    padding-left: 15px;
}

.xs-pb-15 {
    padding-bottom: 15px;
}

.xs-m-15 {
    margin: 15px;
}

.xs-mt-15 {
    margin-top: 15px;
}

.xs-ml-15 {
    margin-right: 15px;
}

.xs-mr-15 {
    margin-left: 15px;
}

.xs-mb-15 {
    margin-bottom: 15px;
}

.xs-p-10 {
    padding: 10px;
}

.xs-pt-10 {
    padding-top: 10px;
}

.xs-pl-10 {
    padding-right: 10px;
}

.xs-pr-10 {
    padding-left: 10px;
}

.xs-pb-10 {
    padding-bottom: 10px;
}

.xs-m-10 {
    margin: 10px;
}

.xs-mt-10 {
    margin-top: 10px;
}

.xs-ml-10 {
    margin-right: 10px;
}

.xs-mr-10 {
    margin-left: 10px;
}

.xs-mb-10 {
    margin-bottom: 10px;
}

.xs-p-5 {
    padding: 5px;
}

.xs-pt-5 {
    padding-top: 5px;
}

.xs-pl-5 {
    padding-right: 5px;
}

.xs-pr-5 {
    padding-left: 5px;
}

.xs-pb-5 {
    padding-bottom: 5px;
}

.xs-m-5 {
    margin: 5px;
}

.xs-mt-5 {
    margin-top: 5px;
}

.xs-ml-5 {
    margin-right: 5px;
}

.xs-mr-5 {
    margin-left: 5px;
}

.xs-mb-5 {
    margin-bottom: 5px;
}


.xs-p-2 {
    padding: 2px;
}

.xs-pt-2 {
    padding-top: 2px;
}

.xs-pl-2 {
    padding-right: 2px;
}

.xs-pr-2 {
    padding-left: 2px;
}

.xs-pb-2 {
    padding-bottom: 2px;
}

.xs-m-2 {
    margin: 2px;
}

.xs-mt-2{
    margin-top:2px;
}

.xs-ml-2 {
    margin-right: 2px;
}

.xs-mr-2 {
    margin-left: 2px;
}

.xs-mb-2 {
    margin-bottom:2px;
}


.xs-p-0 {
    padding: 0;
}

.xs-pt-0 {
    padding-top: 0px;
}

.xs-pl-0 {
    padding-right: 0px;
}

.xs-pr-0 {
    padding-left: 0px;
}

.xs-pb-0 {
    padding-bottom: 0px;
}

.xs-m-0 {
    margin: 0px;
}

.xs-mt-0 {
    margin-top: 0px;
}

.xs-ml-0 {
    margin-right: 0px;
}

.xs-mr-0 {
    margin-left: 0px;
}

.xs-mb-0 {
    margin-bottom: 0px;
}


@media (min-width: 992px) {



    .lg-p-50 {
        padding: 50px;
    }

    .lg-pt-50 {
        padding-top: 50px;
    }

    .lg-pl-50 {
        padding-right: 50px;
    }

    .lg-pr-50 {
        padding-left: 50px;
    }

    .lg-pb-50 {
        padding-bottom: 50px;
    }

    .lg-m-50 {
        margin: 50px;
    }

    .lg-mt-50 {
        margin-top: 50px;
    }

    .lg-ml-50 {
        margin-right: 50px;
    }

    .lg-mr-50 {
        margin-left: 50px;
    }

    .lg-mb-50 {
        margin-bottom: 50px;
    }

    .lg-pt-45 {
        padding-top: 45px;
    }

    .lg-pl-45 {
        padding-right: 45px;
    }

    .lg-pr-45 {
        padding-left: 45px;
    }

    .lg-pb-45 {
        padding-bottom: 45px;
    }

    .lg-m-45 {
        margin: 45px;
    }

    .lg-mt-45 {
        margin-top: 45px;
    }

    .lg-ml-45 {
        margin-right: 45px;
    }

    .lg-mr-45 {
        margin-left: 45px;
    }

    .lg-mb-45 {
        margin-bottom: 45px;
    }

    .lg-p-40 {
        padding: 40px;
    }

    .lg-pt-40 {
        padding-top: 40px;
    }

    .lg-pl-40 {
        padding-right: 40px;
    }

    .lg-pr-40 {
        padding-left: 40px;
    }

    .lg-pb-40 {
        padding-bottom: 40px;
    }

    .lg-m-40 {
        margin: 40px;
    }

    .lg-mt-40 {
        margin-top: 40px;
    }

    .lg-ml-40 {
        margin-right: 40px;
    }

    .lg-mr-40 {
        margin-left: 40px;
    }

    .lg-mb-40 {
        margin-bottom: 40px;
    }

      .lg-p-35 {
        padding: 35px;
    }

    .lg-pt-35 {
        padding-top: 35px;
    }

    .lg-pl-35 {
        padding-right: 35px;
    }

    .lg-pr-35 {
        padding-left: 35px;
    }

    .lg-pb-35 {
        padding-bottom: 35px;
    }

    .lg-m-35 {
        margin: 35px;
    }

    .lg-mt-35 {
        margin-top: 35px;
    }

    .lg-ml-35 {
        margin-right: 35px;
    }

    .lg-mr-35 {
        margin-left: 35px;
    }

    .lg-mb-35 {
        margin-bottom: 35px;
    }
























    .lg-p-30 {
        padding: 30px;
    }

    .lg-pt-30 {
        padding-top: 30px;
    }

    .lg-pl-30 {
        padding-right: 30px;
    }

    .lg-pr-30 {
        padding-left: 30px;
    }

    .lg-pb-30 {
        padding-bottom: 30px;
    }

    .lg-m-30 {
        margin: 30px;
    }

    .lg-mt-30 {
        margin-top: 30px;
    }

    .lg-ml-30 {
        margin-right: 30px;
    }

    .lg-mr-30 {
        margin-left: 30px;
    }

    .lg-mb-30 {
        margin-bottom: 30px;
    }
     .lg-p-25 {
        padding: 25px;
    }

    .lg-pt-25 {
        padding-top: 25px;
    }

    .lg-pl-25 {
        padding-right: 25px;
    }

    .lg-pr-25 {
        padding-left:25px;
    }

    .lg-pb-25 {
        padding-bottom:25px;
    }

    .lg-m-25 {
        margin: 25px;
    }

    .lg-mt-25 {
        margin-top:25px;
    }

    .lg-ml-25 {
        margin-right:25px;
    }

    .lg-mr-25 {
        margin-left:25px;
    }

    .lg-mb-25 {
        margin-bottom: 25px;
    }

    .lg-p-20 {
        padding: 20px;
    }

    .lg-pt-20 {
        padding-top: 20px;
    }

    .lg-pl-20 {
        padding-right: 20px;
    }

    .lg-pr-20 {
        padding-left: 20px;
    }

    .lg-pb-20 {
        padding-bottom: 20px;
    }

    .lg-m-20 {
        margin: 20px;
    }

    .lg-mt-20 {
        margin-top: 20px;
    }

    .lg-ml-20 {
        margin-right: 20px;
    }

    .lg-mr-20 {
        margin-left: 20px;
    }

    .lg-mb-20 {
        margin-bottom: 20px;
    }

    .lg-p-15 {
        padding: 15px;
    }

    .lg-pt-15 {
        padding-top: 15px;
    }

    .lg-pl-15 {
        padding-right: 15px;
    }

    .lg-pr-15 {
        padding-left: 15px;
    }

    .lg-pb-15 {
        padding-bottom: 15px;
    }

    .lg-m-15 {
        margin: 15px;
    }

    .lg-mt-15 {
        margin-top: 15px;
    }

    .lg-ml-15 {
        margin-right: 15px;
    }

    .lg-mr-15 {
        margin-left: 15px;
    }

    .lg-mb-15 {
        margin-bottom: 15px;
    }

    .lg-p-10 {
        padding: 10px;
    }

    .lg-pt-10 {
        padding-top: 10px;
    }

    .lg-pl-10 {
        padding-right: 10px;
    }

    .lg-pr-10 {
        padding-left: 10px;
    }

    .lg-pb-10 {
        padding-bottom: 10px;
    }

    .lg-m-10 {
        margin: 10px;
    }

    .lg-mt-10 {
        margin-top: 10px;
    }

    .lg-ml-10 {
        margin-right: 10px;
    }

    .lg-mr-10 {
        margin-left: 10px;
    }

    .lg-mb-10 {
        margin-bottom: 10px;
    }

    .lg-p-5 {
        padding: 5px;
    }

    .lg-pt-5 {
        padding-top: 5px;
    }

    .lg-pl-5 {
        padding-right: 5px;
    }

    .lg-pr-5 {
        padding-left: 5px;
    }

    .lg-pb-5 {
        padding-bottom: 5px;
    }

    .lg-m-5 {
        margin: 5px;
    }

    .lg-mt-5 {
        margin-top: 5px;
    }

    .lg-ml-5 {
        margin-right: 5px;
    }

    .lg-mr-5 {
        margin-left: 5px;
    }

    .lg-mb-5 {
        margin-bottom: 5px;
    }

    .lg-p-0 {
        padding: 0px;
    }

    .lg-pt-0 {
        padding-top: 0px;
    }

    .lg-pl-0 {
        padding-right: 0px;
    }

    .lg-pr-0 {
        padding-left: 0px;
    }

    .lg-pb-0 {
        padding-bottom: 0px;
    }

    .lg-m-0 {
        margin: 0px;
    }

    .lg-mt-0 {
        margin-top: 0px;
    }

    .lg-ml-0 {
        margin-right: 0px;
    }

    .lg-mr-0 {
        margin-left: 0px;
    }

    .lg-mb-0 {
        margin-bottom: 0px;
    }



    .lg-p-60 {
        padding: 60px;
    }

    .lg-pt-60 {
        padding-top: 60px;
    }

    .lg-pl-60 {
        padding-right: 60px;
    }

    .lg-pr-60 {
        padding-left: 60px;
    }

    .lg-pb-60 {
        padding-bottom: 60px;
    }

    .lg-m-60 {
        margin: 60px;
    }

    .lg-mt-60 {
        margin-top: 60px;
    }

    .lg-ml-60 {
        margin-right: 60px;
    }

    .lg-mr-60 {
        margin-left: 60px;
    }

    .lg-mb-60 {
        margin-bottom: 60px;
    }
}

/*VARIABLES
	============================================= */
/*THEME COLOR
	============================================= */
/*FOOTER
	============================================= */
/*footer .sep {
    color: white;
}*/

/*footer .second-strip {
    -webkit-box-shadow: -2px -4px 32px black;
    -mox-box-shadow: -2px -4px 32px black;
    box-shadow: -2px -4px 32px black;
}*/

/*HEADER
	============================================= */
header .first-strip {
    /*background: #285c7e;*/
    background-image: linear-gradient(93deg, #025fdb, #025fdb 35%, #0b3668);
    height: 65px;
}

header .second-strip {
    background: #FFFF;
    color: #0C3058;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

header .navbar {
    margin: 0;
    direction: ltr;
}

header .navbar-nav {
    margin-left: auto;
}

header .navbar-toggler {
    float: right;
}

header .icon-bar {
    background-color: white !important;
}

header img {
    position: relative;
}

    header img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

    header img > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

header .nav > li > a:hover {
    text-decoration: underline;
    background-color: transparent;
}

header .icon-israel-menorah {
    font-size: 45px;
}

header .icon-govil-menorah {
    font-size: 180px;
    line-height: 0;
    text-rendering: optimizeLegibility;
}

.icon-govil-menorah:before {
    font-size: 8rem;
}

header img {
    width: 60px;
}

header .navbar-header {
    position: relative;
}


header .navbar-brand {
    height: 42px;
    margin-left: 0;
}

header .navbar-collapse.collapse.in {
    box-shadow: none;
}

.icon-shopping-cart-of-checkered-design:hover {
    color: #285c7e;
}

/*.cart-item:hover {
    background-color: #285c7e;
}*/
/*HEADER FLEX
	============================================= */
header .both-side {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

header .right-side {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-side a:hover {
    text-decoration: none !important;
}

header i {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

header .cart-box {
    margin-top: -1px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}

.payment {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 7px;
    /*padding-left:7px;*/
    direction: rtl;
}

    .payment a:focus {
        text-decoration: none;
    }
/*STEPS
	============================================= */
.num {
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #595959;
}

.stage {
    vertical-align: middle;
    text-align: center;
}

.in-process {
    color: white;
    background: #263c4a;
}

footer .first-strip {
    height: 20px;
    background-color: #192831;
}

.step-line {
    z-index: -1;
    width: 100%;
    position: relative;
    top: 20px;
}

.border-gray {
    border-color: #707070;
    border-width: 3px;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/*XS-SM
	============================================= */
@media (min-width: 220px) {
    /*HEADER
	============================================= */
    header .icon-shopping-cart-of-checkered-design {
       /* font-size: 20px;*/
    }
    /* ARTICLE
	============================================= */
    .step-desc {
        font-size: 12px;
    }
    /* FLEX MIX
	============================================= */

    .circle {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
    }


    footer .first-strip {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .footer-align {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*MD-LG
	============================================= */
@media (min-width: 992px) {
    /* NAV-BAR HEADER
	============================================= */
    header .navbar-collapse {
        padding: 0;
    }

    header .nav a {
        padding: 0;
    }

    header .icon-shopping-cart-of-checkered-design {
        /*font-size: 20px;*/
    }

    header .wellcome > span {
        line-height: 1;
    }
    /* ARTICLE
	============================================= */
    .step-desc {
        font-size: 16px;
    }
    /* FOOTER
	============================================= */

    /*footer .second-strip {
        height: 75px;
    }*/

    /*footer img {
        position: relative;
        right: -45px;
    }*/
    /* FLEX MIX
	============================================= */
    .circle {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
    }

    header .wellcome {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 10px;
    }

    /*footer .first-strip {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }*/

    /*footer .footer-align {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }*/
}

/* override original menu break point
	============================================= */
@media (min-width:993px) {


    .navbar-nav > li > a {
        padding-top: 10px;
        /*padding-bottom: 15px;*/
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row-reverse
    }
}

@media (max-width: 992px) {

    header .navbar-header {
        float: none;
    }

    .navbar-nav > li {
        float: none !important;
        margin-top:20px;
    }

    header .navbar-toggler {
        display: block;
        padding: 4px 10px;
    }

    header .navbar-collapse.collapse {
        display: none !important;
    }

        header .navbar-collapse.collapse.in {
            display: flex !important;
            background-color: white;
            z-index: 1200;
        }

    header .navbar-nav {
        float: right !important;
    }

        header .navbar-nav > li {
            float: none;
        }

    .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .navbar-drawer {
        top: 65px;
        width: 80%;
        direction: rtl;
        max-height: calc(100% - 65px);
        min-height: unset !important;
        transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
        white-space: nowrap;
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        left: auto;
        right: 0;
        flex: 1 0 auto;
        height: 100%;
        outline: 0;
        position: fixed;
        overflow-y: auto;
        flex-direction: column;
        background-color:#ffff !important;
    }

    .open-drawer-bg {
        opacity: 0.83 !important;
        background: #0C3058 0% 0% no-repeat padding-box;
    }
}

header a.navbar-brand {
    right: 0;
    left: inherit;
    margin-right: 0;
}

header .navbar-nav {
    margin-right: auto;
    margin-left: 0;
}

header .navbar {
    direction: rtl;
}


header .navbar-toggler {
    float: left !important;
}


.payment {
    direction: ltr;
    padding-right: 0;
}

@media (max-width: 992px) {
    header .navbar-nav {
        float: left !important;
    }
}