body {
    font-size: 13px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #009A44;
    background-image: url("../images/bg.png");
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    color: black;
}

/*.modalInvocieLodding {
    width: 600px;
    margin: 0 auto;
}



*/

.border-primary {
    border: 1px solid #009A44 !important;
}

.bg-primary {
    background-color: #009A44 !important;
}
.text-primary {
    color: #009A44 !important;
}

.bg-search {
    background-color: #d2edfa;
}

.mainRow {
    border-bottom: 1px solid #bdb9b9;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mainRow div {
    padding-bottom: 5px;
}

    .mainRow .badge {
        line-height: unset;
        margin-bottom: auto;
    }
/*style tvp*/
.main-menu.menu-dark .navigation {
    background-color: #009A44;
    color: white;
}

.navbar-semi-dark .navbar-header {
    background-color: #009A44;
    color: white;
}

.main-menu.menu-dark {
    background-color: #009A44;
    color: white;
}

.main-menu.menu-dark .navigation > li.open > a {
    background-color: #f8ba31; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #f8ba31, #fddc6b, #f8ba31);
    color: black;
    border-right: 4px solid #f8ba31;
}

.main-menu.menu-dark .navigation > li > ul {
    background-color: #009A44;
}

.main-menu.menu-dark .navigation li a{
    color: white;
}

.app-content .wizard > .steps > ul > li.current .step {
    color: #009A44;
    border-color: #009A44;
}

.app-content .wizard > .actions > ul > li > a {
    background-color: #009A44;
}

.app-content .wizard > .steps > ul > li.done .step {
    border-color: #009A44;
    background-color: #009A44;
}

.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
    background-color: #009A44;
}

.header-in-row {
    padding: 0.5rem 1.5rem !important;
}

.btn-collapse {
    top: 7px !important;
}

.btn-info {
    background-color: #009A44 !important;
}
.blue {
   color: #009A44 !important;
}

a#btnLeft {
    margin-left: auto;
    margin-right: 10px;
}

a#btnRight {
    margin-right: auto;
    margin-left: 5px;
}

.btn-blue {
    border-color: #17db6c !important;
    background-color: #009A44 !important;
    border: 2px solid #17db6c;
    border-radius: 1.5rem;
}



.btn-primary {
    color: #fff;
    border-color: #17db6c !important;
    background-color: #009A44 !important;
}

    .btn-primary:hover {
        color: #fff !important;
        border-color: #17db6c !important;
        background-color: #1e4275 !important;
    }

    .btn-primary:focus,
    .btn-primary:active {
        color: #fff !important;
        border-color: #17db6c !important;
        background-color: #1e4275 !important;
    }

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    line-height: 23px;
    padding: 1.4rem 1rem;
}

a.nav-link.red.box-like-border {
    padding: 1.9rem 0 !important;
}

span.like-border {
    border: solid 1px #b7b7b7;
    border-radius: 4px;
    padding: 0.8rem 0.5rem !important;
}

.dropdown i {
     margin-right: 0rem; 
}

.header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
    margin-right: 0rem;
}

a.nav-link.hotline {
    padding: 1.3rem 1rem !important;
}

.avatar-text {
    background-color: #009A44;
    padding: 0.2rem 0.2rem !important;
    color: white;
    font-weight: bold;
    font-size: 18px;
    border-radius: 1000px;
    border: 1px solid #009A44;

}

.avatar-text .flag-icon:before {
    content: "" !important;
    margin-right: 0px;
    margin-left: 3px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: 1.15rem;
    padding: 1.8rem 1rem;
}

.actions.clearfix{
    text-align:center;
    align-self:center;
}

.ui-datepicker-prev span {
    background-image: url("../icon/left.png") !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url("../icon/right.png") !important;
    background-position: 0px 0px !important;
}
/*
.border-menu {
    margin: 0.9rem 0.5rem;
    border: 2px solid #1c4683;
}

.header-navbar .navbar-container ul.nav .border-menu.li > a.nav-link {
    padding: 0px !important;
}*/
/*=Header small=*/
/*.header-navbar{
    min-height: 4.2rem;
}
    .header-navbar .navbar-wrapper {
        height: 4.2rem !important;
    }

    .header-navbar .navbar-header {
        height: 4.2rem !important;
    }

.navbar-light .navbar-nav li{
    margin-top: -10px;
}*/
/*.header-navbar .navbar-container ul.nav li > a.nav-link {
    font-size: 1.15rem;
    padding: 1.5rem 1rem;
}*/
/*===*/
.logologin {
    height: 60px !important;
    width: auto !important;
    padding-top: 5px !important;
    padding-left: -10px;
}

.header-navbar .navbar-header{
    padding:3px;
}

.brand-text {
    padding-left: 0px;
}

.header-navbar .navbar-header .navbar-brand {
    padding-top: 0px !important;
}

.header-navbar .navbar-header .navbar-brand img {
    width: auto !important;
}

