@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);

body {
    font-family: "Open Sans Hebrew", arial, sans-serif;
}

#ngapp {
    font-size: small;
}

.default-background {
    background: #568438;
    color: #fff;
}

.background-login {
    background-image: url("/static/images/login-background.jpeg") !important;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
}

.white-bg {
    background: rgba(255, 255, 255, 0.6);
    padding-top: 15px;
    border-radius: 15px;
}

.pointer, .nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .hide-row {
    display: none !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background: #7FA049;
}

.navbar-collapse.collapse {
    font-size: medium;
    font-weight: bold;
    padding: 13px 10px 0;
}

.alert-div {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000;
    opacity: 0.9;
}

.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th {
    background-color: #EFEDF2;
}

tr.data-row>td {
    padding: 4px !important;
}

tr.data-row>td.th-cell {
    padding: 0 !important;
}

/* scrollable table */
@media only screen and (min-width: 768px) {
    .content {
        /* display: inline-block; */
        margin-top: 130px;
    }
}

.content {
    margin-bottom: 15px;
}

.head-margin {
    margin-top: 100px;
    /*margin-bottom: 15px;*/
}

#data-table {
    width: unset !important;
    max-width: none;
    margin-bottom: 0px;
    overflow-x: scroll;
    overflow-y: hidden;
    display: block;
    background: white;
    position: relative;
}

#data-table thead, #data-table tbody {
    display: block;
}

#data-table thead {
    background: #eaeaea;
}

#data-table thead tr {
    height: 40px;
}

#data-table tbody {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    border-top: 40px solid #727272;
    border-bottom: 30px solid #efedf2;
}

#data-table th {
    min-width: 55px;
    background: #eaeaea;
    text-align: center;
}

#data-table td {
    border: 1px solid #ddd;
    white-space: nowrap;
    min-width: 55px;
}

#data-table td.spinner {
    border: none;
}

.moreDetails {
    text-decoration: underline;
}

#linesTBody {
    text-align: right;
}

.th-width-saver {
    height: 0px;
    opacity: 0;
    border: 0 !important;
    padding: 0 4px !important;
    line-height: 0 !important;
    z-index: -1000;
    pointer-events: none;
    overflow: hidden;
}

.Theading {
    position: absolute;
    top: 0;
    padding: 0 4px;
    color: white;
}

.tdplus {
    display: none;
}

.data-cell:hover {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.tfoot-td {
    padding: 0 !important;
}

.tfoot-inner {
    position: absolute;
    bottom: 0;
    padding: 4px;
}

.tfoot-width-saver {
    height: 0px;
    opacity: 0;
    padding: 0 4px;
    z-index: -1000;
    pointer-events: none;
    overflow: hidden;
}

.header-row th {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.th-cell {
    font-weight: bold;
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
    .hidemobile, .data-footer {
        display: none;
    }

    .tdplus {
        display: table-cell !important;
    }

    .well-heading {
        word-break: break-all;
    }

    #data-table tbody {
        border-bottom: 0 !important;
    }

    /*
    .spanmegadel_name, .spanminpri_name, .spanzan_name {
        display: none;
    }
    #data-table tfoot {
        display: none;
    }*/
}

#data-table tbody tr.data-footer td:last-child div.tfoot-wrap div.tfoot-inner {
    padding-left: 25px !important;
}

.data-footer, .font-bold {
    font-weight: bold;
}

@media only screen and (min-width: 1200px) {
    .container-xxlg {
        width: calc(100% - 30px) !important;
    }

    #up {
        width: calc(100% - 60px) !important;
    }
}

@media only screen and (min-width: 768px) {
    #up {
        min-width: 720px;
        position: fixed;
        z-index: 100;
    }

    .hidenotmobile {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    #up {
        min-width: 940px;
    }
}

@media only screen and (min-width: 1200px) {
    #up {
        min-width: 1140px;
    }
}

#up div h4 {
    margin: 4px 0;
}

#heading-buttons {
    margin: 4px 0;
    font-size: 18px;
}

#heading-buttons a {
    color: #568438;
    cursor: pointer;
}

#heading-buttons a:hover {
    color: black;
}

#up div.clearfix {
    margin: 0 20px;
    color: #568438;
}

.data-table-title {
    color: #568438;
}

/* show the collapse when navbar toggle is checked */
#navbar-toggle-cbox:checked~.collapse {
    display: block;
}

/* the checkbox used only internally; don't display it */
#navbar-toggle-cbox {
    display: none
}

.cog {
    font-size: 28px;
    margin: 13px 15px 0;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .cog {
        display: none;
    }
}

#search .form-group {
    margin: 0 5px;
}

@media only screen and (min-width: 768px) {
    .searchOnModal {
        float: left;
    }
}

.list-group-item.megadel-item {
    background: #eeeeee;
    opacity: 0.6;
}

.list-group-item.megadel-item.active-select {
    background: #FFFFFF;
    opacity: 1;
}

