/* 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;
}
.cmp-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.cmp-excel-btn {
        width: auto;
        justify-content: flex-start !important;
        padding-inline: 0.75rem;
    }
}

.smp-empty-cell {
    width: 250px !important;
}
.cmp-empty-cell {
    width: 250px !important;
}

.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-right: 43px;
    }

    .demandForecast .item .toggle-btn::before {
        position: absolute;
    }

/* 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-right: 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;
    }

    .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: 25px;
    }

        .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;
}
/**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 */
