.swms-active-shadow:hover {
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
}
.blue {
    color: blue;
}
.plain-link {
    text-decoration: none !important;
    color: black !important;
}
.blue-link {
    text-decoration: none !important;
}
.hrefClass {
    cursor: pointer;
}

/* CHECKBOXES */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float: right;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
input.default:checked + .slider {
    background-color: #444;
}
input.primary:checked + .slider {
    background-color: #2196f3;
}
input.success:checked + .slider {
    background-color: #8bc34a;
}
input.info:checked + .slider {
    background-color: #3de0f5;
}
input.warning:checked + .slider {
    background-color: #ffc107;
}
input.danger:checked + .slider {
    background-color: #f44336;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* 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;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
/* END CHECKBOXES */

#show_price_table_div table {
    overflow: auto;
}
#show_price_table_div table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
#show_price_table_div table tbody th {
    position: sticky;
    left: 0;
}
.hrefClass {
    cursor: pointer;
}
.tbl-header-anchor {
    text-decoration: none;
    color: #212529;
}

#removing_return_items td .inp-fixed-width{
	width: 52px;
}

#ajaxMsgBox{
    display: none;
}

html{
    scroll-behavior: smooth;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 50%;
}

.td_container {
    max-width: 200px;
    word-wrap:break-word;
}

@media only screen and (min-width: 120px) and (max-width: 1600px) {
    .td_container {
        max-width: 160px;
    }
  }

body{
    margin: 0px;
    padding: 0px;
}
.selector-for-some-widget {
    box-sizing: content-box;
  }

#backgroundImage{
    background-image:url('../images/frontend/sms-fulfillment-warehouse-austria-rebranded.jpg');
} 
html body{
    color: #414042;
    font-family: "Monserrat",Verdana,sans-serif;
    font-size: 0.9em;
}
h1, h2, h3, h4, h5, h6, span, a, p {
    font-family: "Monserrat",Verdana,sans-serif;
}

.canva {
    background-color: #fff;
    border: 1px solid #bbb;
    margin-top: 50px;
    border-radius: 5px;
    text-align: center;
}
.canva--text-left {
    text-align: left;
}
.canva--text-right {
	text-align: right;
}
.canva_index {
    background-color: #f2f2f2;
    border: 1px solid #bbb;
    margin-top: 150px;
    border-radius: 5px;
    text-align: center;
}
.s_index{
    width: 43%;
}
.canva_faq{
    /* margin: 0px auto; */
    background-color: #fff;
    border: 1px solid #bbb;
    margin-top: 50px;
    border-radius: 5px;
    text-align: center;
    /* padding-bottom: 50px; */
}
.canva_faq_aboutUs{
    background-color: #fff;
    border: 1px solid #bbb;
    margin-top: 150px;
    border-radius: 5px;
}
.delevery_countries{
    color: #FDD900;
    font-size:14px;
    font-weight: 600;
    display: block;
    padding: 0 6px;
}
.top-bar{
    background-color: #414042;
    line-height: 36px;
}
#banerLogForm{
    height:158px; 
}
.banerBackground{
    background-color:#FDD900  !important; 
}
.order_title h4{
    color: #ad413d ;
    font-size: 28px;
    font-weight: 600;
}
.dateFromTo{
    color: #414042;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding-right: 16px;
}
.modal-footer{
    border-top: none;
}
.modal-content{
    border: none;
}

.label_download_product {
    color: #414042;
}

.ec_logoLogForm{
    margin-left: 650px
}
.header_middle_LogForm .ec_logoLogForm{
    margin-top: -0px;
}
.log_table{
    margin: 0px auto;
}

.header_picture{
    position: relative;
    top: -112px;
    margin-right: 115px;
}
.header_picture img{
    float: right;
}
.header_info{
    color:#414042;
    font-size: 1em;
}
.header_infoLogForm{
    color:#414042;
    font-size: 1em;
    right: 0;
}
.header_infoLogForm img {
    height:187px;
    width: auto;
    margin-top: -29px;
}
.header_logo{
    float:left;
}

.header_delivery{
    float: right;
    margin-left: 1000px;
    margin-top: -183px;
}

.page_inner{
    margin-top: 10px;
    padding: 6px;
}
.fixed_title{
     background-color: #FDD900;
     border: 12px solid #fff;
     padding: 15px;
     text-align: center;
     border-radius: 60px;
     margin-top: -80px;
     width: 400px;
}
.fixed_text{
    color: #414042;
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 10px;
}
.loginForm{
    width: 420px;
    height: 250px;
    border:1px solid #000;
    background-color: #fff;   
}
.login_form{
    width: 460px;
    background-color: #fff;
    margin: 0px auto;
    margin-top: 150px;
    border-radius: 5px;
}
.login_input_email{
    margin: 0px auto;
    padding-top: 50px;
}

.login_input_password{
    margin: 0px auto;
    padding-top: 10px;
}

.login_input_signIn{
    margin: 0px auto;
    padding-top: 10px;
}
.btnLogIn{
    box-shadow: 0px 2px 6px #888;
    border: 1px solid #414042;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff !important;
    background-color: #414042;
    border-radius: 2px;
    font-weight: 600;
}
.ec_link a{
    text-decoration: none;
}
.what{
    color:#414042;
    font-weight: 700;
}
.easy{
    color: #EE4B2B;
    font-weight: 700;
    font-size: 1.1rem
}

.check{
    color:#414042;
}
#pager_inner .login_form .ec_link hr{
    color:gray;
    height:2px;
    padding-left: 10px;
    padding-right: 10px;
}
.l-footer{
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    margin-top: 40px;
    height:68px;
}
.l-footer .footer_custom {
    margin: 14px auto 0;
    width: 460px;
}
.fixed_links ul{
    list-style-position: outside;
    font-family: inherit;  
    padding-top: 15px;
    font-size: 0.81em;
}
.fixed_links ul li{
  display: list-item;
}
 .menu li a{
    color:#FDD900;
}
.leaf{
    float: left;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #da0020;
    line-height: 15px;
}
.footer_copyright p{
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 200px;
}
.footer_copyright_2 {
    color: #fff;
    font-size: 14px;
    padding-left: 1050px;
    margin-top: -20px;
}
.footer_copyright_3{
    float: right;
}
.footer_copyright_3 p{
    color:#fff;
    margin-top:-15px;
    font-size:14px;
    margin-left: 0px;
}
.footer_copyright_upload{
    float: right;
    color:#fff;
    font-size:14px;
    margin-right: -35px;
}

.footer_copyright_product{
    color:#fff;
    font-size: 14px;
}

.footer_copyright_createOrder {
    float: right;
    color:#fff;
    font-size: 14px; 
}

.footer-background {
    background-color: #414042;
    border-radius: 5px;
}

.menu_loged_upload  li a{
    color: #FDD900;
    list-style: none;
}
.footer_custom_copyright_product{
    margin-right:-100px;
}
.footer_copyright_index{
    color:#fff;
    font-size:12px;
}
.footer_copyright_index p{
    margin-top: -25px;
}

.btnNotify{
    margin-top: 10px;
}

.title_1st_formCR{
    margin:0px auto;
    text-align:left;
    color:#222;
    margin-bottom:25px;
}
.background_search_table{
    line-height: 27px;
    color:#414042;
    font-size:1em;

}
.upload_order_table{
    margin-left: 50px;
}
.label_upload_form{
    padding-right:20px;
}

.search_stock a:hover{
    color: #af1d1f;
}

.search_product a:hover{
    color: #af1d1f;
}
.itemsPerPageSearch a:hover{
    color: #af1d1f;
}
.listOrder_btn{
    border:1px solid #bbb;
    margin-top:0px;
}
#ddlItemsPerPage{
    width:20%;
}

.listOrder_btn_product{
    border:1px solid #bbb;
    margin-top:0px;
}

.listOrder_btn_order{
    border:1px solid #bbb;
}
.page-item.active .page-link{
    background-color: #414042 ;
    border-color: #414042 ;
}

.close{
    background-color: #000;
    color:#FDD900;
    font-size:bold;
    border-radius: 100px;
    width: 30px;
    height: 30px;
}
.x_close{
    font-size: x-large;
    position: relative;
    top: -6px;
    right:2px;
}

table.submit:hover tr {
    display: grid;
    font-size: 0.8rem;
}

table.submit:hover thead tr {
    grid-template-columns: 6% 15% 15% 15% 9% 9% 9% 10% 12%;
}

table.submit:hover tbody tr {
    grid-template-columns: 6% 15% 15% 15% 9% 9% 9% 10% 3% 3% 3% 3%;
}

table.submit:hover.tableListProduct tr {
    grid-template-columns: 25% 25% 25% 25%;
}

