/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
  color: #0F3C74;
  text-decoration: none;
  font-weight: 600;
}
.sm-simple ul {
  background: #F5F5F5;
}
.sm-simple ul ul {
  background-color: #BAE4EA;
}
.sm-simple ul ul a {
  font-size: 0.875rem;
}

@media (width < 992px) {
  .sm-simple {
    margin-inline: -10px;
  }
  .sm-simple a {
    font-size: 1.125rem;
    padding: 1rem 10px;
    margin-inline: 10px;
    border-bottom: 1px solid #011632;
  }
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    text-decoration: none;
  }
    .sm-simple a .sub-arrow {
        position: absolute;
        inset-inline-end: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
    }
  .sm-simple a .sub-arrow::before {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.828' height='7.828' viewBox='0 0 12.828 7.828'%3e%3cg id='Group_19' data-name='Group 19' transform='translate(0.914 0.914)'%3e%3cpath id='Line_5' data-name='Line 5' d='M-5.5.5l5,5' transform='translate(5) rotate(-90)' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'/%3e%3cpath id='Line_5_Copy' data-name='Line 5 Copy' d='M5.5.5l-5,5' transform='translate(6) rotate(90)' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e");
            mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.828' height='7.828' viewBox='0 0 12.828 7.828'%3e%3cg id='Group_19' data-name='Group 19' transform='translate(0.914 0.914)'%3e%3cpath id='Line_5' data-name='Line 5' d='M-5.5.5l5,5' transform='translate(5) rotate(-90)' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'/%3e%3cpath id='Line_5_Copy' data-name='Line 5 Copy' d='M5.5.5l-5,5' transform='translate(6) rotate(90)' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #0F3C74;
    width: 13px;
    height: 13px;
    display: block;
    transition: ease-in-out 0.4s;
  }
  .sm-simple a.highlighted .sub-arrow::before {
    transform: rotate(180deg);
  }
  .sm-simple ul ul a {
    font-weight: 400;
    border-bottom: 0;
  }
  .sm-simple ul a {
    font-size: 1rem;
    font-weight: 500;
    border-bottom: 0.5px solid #011632;
  }
}
@media (width > 992px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul {
    position: absolute;
    width: 12em;
  }
  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
    float: none;
  }
  /* ...end */
  .sm-simple {
    background: transparent;
    border: 0;
  }
  .sm-simple a {
    white-space: nowrap;
    padding: 0;
    font-size: 1.05263vw;
  }
  .sm-simple a .sub-arrow {
    display: none;
  }
  .sm-simple li {
    position: static !important;
  }
  .sm-simple ul {
    width: 100% !important;
    max-width: 100% !important;
    margin: -1px 0 0 !important;
    right: 0;
    display: none;
    min-width: 10em;
    padding-inline: 19.5vw 22vw;
  }
  .sm-simple ul[aria-expanded=true] {
    display: grid !important;
    max-width: 100%;
    grid-template-columns: repeat(4, 0fr);
  }
  .sm-simple ul.withIcon:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("/assets/images/nogaShapeHeader.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
  }
  .sm-simple ul ul {
    padding-block: 1.25rem 2rem;
  }
  .sm-simple ul ul[aria-expanded=true] {
    display: grid !important;
    max-width: 100%;
    grid-template-columns: repeat(4, 1fr);
  }
  .sm-simple ul ul li a:hover, .sm-simple ul ul li a:focus {
    text-decoration: underline;
  }
  .sm-simple ul ul li:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .sm-simple ul ul li:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  .sm-simple ul ul li:nth-child(3) {
    grid-area: 3/1/4/2;
  }
  .sm-simple ul ul li:nth-child(4) {
    grid-area: 1/2/2/3;
  }
  .sm-simple ul ul li:nth-child(5) {
    grid-area: 2/2/3/3;
  }
  .sm-simple ul ul li:nth-child(6) {
    grid-area: 3/2/4/3;
  }
  .sm-simple ul ul li:nth-child(7) {
    grid-area: 1/3/2/4;
  }
  .sm-simple ul ul li:nth-child(8) {
    grid-area: 2/3/3/4;
  }
  .sm-simple ul ul li:nth-child(9) {
    grid-area: 3/3/4/4;
  }
  .sm-simple ul ul li:nth-child(10) {
    grid-area: 1/4/2/5;
  }
  .sm-simple ul ul li:nth-child(11) {
    grid-area: 2/4/3/5;
  }
  .sm-simple ul ul li:nth-child(12) {
    grid-area: 3/4/4/5;
  }
  .sm-simple ul a {
    padding: 1.3rem;
    border: 0 !important;
    font-size: 0.75vw !important;
    transition: ease-in-out 0.2s;
  }
  .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active, .sm-simple ul a.highlighted {
    background-color: #BAE4EA;
  }
}/*# sourceMappingURL=sm-simple.css.map */
.hide-info-icon::after {
    content: none !important;
}

