/* font face */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
    src: url('../fonts/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: normal;
    src: url('../fonts/Ubuntu-Italic.ttf') format('truetype');
    src: url('../fonts/Ubuntu-Italic.ttf');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
    src: url('../fonts/Ubuntu-Bold.ttf');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/Ubuntu-BoldItalic.ttf') format('truetype');
    src: url('../fonts/Ubuntu-BoldItalic.ttf');
}

/*
@font-face {
    font-family: Icomoon;
    font-style: normal;
    font-weight: regular;
    src: url('../fonts/icomoon.eot');
    src: url(../fonts/icomoon.eot?#iefix) format("embedded-opentype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.svg#Icomoon) format("svg");
}
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #ffffff;
    font-family: "Ubuntu", "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 51px;

}

.navbar-brand {
    float: left;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar {
    position: relative;
    min-height: 90px;
    margin-bottom: 10px;
    border: 1px solid transparent
}

.navbar-toggle {
    background-color: #000000;
    background-image: none;
    border: 1px solid #FFF;
}

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

.navbar-ulozenka {
    background-color: #000000;
    margin-bottom: 40px;
}

.navbar-ulozenka .navbar-nav > li > a {
    color: #FFF;
    min-width: 100px;
    text-align: center;
}

@media all and (max-width: 1200px) {
    .navbar-ulozenka .navbar-nav > li > a {
        min-width: inherit;
    }
}

.navbar-ulozenka .navbar-nav > li > a:hover, .navbar-ulozenka .navbar-nav > li > a:focus {
    color: #dfdfdf;
    background-color: transparent
}

.navbarsmall {
    position: relative;
    min-height: 30px;
    margin-bottom: 0;
    border: 1px solid transparent;
    background-image: none !important;
    background: #393b4a;
}

.navbarsmall .navbar-nav > li > span {
    float: left;
    color: #EEE;
}

.navbarsmall .navbar-nav > li > a, .navbarsmall .navbar-nav > li > span {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
    color: #EEE;
    float: left;
}

.navbarsmall .navbar-nav > li > a {
    padding-left: 5px;
}

.navbarsmall .navbar-nav > li > a span.glyphicon {
    color: #999;
}

.navbarsmall .navbar-nav > li > a:hover {
    text-decoration: underline;
}

.btn-black {
    color: #FFF;
    background-color: #272424;
    border-color: #2c2a2a;
    margin-top: 4px;
}

.btn-black:hover, .btn-black:focus {
    color: #CCC;
    text-decoration: underline;
}

/*.dropdown-menu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: #272424;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
.dropdown-menu>li>a {color: #CCC;}
.dropdown-menu .divider {
    height: 1px;
    margin: 5px 0;
    background-color: #000;
}*/
.btn-pridat {
    color: #444444;
    background-color: #f6f6f6;
    border-color: #cecece
}

.navbar-ulozenka .icon {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #FFF;
    border: 2px #eaeaea solid;
    float: none;
    display: block;
    margin: 0px auto;
    text-align: center;
    color: #c11f2f;
    vertical-align: middle;
}

.navbar-ulozenka a:hover .icon .glyphicon {
    color: #969696;
}

.navbar-ulozenka a:hover .icon .fa {
    color: #969696;
}

.navbar-ulozenka .icon .glyphicon {
    top: 12px;
    font-size: 140%;
}

.navbar-ulozenka .icon .fa {
    margin-top: 9px;
    font-size: 180%;
}

.navbar-ulozenka .navbar-nav > li > a strong {
    display: block;
    float: none;
    margin-top: 3px;
    font-weight: normal;
}

@media (max-width: 768px) {
    .icon {
        display: none
    }

    /* .navbar-ulozenka .navbar-nav>li>a strong { float: none; margin-top: 0px; font-weight: normal;} */
}

.navbarf {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    min-height: 40px;
    margin-top: 3em;
    margin-bottom: 0px;
    border: 1px solid transparent
}

.navbar-footer {
    background-color: #393b4a;
}

.navbar-footer p {
    margin: 10px 0 0 0;
    color: #c6c6c6;
}

a {
    color: #969696;
    text-decoration: none
}

a:hover, a:focus {
    color: #393939;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.row {
    border-radius: 5px;
    background-color: #fff;
    margin-left: -15px;
    margin-right: -15px
}

.minh {
    min-height: 480px;
}

.notif dt {
    min-height: 70px;
}

.ostat dt {
    min-height: 70px;
}

.font-lg {
    font-size: 160%;
}

.ulozenka-form-required .form-control {
    display: inline-block; /* allows both elements to be on the same line */
    width: 92%;
    /* Inputs with .form-control are 100% wide in BS3,
       so your span won't fit unless you reduce the width */
}

.ulozenka-form-required .full-width .form-control {
    width: 100%;
}

