body{
    /*background: linear-gradient(to right, #fbfbfb, #ffffff, #dadada);*/
    transition: all 0.3s ease-out 0s;
    background: #eff7f8;
    color: #5a5a5a;
}

.vertical-align{
    vertical-align : middle !important;
    text-align:center;
}

.custom__remove, a, a*, a.*, a:hover{
    cursor: pointer;
    text-decoration: none;
}
.navbar-light{
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
    transition: all 0.45s ease 0s;
    color: #194d7d;
    border: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.navbar-light .navbar-nav>.active>a, .navbar-light .navbar-nav>.open>a {
    background: #194d7d;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus, .navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:focus  {
    color: #fff !important;
    /*background: linear-gradient(to right, #35495e 0%, #286090 100%)*/
    background: linear-gradient(to right, #73b850 0%, #2a6c33 100%)
    /*border-bottom: 1px solid #e8e8e8;*/
}
.navbar-light .navbar-nav>li>a {
    color: #1e6819 !important;
    font-size: 16px;
    position: relative;
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}
.highlight { background-color: yellow }
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 100%;
    opacity: .6;
    top: .7em;
}
.form-group.required .control-label:after {
    content:"*";
    color:red;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}
.w100p{width: 100%;}
table#itemList{
    display: block;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
}
.red{
    color: red;
}
#right-userinfo a{
    padding: 15px;
}
#navbarSupportedContent ul li a i, #navbarSupportedContent ul li a svg{
    display: block;
    text-align: center;
    font-size: 20px;
}
.ml0{margin-left: 0px;}
.mr0{margin-right: 0px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px !important;}
.w185p{width: 185px; margin:0 auto;}
.w80p{width: 80%; margin:0 auto;}
.w15p{width: 50%; margin:0 auto;}
.pt-0{padding-top: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pb-4{padding-bottom: 4px !important;}
.pb-15{padding-bottom: 15px;}
.bt-0{border-top: 0px !important;}
.bb-0{border-bottom: 0px !important;}
.btn-inverse{color: #fff; background-color: #333; border-color: #fff;}
.btn-inverse:hover { color: #333; background-color: #e6e6e6; border-color: #adadad;}
.btn-inverse:active{background-image: none;}
.btn-spring{color: #fff; background-color: #194d7d; border-color: #495c6e;}
.btn-spring:hover { color: #fff; background-color: #1c5f9d; border-color: #0e60ac;}
.btn-spring:active{
    background-image: linear-gradient(to right, #35495e 0%, #286090 100%);
    background-repeat: repeat-x;
    background-position: 0 -15px;
    color: #fff;
    background-color: #194d7d;
    border-color: #1b6d85;
}
.per-box{
    width: 100%;
    background: #fff;
}
.panel-heading{overflow: hidden;}
.modal-header {padding: 10px 15px;}
.no_margin{margin: 0 !important;}
.no_padding{padding: 0 !important;}
.center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.upercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}
.lowercase{text-transform: lowercase;}
.white_color{color: white;}
.inline{display: inline !important;}
.block{display: block !important;}
.display-none{display: none;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px;}
.fs22{font-size: 22px;}
.fs14{font-size: 14px;}
input[type="search"] {-webkit-appearance: textfield;-moz-appearance: textfield; padding: 2px;}
table.dataTable thead th, table.dataTable thead td { border-bottom: 0px; }
table.dataTable.no-footer {
     border-bottom: 0px;
}
.date_expire{max-width: 155px;}
.details .table tbody{width: 100%; display: inline-table;}

.bg-important { background: #1a7bb9 !important; }
.bg-success {
background: #39B27C !important; color: #fff; }
.bg-info { background: #41cac0
!important; }
.bg-blue { background-color: #0073b7 !important; }
.bg-spring {
background-color: #194d7d !important; }
.bg-aqua{
    background-color: #4a6984;
}
.bg-yellow {
    background-color: #f39c12 !important;
}
.bg-red{
    background-color: #dd4b39 !important;
}
.bg-green{
    background-color: #00a65a !important;
}
.bg-lime {
    background-color: #90ca4b;
    border-color: #90ca4b;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff;
}
.bg-default{
    background: #f7f7f7;
    color: #000;
    border-color: #f7f7f7;
}
.bg-indigo{
    color: #fff;
    background-color: #6929d5;
    border-color: #6929d5;
}
.bg-warning {
    color: #fff;
    background-color: #d38109;
    border-color: #d38109;
}

.bg-purple{
    color: #fff;
    background-color: #545fa1;
    border-color: #545fa1;
}
.bg-pink{
    color: #fff;
    background-color: #fa2379;
    border-color: #fa2379;
}
.bg-danger{
    color: #fff;
    background-color: #ff2924;
    border-color: #ff2924;
}
.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-sky {
    color: #089bab;
    border-color: #089bab;
}
.btn-outline-sky:hover {
    color: #fff;
    background-color: #089bab;
    border-color: #089bab;
}
.btn-outline-purple {
    color: #545fa1;
    border-color: #545fa1;
}
.btn-outline-purple:hover {
    color: #fff;
    background-color: #545fa1;
    border-color: #545fa1;
}
.btn-outline-blue {
    color: #0073b7;
    border-color: #0073b7;
}
.btn-outline-blue:hover {
    color: #fff;
    background-color: #0073b7;
    border-color: #0073b7;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-success-gradient {
    color: #2a6c33;
    border-color: #2a6c33;
}
.btn-outline-success-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #73b850 0%, #2a6c33 100%);
    border-color: #2a6c33;
    background-repeat: repeat-x;
    background-position: 0 -1px;
    color: #fff;
    background-color: #73b850;
}

.btn-outline-primary {
    color: #007bff;

    background-image: none;
    border-color: #007bff;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-outline-success {
    color: #28a745;

    background-image: none;
    border-color: #28a745;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-danger {
    color: #dc3545;

    background-image: none;
    border-color: #dc3545;
}
.btn-success {
    background: #05ac50;
    background: -moz-linear-gradient(-45deg, #05ac50 0%, #21dd72 50%, #05c44e 51%, #05ac50 71%, #05ac50 100%);
    background: -webkit-linear-gradient(-45deg, #05ac50 0%,#21dd72 50%,#05c44e 51%,#05ac50 71%,#05ac50 100%);
    background: linear-gradient(135deg, #44babc 0%,#3aa267 50%,#42c4be 51%,#46b2b9 71%,#5076a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ac50', endColorstr='#05ac50',GradientType=1 );
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    border: medium none;
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.invoice-save-btn{width:20%; margin: 0 auto;}
.invoice-save-btn button{width:100%;}

.small-box > .inner {
    padding: 10px;
}
.small-box .icon {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 0;
    font-size: 60px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 77px;
}

.small-box h3, .small-box p {
    z-index: 5;
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.bg-card-adron .inner h4 {
    font-size: 30px;
}
.box-inner h4 {
    font-size: 14px;
    color: #fff;
}
.small-box {
    margin-bottom: 15px;
}
.mb15{
    margin-bottom: 15px;
}
.cat-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.zone-box{
    border-radius: 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.zone-box h3, .zone-box h2, .zone-box label{
    margin:0;
}
.zone-box a{
    color: #fff;
}
.zone-box a:hover{
    text-decoration: none;
    color: #eee;
}
.table-responsive-content{
    width: 100%;
    font-size: 22px;
}
table.table-fixed th {
  background: white;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  color: #000;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}


/*inventory_manager_section*/
.inventory_manager_section{
    width: 100%;
}
/*full width modal*/
.modal-dialog-full-width {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width:none !important;

}

.modal-content-full-width  {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    background-color: #ececec !important
}

.modal-header-full-width  {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
    border-top: 1px solid #9ea2a2 !important;
}
/*.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
    margin-left: 0px;
}*/