.tabs-block {
    margin-bottom: 1.875rem !important;
}

.desktop-banner-figure img {
    width: 100%;
    height: 810px;
    object-fit: cover;
}

.mobile-banner-figure img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.excel-export-container {
    position: relative;
}

.excel-export-dates-container {
    position: absolute;
    z-index: 1;
    border: 1px solid #BBBBBB;
    border-radius: 20px;
    gap: 10px;
    display: grid;
    padding: 5px 0px;
    top: -8px;
    right: 2px;
    background-color: #fff;
    direction: rtl;
    width: 218px;
    height: 200px;
}

    .excel-export-dates-container .filter-box:first-child {
        margin-top: 40px !important;
    }

.excel-export-btn {
    background-color: #66A720;
    width: 155px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    margin: auto;
    margin-bottom: 17px;
}

    .excel-export-btn::before {
        margin-inline-end: 0px !important;
    }

.excel-export-toggle {
    z-index: 2;
    position: relative;
}

    .excel-export-toggle:hover {
        text-decoration: unset;
    }

.excel-export-filter-box {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 30px !important;
}

@media(max-width: 992px) {
    .excel-export-filter-box .field {
        display: flex !important;
        width: unset !important;
        padding-inline: unset !important;
    }
}

.excel-export-date {
    margin-right: 10px;
}

.excel-export-label {
    width: 23px;
}

.graph .input-group {
    margin-inline-end: 0px !important;
}

.graph .row {
    align-items: center;
    margin-bottom: 10px;
}

.graph .filter-box {
    border: none;
    margin: 0;
    padding: 0;
    margin-right: 10px
}

.excel-export-container label {
    margin-inline-end: 0px !important;
}

.demand-tooltip {
    direction: rtl;
}

.tooltip-header {
    height: 25px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

.pictures-collage-container-desktop {
    display: contents !important;
}

.pictures-collage-container-mobile {
    display: none !important;
}

@media(max-width: 992px) {
    .pictures-collage-container-desktop {
        display: none !important;
    }

    .pictures-collage-container-mobile {
        display: contents !important;
    }

        .pictures-collage-container-mobile > div:last-child {
            grid-area: 6 / 1 / 8 / 5 !important;
        }
}

.career-lobby-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 96px
}

    .career-lobby-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media(max-width: 992px) {
    .career-lobby-video-container {
        margin-bottom: 160px
    }
}

.updated-data-label {
    font-size: 0.875rem;
    color: #011632;
    font-weight: 600;
}

.charts .graph {
    background-color: #FFFFFF80 !important;
}

.graph-filter-box, .graph-date-picker {
    background: transparent !important;
}

    .graph-filter-box .input-group {
        width: 145px;
    }

.form-section {
    display: none !important;
}

    .form-section.active {
        display: flex !important;
    }

@media(max-width: 992px) {
    .form-section.active {
        display: block !important;
    }
}

div.noga-validation-error,
.select2.noga-validation-error .select2-selection,
input.noga-validation-error,
textarea.noga-validation-error,
button.noga-validation-error {
    border-color: #DF271C !important;
}

.bootstrap-select {
    display: flex !important;
    flex-direction: column-reverse !important;
}

label.noga-validation-error, span.noga-validation-error {
    color: #DF271C !important;
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    display: block !important;
}
#pishtanTendersForm #freeSearch-error {
    position: absolute;
    bottom: -1rem;
}

    label.noga-validation-error::before {
        content: unset !important;
    }

.hide-border-bottom {
    border-bottom: none !important;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    overflow: auto;
    max-height: 200px;
}

    .autocomplete-items div {
        padding: 5px 10px;
        cursor: pointer;
        background-color: #fff;
    }

        .autocomplete-items div:hover {
            color: #0F3C74;
            font-weight: 600;
        }

.autocomplete-active {
    color: #0F3C74;
    font-weight: 600;
}


@media (min-width: 992px) {
    .smp-content form {
        display: flex !important;
        gap: 2.5rem !important;
    }
    .mcp-content form {
        display: flex !important;
        gap: 2.5rem !important;
    }

    .demandForecast .results .tr > p:nth-child(1), .demandForecast .results .tr > p:nth-child(2), .demandForecast .results .inner > p:nth-child(1), .demandForecast .results .inner > p:nth-child(2) {
        width: 10% !important;
    }

    .demandForecast .results div:not([class]):first-of-type {
        justify-content: center;
    }

        .demandForecast .results div:not([class]):first-of-type p {
            width: 45% !important;
        }
    .demandForecast #table-results-mcp div:not([class]):first-of-type p {
        width: 33% !important;
    }
    .demandForecast #table-results-mcp div:not([class]):last-of-type p:nth-child(1), .demandForecast .results div:not([class]):last-of-type p:nth-child(2) {
        width: 40% !important;
    }

    .demandForecast #table-results-mcp div:not([class]):first-of-type {
        width: 30% !important;
    }
    .demandForecast #table-results-mcp div:not([class]):last-of-type {
        width: 33% !important;
        justify-content: center;
    }

    .demandForecast .results div:not([class]):last-of-type {
        width: 40% !important;
        justify-content: center;
    }

    .smp-content .thead p, .smp-content .inner p {
        text-align: center !important;
    }
    .mcp-content .thead p, .mcp-content .inner p {
        text-align: center !important;
    }
}