.scroll {
    overflow: auto;
}

.scrollbar {
    overflow: scroll;
    height: 70vh;
    min-height: 250px;
}

.scrollbar .list-group .list-group-item {
    display: inline-block;
    width: 100%;
}

.scrollbar .list-group .list-group-item.column-item {
    display: inline-block;
    width: 100%;
}

.scrollbar .list-group .list-group-item.period-item {
    display: inline-block;
    width: 49%;
}

@media only screen and (max-width: 768px) {
    .scrollbar .list-group .list-group-item {
        display: inline-block;
        width: 49%;
    }

    .scrollbar .list-group .list-group-item.period-item {
        display: inline-block;
        width: 100%;
    }
}

li {
    list-style: none;
}

.tree {
    height: 200px;
    overflow: auto;
}

#menu {
    /*margin-top: 15px;*/
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.navbar-inverse {
    background: #ffffff !important;
    border: none;
    border-bottom: 2px solid #568438;
    min-height: 65px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-toggle {
    margin-top: 17px;
}

.navbar-brand {
    margin-top: -15px;
    position: absolute;
    left: 20px;
}

@media only screen and (max-width: 768px) {
    .navbar-brand {
        right: 0;
        position: static;
    }
}

#user-line {
    background-color: #568438;
}

#user-line a.dropdown-toggle {
    padding: 5px;
}

.username {
    margin-left: 30px;
    min-width: 115px;
    background: white;
    padding: 5px;
}

.username i {
    color: #4D4D4D;
    padding-left: 5px;
}

ul.username {
    margin-bottom: 0;
}

.username li a {
    color: #4c4c4c;
}

.navbar-inverse .navbar-nav>.open>a>i, .navbar-inverse .navbar-nav>.open>a:focus>i, .navbar-inverse .navbar-nav>.open>a:hover>i {
    color: #568438;
}

.username span {
    display: block;
    margin-top: 15px;
}

.username form input.ng-untouched.ng-invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
    background-position: left top;
    background-repeat: no-repeat;
    box-shadow: none;
}

.username form input.ng-invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: left top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

.username form input.ng-valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: left top;
    background-repeat: no-repeat;
}

.username form button:disabled {
    color: #999999;
}

#menu li {
    background: inherit;
    padding-left: 4px;
    padding-right: 4px;
}

#menu .dropdown-menu a:hover {
    background: #568438;
    color: #ffffff;
}

#menu ul.dropdown-menu li.active a {
    background: #7FA049;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #568438;
}

.img-menu {
    height: 50px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #4c4c4c;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #568438;
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #777777;
}

/* dates form */
.input-dates {
    width: 80px;
}

.date-input {
    padding-left: 2px;
    padding-right: 2px;
}

.date-content {
    display: inline-block;
    margin-left: 20px;
}

.date-type-content {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .date-content {
        margin-bottom: 15px;
    }

    .date-content .input-group .form-control {
        width: 120px;
    }
}

@media only screen and (max-width: 480px) {
    .date-content {
        float: none;
        margin-bottom: 15px;
    }

    .input-dates {
        width: inherit;
    }
}

/* datepicker */
.uib-datepicker-popup {
    display: table !important;
    background: #ffffff;
    padding: 5px;
}

.uib-datepicker-popup table thead tr:first-child {
    background: #568438;
    color: white;
}

.uib-datepicker-popup table tbody button {
    background: white;
    border: none;
}

.uib-left, .uib-right {
    transform: scaleX(-1);
    border: none;
    background: #568438;
    color: white;
}

.uib-day button {
    border: none;
    background: #7FA049;
}

.uib-title {
    border: none;
    background: #568438;
    color: white;
}

.uib-button-bar button {
    background: #568438;
    color: white;
    border-color: black;
}

/* top buttons */
.season-select {
    padding-left: 4px;
    padding-right: 4px;
}

.itra {
    width: 40px;
    margin-top: -13px;
    position: relative;
    top: 9px;
}

.print-buttons {
    font-size: x-large;
    padding-top: 4px;
    vertical-align: middle;
}

.excel {
    color: green;
}

.button-settings>.btn {
    width: inherit;
    background: #568438;
    color: #eeeeee;
    margin-top: 23px;
}

/*.button-settings>.btn-ok {
    background: #7FA049;
}*/
.button-settings .form-control {
    margin-left: 20px;
}

.well-wrap .clearfix {
    display: none;
}

.well-body {
    clear: both;
}

