html {
    height:100%!important;
}

body {
    height:100%!important;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    margin-top:10px;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.box-header.with-border-double {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

.box-header {
    color: #444;
    display: block;
    position: relative;
    font-weight:bold;
}

.box.box-primary {
    border-top-color: #3c8dbc;
}

th.sortup {
    display:block;
    background:url("../img/uparrow.png");
    background-size:1em;
    background-repeat: no-repeat;
    background-position:left;
    padding-left: 1.5em;
}

th.sortdown {
    display:block;
    background:url("../img/downarrow.png");
    background-size:1em;
    background-repeat: no-repeat;
    background-position:left;
    padding-left: 1.5em;
}

th a {
    color:black;
}


.has-search .form-control {
    padding-left: 2.375rem;
    width:98%;
    margin-left:0%;    
    
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    margin-top:0.5rem;
    margin-left:1%;
}

.status-bar {
    background:#FFFFFF;
    border:1px solid rgba(0,0,0,.125);
    width:100%;
    margin-bottom:10px;
    transition: transform 0.3s;
}

.status-bar-active {
    transform: translateY(10px) scale(1.1);
    font-weight: bold;
}

/* ul.pagination {
    margin-left:30px;
} */

.zero_padding {
    padding:0!important;
}

a.page-link {
    color:black;
}

.page-item.active .page-link {
    background:#e8e8e8!important;
    border-color:rgba(0,0,0,.125);
    color:black;
}

.row {
    margin-right:0!important;
    margin-left:0!important;
}

.box.box-danger {
    border-top-color: #dd4b39 !important;
}

.box.box-success {
    border-top-color: #00a65a !important;
}

.box.box-warning {
    border-top-color: #f39c12 !important;
}

.box.box-info {
    border-top-color: #00c0ef !important;
}

.modal-header.header-danger {
    border-bottom:2px solid #dd4b39 !important;
}

.modal-header.header-success {
    border-bottom:2px solid #00a65a !important;
}

.modal-header.header-warning {
    border-bottom:2px solid #f39c12 !important;
}

.modal-header.header-info {
    border-bottom:2px solid #00c0ef !important;
}

tr {
    cursor: pointer;
}

.alert-box {
    display: block;
    position: fixed;
    z-index: 9999;
    top:10em;
    width:100%;
    margin-left:0;
    margin-right:0;
    left:0;
    background:white;
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    padding:5em;
}

.alert-box-body {
    z-index:2000;
    text-align:center;
}

.alert-box-button {
    z-index:2000;
    text-align:center;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size:14px;
}

.form-separator {
    
    border:1px solid #f0f0f0;
    width:100%;
}

.full-container-btn {
    width:100%;
    height:100%;
    border:0;
    padding-top:10%;
    font-size:3em;

}

.box-title {
    display: inline-block;
    font-size: 18px;
    margin: 15px 0 0 0;
    line-height: 1;
}

.main-title {
    margin-top:10px;
}

.form-control.invalid {
    border-color: #dc3545;
}

.form-control.valid {
    border-color: #28a745;
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #940b0b;
    background: #f9cbcb;
    padding: 0.5rem;
}

.valid-feedback {
    display: contents;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}

.warning-feedback {
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #7f5d19;
    background: #ffdd99;
    padding: 0.5rem;
}

.working-copy-saved {
    color:#535353;
    font-family:'Roboto'
}

.stick_bar {
    position:fixed;
    bottom:0;
    right:0;
    width:300px;
    height:60px;
    background:black;
}


.alert {
    border-radius: 0!important;
}

.new-shipment-button {
    margin-left:15px;
    margin-bottom:15px;
}

.index-title {
    margin-left:30px;
}

table.ai-table {
    width: 100%;
    border-spacing: 0px 5px;
    border-collapse: separate;
}

table.ai-table th {
    text-align: center;
    width: 100px;
}

table.ai-table th.narrow {
    width: 1px;
}

table.ai-table th.wide {
    width: auto;
}

table.ai-table .form-group {
    margin-bottom: 0;
}

table.ai-table td.remove-button,
table.ai-table td.required-checkbox,
table.ai-table td.fixed-checkbox {
    width: 45px;
    padding-left: 22px;
}

table.ai-table td.remove-button .btn {
    padding-left: 1rem;
    padding-right: 1rem;
}

table.ai-table td.fixed-checkbox {
    padding-left: 11px;
}

table.ai-table tr {
    cursor: default;
}

.product-ai-button {
    position: absolute;
    right: 60px;
}

.product-remove-button {
    position: absolute;
    right: 15px;
}

.badge.badge-separated {
    margin-left: 5px;
}

.units-disabled {
    width: 100%;
    height: calc(100% - 42px);
    position: absolute;
    background-color: rgba(128,128,128,0.65);
    z-index: 10;
    top: 42px;
    left: 0;
    text-align: center;
}

.units-disabled-helper1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, white, transparent 10%, transparent 90%,white);
}