.colorDefault {
    color: #01203c;
}

.BgDefault {
    background-color: #01203c;
    color: white;
}

.logo img{
    width: auto;
    height: 60px !important;
    padding-top: 5px;
}

.text-orange {
    color: #ef6c00;
}

.text-red {
    color: #c62828;
}

.text-white {
    color: white;
}

.text-blue {
    color: #005525;
}

.text-green {
    color: #65ee65;
}

.bgheader {
    background-color: #f9f9f9;
}

.background-orange {
    background-color: #ef6c00;
    color: #eceff1 !important;
}

.background-red {
    background-color: #c62828;
    color: #eceff1 !important;
}

.background-white {
    background-color: white;
    color: #263238 !important;
}

.background-blue {
    background-color: #005525;
    color: #eceff1 !important;
}

.background-black {
    background-color: #808080;
    color: white !important;
}

.background-green {
    background-color: #00695c;
    color: #eceff1 !important;
}

.background-lightgreen {
    background-color: #65ee65;
    color: #ffffff !important;
}

.background-grey {
    background-color: #898b8c;
    color: #ffffff !important;
}

.required {
    color: orangered;
}

.summary {
    color: #8c0114;
    font-weight: bold;
}

.table-div:hover {
    background-color: rgba(192, 220, 192, 0.6);
}

.table-div-input input {
    /*border: none;*/
    background: none;
    text-transform: uppercase;
}

.table-div-input input:read-only {
    border: 1px solid #cacfe7 !important;
    border-radius: .21rem !important;
    background-color: #eceff1 !important;
}


input.nonBg:read-only {
    border: 1px solid #cacfe7 !important;
    border-radius: .21rem !important;
    background: none !important;
}

.table th, .table td {
    padding: .75rem 0.5rem;
}

/*.table-responsive {
    display: table;
}*/


.bntGrid {
    padding-right: 3px;
}

.badge-grid{
    margin: 0px;
}

.header-grid{
    padding: 5px 0px;
}
.input.form-control.input-sm{
    padding:2px!important;
}
.card {
    margin-bottom: 0px;
}

.pl-1{
    padding-left:2px!important;
}
.cl-md-1 {
    padding: 5px 2px !important;
}
.cl-md-4 {
    padding: 5px 2px !important;
}
.cl-md-2 {
    padding: 5px 2px !important;
}

select.form-control:not([size]):not([multiple]).input-sm, input.form-control.input-sm {
    padding: 2px !important;
}

.input-sm {
    font-size: 13px !important;
}

.labelfor-sm {
    display: inherit;
    margin-bottom: 0px;
}

.table-div-input input:disabled {
    border: none;
    background: none;
}

.table-div-input input:read-only {
    border: none;
    background: none;
}
/*.modal-xl {
    width: 21cm !important;
    min-width: 21cm !important;
    max-width: 21cm !important;
}*/
.item-invoice {
    width: 20cm !important;
}

.page-wrap {
    width: 20cm !important;
    padding: 0px 100px !important;
    margin-left: 1000px !important;
}

.item-invoice p{
   margin-bottom: 0.2rem !important;
}

.modal-dialog {
    max-width: 210mm;
    margin: auto;
}
/*.modal-dialog {
    width: 210mm !important;
    min-width: 210mm;
    max-width: 210mm;
    margin: auto;
}*/

.modal-content {
    padding: 10px 15px
}

.modal-header {
    background-color: #13bd5a;
    padding: 16px 16px;
    color: #FFF;
    border-bottom: 2px dashed #13bd5a;
}

.sub-title{
    /*font-size: 11px;
    padding-top: 0px;*/
    font-style: italic;
}

.lstTable table {
    font-family: arial, sans-serif;
    border-collapse: collapse !important;
    width: 100%;
}
.lstTable th {
    text-align: center!important;
}
.lstTable td, .lstTable th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px 3px 5px 3px !important;
}


.even td.sorting_1 {
    background-color: #ffffff !important;
}

.even:hover > td.sorting_1 {
    background-color: #f9f9f9 !important;
}

.odd:hover > td.sorting_1 {
    background-color: #f9f9f9 !important;
}

.activeRow {
    background-color: #C2D1CF;
    color: orangered;
}
/*colum ===============================================================================================*/
.cl-md-1 {
    float: left;
    width: 5%;
    padding: 5px;
}

.cl-md-2 {
    float: left;
    width: 10%;
    padding: 5px;
}

.cl-md-3 {
    float: left;
    width: 15%;
    padding: 5px;
}

.cl-md-4 {
    float: left;
    width: 20%;
    padding: 5px;
}

.cl-md-5 {
    float: left;
    width: 25%;
    padding: 5px;
}

.cl-md-6 {
    float: left;
    width: 30%;
    padding: 5px;
}

.cl-md-7 {
    float: left;
    width: 35%;
    padding: 5px;
}

.cl-md-8 {
    float: left;
    width: 40%;
    padding: 5px;
}