.ulozenka-form-width-92 {
    width: 92%;
    /* Inputs with .form-control are 100% wide in BS3,
       so your span won't fit unless you reduce the width */
}

.ulozenka-form-width-92 .form-control {
    width: 100%;
    /* Inputs with .form-control are 100% wide in BS3,
       so your span won't fit unless you reduce the width */
}

.form-control-file {
    height: auto;
}

.ulozenka-form-width-92 .col-md-4 {
    padding-left: 0px;
}

.ulozenka-form-width-92 .col-md-8 {
    padding-right: 0px;
    padding-left: 0px;
}

/*
@media (height:680px){
        .minh {	min-height: 480px;}
}
@media (max-height:880px){
        .minh {	min-height: 580px;}
}
@media (max-height:980px){
        .minh {	min-height: 680px;}
}
@media (max-height:1080px){
        .minh {	min-height: 780px;}
}
*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #e9e9e9;
}

.nav-tabs > li > a {
    border-color: #e8e8e8 #e8e8e8 #ddd;
}

/* prihlaseni */

.end-info {
    text-align: center;
}

.end-info span {
    color: #ED213A;
}

.minlogin {
    min-height: 450px;
}

.form-signin {
    max-width: 380px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[name="username"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"], .form-signin input[type="email"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.under-login {
    margin-top: 20px;
    text-align: center;
}

/* pole */
.form-control:focus {
    border-color: #c11f2f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(193, 31, 47, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(193, 31, 47, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

/* grido */
.table-striped > tbody > tr.grido-problematic-row > td,
.table-striped > tbody > tr.grido-problematic-row > th {
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}

.table-striped > tbody > tr.grido-warning-row > td,
.table-striped > tbody > tr.grido-warning-row > th {
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}

.table-striped > tbody > tr.grido-info-row > td,
.table-striped > tbody > tr.grido-info-row > th {
    background-image: linear-gradient(to bottom, #e5f0fc 0%, #ccdaf8 100%);
    background-repeat: repeat-x;
    border-color: #a4b8f5;
}

/* reqired form control */
label.required:after {
    font-family: Verdana, sans-serif;
    content: "*";
    color: #CC0000;
}

.grido th {
    font-size: 66%;
}

.consignment-barcode-form, .consignment-weight-form {
    margin-top: 10%;
}

.consignment-barcode-form > div.btn-container > a.btn {
    margin-bottom: 40px;
}

.consignment-barcode-form > div.btn-container,
.consignment-barcode-form > div.heading-container {
    text-align: center
}

.transport-release .barcode-form,
.transport-release .consignment-grids h3,
.transport-receive .barcode-form,
.transport-receive .consignment-grids h3 {
    margin-top: 60px;
}

#ulozenka-branch-receive-default-barcodeForm {
    margin-top: 3%;
    margin-bottom: 3%;
}

#ulozenka-branch-sorting-default-initialForm {
    margin-top: 3%;
}

.contact-form input[type="submit"] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-space {
    width: 92%;
    display: inline-block;
}

.exclamation-mark {
    top: -10px;
}

.terminals .btn-add {
    right: 85px;
}

.branch-release-payment-type-ico span {
    font-size: 800%;
}

.calculator .fa-calculator {
    cursor: pointer;
    padding: 4px 8px;
    margin: 0 0 0 10px;
}

.calculator table {
    margin: 5px 0 20px 25px;
}

.calculator td {
    padding: 5px 10px;
}

.calculator .input-field {
    padding-left: 0;
}

.calculator .form-control {
    font-weight: bold;
    width: 80px;
    display: inline;
    position: relative;
}

.snippet-payment {
    float: right;
}

.grid-cell-summary {
    max-width: 250px;
    overflow-wrap: break-word;
}

table.table th.column.asc span, table.table th.column.desc span {
    display: inherit;
}

.row.content {
    padding-bottom: 20px;
    box-shadow: rgba(50, 50, 93, 0.1) 0px 1.5rem 3.5rem, rgba(0, 0, 0, 0.07) 0px 0.5rem 1.5rem;
}

.error {
    margin: 15px 0 10px 25%;
    padding: 10px 30px;
    color: #a94442;
    border: 1px solid #dca7a7;
    border-radius: 5px;
    background: #fdf2f2;
}

#print-list {
    float: right;
    margin: 20px 0;
}

div.container div.navbar-header {
    margin-left: -20px; /* workeround show logo and menu in one line */
}

div.container div.navbar-collapse {
    margin-right: -20px; /* workeround show logo and menu in one line */
}

.menu-right {
    left: initial;
    right: 0px;
}

/* SET STYLE OF NOTIFICATIONS BOOTSTRAP NOTIFY */
div[data-notify="container"] {
    width: 17%;
}

.mobile-layout div[data-notify="container"] {
    width: 49%;
}