.units-disabled-helper2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, white, transparent 3%, transparent 97%,white);
}

.units-disabled p {
    font-weight: bold;
    position: relative;
    top: 50%;
    margin-top: -12px;
}

td {
    vertical-align: middle !important;
}

td a.btn + a.btn {
    margin-left: 5px;
}

img.logistics-label {
    max-width: 100%;
    max-height: calc(100vh - 135px - 94px);
    display: block;
    margin: auto;
}

p.logistics-label-dummy {
    position: absolute;
    font-size: 6em;
    color: red;
    opacity: 0.4;
    transform: rotate(-60deg);
    top: 270px;
    white-space: nowrap;
    left: -105px;
}

.card {
    margin-top:1em;
}

.card-title {
    margin-left:1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}

.control-radio .control_indicator {
    border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

input:disabled {
    background: rgba(189,189,189,.3) !important;
}

.ai-table .md-form {
    margin: 0;
}

.modalbg {
    z-index:-1;
    background:white;
    opacity:0.6;
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
}

.modalbg-dummy {
    z-index:2100;
    top:0;
    left:0;
    position: fixed;
    width:100%;
    height:100%;
    background:white;
    opacity:0.6;
}

table .control_indicator{
    top: -6px;
    left: 14px;
}

input[type=text],input[type=password] {
    padding-left: 8px !important;
}

th.no-sort, th.no-sort a {
    cursor: auto;
}

span.ai_val {
    padding: .6rem 8px .4rem 8px;
    border: none;
    border-bottom: 1px solid #ced4da;
    background-color: transparent;
    white-space: nowrap;
}

span.ai_val.ai_fixed {
    background: rgba(189,189,189,.3) !important;
    border-bottom: 1px solid #bdbdbd;
    color: #495057;
}

ul {
   cursor: pointer;
}

.header-subtext {
    margin-top:0.3rem;
}

tr:hover .btn {
    background: white !important;
}

tr.missingAi {
    background: rgba(23,162,184,0.25);
}

tr.missingAi:hover {
    transition: .5s;
    background-color: rgba(23,162,184,0.5) !important;
}

#lang-drop {
    position: absolute;
    margin-left:5px;
    z-index: 9999;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    background:white;
    display:none;
}

.show-lang-drop {
    display:block!important;
}

.top-padding {
    padding-top:10%;
}

.bottom-margin {
    margin-bottom:10%;
}

#batch-adding{
    position: absolute;
    right: 40px;
    width: 95px;
}

#batch-adding .control_indicator {
    top: 16px;
    z-index: 1;
}

.modal-body {
    max-height:calc(100vh - 153px - 3.5rem)!important;
    overflow-y:auto!important;
}

/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: fixed;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 180%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);  
    width: 17.5em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tool::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
  }
}

.md-form input[type=date].warning, .md-form input[type=date]:focus.warning, .md-form input[type=datetime-local].warning, .md-form input[type=datetime-local]:focus.warning, .md-form input[type=email].warning, .md-form input[type=email]:focus.warning, .md-form input[type=number].warning, .md-form input[type=number]:focus.warning, .md-form input[type=password].warning, .md-form input[type=password]:focus.warning, .md-form input[type=search-md].warning, .md-form input[type=search-md]:focus.warning, .md-form input[type=search].warning, .md-form input[type=search]:focus.warning, .md-form input[type=tel].warning, .md-form input[type=tel]:focus.warning, .md-form input[type=text].warning, .md-form input[type=text]:focus.warning, .md-form input[type=time].warning, .md-form input[type=time]:focus.warning, .md-form input[type=url].warning, .md-form input[type=url]:focus.warning, .md-form textarea.md-textarea.warning, .md-form textarea.md-textarea:focus.warning {
    border-bottom: 1px solid #fb3;
    -webkit-box-shadow: 0 1px 0 0 #fb3;
    box-shadow: 0 1px 0 0 #fb3;
}

#lang-pl {
    background:url("./../img/pl.png");
    background-repeat: no-repeat;
    background-size:contain;
    width:50px;
    height: 25px;
    border:0;

}

#lang-gb {
    background:url("./../img/gb.png");
    background-repeat: no-repeat;
    background-size:contain;
    width:50px;
    height: 25px;
    border:0;
}