/*@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-regular.woff2') format('woff2'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.otf') format('opentype'),
         url('fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-bold.woff2') format('woff2'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.otf') format('opentype'),
         url('fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-italic.woff2') format('woff2'),
         url('fonts/opensans-italic.woff') format('woff'),
         url('fonts/opensans-italic.ttf') format('truetype'),
         url('fonts/opensans-italic.otf') format('opentype'),
         url('fonts/opensans-italic.svg#open_sansitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-bolditalic.woff2') format('woff2'),
         url('fonts/opensans-bolditalic.woff') format('woff'),
         url('fonts/opensans-bolditalic.ttf') format('truetype'),
         url('fonts/opensans-bolditalic.otf') format('opentype'),
         url('fonts/opensans-bolditalic.svg#open_sansbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-light.woff2') format('woff2'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.otf') format('opentype'),
         url('fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-lightitalic.woff2') format('woff2'),
         url('fonts/opensans-lightitalic.woff') format('woff'),
         url('fonts/opensans-lightitalic.ttf') format('truetype'),
         url('fonts/opensans-lightitalic.otf') format('opentype'),
         url('fonts/opensans-lightitalic.svg#open_sanslight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-semibold.woff2') format('woff2'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.otf') format('opentype'),
         url('fonts/opensans-semibold.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans-semibolditalic.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic.woff') format('woff'),
         url('fonts/opensans-semibolditalic.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic.otf') format('opentype'),
         url('fonts/opensans-semibolditalic.svg#open_sanssemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}*/
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400;700&display=swap');


body {
    /*font-family: 'opensans';*/
	font-family: 'Signika', sans-serif;
    background-color: #f5f5f5;
}
#main-navbar {
    background-color: #000000;
    color: #ffffff;
}
#main-navbar .navbar-toggler-icon {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
a {
    color: #007bff;
}
a:hover {
    color: #007bff;
}
.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: #009900;
    border: 1px solid #ccc;
    color: #fff;
}
.submit:hover {
    background-color: #009900;
    border: 1px solid #ccc;
    color: #fff;
}
.footer {
    background-color: #000000;
    color: #fff;
}
.orders-breadcumb-item {
    background: #ccc;
}
.orders-breadcumb-disabled {
    background: #f0f0f0;
    color: #ccc;
}
.orders-breadcumb-active {
    background: #0062cc;
    color: #fff;
}
.cockpit-image {
    background-color: #000000;
    color: #fff;
}
.nav-tabs a {
    color: #232323;
}
.main-title {
    color: #3f5364;
}
.order-thead {
    background: rgba(0,0,0,0.5)!important;
    color: #fff;
}
.thumb-bg {
    background: #f5f5f5;
}
.shell-col-btns {
    border: 1px solid #000000;
}
.shell-col-ongoing {
    border: 1px solid #009900;    
}
.shell-col-ongoing .shell-title-bg {
    background-color: #009900;   
	color: #fff; 
}
.shell-col-comingsoon {
    border: 1px solid #009900;    
}
.shell-col-comingsoon .shell-title-bg {
    background-color: #009900;   
	color: #fff; 
}
.shell-col-newsfromshell {
    border: 1px solid #009900;    
}
.shell-col-newsfromshell .shell-title-bg {
    background-color: #009900;    
	color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light:hover .navbar-nav:hover .nav-link:hover {
    color: yellow;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

/*statuses*/
.color-received {

}
.color-validation-required {
    display: block;
    color: #232323;
    background: #009900;
    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;
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    /* login */
    .container-signin {
        background-repeat: no-repeat;
        background-position: top right;
        background-image: url(../images/hb/HB_opening_image.jpeg);
        height: 538px;
    }
    .form-signin-container {
        border: solid 1px #ccc;
        background-color: rgba(255, 255, 255, 0.9);
    }
}
.logo-img {
    height:65px;
    width:auto;
}
.logo-right-img {
    height: 65px;
}
@media (max-width: 992px) { /* Adjust this width as needed */
    /* Show dropdown items as inline menu items */
    #main-navbar .dropdown-menu, #main-navbar .dropdown-item, #main-navbar .dropdown-divider {
        background-color: rgba(0, 0, 0, 0.75);
        color: #ffffff;
    }
    #main-navbar .dropdown-divider {    
        margin: 0;
    }
    #main-navbar .dropdown-menu {    
        margin: 0;
        padding: 0;
    }
}