body{font-size:16px;margin:0;padding:0;font-family: "Roboto", sans-serif;}
::-webkit-scrollbar{width:0}
#main-nav{display:none}
img{width:100%}
a{text-decoration: none!important;}
#telegram-login-telecomusbot{margin:100px auto;display:block}
.logo{display:block;margin:0 auto;text-align:center;cursor:pointer;color:#fff;position:absolute;left:71px;top:6px;font-family:'Audiowide';font-size:1.8em}
.header{background:#020202;position:relative;height:50px;width:100%}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}
.header a:hover,footer a:hover{color:#fff;text-decoration:none}
.authicon{top:6px;right:20px;cursor:pointer;color:#fff;position:absolute;font-size:1.7em}
.authicon_users{color:#fff;margin:15px;font-size:1.15rem;font-weight:400;bottom:2px;position:relative}
.authicon img{width:1.2em;border-radius:25px;margin-bottom:5px}
footer{display:flex!important;background-color:#232323}
footer a{color:#fff}
footer span{color:#fff}
footer .phone{direction:rtl;unicode-bidi:bidi-override;font-family:'Gilroy';font-weight:700;font-style:normal}
footer h5{color:#efff00}
.card-body{-ms-flex:1 1 auto;flex:1 1 auto}
.card-body-fix{padding:1.25rem!important}
.control{text-align:center;cursor:pointer;font-size:1.3em}
.msg_wb_erros{z-index:9999;display:none;border:2px solid #00000021;line-height:3;right:0;max-width:500px;height:55px;font-weight:600;text-align:center;top:25px;position:fixed;background:#ebf6ff;width:100%;color:#050202;font-size:16px;margin:0 auto;left:0}
#wb_orders_filter,#wb_sales_filter,#wb_incomes_filter,#wb_stocks_filter,#wb_reports_filter{width:100%}
#wb_orders_filter label,#wb_sales_filter label,#wb_incomes_filter label,#wb_stocks_filter label,#wb_reports_filter label{width:100%}
#wb_orders_filter input,#wb_sales_filter input,#wb_incomes_filter input,#wb_stocks_filter input#wb_reports_filter input{width:100%}
.buttons-html5,.glyphicon-list-all{color:#000!important;background-color:#fff!important;border-color:#dee2e6!important}
#wb_orders_wrapper .btn-group,#wb_sales_wrapper .btn-group,#wb_reports_wrapper .btn-group,#wb_incomes_wrapper .btn-group,#wb_stocks_wrapper .btn-group{margin-right:1px;float:right}
.dataTables_wrapper .dataTables_filter{float:left}
.dataTables_wrapper .dataTables_length{float:right}
div.dataTables_wrapper div.dataTables_filter input{width:100%}
.dataTables_wrapper .dataTables_filter input{margin-left:0!important}
.info_card_bottom{padding:0 8px;margin:10px 0}
.main-banner{position:relative}
.main-banner-text{max-width:94%;display:table;padding:1vw;margin:10px auto;color:#fff;bottom:0;position:absolute;width:auto;background:#00000075;right:0;left:0;text-align:center;border-radius:15px}
.main-banner-text h1{text-shadow:#fffffffa 0 0 2px;font-family:'Comfortaa',cursive,'Open Sans','Roboto',sans-serif;font-size:1.6em;display:table-cell}
.main-line-wb-header{font-family:'Comfortaa',cursive,'Open Sans','Roboto',sans-serif;font-size:1.6em;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-transform:uppercase}
.main-header{width:100%;height:60px;line-height:65px;background:linear-gradient(to right,#cb11ab 0,#481173 100%) no-repeat}
.rrrr{height:33.4vw!important;position:relative}
.rrrr p{width:100%;color:#fff;font-family:'Comfortaa',cursive,'Open Sans','Roboto',sans-serif;font-size:1.6em;position:absolute;top:50%;transform:translateY(-50%);padding:5%;line-height:2vw;margin:0 auto;text-align:center}
.slick-prev{left:25px!important;z-index:1}
.slick-next{right:25px!important;z-index:1}
.ui-datepicker-inline{margin:0 auto}
.catalog-cards{border-top-left-radius:2rem!important;border-top-right-radius:2rem!important;margin-bottom:25px;max-width:350px}
#infopanel_wb{border:1px solid #c5c5c5;width:100%;margin:10px 10px 10px 0;display:flex}
#datepicker{width:255px;margin:10px;display:flex;flex-direction:column}
.buttons-pdf{display:none!important}
.btn-group>.btn:not(:first-child){border-top-left-radius:3px!important;border-bottom-left-radius:3px!important}
#wb_reports_wrapper .btn-group>.btn{min-width:80px}
.dtr-title{font-weight:700;color:#000}
.header_info{display:flex}
.scroll_panel{height:auto;z-index:999999;position:fixed;top:unset;bottom:59px;right:20px;width:90px;transition:background .2s ease}
#scroll_top{display:block;width:100%;height:auto;position:absolute;bottom:4%;left:0;text-align:center;opacity:1;transition:background .2s ease}
#scroll_top span{border-radius:25px;padding:4px 5px;color:#fff;background:#00135e;display:block;width:100%;position:absolute;left:0;top:-34px}
#scroll_bottom{display:block;width:100%;height:auto;position:absolute;bottom:0;left:0;text-align:center;opacity:1;transition:background .2s ease}
#scroll_bottom span{background:#00135e;display:block;width:100%;position:absolute;left:0;top:0;border-radius:25px;padding:4px 5px;color:#fff}
.text-small-catalog{height:89px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h3-small-catalog{color:#0f2e50;font-weight:500;font-size:1rem;height:75px}
.h3-small-catalog a{color:#0f2e50;font-weight:500;font-size:1rem}
.img-fix-catalog{object-fit:contain;padding:7px;border-top-left-radius:2rem!important;border-top-right-radius:2rem!important}
.list-fix-catalog{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.colfix{padding-right:5px!important;padding-left:5px!important}
.card-headerfix{background-color:unset!important;border-bottom:unset!important}
#wb_paginate{margin:30px auto;width:max-content}
.catalog-info-view{margin:10px auto 0;width:max-content}
@media screen and (max-width: 700px) {
.scroll_panel{display:none}
}
@media screen and (orientation: portrait) {
.nav-container{width:100%!important}
}
@media (max-width: 560px) {
.header_info{margin:0 auto}
#wb_orders_wrapper .btn-group,#wb_reports_wrapper .btn-group,#wb_sales_wrapper .btn-group,#wb_incomes_wrapper .btn-group,#wb_stocks_wrapper .btn-group{margin:10px auto;width:100%;padding:1px}
.logo{left:0;right:0;top:6px;font-family:'Audiowide';font-size:1.8em}
.msg_wb_erros{top:0}
.ui-datepicker{width:100%}
#infopanel_wb{display:none}
}
@media (min-width: 560px) {
.td-text-res{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-text-res:hover{white-space:unset}
.fix-row-catalog{margin:0 auto!important;max-width:1200px}
}
@media (max-width: 576px) {
.catalog-cards{margin-bottom:25px;max-width:100%}
.authicon_users{display:none;}
}