.purchase-filter-container .free-search::after, ._surveys .free-search::after {
    content: unset !important;
}

.send-message-conteainer {
    border: 1px solid #ECECEC;
    border-radius: 20px;
    background-color: #ECECEC;
    padding: 10px;
    height: 215px;
    position: relative;
}

    .send-message-conteainer .player {
        height: 160px;
    }

    .send-message-conteainer h5 {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0;
    }

footer form {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.right-input-text {
    text-align: right;
    direction: ltr;
}

.formMsg.success-error-container {
    padding-top: 5%;
}

.display-contents {
    display: contents;
}

.noga-loader {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 9999999;
    background: #ffffff8f;
}

    .noga-loader lottie-player {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 200px;
        height: 200px;
    }

.noga-required-asterisk {
    color: #DF271C;
}

.file-wrapper label {
    cursor: pointer;
}

.tendor-table th:nth-child(1), .tendor-table td:nth-child(1) {
    width: fit-content !important;
}

.tendor-table tbody td, .rfi-table tbody td {
    font-weight: 600;
}

.tendor-table .tender-comment, .rfi-table .tender-comment {
    font-weight: 400;
    font-size: 14px;
    display: block;
}

.hide-border {
    border: none !important;
}

.smp-excel-btn {
    width: 250px;
    justify-content: end !important;
}
.mcp-excel-btn {
    width: 250px;
    justify-content: end !important;
}

@media(max-width: 992px) {
    a.smp-excel-btn {
        width: auto;
        justify-content: flex-start !important;
        padding-inline: 0.75rem;
    }
    a.mcp-excel-btn {
        width: auto;
        justify-content: flex-start !important;
        padding-inline: 0.75rem;
    }
}

.white-text {
    color: #fff;
}

.version_number {
    position: absolute;
    inset-inline: 50%;
    white-space: nowrap;
    z-index: 100;
    font-weight: 700;
    padding: 5px 0 0 0;
}

.iframe-container {
    display: flex;
    justify-content: center;
}

.desktop-iframe {
    display: unset;
}

.mobile-iframe {
    display: none;
}

@media(max-width: 992px) {
    .desktop-iframe {
        display: none;
    }

    .mobile-iframe {
        display: unset;
    }
}

.diagram .item * {
    font-weight: revert !important;
}

input.date {
    outline: none;
}

.summery .wrapper p {
    color: #011632 !important;
}

.demandForecast .item .toggle-btn {
    position: relative;
}

    .demandForecast .item .toggle-btn .inner {
        margin-inline-start: 43px;
    }

    .demandForecast .item .toggle-btn::before {
        position: absolute;
    }

/* SMP / MCP: the "+" is drawn absolutely at the row start, so the header row, the row
   and the expanded sub-rows all leave the same 43px for it and share the rest. */
@media (min-width: 992px) {
    .smp-content .item .inner::before, .mcp-content .item .inner::before {
        display: none;
    }

    .smp-content .item .toggle-btn .inner, .mcp-content .item .toggle-btn .inner,
    .smp-content .thead .tr, .mcp-content .thead .tr {
        width: calc(100% - 43px);
    }
}

/* Accessible toggle row - replaces button wrapper for accessibility */
.demandForecast .item .toggle-row {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.demandForecast .item .toggle-row::before {
    content: "";
    min-width: 27px;
    height: 27px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27.645' height='27.645' viewBox='0 0 27.645 27.645'%3e%3cg id='noun-plus-669265' transform='translate(-55 -55)'%3e%3cpath id='Path_252' data-name='Path 252' d='M68.823,55A13.823,13.823,0,1,0,82.645,68.823,13.839,13.839,0,0,0,68.823,55Zm0,25.87A12.047,12.047,0,1,1,80.87,68.823,12.061,12.061,0,0,1,68.823,80.87Z' fill='%230f3c74'/%3e%3cpath id='Path_253' data-name='Path 253' d='M395.018,389.565h-3.678v-3.678a.888.888,0,0,0-1.775,0v3.678h-3.678a.888.888,0,0,0,0,1.775h3.678v3.678a.888.888,0,0,0,1.775,0v-3.678h3.678a.888.888,0,0,0,0-1.775Z' transform='translate(-321.63 -321.63)' fill='%230f3c74'/%3e%3c/g%3e%3c/svg%3e ");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    transition: all 0.4s ease-in-out;
    transform: rotate(0);
    margin-inline-end: 1rem;
}

.demandForecast .item .toggle-row[aria-expanded="true"]::before {
    transform: rotate(-45deg);
}

.demandForecast .item .toggle-row:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

.demandForecast .item .toggle-row:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

@media (max-width: 992px) {
    .demandForecast .item .toggle-row {
        align-items: unset;
        border-top: 1px solid #011632;
    }

    .demandForecast .item .toggle-row::before {
        padding-top: 3.5em;
    }

    .demandForecast .item .toggle-row[aria-expanded="false"] {
        border-bottom: 1px solid #011632;
    }
}

@media(max-width: 992px) {
    .demandForecast .item .inner {
        padding-inline-start: unset !important;
    }
}

.demandForecast .item .inner:not(.toggle-row):before {
    content: none !important;
}

.inner-collapse {
    margin-inline-start: 43px;
}

#showCat {
    display: none;
}

#showDates {
    display: none;
}