table.submit:hover.tableShowStock tr {
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.client__list-orders {
	cursor: default;
}
.btn-custom_sms{
    background-color:#414042;
    color:#fff;
}
.btn-custom_look{
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color:#fdd900;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    background-color:#414042;
    color:#fff;
}

.link_template_uploadOrders{
    color:#ED1B33;
}
.link_template_uploadOrders:hover{
    font-weight: 550;
}
i.no-italics {
    font-style: normal;   
}
.sign_out .dropdown-item:active  {
    background-color: #414042 !important;
}
.dropdown-menu{
    font-size: 0.9em;
}
.sms_logo{
    margin-left:-20px;
}
.att2 {
    background-size: cover;
    /* height: 290px;
    width: 45%; */
    background-repeat: no-repeat;
    background-position: center;
}
#contentTxt{
    background-color: #fff;
    background-color: rgba(0,0,0,0.5);
}
.header_menu{
    border-top: 1px solid #d1bb10;
    margin-top: 15px;
    margin-left: 450px;
    margin-right: 450px;
}
.nav-tabs .nav-link
{
    color: #495057;
    background-color: #FDD900;
    border-top-color: #FDD900;
    border-right-color: #FDD900;
}
#menu .nav-item a:hover{
    color:#ED1B33;
}
.nav-link.active, .nav-item.show .nav-link {
    outline: none;
    box-shadow: none;
}
#menu .nav-link{
    color:#495057;
}
.menu_info li{
    list-style-type:none;
}  
.menu li a {
    color: #FDD900;
}
.menu_loged{
    display: list-item;
    color:#414042 ;
    list-style: none;
}
.ddlProjects{
    padding-top: 8px;
    border-right-color: #FDD900;
}
#ddlProjectsName{
    border-radius: 5px;
    float: right;
    border: 1px solid #bbb;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
	#ddlProjectsName{
		float: none;
		min-width: 150px;
	}
  }
.lastLog{
    color:#414042;
    font-size: 0.90em;
    font-weight: 400;
}
.dashboard_link{
    font-weight:900;
    font-size:0.90em;
    color: #414042;
}
.link_mg_l{
    margin-left:525px;
}
.header_info a{
    text-decoration: none;
    color:#414042;
    font-size: 0.81em;
    font-weight: 600;
} 
.header_menu{
   margin-top: 70px;
}
.navigation{
    margin: 0px auto;
}

.faq_div{
    float:right;
    text-align:left;
}
.faq_notification{
    float:right;
    text-align:left;
    margin-top:15px;
}
.cards{
    float:right;
    text-align:left;   
}
.cookie_subtitle{
    text-align: left;
}
.text-center_list{
    padding-bottom: 15px;
}
.card-header-tabs{
    background-color:#D7D6D6;
}
.all_faq_div{
    float:right;
}
.card-text {
    text-align: justify;
}
.footer_loged{
    border-radius: 5px;
}
.footer_loged_createOrder{
    padding-left: 0px;
    padding-right: 0px;
    background-color: #414042 ;
    border-radius: 5px;
}

.footer_loged_index{
    margin:0px auto;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 5px;
}
.footer_logedCR{
    margin:0px auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    height:55px;
    width: 84%;
}
.footer_loged_table{
    border-radius: 5px;
}
.footer_copyright_sitemap{
    color: #fff;
    font-size: 14px;
}
.fixed_links_loged{
    font-size: 14px;
    display: inline;
}
.fixed_links_loged ul li{
    display: list-item;
}
.menu_loged  li a{
    color: #FDD900;
}
.menu_loged_upload li{
    font-size: 14px;
    display: inline;
    list-style: none;
}
.leaf_loged a{
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ED1B33 ;
    font-weight: 0.75em;
}
.whatIsEC{
    color: #ED1B33 ;
    font-size: 3rem;
    font-weight: 600;
}

.ECtext{
    font-size: 17.5px; 
    text-align: left;
    color: #222;;
}
.menu_info{
    display: block;
    width: 300px;
    text-align: left;
}
a{
    text-decoration: none;
}
.menu_info ul li{
    color:#495057;
    
}
.container_menu_faq{
    background-color: #D7D6D6 ;
    font-size: 0.93em;
    border-right:1px solid #bbb;
}
.title{
    margin: 0px auto;
    text-align: justify;
    color: #aaa;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
    padding-bottom: 30px;
}
.title_sitemap{
    margin: 0px auto;
    text-align: justify;
    color: #aaa;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
}
.title_legal{
    margin: 0px auto;
    text-align: justify;
    color: #aaa;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
}
.title_faq{
    margin: 0px auto;
    text-align: justify;
    color: #aaa;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
    padding-bottom: 30px;
}
.item_faq{
    background-color: #eee;
    color:#FDD900;
    border:none;
    border-right: #FDD900;
}
.item_faq .nav-link:active{
    color: #ED1B33;
}
.faq_menu{
    padding: 30px;
}
#faq_big_title{
    color: #aaa;
    font-size: 0.81em;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 50px;
}
.faq_title{
    color: #ED1B33;
    cursor: default;
    font-size: 1em;
    font-weight: 900;    
}
.faq_subtitle{
    color: #ED1B33;
    cursor: default;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 15px;
}
.field-content p{
    font-size: 0.9em;
    line-height: normal;
    margin-bottom: 10px;
    color: #666;
    text-align: left;
}
.all_faq a{
    color: #ED1B33;
    text-decoration: none;
    font-size: 13.2px;
    float: right;
}
.cookie_subtitle{
    font-weight: bold;
    font-size: 14.4px;
    color: #414042 ;
}
#menu_faq .item_faq .a-faq{
    color:#414042 ;    
    font-weight: 600;
}
.item_faq .a-faq{
    background-color: #eee;
}
.view_all_faq{
    color:#ED1B33 ;
    text-decoration:none;
    font-size:13.2px;
    float: right;
    text-align: right;
}
.sitemap_link{
    text-decoration: none;
    color: #666;;
}
.sitemap_link:hover{
    color: #ED1B33  ;
}
.info_leaf{
    text-decoration:none;
    color:#888;
    font-weight:500;
}
.info_leaf:hover{
    color:#ED1B33  ;
}
.text_EC{
    padding-bottom: 400px;
}

.footer_custom_copyright_sp{
    float: right;
    color:#fff;
    margin-top:-20px;
    margin-right:-300px;
    font-size: 14px;
}
.footer_custom_copyright_wEC{
    float: right;
    color:#fff;
    margin-top:-20px;
    margin-right:-210px;
    font-size: 14px;
}
.text_align{
    padding-top: 100px;
}
.fixed_title_about{
    background-color: #FDD900 ;
    border: 12px solid #fff;
    text-align: center;
    border-radius: 60px;
    margin-top: -50px;
    width: 400px;
}
.list_about_us li{
    list-style-type: square;
    text-decoration-color: #ED1B33 ;
}