.cl-md-9 {
    float: left;
    width: 45%;
    padding: 5px;
}

.cl-md-10 {
    float: left;
    width: 50%;
    padding: 5px;
}

.cl-md-11 {
    float: left;
    width: 55%;
    padding: 5px;
}

.cl-md-12 {
    float: left;
    width: 60%;
    padding: 5px;
    padding: 5px;
}

.cl-md-13 {
    float: left;
    width: 65%;
    padding: 5px;
}

.cl-md-14 {
    float: left;
    width: 70%;
    padding: 5px;
}

.cl-md-15 {
    float: left;
    width: 75%;
    padding: 5px;
}

.cl-md-16 {
    float: left;
    width: 80%;
    padding: 5px;
}

.cl-md-17 {
    float: left;
    width: 85%;
    padding: 5px;
}

.cl-md-18 {
    float: left;
    width: 90%;
    padding: 5px;
}

.cl-md-19 {
    float: left;
    width: 95%;
    padding: 5px;
}

.cl-md-20 {
    float: left;
    width: 100%;
    padding: 5px;
}

@media only screen and (max-width: 576px) {
    .cl-1 {
        float: left;
        width: 5%;
        padding: 5px;
    }

    .cl-2 {
        float: left;
        width: 10%;
        padding: 5px;
    }

    .cl-3 {
        float: left;
        width: 15%;
        padding: 5px;
    }

    .cl-4 {
        float: left;
        width: 20%;
        padding: 5px;
    }

    .cl-5 {
        float: left;
        width: 25%;
        padding: 5px;
    }

    .cl-6 {
        float: left;
        width: 30%;
        padding: 5px;
    }

    .cl-7 {
        float: left;
        width: 35%;
        padding: 5px;
    }

    .cl-8 {
        float: left;
        width: 40%;
        padding: 5px;
    }

    .cl-9 {
        float: left;
        width: 45%;
        padding: 5px;
    }

    .cl-10 {
        float: left;
        width: 50%;
        padding: 5px;
    }

    .cl-11 {
        float: left;
        width: 55%;
        padding: 5px;
    }

    .cl-12 {
        float: left;
        width: 60%;
        padding: 5px;
        padding: 5px;
    }

    .cl-13 {
        float: left;
        width: 65%;
        padding: 5px;
    }

    .cl-14 {
        float: left;
        width: 70%;
        padding: 5px;
    }

    .cl-15 {
        float: left;
        width: 75%;
        padding: 5px;
    }

    .cl-16 {
        float: left;
        width: 80%;
        padding: 5px;
    }

    .cl-17 {
        float: left;
        width: 85%;
        padding: 5px;
    }

    .cl-18 {
        float: left;
        width: 90%;
        padding: 5px;
    }

    .cl-19 {
        float: left;
        width: 95%;
        padding: 5px;
    }

    .cl-20 {
        float: left;
        width: 100%;
        padding: 5px;
    }
}

table.zero-configuration tbody td {
    word-break: break-word;
    vertical-align: top;
}


.loadingModal {
    top: 40%;
}

.loadingModal .modal-content {
    background-color: transparent;
    border: none;
}

.tag span {
    display: none;
}

.tagging .tag {
    background: none repeat scroll 0 0 #1a73e8;
    text-transform: uppercase;
    border-radius: 2px;
    color: white;
    cursor: default;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 7px 20px 7px 7px;
    margin: 5px 10px 0 0;
}

.tagging .tag .tag-i {
    color: white;
    cursor: pointer;
    font-size: 1.3em;
    height: 0;
    line-height: 0.1em;
    position: absolute;
    right: 5px;
    top: 1rem;
    text-align: center;
    width: 10px;
}

input.type-zone {
    line-height: 1.25;
    margin: 7px;
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.scroll{
    display:block!important;
}

tr.main-hedear th {
    border: solid 0.5px white !important;
}

table.table.table-input th {
    min-width: 120px;
}

.custom-control-float-left {
    padding-top: 12px;
    position: relative;
    display: block;
    min-height: 1.45rem;
    padding-left: 1.5rem;
    float: left;
    padding-right: inherit;
}

.line{
    line-height:0.5rem;
    background-color: white;
    align-items: center;
}

.form-check.form-check-inlabel {
    float: right;
}

.form-check-inlabel label.form-check-label {
    padding-right: 25px;
}

@media only screen and (max-width: 576px) {
    .logo {
        padding-top: 5px !important;
    }

    /*=Header small=*/
    /*.header-navbar {
        min-height: 4.2rem;
    }

    .header-navbar .navbar-wrapper {
        height: 4.2rem !important;
    }

    .header-navbar .navbar-header {
        height: 4.2rem !important;
    }

    .navbar-light .navbar-nav li {
        margin-top: -10px;
    }

    .header-navbar .navbar-container ul.nav li > a.nav-link {
        font-size: 1.15rem;
        padding: 1.5rem 1rem;
    }*/
}