.dir-ltr {
    text-align: start;
    direction: ltr;
}

.wide-youtube-container {
    width: 70%;
    margin: 10px auto 10px;
}

@media(max-width: 992px) {
    .wide-youtube-container {
        width: 100%;
        margin: auto;
        padding-bottom: 10px;
        background-color: #ECECEC;
    }
}

.wide-youtube-container .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .wide-youtube-container .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.datepicker-button.disabled {
    cursor: not-allowed;
}

.extended-files-table .view::before {
    height: 15px;
}

.extended-files-table #moreFiles.collapsing {
    transition: 0s;
}

@media(min-width: 992px) {
    .extended-files-table .extended-file-col2 {
        position: relative;
        top: 5px;
    }

    .extended-files-table a {
        position: relative;
        top: 8px;
    }
}

.month-year-datepicker-container {
    position: relative;
}

    .month-year-datepicker-container .datepicker {
        padding: 10px;
    }

    .month-year-datepicker-container span.active {
        background: #0F3C74 !important;
    }

    .month-year-datepicker-container .month-year-datepicker {
        color: #0F3C74 !important;
        font-weight: 600 !important;
        cursor: pointer;
    }

    .month-year-datepicker-container::before {
        content: "";
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19.682' height='20.015' viewBox='0 0 19.682 20.015'%3e%3cg id='noun-6203363' transform='translate(-200.8 -192.1)'%3e%3cpath id='Path_244' data-name='Path 244' d='M379.99,624.38a1.09,1.09,0,1,0-1.09-1.09A1.09,1.09,0,0,0,379.99,624.38Z' transform='translate(-173.708 -419.494)' fill='%230f3c74'/%3e%3ccircle id='Ellipse_6' data-name='Ellipse 6' cx='1.09' cy='1.09' r='1.09' transform='translate(209.221 204.387) rotate(-67.5)' fill='%230f3c74'/%3e%3cpath id='Path_245' data-name='Path 245' d='M733.79,624.38a1.09,1.09,0,1,0-1.09-1.09A1.09,1.09,0,0,0,733.79,624.38Z' transform='translate(-518.784 -419.494)' fill='%230f3c74'/%3e%3cpath id='Path_246' data-name='Path 246' d='M379.99,789.38a1.09,1.09,0,1,0-1.09-1.09A1.09,1.09,0,0,0,379.99,789.38Z' transform='translate(-173.708 -580.426)' fill='%230f3c74'/%3e%3cpath id='Path_247' data-name='Path 247' d='M556.89,789.38a1.09,1.09,0,1,0-1.09-1.09A1.09,1.09,0,0,0,556.89,789.38Z' transform='translate(-346.246 -580.426)' fill='%230f3c74'/%3e%3cpath id='Path_248' data-name='Path 248' d='M733.79,789.38a1.09,1.09,0,1,0-1.09-1.09A1.09,1.09,0,0,0,733.79,789.38Z' transform='translate(-518.784 -580.426)' fill='%230f3c74'/%3e%3cpath id='Path_249' data-name='Path 249' d='M217.171,193.639h-1.507v-.829a.71.71,0,0,0-1.42,0v.829h-7.2v-.829a.71.71,0,0,0-1.42,0v.829h-1.509a3.318,3.318,0,0,0-3.314,3.314V208.8a3.318,3.318,0,0,0,3.314,3.314h13.054a3.318,3.318,0,0,0,3.314-3.314V196.953A3.314,3.314,0,0,0,217.171,193.639Zm-14.95,3.314a1.9,1.9,0,0,1,1.9-1.9h1.507v.824a.71.71,0,1,0,1.42,0v-.824h7.2v.824a.71.71,0,0,0,1.42,0v-.824h1.507a1.9,1.9,0,0,1,1.9,1.9v2.54h-.121v.123H202.22Zm14.95,13.742H204.117a1.9,1.9,0,0,1-1.9-1.9v-7.762h16.844V208.8A1.893,1.893,0,0,1,217.171,210.695Z' fill='%230f3c74'/%3e%3c/g%3e%3c/svg%3e ");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.25rem;
        height: 1.25rem;
        display: block;
        position: absolute;
        left: 6px;
        pointer-events: none;
    }