.footer_copyright_sp{
    float: right;
    color: #fff;
    padding-left: 600px;
    margin-top: -15px;
    font-size: 14px;
}
.footer_copyright_sp p{
    margin-left: -18s0px;
}
.footer_copyright_wEC{
    color: #fff;
    font-size: 14px;
}
.div_homepage{
    float:left;
    padding-right: 80px;
}
.div_legal{
    float:left;
}
.footer_copyright_aboutUs{
    color:#fff;
    font-size:14px;
}
.blog_decoration{
    border: 1px solid #414042;
}
.page-link{
    color:#414042;
}
.page-link a:hover{
    background-color: #FDD900 ;
    color: #ED1B33;
}
.itemsPerPage{
    margin:30px;
    float:left;
    margin-left: 50px;
    margin-top: 50px;
}
.submit:hover{
    border: 2px solid #ddd;
    overflow-x:auto;
}
.label_search{
    line-height: 27px;
    color:#414042;
    font-size:1em;
}
.go_product{
    color:#dd932a;
    font-weight:900;
}
.download_product{
    background-color:#FDD900;
    border:1px solid #FDD900;
    margin-left: 50px;
}
.listProductTh{
    font-size: 13.2px;
    color: #000;
	cursor: default;
}
.listProductTh--100{
	min-width: 100px;
}
.order_title h2{
    color: #af1d1f;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}
.order_title {
    color: #af1d1f;
}
.choose_file_label label{
    color: #414042;
    float: left;
    font-size: 13.2px;
    font-weight: 700;
    padding-right: 16px;
    margin-bottom: 0;
}
.browse_file{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #FDD900 !important;
    display: inline-block;
    line-height: 1;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #888 !important;
    border-bottom: 1px solid #888 !important;
    font-size: 14.4px;
    font-weight: 600;
    height: 27px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.btnUploadFile{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #FDD900 !important;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #dd932a !important;
    border-bottom: 1px solid #dd932a !important;
    font-size: 14.4px;
    font-weight: 600;
    padding: 5px 10px;
    height: 27px;
    clear: left;
    float: left;
    margin-left: 156px;
    margin-bottom: 35px;
}
.label_create_order{
    float: left;
}
.order_subtitle{
    color: #aaa;
    font-size: 21.12px;
}
.order_text p{
    color: #414042;
    line-height: normal;
    font-size:14px;
    text-align:right;
}
.fAddProduct{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #FDD900 !important;
    display: inline-block;
    line-height: 1;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #888 !important;
    border-bottom: 1px solid #888 !important;
    font-size: 14.4px;
    font-weight: 600;
    height: 27px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.btnCreateOrder {
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #fff !important;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #414042  !important;
    border-bottom: 1px solid #414042  !important;
    font-size: 14.4px;
    font-weight: 600;
    padding: 5px 10px;
    height: 27px;
}
.btnGetOrder{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #FDD900 !important;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #dd932a !important;
    border-bottom: 1px solid #dd932a !important;
    font-size: 14.4px;
    font-weight: 600;
    padding: 5px 10px;
    height: 27px;
}

.btnGetStatistics{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #FDD900 !important;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #dd932a !important;
    border-bottom: 1px solid #dd932a !important;
    font-size: 14.4px;
    font-weight: 600;
    padding: 5px 10px;
    height: 27px;
}

.label_search_product{
    line-height: 27px;
    color:#414042;
    font-size:16px;
    margin-left:-350px;
}
.modal-header1 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.productDetails{
    color: #414042;
    font-weight: 600;
    font-size: 1.2rem;
}
.height_input_text{
    height:32px;
}
.width-35-dekstop{
	@media only screen and (min-width: 1025px) {
     width: 35% !important;
    }
}


.canva_order {
    margin: 0px auto;
    border: 1px solid #bbb;
    margin-top: 50px;
    border-radius: 5px;
    text-align: center;
}
.bckgcolor{
    background-color: rgba(255,255,255,0.7);
}

.footer_table{
    border-radius: 5px;
}
.ddl_weight{
    float:left;
    margin-left: 10px;
    padding-right: 10px;
}
.label_weight{
    line-height: 27px;
    color:#414042;
    font-size:1em;
}
.search_order {
    float: left;
    margin-top: 30px;
    padding-left: 50px;
}
.download_order{
    margin-top: 30px;
}
.label_search{
    line-height: 27px;
    color:#414042;
    font-size:16px;
    margin-right: 5px;
}
.label_download{
    line-height: 27px;
    color:#414042;
    font-size:16px;
}
.label_search_product{
    line-height: 27px;
    color:#414042;
    font-size:16px;
    margin-left: -450px;
    margin-right: 5px;
}
.label_perPage{
    line-height: 27px;
    color:#414042;
    font-size:16px;
    margin-left: -450px;
    margin-right: 5px;
}
.status_order{
    width: auto;
}
.go{
    color:#dd932a;
    font-weight:900;
}
.go_listOrder{
    color:#414042  ;
    font-weight:900;
    width:44px;
    height:38px;
}
.download_image{
    background-color:#FDD900;
    border:1px solid #FDD900;
}
.download_image_list{
    background-color:#efefef;
    border:1px solid #414042  ;
    font-weight: 600;
}
.thead_listOrderTable{
    background-color:#FDD900  ;
    border-bottom:2px solid #eee;
}
.create_order_title h2{
    color: #af1d1f;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}

.create_order_text{
    text-align:right;
    float:right;
}

.fill_order_title{
    margin-bottom:15px;
    padding-right:650px;
}
.create_order_table{
    margin-left:50px;
}
#per_page{
    margin-top:0px;
}
.status{
    width:auto;
    margin-right: 10px;
}
.custom_search_icon{
    transform: scale(1.18) translateY(-4px);
    width: 16px;
    height: 16px;
}
.custom_search_icon:hover{
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
}
#parcal_perform_preview_modal .modal-dialog{
    max-width:800px;
}
#parcal_perform_preview_modal .modal-dialog tr{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
#parcal_perform_preview_modal .modal-dialog td {
    text-align: center;
}
#parcal_perform_preview_modal .modal-dialog td:nth-of-type(3) {
    text-align: left;
}

#view_one_order_modal .modal-dialog {
    max-width: 570px;
}

#row-report {
    box-shadow: 0.225rem 0.225rem 0.25rem rgb(0 0 0 / 18%) inset !important;
}
.btn-add_product{
    background-color: #ffe302;
    border: 1px solid #ffe302;
    border-radius: 5px;
    color:#EE4B2B;
    font-weight: 700;
    padding: 5px 10px ;
}
.btn-custom-sms-red{
    background-color: #cd3037 ;
    border-radius: 5px;
    color:#fff;
}
.canva_report{
    background-color: #fff;
    border: 1px solid #bbb;
    margin-top: 50px;
    border-radius: 5px;
}
.download__width{
	width: 18%;
	@media only screen and (min-width: 120px) and (max-width: 1024px) {
		width: 100%;
		margin: 10px 0 10px 0;
	  }
}
.submenu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
#main_nav ul li a{
    color:#414042 ;
    font-weight: 400px;
}
#main_nav ul li a:hover{
    color:#ED1B33;
}
.div_navbar harmonika_links nav .btn_ddMenu{
    margin-top: -10px;
}
ul .navigacija a:hover{
    color:#ED1B33;
}
.div_navbar{
    border-top: 1px solid rgba(0,0,0,0.2);
}
 #menu_links{
    width:200px;
    margin-top: -5px;
 }
 #ddlProjectsName{
    font-weight: 500;
 }
.submenu li .changeBGcolor{
    background-color:#f1f1f1;
}
.dropdown-menu li .changeBGcolor{
    background-color:#f1f1f1;
}


.fulfillment_baner_link{
    font-weight:900;
    color:#414042;
}

.label_stockDdl{
    line-height: 27px;
    color:#666;
    font-size:1em;
    background-color:#eee;
}
.itemPP{
    margin-top:30px;
    float:left;
}
.notifyBtn{
    margin-top:20px;
    margin-bottom:5px;
    float:left;
}
.btnNotify{
    background-color:#ED1B33  !important;
    border:1px solid #FDD900;
    margin-right:50px;
    color:#FDD900;
}
.label_search{
    line-height: 27px;
    color:#666;
    font-size:1em;
}
.submit:hoverock{
    border: 2px solid #ddd;
    margin-top: 40px;   
}
.btnDownloadStock{
    box-shadow: 0px 2px 6px #888;
    border: none;
    cursor: pointer;
    color: #fff !important;
    display: inline-block;
    white-space: nowrap;
    background-color: #414042  !important;
    border-bottom: 1px solid #414042  !important;
}
.download_stock_img{
    background-color: #FDD900;
    border: 1px solid #FDD900;
}
@media only screen and (max-width:1920px){
    .download_image{
        margin-top: 0px;
    }
    .download_image_listOrder{
        margin-top: 0px;
    }
    #client_upload_order_form .input-group span {
        width: 38%;
    }
    .footer_copyright_3 p {
        margin-top: -10px;
    }
    .footer_copyright_3 p {
        margin-top: -15px;
        margin-right: -180px;
        margin-left: -75px;
    }
    .link_mg_l{
        margin-left:525px;
    }
}
@media only screen and (max-width:1830px){
    .link_mg_l{
        margin-left:510px;
    }
}

@media only screen and (max-width:1800px){
    .link_mg_l{
        margin-left:500px;
    }
}
@media only screen and (max-width:1760px){
    .link_mg_l{
        margin-left:485px;
    }
}
@media only screen and (max-width:1700px){
    .link_mg_l{
        margin-left:475px;
    }
}

@media only screen and (max-width:1670px){
    .link_mg_l{
        margin-left:465px;
    }
}


@media only screen and (max-width:1630px){
    .link_mg_l{
        margin-left:455px;
    }
}









@media only screen and (max-width:1600px) {
    .itemsPerPageSearch{
        margin-right: 0px;
    }
    .download_order {
        margin-top: 30px;
        padding-right: 5px;    
    }
    .link_mg_l{
        margin-left:445px;
    }
}

@media only screen and (max-width:1587px){
    .ddl_weight{
        padding-right: 0px;
    }
}

@media only screen and (max-width:1568px){
    .search_product{
        margin-right: 100px;
    }
    .link_mg_l{
        margin-left:435px;
    }
}
@media only screen and (max-width:1553px){
    .status{
        margin-right: 0px;
    }
    .link_mg_l{
        margin-left:430px;
    }
}

@media only screen and (max-width:1515px){
    .ddl_weight{
        margin-left: 0px;
    }
    .link_mg_l{
        margin-left:420px;
    }
}
@media only screen and (max-width:1500px){
    .search_product{
        margin-right: 0px;
    }
    .link_mg_l{
        margin-left:415px;
    }
}