@media (orientation: landscape) {
    .mobile-layout div[data-notify="container"] {
        width: 45%;
    }
}

.warning-price td {
    background-color: #d03c3c !important;
}

/*
====================================================================
MOBILE WEB
====================================================================
 */
.mobile-layout {
    padding: 6px 0 0;
    margin-bottom: 60px;
}

.mobile-layout .alert {
    padding: 4px;
}

@media (orientation: landscape) {
    .mobile-layout {
        margin-bottom: 30px;
    }
}

.mobile-body h2 {
    margin: 0 0 6px;
    font-size: 16pt;
}

.mobile-body h3 {
    margin: 0 0 6px;
    font-size: 12pt;
}

.mobile-body .row.content {
    padding: 0;
}

.mobile-body .button-transport-unit-barcode {
    margin-bottom: 0;
    margin-top: 0;
}

.mobile-body .consignment-barcode-form, .mobile-body .consignment-weight-form {
    margin-top: 0;
}

.mobile-body .form-group, .mobile-body .form-group .alert, .mobile-body .alert {
    margin-bottom: 3px;
}

.mobile-body .btn {
    padding: 3px;
    margin-bottom: 6px;
}

.mobile-body .input-group input, .mobile-body .input-group-addon {
    height: inherit;
    padding: 5px;
}

.mobile-body #snippet--flashMessage .mt-md {
    margin: 0;
}

.menu-mobile {
    position: fixed;
    bottom: 0;
    z-index: 100;
    background-color: #c11f2f;
    color: #fdf2f2;
    width: 100%;
}

.menu-mobile .row {
    background-color: #c11f2f;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}

@media (orientation: landscape) {
    .menu-mobile .row {
        padding-top: 4px;
    }
}

.menu-mobile ul {
    list-style: none;
}

.menu-mobile a {
    color: #fdf2f2;
}

.menu-mobile ul li p {
    font-size: 15pt;
}

@media (orientation: landscape) {
    .menu-mobile ul li p {
        margin-left: 5px;
        display: inline;
    }
}

.menu-mobile ul li span {
    font-size: 18pt;
}

.mobile-relase-info {
    font-size: 14pt;
}

/*
======================================================================
Loader
======================================================================
 */

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #c11f30;
    font-size: 10px;
    margin-top: -20px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.radio-smb {
    position: relative;
    margin-bottom: 40px;
}

.radio-smb input {
    position: absolute;
    opacity: 0;
    bottom: 0;
}
.radio-smb label {
    background-color: #ffffff;
    color: #c11f30;
    border: 1px solid #c11f30;
    border-radius: 6px;
    margin-right: 30px;
    padding: 10px 35px;
    font-size: 40pt;
}

.radio-smb label:last-child {
    margin-right: 0;
}

.radio-smb input[type="radio"]:checked + label, .radio-smb label:hover {
    background-color: #c11f30;
    color: #ffffff;
}

.radio-smb input[type="radio"]:checked + label.clean, .radio-smb label.clean:hover {
    background-color: #717171;
    color: #ffffff;
    border: 1px solid #717171;
}

/**********************************************************************************************************************/
/* Component number of transactions */
/**********************************************************************************************************************/

.numberOfTransactions__form {
    margin-top: 50px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.numberOfTransactions__form > * {
    max-width: 250px;
    margin: 0 10px;
}

.numberOfTransactions__noResults {
    text-align: center;
    font-weight: bold;
}

.numberOfTransactions__table {
    max-width: 60%;
    margin: 0 auto;
}

.numberOfTransactions__table td:nth-child(2) {
    text-align: center;
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/** GDPR BANNER                                                                                                       */
/**********************************************************************************************************************/

.gdpr_banner {
    width: 100%;
    background: rgb(215, 215, 215);
    color: black;
    padding: 10px 0;
}

.gdpr_banner > div {
    max-width: 1050px;
    padding: 0 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.gdpr_banner a {
    color: #ff3f55;
}

.gdpr_banner img {
    width: 70px;
    height: 70px;
}

.gdpr_banner .gdpr_banner__legal_text {
    padding: 20px;
    display: inline-block;
    margin: 0;
}

.gdpr_banner .gdpr_banner__confirmation_form {
    display: inline-block;
    color: black;
}

/**********************************************************************************************************************/
/* ERP reports */
/**********************************************************************************************************************/

.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout-inactive {
    border-left-color: #aaa;
}

.bs-callout {
    border: 1px solid #ccc;
    border-left-width: 5px;
    padding-bottom: 10px;
}

.bs-callout div a {
    text-decoration: none;
    color: white;
}

.inventory-consignments-wrapper {
    margin-top: 50px;
    margin-bottom: 30px;
}

.inventory-consignments-wrapper__button {
    margin: 15px 0;
}