.background-color-class {
    border-radius: 8px;
    padding: 10px !important;
    margin: 10px;
}

@media(max-width: 992px) {
    .background-color-class {
        border-radius: 0px;
        margin: 0px;
    }
}

@media(max-width: 992px) {
    .main-menu {
        padding-bottom: 12em !important;
    }
}
/*Bug fix #96009*/
.field div.datepicker-calendar {
    transform: none;
    inset-inline: auto !important;
}

#datepicker-calendar-EndDateWithSaturday {
    inset-inline-end: 0% !important;
}

/*Bug fix #92170*/
@media(max-width: 992px) {
    .field div.datepicker-calendar {
        top: revert !important;
        transform: none;
        inset-inline: auto !important;
    }
    #datepicker-calendar-EndDateWithSaturday {
        inset-inline-end: 0% !important;
    }
    .excel-export-filter-box div.datepicker-calendar {
        top: 100% !important;
    }
}

@media(max-width: 992px) {
    #aboutDataModal .text-with-icons figure {
        width: 20%;
        max-width: fit-content;
    }
}

@media(max-width: 992px) {
    .mobile-width-100 {
        width: 100% !important;
    }
}

@media(min-width: 992px) {
    .purchase-table.fileTable td a {
        justify-content: center;
    }
}

@media(max-width: 992px) {
    .purchase-table td {
        padding-inline-start: unset !important;
    }

    .tendor-table td.tender-number:nth-child(1) {
        width: 100% !important;
    }

    .table.surveyTable td:last-child {
        order: unset !important;
    }
}

@media(max-width: 992px) {
    .mobile-bg-container {
        margin-bottom: 20px !important;
    }
}

#ramzor-info {
    min-height: 209px !important;
}

@media(max-width: 992px) {
    #ramzor-info {
        min-height: 507px !important;
    }
}

#contactUsForm label[for=marketingMailApproval] * {
    font-size: 0.75rem;
    line-height: 20px;
}

@media(max-width: 992px) {
    #contactUsForm label[for=marketingMailApproval] * {
        font-size: 0.875rem;
    }
}

.diagram-new-proccess {
    position: relative;
}

    .diagram-new-proccess .right-col-1 {
        height: 377px;
    }

    .diagram-new-proccess .right-left-up-arrow {
        padding-top: 2rem;
        position: relative;
        bottom: 30px;
    }

    .diagram-new-proccess .central-col-3 {
        height: 180px;
    }

    .diagram-new-proccess .right-arrow {
        padding-top: 8.5rem;
        position: relative;
        top: 180px;
    }

    .diagram-new-proccess .col-container-3 {
        padding: 0;
    }

    .diagram-new-proccess .down-basic-arrow {
        position: relative;
        left: 115px;
    }

@media (max-width: 992px) {
    .search-career .search input {
        font-size: 1rem !important;
    }

    .search-career .dropdown-toggle {
        font-size: 1rem !important;
    }

    .search-career .bootstrap-select .dropdown-menu.inner a {
        font-size: 1rem !important;
    }
}

@media(max-width: 992px) {
    .hero.page-hero video {
        height: 660px !important;
    }

    .co2-page-container .co2-figure-banner {
        height: 666px !important;
    }
}

.side-image-content-page-container {
    min-height: 700px;
}

.research-documents a::before {
    content: unset !important;
}

.research-documents a img {
    margin-inline-end: 0.5rem;
}

.hp-graph {
    position: relative
}

    .hp-graph h2 {
        text-align: center;
        /* Always reserve the height of two lines for the title, so every card behaves as
           if its title wraps to two lines. A one-line title keeps the empty second line,
           which pushes the content below down to the same place in every card. */
        line-height: 1.3;
        min-height: 2.6em;
    }

/* The card is one line taller than the original 485px so the two-line title reservation
   above has room and does not push the content onto the button. The extra class raises
   the specificity above the base ".graphs .chart" rule in style.css (which loads later). */
.graphs .chart.hp-graph {
    height: 520px;
}