@media only screen and (max-width:1482px){
    .ddl_weight{
        margin-left: 0px;
    }
}
@media only screen and (max-width:1450px){
    .search_product{
        margin-right: 80px;
    }
    .link_mg_l{
        margin-left:405px;
    }
}

@media only screen and (max-width:1420px){
    .link_mg_l{
        margin-left:390px;
    }
}
@media only screen and (max-width:1380px){
    .link_mg_l{
        margin-left:380px;
    }
}
@media only screen and (max-width:1366px){
    .search_product{
        margin-right: 50px;
    }  
    .ec_logoLogForm{
        margin-left: 500px;
    }
  
    .itemsPerPage{
        margin-left: 100px;
    }
    .itemsPerPageSearch{        
        margin-top: 50px;
    }
    #client_upload_order_form .input-group span {
        width: 50%;
    }
    .footer_copyright_3 p{
        margin-top:0px;
        margin-left: -105px;
    }
    .upload_table{
        margin-left: -50px;
    }
    .btn_uploadOrder{
        margin-left: -30px;
    }

    .footer_copyright_sp p {
        margin-left: -320px;
    }
    .link_mg_l{
        margin-left: 380px;
    }
}
@media only screen and (max-width:1354px) {
    .itemsPerPageSearch{
        margin-right: 0px;
        margin-left: 50px;
    }    
    .link_mg_l{
        margin-left:375px;
    }
} 
@media only screen and (max-width:1320px) {
    .link_mg_l{
        margin-left:365px;
    }
}
@media only screen and (max-width:1290px) {
    .itemsPerPageSearch{
        margin-bottom: 5px;
    }
    .link_mg_l{
        margin-left:355px;
    }
} 

@media only screen and (max-width:1280px) {

    .itemsPerPageSearch{
        margin-right: 0px;
    }
    .search_product{
        margin-right: 10px;
    }
    .smsMenu {
        width: 58%;
    }

    table.submit:hover thead tr {
        grid-template-columns: 9% 13% 13% 13% 9% 9% 9% 9% 16%;
    }
    
    table.submit:hover tbody tr {
        grid-template-columns: 9% 13% 13% 13% 9% 9% 9% 9% 4% 4% 4% 4%;
    }
    .link_mg_l{
        margin-left:350px;
    }
}

@media only screen and (max-width:1250px) {
    .link_mg_l{
        margin-left:340px;
    }

}


@media only screen and (max-width:1240px) {
    .search_product{
        margin-top: 30px;
    }
    .link_mg_l{
        margin-left:335px;
    }
}
@media only screen and (max-width:1210px) {
    .link_mg_l{
        margin-left:325px;
    }
}


    
@media only screen and (max-width:1200px) {
    .itemsPerPageSearch{
        margin-left: 50px;
    }  
}
@media only screen and (max-width:1180px) {
    .link_mg_l{
        margin-left:315px;
    }
}
@media only screen and (max-width:1150px) {
    .link_mg_l{
        margin-left:305px;
    }
}
@media only screen and (max-width:1100px) {
    .link_mg_l{
        margin-left:295px;
    }
}

@media only screen and (max-width:1080px) {
    .link_mg_l{
        margin-left:285px;
    }
}
@media only screen and (max-width:1050px) {
    .link_mg_l{
        margin-left:275px;
    }
}
@media only screen and (max-width:1024px) {
    .link_mg_l{
        margin-left:265px;
    }
    .footer_copyright_sp{
        padding-left: 450px;
    }
    .form_content{
        margin-left: 0px;
    }
    .ec_logoLogForm img {
        margin-top: 10px;
    }
    .footer_logedCR{
        height: 60px;
    }
    .itemsPerPage{
        margin-top: 50px;
        margin-left: 200px;
    }
    .itemsPerPageSearch{
        margin-right: 150px;
        margin-top: 25px;
    }
    .ddlStatus_listOrder{
        margin-top: 30px;
    }
    .footer_copyright_3 p {
        margin-top: 10px;
        margin-left: -125px;
    }
    .btn_uploadOrder {
        margin-left: -70px;
    }
    .smsMenu {
        width: 65%;
    }
    .ddl_weight{
     width: 40%;
    }
}

@media only screen and (max-width:990px) {
    .link_mg_l{
        margin-left:255px;
    }
}



@media only screen and (max-width: 991px) {
    .navbar-dark  .navbar-toggler-icon {
        background-image: url('../images/frontend/list.svg');
    }
    .btn_ddMenu{
        margin-top: 10px;
    }
    .link_mg_l{
        margin-left:255px;
    }
}

@media only screen and (max-width:962px)  {
    .link_mg_l{
        margin-left:245px;
    }
    .btn_ddMenu{
        margin-top: 0px;
    }
    .decoration_txt {
        text-align: justify;
    }
    .footer_custom_copyright_sp{
        margin-right: -50px;
        margin-top: 0px;
    }
    .menu_info{
        width: 100%;
    }
    .footer_custom_copyright_wEC{
        margin-right: -15px;
        margin-top: -2px;
    }
    .footer_copyright_product {
        margin-right: -30px;
        margin-top: 5px;
    }
    .footer_copyright_sp{
        padding-left: 0px;
    }
    .footer_copyright_sp p {
        margin-top: 20px;
        padding-left: 230px;
    }
    .footer_copyright_3 p {
        margin-top: 15px;
        margin-left: -150px;
    }
    .footer_logedCR {
        height: 85px;
    }
    .footer_copyright_3 p {
        margin-top: 15px;
        margin-left: -150px;
        font-size: 10px;
    }
    .browse_file{
        margin-left: -50px;
    }
    .btn_uploadOrder {
        margin-left: -100px;
    }
    .label_upload_form {
        padding-right: 50px;
    }
    .linksDDmenu{
        background-color: #eee;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .footer_copyright_wEC{
        padding-left: 20px;
    }

    .itemsPerPageSearch{
        margin-right: 50px;
    }

    .search_product{
        margin-right: 150px;
    }
}

@media only screen and (max-width:930px) {
    .link_mg_l{
        margin-left:235px;
    }
}

@media only screen and (max-width:954px) {
    .download_image {
        margin-left: -10px;
    }
    .download_image_listOrder {
        margin-left: 0px;
    }
}
@media only screen and (max-width:890px) {
    .link_mg_l{
        margin-left:220px;
    }
}


@media only screen and (max-width:864px) {
    .download_image{
        margin-left: -20px;
    }
    .link_mg_l{
        margin-left:215px;
    }
}
@media only screen and (max-width:830px) {
    .link_mg_l{
        margin-left:200px;
    }
}

@media only screen and (max-width:819px) {
    .header_infoLogForm img {
        max-width: 100%;
    }
    .download_order {
        margin-top: 100px;
    }
    .link_mg_l{
        margin-left:190px;
    }

}
@media only screen and (max-width:770px) {
    .link_mg_l{
        margin-left:185px;
    }
}


@media only screen and (max-width:768px) {
    .link_mg_l{
        margin-left:180px;
    }
    #banerLogForm{
        height: 120px;
    }
    .header_infoLogForm img {
        height:142px;
        width: auto;
        margin-top: -22px;
    }
    .canva{
        margin-top: 10px;
    }
    .header_middle_LogForm .ec_logoLogForm {
        margin-left: 380px;
    }
    .log_table{
        font-size: 12px;
        margin-right: 5px;
    }
    .itemsPerPage {
        margin-left: 150px;
    }
    .itemsPerPageSearch {
        margin-right: 50px;
    }
    .browse_file {
        margin-left: -40px;
    }
    #client_upload_order_form .input-group span {
        width: 100%;
    }
    .footer_copyright_sp{
        margin-left: -50px;
        padding-left: 0px;
    }
    .footer_copyright_sp p {
        margin-top: 30px;
    }
    .ddl_weight{
        width:50%;
    }
    .download_product{
        margin-left:0px;
    }
    .footer_copyright_product p {
        margin-top: 0px;
        padding-left: 0px;
    }
    
}

/* @media only screen and (max-width:754px) {
    .ddl_weight_IPP{
        padding-left: 20px;
    }
} */

@media only screen and (max-width:739px) {
    /* .ddl_weight_IPP{
        margin-right: -5px;
    } */
    .ddlStatus_listOrder{
        margin-right: 10px;
    }
    .link_mg_l{
        margin-left:170px;
    }
}

@media only screen and (max-width:720px) {
    .itemsPerPageSearch{
        margin-left: 50px;
    }
}

@media only screen and (max-width:700px) {
    .ddlStatus_listOrder{
        margin-right: 20px;
    }
    .link_mg_l{
        margin-left:160px;
    }
}

@media only screen and (max-width:680px) {
    .link_mg_l{
        margin-left:145px;
    }
}

@media only screen and (max-width:664px) {
    .itemsPerPageSearch {
        margin-right: 20px;
    }
    /* .ddl_weight_IPP{
        margin-right: -5px;
    } */
}

