@font-face {
    font-family: Altavia;
    src: url("../fonts/Altavia-2017.otf") format("opentype");
}
html {
    position: relative;
    min-height: 100%;
    font-size: 0.875rem;
}
body {
    background-color: #f5f5f5;
    margin-bottom: 60px; /* Margin bottom by footer height */
    line-height: 1.5;
}
.wordwrap { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
}
.print {display:none;}
.logotitle {
    font-family: Altavia;
    font-size: 1.6rem;
    font-weight: 700;
}
.notreaded td {
    font-weight: 700;
}
a {
    color: #d42e12;
}
a:hover {
    color: #d42e12;
}
.no-bullets {
    margin-left: 0px;
    padding-left: 0px;
}
.no-bullets li {
    list-style-type: none;
}
.lang a {
    font-weight: 700;
}
.lang a,
#statusbar a {
    font-size: 0.8rem;
}
#statusbar span {
    line-height: 10px;
}
.lang a,
#statusbar a {
    color: #333;
}
.lang a:hover,
#statusbar a:hover {
    color: #333;
}
#statusbar a {
    color: #333;
}
#statusbar a:hover {
    color: #333;
}
.required-field {
    color: #d42e12;
}
.submit {
    background-color: #f7d117;
    border: 1px solid #ccc;
    color: #000;
}
.submit:hover {
    background-color: #f7d117;
    border: 1px solid #ccc;
    color: #fff;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f7d117;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
}
.unreaded {
    font-weight: 700;
}
header h1 {
    font-weight: 500;
    font-size: 1.2rem;
    font-weight: 600;
}
.orders-breadcumb-item {
    background: #ccc;
    padding: 10px;
}
.orders-breadcumb-disabled {
    background: #f0f0f0;
    color: #ccc;
}
.orders-breadcumb-active {
    background: #0062cc;
    color: #fff;
}
.summary .btn-group {
    display: none;
}
.cockpit-image {
    background-color: #f7d117;
}
.nav-tabs a {
    color: #232323;
}
.main-title {
    display: inline-block;
    color: #3f5364;
}
.products .card-body ul {
    font-size: 0.8rem;
}
.products .card-body h5 {
    min-height: 42px;
}
.products form {
    margin-bottom: 0;
}
.product-pcs .material-icons {
    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: middle;
}
.limit-four-rows-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-height: 16px;        /* fallback */
    max-height: 64px;       /* fallback */
}
.added-width {
    min-width: 152px;
}
.break-words {
    word-break: break-all;
}

/*statuses*/
.color-received {

}
.color-validation-required {
    display: block;
    color: #232323;
    background: #f7d117;
    padding: 2px 5px;
}
.color-validation-accepted {

}
.color-pending-payment {
    color: #ccc;
}
.color-paid-success {

}
.color-not-in-stock {
    color: #e0a800;
}
.color-ordered-item {

}
.color-arrived-to-the-stock {

}
.color-available-in-stock {

}
.color-packed-and-sent {
    color: #34ce57;
}
.color-confirm-deliver {
    color: #218838;
}
.color-validation-rejected,
.color-deleted-item,
.color-splitted-order {
    color: #d42e12;
}

/* login */
.form-signin {
    width: 100%;
    max-width: 350px;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    height: auto;
    padding: 10px;
    font-size: 1.05rem;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.details-control .material-icons {
    font-size: 2.2rem;
}
td.details-control {
    /*padding: 0 20px;*/
    cursor: pointer;
    /*background: url(../assets/images/details_open.png) no-repeat center center;*/
}
.card-img-top {
    max-width: 100%;
    max-height: 15vw;
    vertical-align: middle;
}
.catalogue-image-wrapper {
    height: 15vw;
    line-height: 15vw;
    text-align: center;
}
.oi-large {
    font-size: 8rem;
}
.eshop-title {
    min-height: 42px;
    font-size: 1.15rem;
}
.paginate-right {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}
.paginate-right .pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
.order-thead {
    background: rgba(0,0,0,0.5)!important;
    color: #fff;
}

/* dropdown */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-submenu.active .dropdown-toggle {
    font-weight: 500;
}
table input {
    min-width: 100px;
}

/* development */ 
.development nav.navbar,
.development .footer {
    background-color: #ff0000!important;
    color: #fff!important;
}
.development nav.navbar a,
.development .footer a {
    color: #fff!important;
}
.development nav.navbar .dropdown-item {
    color: #232323!important;
}
.development header .logotitle:after {
    content: " - Test Site!!!!";
}
.development header .logotitle:before {
    content: "Test Site!!!! - ";
}
.development header .logotitle {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    /* login */
    .container-signin {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/banner.jpg);
        height: 539px;
    }
    .form-signin-container {
        border: solid 1px #ccc;
        background-color: rgba(255, 255, 255, 0.9);
    }
    #navbarNav .nav-link:before {
        content: "|";
        padding-right: 20px;
        padding-left: 20px;
    }
    #navbarNav .first-nav-item a:before {
        content: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}