@media (max-width: 992px) {
    .graphs .chart.hp-graph {
        height: 415px;
    }
}

    .hp-graph .co2-img {
        width: 202px;
        height: 207px;
        margin: auto;
        display: block;
        margin-top: 27px;
    }


    .hp-graph .demand-img {
        width: 253px;
        height: 196px;
        margin: auto;
        display: block;
        margin-top: 38px;
    }

    .hp-graph .graph-data {
        flex-direction: column !important;
        font-family: Helvetica, Arial, sans-serif;
        height: auto !important;
        margin-top: 35px;
    }

        .hp-graph .graph-data p {
            margin: 0px;
            font-size: 16px;
            font-weight: bold;
            line-height: 25px;
        }

        .hp-graph .graph-data .demand-value-unit {
            display: flex;
            flex-direction: row-reverse;
            align-items: baseline;
        }

            .hp-graph .graph-data .demand-value-unit #demand-unit {
                font-size: 16px;
                color: #2A2A2A;
                font-weight: bold;
            }

        .hp-graph .graph-data #demand-type {
            line-height: 18px;
        }

        .hp-graph .graph-data .value {
            font-size: 30px;
        }


    .hp-graph .bottom-container {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

        .hp-graph .bottom-container a {
            border: 2px solid #0F3C74;
            border-radius: 20px;
            padding: 3px 15px 3px 9px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: row;
            cursor: pointer;
            color: #0F3C74;
            font-weight: 600;
        }

            .hp-graph .bottom-container a:hover {
                text-decoration: none;
            }

            .hp-graph .bottom-container a::after {
                content: "";
                mask-image: url("/assets/icons/noun-arrow-2335664.svg");
                mask-position: center;
                mask-size: contain;
                mask-repeat: no-repeat;
                background-color: #063D82;
                width: 20px;
                height: 14px;
                display: block;
                margin-inline-start: 3px;
            }

        .hp-graph .bottom-container p {
            font-size: 10px;
            margin-top: 41px;
            font-weight: 600;
            color: #011632;
        }

@media(max-width: 992px) {
    .hp-graph .co2-img {
        width: 153px;
        height: 157px;
        margin-top: 20px;
    }

    .hp-graph .demand-img {
        width: 203px;
        height: 157px;
        margin-top: 20px;
    }

    .hp-graph .bottom-container p {
        margin-top: 27px;
    }
}

.txt-results:focus-visible {
    outline: 0 !important;
    border: 0 !important;
}

.formMsg h1:focus-visible {
    outline: none;
}
.custom-switch:focus-within label {
    outline: -webkit-focus-ring-color auto 1px;
    outline: black auto 1px;
}
    /*Bug fix #92137*/
    @media (max-width: 992px) {
        .custom-switch label {
            font-size: 13px !important;
        }
    }
    /*Bug fix #92139*/
    @media(max-width: 992px) {
        .table.fileTable tr:not(.collapse) {
            align-items: flex-start !important;
            flex-direction: column !important;
        }
    }

    .table.fileTable td {
    justify-items: flex-start;
}

/*Bug fix #90216*/
@media (max-width: 992px) {
    .q-and-a .item .btn-toggle {
        font-size: 1rem !important;
    }
}

/*Bug fix #*/
/* Desktop only: on mobile these fields must stay at 16px+ or iOS Safari auto-zooms on focus */
@media (min-width: 993px) {
    .umbraco-forms-form input.text, .umbraco-forms-form textarea, .umbraco-forms-form .datepickerfield {
        font-size: 0.8125rem !important;
    }
}

/*Bug fix #85726*/
@media(max-width: 992px) {
    .graphData {
        display: block !important;
    }
        .graphData b {
            unicode-bidi: plaintext
        }
}

/* Career lobby video - show full video without cropping */
#career-lobby-video {
    object-fit: fill;
}

/* Bug fix #2615 - On mobile the fixed floating widgets (chatbot bubble + reCAPTCHA
   badge) overlap the footer once the page is scrolled to the bottom. main.js measures
   how far the footer intrudes into the viewport and exposes it as --footer-widget-lift;
   here we translate the widgets up by that amount so they sit just above the footer.
   Only transform is touched, so the reCAPTCHA hover slide-in (right) and the chatbot's
   open/close animation are left intact. Desktop is unaffected. */
@media (max-width: 992px) {
    html body .grecaptcha-badge,
    html body .WizcloseMode {
        transition: transform 0.2s ease;
        transform: translateY(calc(-1 * var(--footer-widget-lift, 0px)));
    }
}

#job-apply-form .privacy-approval label a {
    text-decoration: underline;
}

/* The approval text comes from a rich text editor, so it arrives wrapped in <p>.
   Keep it inline inside the label so it stays on the checkbox line. */
#job-apply-form .privacy-approval label p {
    display: inline;
    margin: 0;
}

/* The approval texts sit in the 8-column block so they wrap before reaching the
   submit column instead of running the full width above the button. The submit
   column is stretched by default, which left the button at the top of the row -
   bottom-aligning it puts it on the same line as the marketing approval checkbox.
   Only desktop, where .row-fluid is a flex row; on mobile the blocks stack. */