@media only screen and (max-width:650px) {
    .itemsPerPageSearch {
        margin-left: 50px;
    }
    .link_mg_l{
        margin-left:135px;
    }
}
@media only screen and (max-width:643px) {
    .menu{
        margin-top: 10px;
    }
}

@media only screen and (max-width:613px) {
    .itemsPerPageSearch {
        margin-left: 50px; 
    }
}

@media only screen and (max-width:607px) {
    .itemsPerPageSearch {
        margin-left: 100px;
    }
}

@media only screen and (max-width:589px) {
    .user_login{
        color:#414042;
        font-size: 0.81e;
    }
    .delevery_countries{
        padding-right: 0px;
    }

}

@media only screen and (max-width:577px) {
    .delevery_countries{
        padding-left: 0px;
    }
}
@media only screen and (max-width:570px) {
    .download_image{
        margin-left: 0px;
    }
    .download_image_listOrder{
        margin-left: 0px;
    }
    .delevery_countries{
        padding-right: 0px;
    }
}
@media only screen and (max-width:566px) {
    .delevery_countries{
       font-weight:400;
    }
}

/* @media only screen and (max-width:554px) {
    .harmonika_links .btn_ddMenu .navbar-toggler{
        margin-left: -50px;
    }

} */

@media only screen and (max-width:514px) {
    .status{
        padding-right: 10px;
    }
    .header_top{
        padding-top: 0px;
    }
}




@media only screen and (max-width:480px) {
    
    .canva {
        margin-top: 50px;
    }
    .delevery_countries, .user_login {
        font-size: 12px;
    }
    .menu_info{
        padding: 0px 0px 0px 0px;
    }
    .footer_copyright_index p{
        padding-right: 50px;
    }
    
   .ec_logoLogForm img{
       margin-top: -25px;
   }
   .itemsPerPage {
       margin-left: 50px;
   }
   .itemsPerPageSearch{
       margin-right: 40px;
   }
   
    .ddl_weight{
        width: 90%;
    }
    .search_product {
        margin-right: 150px;
        padding-left: 50px;
    }
    .itemPP {
        width:50%;
    }
    
    .form_uploadOrder{
        width: 25%;
    }
    .browse_file {
        margin-left: -20px;
        width: 90px;
    }
    .btn_uploadOrder {
        margin-left: -170px;
    }
    .footer_copyright_sp{
        margin-left: 0px;
        padding-left: 0px;
    }
    .footer_copyright_sp p {
        margin-top: 40px;
    }
    
    .title_aboutUs h4{
        text-align: center;
    }
 
    .p_whatEC{
        text-align: justify;
    }
    .status{
        width: 100px;
    }

    .title_faq{
        text-align: center;
    }
    .title_legal{
        text-align: center;
    }
    /* .harmonika_links .btn_ddMenu .navbar-toggler{
        margin-left: -20px;
    } */
    .fixed_title {
        width: 100%;
    }
    .fixed_title_about {
        width: 100%;
    }

    #my_login_form .form_content{
        width: 100% !important;
    }

    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-child( 3 ),
    .page-item:nth-last-child( 2 ),
    .page-item:nth-last-child( 3 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }

    .fulfillment_baner_link {
        text-align: center !important;
    }
    .sms{
        width: 70%;
    }
    .header_info{
        padding-top:0px;
    }
}

@media only screen and (max-width:435px) {
    .status{
        width: 100px;
    }
}
@media only screen and (max-width:429px) {
    .status{
        width: 70px;
    }
}

@media only screen and (max-width:417px) {
    .itemsPerPageSearch {
        padding-right: 10px;
    }
}

@media only screen and (max-width:400px) {
    .itemsPerPageSearch {
        margin-left: 70px;
    }
}


@media only screen and (max-width:390px) {
    .status{
        width: 50px;
    }
}

@media only screen and (max-width:360px) {
    .download_image{
        margin-left: 0px;
    }
    .download_image_listOrder{
        margin-left: 0px;
    }
    .per_page_stock{
        padding-left: 4px;
    }
    .itemsPerPage {
        margin-left: 0px;
    }
    .itemsPerPageSearch {
        margin-right: 40px;
    }
    .ec_logoLogForm img {
        margin-top: -50px;
    }
    .fixed_title 
    {
        margin-left: 12px;
    }   
    .ddl_weight {
        width: 100%;
    }
    .search_product{
        margin-top: -25px;
    }
    .for360px_label{
        margin-left: 100px;
        margin-top: -150px;
    }
    .for360px_input{
        margin-top: 105px;
        margin-left: -113px;
        margin-bottom: 15px;
    }
    .itemPP {
        width: 75%;
        margin-left: 30px;
    }
    .notifyBtn{
        float: none;
        margin-bottom: 0px;
        margin-left: 30px;
    }
    .footer_logedCR {
        height: 125px;
    }
    .footer_copyright_3 p {
        margin-left: -125px;
    }
    .tableCR{
        margin-left: -40px;
    }
    .title_2nd_formCR{
        margin-left: -20px;
    }
    .title_1st_formCR{
        margin-left: -20px;
    }
    .title_2nd_formCR{
        margin-left: -20px;
    }
    .first_form{
        margin-left: -20px;
    }
    .browse_file {
        margin-left: -40px;
        width: 90px;
    }
    .btn_uploadOrder {
        margin-left: -180px;
    }
    .upload_order_table{
        margin-left: 40px;
    }
    .footer_copyright_sp p {
        margin-top: 20px;
        padding-left: 240px;
    }
    .footer_copyright_sp {
        margin-left: 0px;
        padding-left: 100px;
    }
    .free_space{
        padding-right: 5px;
    }

    .title_aboutUs h4 {
        text-align: center;
    }
    .link_cookie{
        font-size: 14px;
    }

     .status{
        width: 50px; 
     }

    .go_listOrder{
        margin-bottom: 20px;
    }
    .download_order {
        margin-top: 150px;
    }

    .admin .fulfillment_baner_link{
        margin-right: 100px;
    }

    .leaf_loged{
        font-weight: 400;
    }
    .btn-custom_look {
        margin-bottom: 10px;
    }
    .res_360Logo{
        padding-left: 50px;
    }
    .header_info{

    }
}

#client_errors_container .frontend_errors_div {
    margin-top: 0;
    margin-bottom: 0;
}

#menu li a {
	color: #FFFFFF !important;
}

#menu .active_link {
	color: #00FFFF !important;
}
@media only screen and (min-width: 1400px) {
   .client-home__footer{ 
    max-width: 1295px; 
    }
  }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .client-home__footer {
    max-width: 1115px;
   }
  }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .client-home__footer {
    max-width: 935px;
   }
  }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .client-home__footer {
        max-width: 695px;
       }
  }

@media only screen and (max-width: 767px) {
    .client-home__footer {
        max-width: 540px;
        padding: 0 0.75rem 0 0.75rem;
       }
  }

/* Hiding the checkbox, but allowing it to be focused */
.badgebox {
    opacity: 0;
}
.badgebox + .badge {
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}
.badgebox:focus + .badge {
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}
.badgebox:checked + .badge {
    /* Move the check mark back when checked */
	text-indent: 0;
}
/* MAIN */

ul {
    list-style-type: none;
}

.main-title {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
    font-size: 3em;
}

/* PAGE TITLE */

.page_title {
    color: #000000;
    background: #f0f0f0;
}

.page_title h3 {
    line-height: 76px;
    margin-left: 25px;
}

/* MENU */

.kardex_menu {
    color: #f0f0f0;
}

.kardex_menu.active {
    background: #f0f0f0;
    color: #444;
    width: 100%;
    border-radius: 5px;
}

.kardex_menu.active::after {
    float: right;
    content: '>>';
    font-size: 12px;
    line-height: 30px;
}

.kardex_menu.active:hover {
    color: #507295;
}

.kardex_menu_2 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}

.kardex_menu:hover {
    font-weight: 500;
    color:#f0f0f0;
}

/* RESTOCKING MENU */

.restocking_menu {
    background: #5E803D;
}

.restocking_menu h1 {
    line-height: 44px;
    color: #f0f0f0;
}

/* TITLES */

.restocking_title {
    color: #000;
    background: #f0f0f0;
    padding-left: 40px;
}

.picking_title {
    color: #000;
    background: #f0f0f0;
    padding-left: 40px;
}

.page_title_new {
    line-height: 75px;
}

/* PICKING MENU */

.picking_menu {
    background: #507295;
}

.picking_menu h1 {
    line-height: 44px;
    color: #f0f0f0;
}

/* MANGER MENU */

.manager_menu h1 {
    line-height: 44px;
    color: #f0f0f0;
}

.manager_menu {
    background: #507295;
}

.menu_height {
    min-height: 100vh;
}

/* BUTTONS */

.btn-block {
    width: 100%;
    padding: 50px;
    font-size: 2em;
    margin-top: 20px;
}