.well-ariza {
    background: linear-gradient(to bottom, #ffffff 0%, #f8f4f3 100%);
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .well-wrap {
        position: absolute;
        z-index: 1;
        margin: 8px;
        background: rgba(0, 0, 0, 0.6);
        border: 8px;
        border-radius: 8px;
    }

    .well-wrap .clearfix {
        display: initial;
    }

    .well-ariza {
        margin: 12px;
    }
}

@media only print {
    .well-body {
        display: none;
    }
}

@media not print {
    .hide-screen {
        display: none;
    }
}

/* logo in home page */
.module-logo {
    height: 105px;
    text-align: center;
    position: relative;
    border: 1px solid #BAB5AF;
    width: 167px;
    margin: 0px auto -40px;
    z-index: 3;
    background: #ffffff;
}

.block-module .well {
    padding-top: 50px;
}

.module-logo img {
    display: inline-block;
}

.block-module {
    position: relative;
}

.block-module-menu {}

.block-module-menu li {}

.block-module-menu li a {
    color: #666D78;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 5px;
    text-decoration: none;
}

.block-module-menu li a:hover {
    background: #ffffff;
    border: 1px solid #666D78;
}

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

.ltr {
    direction: ltr;
    unicode-bidi: embed;
}

#login-form {
    background: white;
}

.login-logo {
    text-align: center;
}

.login-item {
    margin: 15px 0;
}

.login-item span {
    color: white;
    background: linear-gradient(to bottom, #555555 0%, #2b2b2b 100%);
}

.login {
    margin-top: 5%;
}

.login-submit {
    background: linear-gradient(to bottom, #54773D 0%, #628B45 100%);
    color: white;
}

.forget-password {
    color: #1c1c1c;
}

@media only screen and (max-height: 550px) {
    .login {
        margin-top: 80px;
    }
}

.page-number:after {
    counter-increment: page;
    content: "Page "counter(page);
    white-space: nowrap;
    left: 0;
    top: 0;
    z-index: 20px;
}

.chgPwdButton:disabled {
    color: white;
    background-color: #337ab7;
    opacity: 0.4;
}

ul.messages {
    padding-right: 0;
}

@media print {
    table {
        page-break-after: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    td {
        page-break-inside: avoid;
        page-break-after: auto
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group
    }
}

.login-menu {
    width: 250px;
}

/* contacts */
.container-contacts {
    opacity: 0.9;
}

.factory_details {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
}

.contacts-details {
    text-align: right;
    font-size: 18px;
}

.detail {
    padding: 8px;
}

#info-table tr th {
    /*text-align: center;*/
    background: white;
}

.order-num {
    width: 35px;
}

.no-overflow {
    overflow-y: hidden !important;
}

.fixed-header {
    position: relative;
    overflow-y: hidden;
}

.fixed-header>div {
    overflow-y: auto;
    height: 60vh;
    margin-top: 30px;
}

.fixed-header th {
    padding: 0 8px !important;
}

.fixed-header th>div {
    position: absolute;
    top: 0;
}

.fixed-header th>span>div {
    opacity: 0;
    height: 0;
}

.modal-balances {
    padding-left: 8px;
}

#megadelSelect {
    max-width: 200px;
}

#status_filter, .purchase-confirm-filter>input, #NewDateType {
    max-width: 90px;
}

.purchase-confirm-filter .ui-select-toggle, #supplier_filter {
    width: 150px;
}

.purchase-confirm-filter .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    width: 400px;
    right: auto;
    left: 20px;
}

.purchase-confirm-notification {
    position: absolute;
    top: 113px;
    background: white;
    opacity: 0.9;
    padding: 0 10px;
    min-width: 150px;
    cursor: pointer;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #888;
}

.ng-hide {
    font-size: 0;
}

.purchase-confirm-notification ul {
    transition: all linear 0.5s;
}

.purchase-confirm-notification li {
    list-style: disc;
    clear: both;
}

.purchase-confirm-notification .close-notification {
    float: left;
}

.notification-header {
    float: right;
    font-weight: bold;
}

.form-error {
    background-color: red;
    color: white;
    font-weight: bold;
}

.balances {
    margin-bottom: 0;
}

.modal-buttons button {
    border-right: solid 1px white;
    border-left: solid 1px white;
}

.red-font {
    color: red;
}

.update-time-info {
    color: #999999;
    margin-top: 8px;
    margin-left: 16px;
}

.sub-opening {
    font-weight: bold;
    border-top: 4px ridge;
}

.checkbox-wrapper {
    display: inline-block;
    text-align: left;
    width: 2.5rem;
    color: #000;
    font-size: 1.5em;
    vertical-align: middle;
    padding-left: 5px;
}

/* IPAD */
@media all and (max-width: 991px) {
    .navbar-toggle {
        display: block;
        float: none
    }

    .navbar-header, .navbar-nav>li, .navbar-right, .navbar-nav {
        float: none !important;
    }

    .dropdown-menu, .megamenu-fw-col {
        position: relative;
        float: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important;
        padding-bottom: 0;
        overflow: hidden !important;
    }

    .navbar-nav.p1 {
        display: none !important;
    }

    #mega_menu_main_PDcontainer .dropdown.hasChilds.mega1_level .dropdown-menu {
        width: auto !important;
    }
}
/* /IPAD */

td[field="approved"][data-content="לא"] {
    color: red !important;
    font-weight: bold !important;
  }