@media (min-width: 993px) {
    #job-apply-form .umbraco-forms-navigation > .col-md-4 {
        align-self: flex-end;
    }
}
/* obligation to report - "files by year" accordion.
   The plus sits on the RIGHT, before the year, and the heading shows only the year.
   .q-and-a .item .btn-toggle:after in style.css puts it at inset-inline-end, which in
   an RTL page is the left. Scoped as .q-and-a.files-by-year so it outranks that rule
   whatever the bundle order - the FAQ blocks share .q-and-a and must not change. */
.q-and-a.files-by-year .item .btn-toggle {
    /* Icon and text start flush at the edge: room for the 1.25rem icon plus a small gap,
       instead of the 1.875rem indent the FAQ rule uses. */
    padding-inline-start: 1.75rem;
    padding-inline-end: 0;
}

.q-and-a.files-by-year .item .btn-toggle::after {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

/* A single line BETWEEN years - not under every one. style.css gives .q-and-a .item a
   dashed border-bottom to divide FAQ questions, which also left a line hanging after the
   last year. That is cleared, and .item + .item draws the divider only where two years
   actually meet. The FAQ blocks keep their dashed rule. */
.q-and-a.files-by-year .item {
    border-bottom: none;
}

.q-and-a.files-by-year .item + .item {
    border-top: 1px solid rgba(1, 22, 50, 0.4588235294);
}

/* An open year loses the divider BELOW it - the file table ends with its own rule, so the
   year divider doubles up against it. The divider above the open year stays, since it
   still separates it from the year before. The line below an item is the NEXT item's
   border-top, which is why the selector is "+ .item". .collapsing is included so the line
   does not flicker back during the open/close transition.
   :has() is what makes this possible - the state class .show sits on the panel, a child
   of .item, and only :has() lets a parent react to it. In a browser without :has()
   (pre-2023) the rule is ignored and the divider simply stays, which is harmless. */
.q-and-a.files-by-year .item:has(> .collapse.show) + .item,
.q-and-a.files-by-year .item:has(> .collapsing) + .item {
    border-top: none;
}

/* Hide the floating chatbot while the mobile hamburger menu is open. The bot is fixed to
   the viewport, so it stays on top of the open menu panel. main.js puts .menu-active on
   the body for exactly as long as the menu is open, so the widget comes straight back on
   close. The bot's markup is injected by the external 720 script and is not ours to
   depend on by id - it namespaces its elements with a "Wiz" class prefix (.WizcloseMode
   is the bubble, see the --footer-widget-lift rule above), and it may also drop a raw
   iframe, so both are covered. Desktop is unaffected: the menu is not a slide-down panel
   there and .menu-active is never set. */
@media (max-width: 992px) {
    html body.menu-active [class*="Wiz"],
    html body.menu-active iframe[src*="floatingbot"] {
        display: none !important;
    }
}

/* כרטיס 'מחקר בביצוע' בטאב השמאלי של עמוד פעילות מחקר וביצוע.
   הכרטיס מוצג לצפייה בלבד (אין עמוד מחקר לעבור אליו), ולכן הסמן נשאר סמן רגיל
   ואין אפקט hover שמרמז על לחיצות. שתי המחלקות נדרשות כדי לגבור על .research-item
   שמגיע מ-style.css, שנטען אחרי Custom.css. */
.research-item._static,
.research-item._static h3,
.research-item._static .info {
    cursor: default;
}

.research-item._static:hover {
    box-shadow: none;
}

/* מחקר אחד בשורה - הכרטיס נפרש על כל רוחב העמודה ולא נעצר ב-340px */
.research-item._static {
    max-width: 100%;
}

/* הטאב של 'מחקרים בביצוע' מציג את הכרטיסים ישירות ב-.row, ללא .tab-content פנימי
   שממנו הטאב השני מקבל ריווח עליון. לכן מוסיפים כאן margin מעל הכרטיס הראשון,
   באותו ערך שמקבל הטאב השני. */
.research-tabs #tab_0-pane > .row {
    margin-top: 1.875rem;
}

@media (max-width: 992px) {
    .research-tabs #tab_0-pane > .row {
        margin-top: 1.25rem;
    }
}

/* הטאב של 'מחקרים בביצוע' מרנדר את ה-.row ישירות, בלי ה-.tab-content המקונן
   שהיה שם כשעוד היו פילים. כל הריווח של הפאנל ב-style.css תלוי בסלקטור הכפול
   .tab-content .tab-content, ולכן הוא לא חל כאן - מה שהשאיר את הפאנל בלי padding.
   במובייל זה בלט: ל-.research-tabs יש margin-inline שלילי (יציאה מכוונת לקצוות)
   שה-padding הפנימי היה מקזז, ובלעדיו הכרטיסים נחתכו משני הצדדים. */
.research-tabs .research-list-pane {
    padding-block: 1.875rem;
}

@media (max-width: 992px) {
    .research-tabs .research-list-pane {
        padding: 1.25rem 0.75rem;
    }
}