.btn-success_kardex {
    background-color: #5E803D !important;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-success_kardex:hover {
    font-weight: bold;
    background-color: #5E803D;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-success_kardex:visited {
    font-weight: bold;
    background-color: #5E803D;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-success_kardex:active {
    font-weight: bold;
    background-color: #5E803D;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-success_kardex:link {
    font-weight: bold;
    background-color: #5E803D;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex {
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:hover {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:visited {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:active {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:checked {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:focus {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

.btn-primary_kardex:link {
    font-weight: bold;
    background-color: #507295;
    border: 1px solid #909090;
    color: #f0f0f0;
}

/* RESTOCKING */

.high_priority {
    background-color: #df2c14;
    color: #f0f0f0;
}

.low_priority {
    background-color: #5E803D;
    color: #f0f0f0;
}

/* PICKING LIST ITEM */

.box-pos-1-selected {
    width: 320px;
    height: 460px;
    line-height: 460px;
    border: 1px solid #000;
    background: #5E803D;
    color: #f0f0f0;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 50px;
}

.box-pos-2 {
    width: 160px;
    height: 460px;
    line-height: 460px;
    border: 1px solid #000;
    background: #ffffff;
    float: left;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-2-1 {
    width: 320px;
    height: 230px;
    line-height: 230px;
    border: 1px solid #000;
    background: #ffffff;
    float: left;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-4-1 {
    width: 160px;
    height: 230px;
    line-height: 230px;
    border: 1px solid #000;
    float: left;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-4-2 {
    width: 160px;
    height: 230px;
    line-height: 230px;
    border: 1px solid #000;
    margin-left: 160px;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-4-3 {
    width: 160px;
    height: 230px;
    line-height: 230px;
    border: 1px solid #000;
    float: left;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-4-4 {
    width: 160px;
    height: 230px;
    line-height: 230px;
    border: 1px solid #000;
    margin-left: 160px;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.box-pos-selected {
    background: #5E803D;
    color: #f0f0f0;
    font-weight: bold;
    font-size: 70px;
}

.picking-box-title {
    font-size: 35px;
    font-weight: bold;
    margin-top: 10px;
}

.add-data {
    font-size: 20px;
    line-height: 50px;
    color: #a0a0a0;
    margin-top: 10px;
}

.restocking-button-picking {
    width: 180px;
    height: 60px;
    font-size: 30px;
}

.description-line-title {
    width: 300px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
    float: left;
    text-align: center;
    font-size: 20px;
    overflow: hidden;
    border-bottom: none;
}

.description-line-box {
    width: 300px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #000;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    background: #fff;
    color: #000;
    margin-bottom: 5px;
}

.img-line-box {
    width: 630px;
    height: 300px;
    border: 0px solid #000;
    background: #fff;
    float: left;
}

.box-orders {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    font-size: 30px;
}

.box-order {
    width: 100px;
    height: 75px;
    line-height: 75px;
    margin-right: 10px;
    border: 1px solid #000;
    background: #f0f0f0;
    color: #000;
    font-weight: bold;
}

.box-inner {
    width: 100px;
    height: 75px;
    line-height: 75px;
    border: 1px solid #000;
    background: #507295;
    color: #f0f0f0;
}

.boxes-order {
    width: 100px;
    height: 150px;
    line-height: 220px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
    color: #f0f0f0;
    float: left;
    text-align: center;
    font-size: 30px;
    background: #fff;
}

.number-box {
    color: #e0e0e0;
}

/* LOADER */

.loader {
    display: none;
    width: 100%;
    height: 100vh;
    background: #444;
    color: #f0f0f0;
    position: fixed;
    top: 0;
    left:0;
    z-index: 99999;
    text-align: center;
    line-height: 100vh;
    font-size: 50px;
}

.loader__text {
    transform: translateY(15%);
}

.banter-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    margin-top: -36px;
    z-index: 99;
  }

  .banter-loader__box {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }

  .banter-loader__box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
  }

  .banter-loader__box:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 6px;
  }

  .banter-loader__box:nth-child(1):before, .banter-loader__box:nth-child(4):before {
    margin-left: 26px;
  }

  .banter-loader__box:nth-child(3):before {
    margin-top: 52px;
  }

  .banter-loader__box:last-child {
    margin-bottom: 0;
  }

  @keyframes moveBox-1 {
    9.0909090909% {
      transform: translate(-26px, 0);
    }

    18.1818181818% {
      transform: translate(0px, 0);
    }

    27.2727272727% {
      transform: translate(0px, 0);
    }

    36.3636363636% {
      transform: translate(26px, 0);
    }

    45.4545454545% {
      transform: translate(26px, 26px);
    }

    54.5454545455% {
      transform: translate(26px, 26px);
    }

    63.6363636364% {
      transform: translate(26px, 26px);
    }

    72.7272727273% {
      transform: translate(26px, 0px);
    }

    81.8181818182% {
      transform: translate(0px, 0px);
    }

    90.9090909091% {
      transform: translate(-26px, 0px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(1) {
    animation: moveBox-1 4s infinite;
  }

  @keyframes moveBox-2 {
    9.0909090909% {
      transform: translate(0, 0);
    }

    18.1818181818% {
      transform: translate(26px, 0);
    }

    27.2727272727% {
      transform: translate(0px, 0);
    }

    36.3636363636% {
      transform: translate(26px, 0);
    }

    45.4545454545% {
      transform: translate(26px, 26px);
    }

    54.5454545455% {
      transform: translate(26px, 26px);
    }

    63.6363636364% {
      transform: translate(26px, 26px);
    }

    72.7272727273% {
      transform: translate(26px, 26px);
    }

    81.8181818182% {
      transform: translate(0px, 26px);
    }

    90.9090909091% {
      transform: translate(0px, 26px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(2) {
    animation: moveBox-2 4s infinite;
  }

  @keyframes moveBox-3 {
    9.0909090909% {
      transform: translate(-26px, 0);
    }

    18.1818181818% {
      transform: translate(-26px, 0);
    }

    27.2727272727% {
      transform: translate(0px, 0);
    }

    36.3636363636% {
      transform: translate(-26px, 0);
    }

    45.4545454545% {
      transform: translate(-26px, 0);
    }

    54.5454545455% {
      transform: translate(-26px, 0);
    }

    63.6363636364% {
      transform: translate(-26px, 0);
    }

    72.7272727273% {
      transform: translate(-26px, 0);
    }

    81.8181818182% {
      transform: translate(-26px, -26px);
    }

    90.9090909091% {
      transform: translate(0px, -26px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(3) {
    animation: moveBox-3 4s infinite;
  }

  @keyframes moveBox-4 {
    9.0909090909% {
      transform: translate(-26px, 0);
    }

    18.1818181818% {
      transform: translate(-26px, 0);
    }

    27.2727272727% {
      transform: translate(-26px, -26px);
    }

    36.3636363636% {
      transform: translate(0px, -26px);
    }

    45.4545454545% {
      transform: translate(0px, 0px);
    }

    54.5454545455% {
      transform: translate(0px, -26px);
    }

    63.6363636364% {
      transform: translate(0px, -26px);
    }

    72.7272727273% {
      transform: translate(0px, -26px);
    }

    81.8181818182% {
      transform: translate(-26px, -26px);
    }

    90.9090909091% {
      transform: translate(-26px, 0px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(4) {
    animation: moveBox-4 4s infinite;
  }

  @keyframes moveBox-5 {
    9.0909090909% {
      transform: translate(0, 0);
    }

    18.1818181818% {
      transform: translate(0, 0);
    }

    27.2727272727% {
      transform: translate(0, 0);
    }

    36.3636363636% {
      transform: translate(26px, 0);
    }

    45.4545454545% {
      transform: translate(26px, 0);
    }

    54.5454545455% {
      transform: translate(26px, 0);
    }

    63.6363636364% {
      transform: translate(26px, 0);
    }

    72.7272727273% {
      transform: translate(26px, 0);
    }

    81.8181818182% {
      transform: translate(26px, -26px);
    }

    90.9090909091% {
      transform: translate(0px, -26px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(5) {
    animation: moveBox-5 4s infinite;
  }

  @keyframes moveBox-6 {
    9.0909090909% {
      transform: translate(0, 0);
    }

    18.1818181818% {
      transform: translate(-26px, 0);
    }

    27.2727272727% {
      transform: translate(-26px, 0);
    }

    36.3636363636% {
      transform: translate(0px, 0);
    }

    45.4545454545% {
      transform: translate(0px, 0);
    }

    54.5454545455% {
      transform: translate(0px, 0);
    }

    63.6363636364% {
      transform: translate(0px, 0);
    }

    72.7272727273% {
      transform: translate(0px, 26px);
    }

    81.8181818182% {
      transform: translate(-26px, 26px);
    }

    90.9090909091% {
      transform: translate(-26px, 0px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(6) {
    animation: moveBox-6 4s infinite;
  }

  @keyframes moveBox-7 {
    9.0909090909% {
      transform: translate(26px, 0);
    }

    18.1818181818% {
      transform: translate(26px, 0);
    }

    27.2727272727% {
      transform: translate(26px, 0);
    }

    36.3636363636% {
      transform: translate(0px, 0);
    }

    45.4545454545% {
      transform: translate(0px, -26px);
    }

    54.5454545455% {
      transform: translate(26px, -26px);
    }

    63.6363636364% {
      transform: translate(0px, -26px);
    }

    72.7272727273% {
      transform: translate(0px, -26px);
    }

    81.8181818182% {
      transform: translate(0px, 0px);
    }

    90.9090909091% {
      transform: translate(26px, 0px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(7) {
    animation: moveBox-7 4s infinite;
  }

  @keyframes moveBox-8 {
    9.0909090909% {
      transform: translate(0, 0);
    }

    18.1818181818% {
      transform: translate(-26px, 0);
    }

    27.2727272727% {
      transform: translate(-26px, -26px);
    }

    36.3636363636% {
      transform: translate(0px, -26px);
    }

    45.4545454545% {
      transform: translate(0px, -26px);
    }

    54.5454545455% {
      transform: translate(0px, -26px);
    }

    63.6363636364% {
      transform: translate(0px, -26px);
    }

    72.7272727273% {
      transform: translate(0px, -26px);
    }

    81.8181818182% {
      transform: translate(26px, -26px);
    }

    90.9090909091% {
      transform: translate(26px, 0px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }

  .banter-loader__box:nth-child(8) {
    animation: moveBox-8 4s infinite;
  }

  @keyframes moveBox-9 {
    9.0909090909% {
      transform: translate(-26px, 0);
    }

    18.1818181818% {
      transform: translate(-26px, 0);
    }

    27.2727272727% {
      transform: translate(0px, 0);
    }

    36.3636363636% {
      transform: translate(-26px, 0);
    }

    45.4545454545% {
      transform: translate(0px, 0);
    }

    54.5454545455% {
      transform: translate(0px, 0);
    }

    63.6363636364% {
      transform: translate(-26px, 0);
    }

    72.7272727273% {
      transform: translate(-26px, 0);
    }

    81.8181818182% {
      transform: translate(-52px, 0);
    }

    90.9090909091% {
      transform: translate(-26px, 0);
    }

    100% {
      transform: translate(0px, 0);
    }
  }

  .banter-loader__box:nth-child(9) {
    animation: moveBox-9 4s infinite;
  }

.list__expand{
    opacity: 0;
    max-height: 20px;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.list__expand--active{
    opacity: 1;
    max-height: none;
    visibility: visible;
    overflow: visible;
    max-height: initial;
}

.open__close-users-list{
    width: 112px ;
    height: 31px;
}

.list2__expand{
    opacity: 0;
    max-height: 20px;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    max-width: 111px;
}

.list2__expand--active{
    opacity: 1;
    max-height: none;
    visibility: visible;
    overflow: visible;
    max-height: initial;
}

  .select-box {
    position: relative;
    display: flex;
    max-width: 780px;
    flex-direction: column;
  }

  .select-box--machines-search {
    position: absolute;
    background: #fff;
    width: 100%;
    max-width: 284px;
  }

  .select-box .options-container {
    color: #0d141f;
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0.25rem;
    overflow: hidden;

    order: 1;
  }

  .selected {
    border-radius: 0.25rem;
    margin-bottom: 8px;
    color: #0d141f;
    position: relative;
    border: 1px solid #ced4da;
    order: 0;
  }

  .selected::after {
    content: "\21E9";
    font-size: 18px;
    background-size: contain;
    background-repeat: no-repeat;

    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 5px;

    transition: all 0.4s;
  }

  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 54px;
  }

  .select-box .options-container.active + .selected::after {
    transform: rotateX(180deg);
    top: -6px;
  }

  .select-box .options-container::-webkit-scrollbar-thumb {
    background: #525861;
        border-radius: 0.25rem;
  }

  .select-box .option,
  .selected {
    padding: 0.375rem 0.75rem;
    cursor: pointer;
  }

  .select-box .option:hover {
    background: #007bff;
    color: #fff;
  }

  .select-box label {
    cursor: pointer;
  }

  .select-box .option .radio {
    display: none;
  }

  /* Searchbox */

  .search-box input {
    width: 97%;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    position: absolute;
    border-radius: 0.25rem;
    z-index: 100;
    border: 1px solid #ced4da;

    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
  }

  .search-box input:focus {
    outline: none;
  }

  .select-box .options-container.active ~ .search-box input {
    opacity: 1;
    pointer-events: auto;
  }

/* /////// 403 //////// */
.error-access {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.error-access__button {
    background: #2196f3;
    border: 1px solid #2196f3;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    min-height: 40px;
    outline: 0;
    padding: 15px 14px;
    text-align: center;
    text-rendering: geometricprecision;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    transition: 0.3s ease-in-out;
  }

  .error-access__button:hover{
    transform: scale(1.03);
  }

  .error-access__button:hover,
  .error-access__button:active {
    background-color: initial;
    background-position: 0 0;
    color: #2196f3;;
    transition: 0.3s ease-in-out;
  }

  .error-access__button:active {
    opacity: .5;
    transition: 0.3s ease-in-out;
    transform: scale(0.98);
  }


/* ////// 419 //////// */
.session-expired {
    background-color: aliceblue;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}


.ux__button {
    transition: 0.3s ease;
}

.ux__button:hover {
    transition: 0.3s ease;
    transform: scale(1.05);
}

.ux__button:active {
    transition: 0.3s ease;
    transform: scale(0.95);
}


.bg-green-50 {
    background-color: rgb(240 253 244);
}

.bg-green-100 {
    background-color: rgb(220 252 231);
}

.bg-green-200 {
    background-color: rgb(187 247 208);
}

.bg-green-300 {
    background-color: rgb(134 239 172);
}

.bg-green-400 {
    background-color: rgb(74 222 128);
}

.bg-green-500 {
    background-color: rgb(34 197 94);
}

.bg-green-600 {
    background-color: rgb(22 163 74);
}

.bg-green-700 {
    background-color: rgb(21 128 61);
}

.bg-green-800 {
    background-color: rgb(22 101 52);
}

.bg-green-900 {
    background-color: rgb(20 83 45);
}

.bg-green-950 {
    background-color: rgb(5 46 22);
}

.outline-green-50 {
    outline-color: rgb(240 253 244);
}

.outline-green-100 {
    outline-color: rgb(220 252 231);
}

.outline-green-200 {
    outline-color: rgb(187 247 208);
}

.outline-green-300 {
    outline-color: rgb(134 239 172);
}

.outline-green-400 {
    outline-color: rgb(74 222 128);
}

.outline-green-500 {
    outline-color: rgb(34 197 94);
}

.outline-green-600 {
    outline-color: rgb(22 163 74);
}

.outline-green-700 {
    outline-color: rgb(21 128 61);
}

.outline-green-800 {
    outline-color: rgb(22 101 52);
}

.outline-green-900 {
    outline-color: rgb(20 83 45);
}

.outline-green-950 {
    outline-color: rgb(5 46 22);
}

.hover-bg-green-50:hover {
    background-color: rgb(240 253 244);
}

.hover-bg-green-100:hover {
    background-color: rgb(220 252 231);
}

.hover-bg-green-200:hover {
    background-color: rgb(187 247 208);
}

.hover-bg-green-300:hover {
    background-color: rgb(134 239 172);
}

.hover-bg-green-400:hover {
    background-color: rgb(74 222 128);
}

.hover-bg-green-500:hover {
    background-color: rgb(34 197 94);
}

.hover-bg-green-600:hover {
    background-color: rgb(22 163 74);
}

.hover-bg-green-700:hover {
    background-color: rgb(21 128 61);
}

.hover-bg-green-800:hover {
    background-color: rgb(22 101 52);
}

.hover-bg-green-900:hover {
    background-color: rgb(20 83 45);
}

.hover-bg-green-950:hover {
    background-color: rgb(5 46 22);
}

.bg-cyan-50 {
    background-color: rgb(236 254 255);
}

.bg-cyan-100 {
    background-color: rgb(207 250 254);
}

.bg-cyan-200 {
    background-color: rgb(165 243 252);
}

.bg-cyan-300 {
    background-color: rgb(103 232 249);
}

.bg-cyan-400 {
    background-color: rgb(34 211 238);
}

.bg-cyan-500 {
    background-color: rgb(6 182 212);
}

.bg-cyan-600 {
    background-color: rgb(8 145 178);
}

.bg-cyan-700 {
    background-color: rgb(14 116 144);
}

.bg-cyan-800 {
    background-color: rgb(21 94 117);
}

.bg-cyan-900 {
    background-color: rgb(22 78 99);
}

.bg-cyan-950 {
    background-color: rgb(8 51 68);
}

.hover-bg-cyan-50:hover {
    background-color: rgb(236 254 255);
}

.hover-bg-cyan-100:hover {
    background-color: rgb(207 250 254);
}

.hover-bg-cyan-200:hover {
    background-color: rgb(165 243 252);
}

.hover-bg-cyan-300:hover {
    background-color: rgb(103 232 249);
}

.hover-bg-cyan-400:hover {
    background-color: rgb(34 211 238);
}

.hover-bg-cyan-500:hover {
    background-color: rgb(6 182 212);
}

.hover-bg-cyan-600:hover {
    background-color: rgb(8 145 178);
}

.hover-bg-cyan-700:hover {
    background-color: rgb(14 116 144);
}

.hover-bg-cyan-800:hover {
    background-color: rgb(21 94 117);
}

.hover-bg-cyan-900:hover {
    background-color: rgb(22 78 99);
}

.hover-bg-cyan-950:hover {
    background-color: rgb(8 51 68);
}

.outline-cyan-50 {
    outline-color: rgb(236 254 255);
}

.outline-cyan-100 {
    outline-color: rgb(207 250 254);
}

.outline-cyan-200 {
    outline-color: rgb(165 243 252);
}

.outline-cyan-300 {
    outline-color: rgb(103 232 249);
}

.outline-cyan-400 {
    outline-color: rgb(34 211 238);
}

.outline-cyan-500 {
    outline-color: rgb(6 182 212);
}

.outline-cyan-600 {
    outline-color: rgb(8 145 178);
}

.outline-cyan-700 {
    outline-color: rgb(14 116 144);
}

.outline-cyan-800 {
    outline-color: rgb(21 94 117);
}

.outline-cyan-900 {
    outline-color: rgb(22 78 99);
}

.outline-cyan-950 {
    outline-color: rgb(8 51 68);
}

.text-cyan-50 {
    color: rgb(236 254 255);
}

.text-cyan-100 {
    color: rgb(207 250 254);
}

.text-cyan-200 {
    color: rgb(165 243 252);
}

.text-cyan-300 {
    color: rgb(103 232 249);
}

.text-cyan-400 {
    color: rgb(34 211 238);
}

.text-cyan-500 {
    color: rgb(6 182 212);
}

.text-cyan-600 {
    color: rgb(8 145 178);
}

.text-cyan-700 {
    color: rgb(14 116 144);
}

.text-cyan-800 {
    color: rgb(21 94 117);
}

.text-cyan-900 {
    color: rgb(22 78 99);
}

.text-cyan-950 {
    color: rgb(8 51 68);
}

.bg-sky-50 {
    background-color: rgb(240 249 255);
}

.bg-sky-100 {
    background-color: rgb(224 242 254);
}

.bg-sky-200 {
    background-color: rgb(186 230 253);
}

.bg-sky-300 {
    background-color: rgb(125 211 252);
}

.bg-sky-400 {
    background-color: rgb(56 189 248);
}

.bg-sky-500 {
    background-color: rgb(14 165 233);
}

.bg-sky-600 {
    background-color: rgb(2 132 199);
}

.bg-sky-700 {
    background-color: rgb(3 105 161);
}

.bg-sky-800 {
    background-color: rgb(7 89 133);
}

.bg-sky-900 {
    background-color: rgb(12 74 110);
}

.bg-sky-950 {
    background-color: rgb(8 47 73);
}

.outline-sky-50 {
    outline-color: rgb(240 249 255);
}

.outline-sky-100 {
    outline-color: rgb(224 242 254);
}

.outline-sky-200 {
    outline-color: rgb(186 230 253);
}

.outline-sky-300 {
    outline-color: rgb(125 211 252);
}

.outline-sky-400 {
    outline-color: rgb(56 189 248);
}

.outline-sky-500 {
    outline-color: rgb(14 165 233);
}

.outline-sky-600 {
    outline-color: rgb(2 132 199);
}

.outline-sky-700 {
    outline-color: rgb(3 105 161);
}

.outline-sky-800 {
    outline-color: rgb(7 89 133);
}

.outline-sky-900 {
    outline-color: rgb(12 74 110);
}

.outline-sky-950 {
    outline-color: rgb(8 47 73);
}

.hover-bg-sky-50:hover {
    background-color: rgb(240 249 255);
}

.hover-bg-sky-100:hover {
    background-color: rgb(224 242 254);
}

.hover-bg-sky-200:hover {
    background-color: rgb(186 230 253);
}

.hover-bg-sky-300:hover {
    background-color: rgb(125 211 252);
}

.hover-bg-sky-400:hover {
    background-color: rgb(56 189 248);
}

.hover-bg-sky-500:hover {
    background-color: rgb(14 165 233);
}

.hover-bg-sky-600:hover {
    background-color: rgb(2 132 199);
}

.hover-bg-sky-700:hover {
    background-color: rgb(3 105 161);
}

.hover-bg-sky-800:hover {
    background-color: rgb(7 89 133);
}

.hover-bg-sky-900:hover {
    background-color: rgb(12 74 110);
}

.hover-bg-sky-950:hover {
    background-color: rgb(8 47 73);
}

.bg-rose-50 {
    background-color: rgb(255 241 242);
}

.bg-rose-100 {
    background-color: rgb(255 228 230);
}

.bg-rose-200 {
    background-color: rgb(254 205 211);
}

.bg-rose-300 {
    background-color: rgb(253 164 175);
}

.bg-rose-400 {
    background-color: rgb(251 113 133);
}

.bg-rose-500 {
    background-color: rgb(244 63 94);
}

.bg-rose-600 {
    background-color: rgb(225 29 72);
}

.bg-rose-700 {
    background-color: rgb(190 18 60);
}

.bg-rose-800 {
    background-color: rgb(159 18 57);
}

.bg-rose-900 {
    background-color: rgb(136 19 55);
}

.bg-rose-950 {
    background-color: rgb(76 5 25);
}

.outline-rose-50 {
    outline-color: rgb(255 241 242);
}

.outline-rose-100 {
    outline-color: rgb(255 228 230);
}

.outline-rose-200 {
    outline-color: rgb(254 205 211);
}

.outline-rose-300 {
    outline-color: rgb(253 164 175);
}

.outline-rose-400 {
    outline-color: rgb(251 113 133);
}

.outline-rose-500 {
    outline-color: rgb(244 63 94);
}

.outline-rose-600 {
    outline-color: rgb(225 29 72);
}

.outline-rose-700 {
    outline-color: rgb(190 18 60);
}

.outline-rose-800 {
    outline-color: rgb(159 18 57);
}

.outline-rose-900 {
    outline-color: rgb(136 19 55);
}

.outline-rose-950 {
    outline-color: rgb(76 5 25);
}

.hover-bg-rose-50:hover {
    background-color: rgb(255 241 242);
}

.hover-bg-rose-100:hover {
    background-color: rgb(255 228 230);
}

.hover-bg-rose-200:hover {
    background-color: rgb(254 205 211);
}

.hover-bg-rose-300:hover {
    background-color: rgb(253 164 175);
}

.hover-bg-rose-400:hover {
    background-color: rgb(251 113 133);
}

.hover-bg-rose-500:hover {
    background-color: rgb(244 63 94);
}

.hover-bg-rose-600:hover {
    background-color: rgb(225 29 72);
}

.hover-bg-rose-700:hover {
    background-color: rgb(190 18 60);
}

.hover-bg-rose-800:hover {
    background-color: rgb(159 18 57);
}

.hover-bg-rose-900:hover {
    background-color: rgb(136 19 55);
}

.hover-bg-rose-950:hover {
    background-color: rgb(76 5 25);
}

.placeholder-text-gray-50::placeholder {
    color: rgb(249 250 251);
}

.placeholder-text-gray-100::placeholder {
    color: rgb(243 244 246);
}

.placeholder-text-gray-200::placeholder {
    color: rgb(229 231 235);
}

.placeholder-text-gray-300::placeholder {
    color: rgb(209 213 219);
}

.placeholder-text-gray-400::placeholder {
    color: rgb(156 163 175);
}

.placeholder-text-gray-500::placeholder {
    color: rgb(107 114 128);
}

.placeholder-text-gray-600::placeholder {
    color: rgb(75 85 99);
}

.placeholder-text-gray-700::placeholder {
    color: rgb(55 65 81);
}

.placeholder-text-gray-800::placeholder {
    color: rgb(31 41 55);
}

.placeholder-text-gray-900::placeholder {
    color: rgb(17 24 39);
}

.placeholder-text-gray-950::placeholder {
    color: rgb(3 7 18);
}

.search-box--bundle input {
    width: 310px;
    border-color: lightblue;
}