/* כפתור 'טען עוד' של הטאב 'מחקרים בביצוע'. העיצוב הבסיסי (צבע, אייקון) מגיע מ-.load-more
   ב-style.css; כאן רק המיקום ביחס לרשימה. הסלקטור המלא נדרש כי Custom.css נטען לפני
   style.css, ובלעדיו הכלל שם היה גובר על ה-margin. */
.research-tabs .research-list-pane .load-more {
    margin: 2rem auto 0;
}


/* Total annual consumption in localities: the chart took whatever its title left, so its
   size followed the title's length (and the language). It now has one fixed, small width
   in both languages - Highcharts' small layout, legend under the pie - and the title
   wraps in the rest of the row. 340px leaves room for the legend's two 150px columns,
   which a narrower chart cut off at the sides. */
@media (min-width: 768px) {
    .filter-box .cityTotalConsumption-title {
        flex: 1 1 0;
        min-width: 0;
    }

    .filter-box .cityTotalConsumption-graph {
        flex: 0 0 340px;
        flex-grow: 0 !important; /* the element also carries bootstrap's flex-grow-1 */
        max-width: 340px;
    }
}


/* Home page graph cards with an image (CO2, demand): the button row is absolutely
   positioned at the bottom of a fixed-height card, so when the title wraps (English)
   the content ran into it. The card becomes a column that keeps room for the button
   row, and the image gives up height when space runs short. */
.hp-graph-image {
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}

    .hp-graph-image .co2-img,
    .hp-graph-image .demand-img {
        flex: 0 1 auto;
        min-height: 0;
        margin-bottom: 0;
        object-fit: contain;
    }

@media (max-width: 992px) {
    .hp-graph-image {
        padding-bottom: 85px;
    }
}

/* English: the "more info" arrow points forward (right), and the unit follows the value. */
html[dir="ltr"] .hp-graph .bottom-container a::after {
    transform: scaleX(-1);
}

html[dir="ltr"] .hp-graph .graph-data .demand-value-unit {
    flex-direction: row;
    gap: 4px;
}


/* English: the search icon sits at the end of the field, as it does in Hebrew. */
html[dir="ltr"] .hasMag {
    background-position: right 5px top 50%;
    padding-right: 26px;
}


/* CO2 page, English: the banner is 500px and the data box is anchored to its bottom. The
   English card labels wrap to more lines, so the box grew upward over the "last update"
   line under the heading. The banner (a video or an image) is taller in English to keep
   that line clear. */
@media (min-width: 993px) {
    html[dir="ltr"] .co2-page-container > video,
    html[dir="ltr"] .co2-page-container > .co2-figure-banner {
        height: 530px;
    }
}


/* Graph cards, English: style_LTR.css gives every class-less div in a graph card a fixed
   250px height, which style.css (Hebrew) does not. Highcharts' hidden screen-reader regions
   (before and after each chart) are class-less divs, so in English each became an empty
   250px block above and below the pie. Height follows the content, as in Hebrew. */
html[dir="ltr"] .charts .graph div:not([class]) {
    height: auto;
}
/**umb_name:Paragraph*/
p {
	color: #2A2A2A;
}

/**umb_name:H1 - Noto Sans Hebrew 50 Regular*/
h1 {
}

/**umb_name:H2 - Noto Sans Hebrew 24 SemiBold*/
h2 {
}

/**umb_name:H3 - Noto Sans Hebrew 16 SemiBold*/
h3 {
}

/**umb_name:H4 - Noto Sans Hebrew 16 SemiBold*/
h4 {
}

/**umb_name:Link - Noto Sans Hebrew 20 SemiBold*/
.sm-simple {
}

/**umb_name:Noto Sans Hebrew 16 SemiBold*/
.semi-bold-16 {
	color: #011632;
	font-size: 16px;
	font-weight: 600;
}

/**umb_name:Noto Sans Hebrew 16 Medium*/
.medium-16 {
	color: #011632;
	font-size: 16px;
	font-weight: 500;
}

/**umb_name:Noto Sans Hebrew 16 Regular*/
.regular-16 {
	color: #011632;
	font-size: 16px;
	font-weight: normal;
}

/**umb_name:Noto Sans Hebrew 14 SemiBold*/
.semi-bold-14 {
	color: #011632;
	font-size: 14px;
	font-weight: 600;
}

/**umb_name:Noto Sans Hebrew 14 Regular*/
.regular-14 {
	color: #2A2A2A;
	font-size: 14px;
	font-weight: normal;
}

/**umb_name:Noto Sans Hebrew 12 Medium*/
.medium-12 {
	color: #011632;
	font-size: 12px;
	font-weight: 500;
}

/**umb_name:Noto Sans Hebrew 12 Regular*/
.regular-12 {
	color: #011632;
	font-size: 12px;
	font-weight: normal;
}

/**umb_name:Marked*/
.marked-rte {
	background-color: #DAE7E9;
	border-radius: 8px;
	padding: 10px;
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker.css.map */