html,
body {
    height: 100%;
    font-size: 15px;
    min-width: 450px;
    background-color: #f7f9fa;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}
body, h1, h2, h3, h4, h5, a, p, .zakaz__ label{font-weight: 400 !important;}
.span-5 span_div{
    display: inline-block;

}
.trash-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
}

.display_none{
    display: none !important;
}

.cke_contents iframe{
    height: 200% !important;
}

#s_manager {
    display: none;
}

#s_manager.s_manager_on {
    display: inline-block;
}


.file_input,
.file_input_img{
    position: absolute;
    /*top:0;*/
    /*left: 0;*/
    width: 80px;
    height: 40px;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.file_botton{
    display: inline-flex;
    min-height: 40px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    background-color: #337ab7;
    border-color: #2e6da4;
    padding: 2px 15px;
    color: white;
}

.file_preview{
    display: block;
    max-width: 100px;
    padding: 10px 0px 0px 0px;
}

.report_img{
    position: absolute;
    left: calc(50% - 100px);
    margin-top:5%;
    opacity: 0.4;
}

.span-5.visib span_div, .span-5.visib .la-angle-left{
    text-indent: -90rem;
}

body::-webkit-scrollbar {
    width: 10px;               /* ширина всей полосы прокрутки */
}

body::-webkit-scrollbar-track{
    background: #f1f4f6;        /* цвет зоны отслеживания */
}

body::-webkit-scrollbar-thumb{
    background-color: #b7b7b8;    /* цвет бегунка */
    border-radius: 20px;       /* округлось бегунка */
    border: 2px solid #b7b7b8;  /* отступ вокруг бегунка */
}
.table_zakaz_nds{
    border-radius: 10px;
    border: 1px solid silver;
}
.table_zakaz_nds>div{
    display: inline-block;
}
.table_zakaz_nds:first-child div{
    border-radius: 10px;
}
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #e4e4e43d;
}
.z_button_top i.las, .z_button_top i.lar{
    font-size: 23px;
}
.z_button_top a.la, .z_button_top button.la  {
    padding: 5px 8px 5px;
    float:left;
    margin-right:5px;
}
.la-sync, .la-reply,
.glyphicon-search,
.la-file-alt{
    color: #337ab7;
}
.la-reply{
    font-size: 24px;
}
.span-9>.header__burger {
    cursor: pointer;
    display: block;
    position: relative;
    width: 25px;
    height: 17px;
    /*margin-right: 325px;*/
    margin-top: -30px;
    left: 240px;
    float: left ;
}
.span-9>.header__burger span {
    position: absolute;
    background-color: #337ab7;
    width: 100%;
    height: 2px;
    left: 0;
    top: 7px;
    transition: all 0.3s ease 0s;
}
.header__burger:before {
    top: 0;
}
.header__burger:after {
    bottom: 0;
}
.header__burger:before, .header__burger:after {
    content: '';
    position: absolute;
    background-color: #337ab7;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
}
.header__burger._active:before {
    transform: rotate(45deg);
    top: 7px;
    /*background-color: #000;*/
}
.header__burger._active:after {
    transform: rotate(-45deg);
    bottom: 8px;
    /*background-color: #000;*/
}
.header__burger._active span {
    transform: scale(0);

}

.lar, .las{
    font-size: 25px;
}

.span-5::-webkit-scrollbar,
.zakaz_index::-webkit-scrollbar,
.doska_index::-webkit-scrollbar,
#zakaz-form .tab-content::-webkit-scrollbar,
#zakaz_product-form .tab-content::-webkit-scrollbar,
#otk_zakaz-form .tab-content::-webkit-scrollbar
{
    width: 10px;               /* ширина всей полосы прокрутки */
}

.span-5::-webkit-scrollbar-track,
.zakaz_index::-webkit-scrollbar-track,
.doska_index::-webkit-scrollbar-track,
#zakaz-form .tab-content::-webkit-scrollbar-track,
#zakaz_product-form .tab-content::-webkit-scrollbar-track,
#otk_zakaz-form .tab-content::-webkit-scrollbar-track
{
    background: #ffffff;        /* цвет зоны отслеживания */
}

.span-5::-webkit-scrollbar-thumb,
.zakaz_index::-webkit-scrollbar-thumb,
.doska_index::-webkit-scrollbar-thumb,
#zakaz-form .tab-content::-webkit-scrollbar-thumb,
#zakaz_product-form .tab-content::-webkit-scrollbar-thumb,
#otk_zakaz-form .tab-content::-webkit-scrollbar-thumb
{
    background-color: #b7b7b8;    /* цвет бегунка */
    border-radius: 20px;       /* округлось бегунка */
    border: 2px solid #ffffff;  /* отступ вокруг бегунка */
}

.zakaz_index {
    height: calc(100vh - 222px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -20px;
}

.class_800px_700px .table-bordered, .st__ .table-bordered {
    border-radius: 10px;
    /* border-spacing: 0; */
    border-collapse: separate;
}
.class_800px_700px .table-bordered>thead>tr>th,
.class_800px_700px .table-bordered>tbody>tr>th,
.class_800px_700px .table-bordered>tfoot>tr>th,
.class_800px_700px .table-bordered>thead>tr>td,
.class_800px_700px .table-bordered>tbody>tr>td,
.class_800px_700px .table-bordered>tfoot>tr>td
.st__ .table-bordered>thead>tr>th,
.st__ .table-bordered>tbody>tr>th,
.st__ .table-bordered>tfoot>tr>th,
.st__ .table-bordered>thead>tr>td,
.st__ .table-bordered>tbody>tr>td,
.st__ .table-bordered>tfoot>tr>td
{
    border: none;
}
.class_800px_700px .table-bordered>thead>tr>th:first-child,
.class_800px_700px .table-bordered>tbody>tr>th:first-child,
.class_800px_700px .table-bordered>tfoot>tr>th:first-child,
.class_800px_700px .table-bordered>thead>tr>td:first-child,
.class_800px_700px .table-bordered>tbody>tr>td:first-child,
.class_800px_700px .table-bordered>tfoot>tr>td:first-child
.st__ .table-bordered>thead>tr>th:first-child,
.st__ .table-bordered>tbody>tr>th:first-child,
.st__ .table-bordered>tfoot>tr>th:first-child,
.st__ .table-bordered>thead>tr>td:first-child,
.st__ .table-bordered>tbody>tr>td:first-child,
.st__ .table-bordered>tfoot>tr>td:first-child
{
    border-right: 1px solid #ddd;
}

.zakaz_index_sh_h div a:hover{
    text-decoration: none;
}
a:hover, a:focus{
    text-decoration: none;
}

.left_5_p a span,
.zakaz_index_sh_h div,
.nav-tabs>li>a,
.table-hover_td_6 a,
.tab-content.in .glyphicon-remove,
.cog>span
{
    transform: translate(0px, 0px);
    transition: all 0.3s ease 0s;
}

.left_5_p a:hover span,
.zakaz_index_sh_h div:hover,
.nav-tabs>li>a:hover,
.table-hover_td_6 a:hover,
.tab-content.in .glyphicon-remove:hover,
.cog>span:hover
{
    transform: translate(0px, -3px);
    transition: all 0.3s ease 0s;
}

.left_5_p ul a span {
    transform: translate(0px, 0px);
}
.left_5_p ul a:hover span{
    transform: translate(0px, 0px);
}
.dropdown-menu{
    border-radius: 10px !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background: none;
}

.span-9 .setting{
    top: 100%;
    left: calc(100% - 222px);
    right: unset;
    z-index: 10004;
    margin-top: 0px;
    border-radius:10px;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}


.works_tire select {
max-width: 180px;
min-width: 180px;
margin-right:10px
}


.vibro_b { display: block; animation: glyphicon-send 2s ease-in-out infinite;}
@keyframes glyphicon-send {
5%, 15%, 25%, 35%, 45% {
    transform: rotate(10deg);
}

10%, 20%, 30%, 40% {
    transform: rotate(-10deg);
}

50% {
    transform: rotate(0);
}
}

.ui-datepicker-today a{font-weight: bold !important;}


#one .work_knopka{margin: 5px}
.work_knopka{background: #f1f1f1a3}
.beznal_zakaz_p .class_table_th_price{width: 82px;}
.div_z{
    border: 3px solid #f7f9fa;
    padding: 6px 0;
    height: 55px;
    text-align: center;
    float: left;
    cursor: pointer;
    border-radius: 30px;
}
.div_z:hover{
background-color: rgba(51, 122, 183, 0.16) !important;
font-weight: bold;
}
.zakaz_index_sh {
width: 100%;
}
.zakaz_index_sh div{
border: 3px solid #f7f9fa;
float: left;
font-weight: 700;
}
.zakaz_index_sh_t{
    height:60px;
    width: 60px;
    padding: 10px 0;
    text-align: center;
}
.zakaz_index_sh_h{
    width: calc( 100% - 70px);
    height:60px;

}
.zakaz_index_sh_h div{
    height: 58px;
    padding: 10px 5px;
    background-color: #e0f3ff;
    text-align: center;
    border-radius: 30px;
}
.zakaz_index_sh_h div a{
    padding: 10px 5px;
}
.doska_index{
    margin-top: 55px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 183px);
}

.modal-lg_700{width: 700px}
.zakaz_index_sh_new {
    /*position: fixed;*/
    margin-top: -41px;
    padding-top: 30px;
    /*background-color: white;*/
    /*width: 100%;*/
    /*z-index: 1002;*/
}
.zakaz_index_sh_new div{
    float: left;
    font-weight: 700;
}
.zakaz_index_sh_new_t{
    height:65px;
    width: 60px;
    padding: 10px 0;
    text-align: center;
}
.zakaz_index_sh_new_h{
    width: calc( 100% - 335px);
    position: fixed;
    margin-left: 60px;
}

.zakaz_index_sh_new_h div{
    height: 65px;
    padding: 10px 0;
    text-align: center;
}
.zakaz_index_l {
    border: 3px solid #f7f9fa;
    width: 90px;
    padding: 6px 0;
    height: 55px;
    text-align:center;
    float: left;
}
.hover_td{
    cursor: pointer;
}
.hover_td:hover{
    cursor: pointer;
    background-color: #d1e8ff;
}
.btn{font-size: 13px}
#ui-datepicker-div, .form-control, .grid-view .filters input, .grid-view .filters select, .input-group-addon, .btn {border-radius: 10px; }
.table_z th a{ color: #333}

.ui-corner-all{font-size: 13px; font-family: "Roboto,HelveticaNeue-Light",sans-serif;}
#sms-grid .summary{
    display: none;
}
#sms-grid .filters td {
    padding: 0 !important;
    font-size: 10px !important;
}
.cursor_default{cursor: default !important;}
.dropdown_td_ul{
    transition-delay: 0.5s;
    position: absolute;
    left: 174px; 
    border-color: silver; 
    width: 221px;
}
.dropdown_td_ul li a{
    color: #333;
    font-family: "Roboto,HelveticaNeue-Light",sans-serif;
    padding-bottom: 3px;
    font-weight: normal;
}

#client_d #history_zakaz_by_client ul li {font-size: 15px}
#db{
    width: 240px;
    height: 51px;
    background: #386386;
    color: wheat;
    border-color: #386386;
    font-size: 27px;
    text-align-last: center;
    text-align: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#db option{
    font-size: 20px;
}
.list_{
    max-width: 730px;
    margin-top: 30px
}
.list_ p{
    font-size: 14px;
}
.list_ h4{
    padding-top: 15px
}

.list_  .left_input{
    width: 42px;
    height: 16px;
}
.list_  .right_input{
    width: 60px;
    height: 16px;
}
.list_ .sel{
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-left: -5px;
    padding-left: 5px;
    margin-right: 5px;
}
.page.selected a{
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.last h1{font-size: 30px}
.settings {width: 99%}
.settings>li{width: 50%; text-align: center}
.nav-tabs{border: none}
.nav-tabs>li{
    background-color: #e0f3ff;
    border-radius: 30px;
    border: 3px solid #f7f9fa;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    background-color: #1abb9c70;
    border-radius: 30px;
    border: none;
}
.nav-tabs>li>a:hover{
    border-color: #e0f3ff;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: #e0f3ff;
    border-radius: 30px;
}
.table-striped .table-hover_td_6 .btn-group, .table-striped .table-hover_td_6 a {
    height: 32px;
    display: block;
}
#kassa .nav-tabs>li,
#zakaz_product-form .nav-tabs>li.active,
#otk_zakaz-form .nav-tabs>li.active
{
    text-decoration: none !important
}
#zakaz-form .nav-tabs>li a span,
#zakaz_product-form .nav-tabs>li a span,
#otk_zakaz-form .nav-tabs>li a span
{
    font-size: 16px;
}
.vi{
    width: auto
}
#LoginForm_rememberMe{margin-right: 15px}
.auth{margin-left: auto; margin-right: auto; width: 300px;}
.auth_form{width: 300px;margin-left: auto; margin-right: auto; text-align: center}
#login-form label, #login-form small{float: left; font-size: 14px}

.navbar-default.navbar-fixed-top{background-color:white; float:left; width: 240px; margin-top: 18px}
.navbar-fixed-top{
    position: fixed;
    /*position: absolute;*/
     z-index: 0;
}
.input-group.form-group.report_style{
    background-color: #fff !important;
    width: 230px;
    float: left;
    height: 34px;
    border-radius: 10px;
    margin-right: 5px;
}
.input-group.form-group.date_none{
    background-color: #fff !important;
    width: 230px;
    float: left;
    height: 34px;
    border-radius: 10px;
    margin-right: 5px;
}
/*.input-group.form-group.date_none span{*/
/*    height: 34px;*/
/*}*/
.row_15{
    padding-left: 0px;
    padding-right: 0px;
}

.form-control.error{
    border-color: #ff000052;
}
.errorMessage{
    display: none;
}
.z_button_top{
    position: fixed;
    right: 10px;
    z-index: 20;
    margin-top: -45px;
}
.z_button_top .btn {
    margin: 0;
    border-radius: 7px;
}

.z_button_top_view{
    margin-top: -14px;
}

.z_button_top .input-group select{
    border-radius: 10px;
}

.input-group .input-group-addon,
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn
{
    border-top-riht-radius: 10px !important;
    border-bottom-riht-radius: 10px !important;
}
/*[title] {position: relative}*/
/*!*[data-title]:after {*!*/
/*!*    content: attr(data-title);*!*/
/*!*    opacity: 0;*!*/
/*!*    visibility: hidden;*!*/
/*!*    z-index: 1000;*!*/
/*!*    position: absolute;*!*/
/*!*    top: 2.5em;*!*/
/*!*    left: -60px;*!*/
/*!*    padding: 2px 8px;*!*/
/*!*    font-size: 13px;*!*/
/*!*    font-weight: 300;*!*/
/*!*    white-space: nowrap;*!*/
/*!*    color: #393939;*!*/
/*!*    background-image: -moz-linear-gradient(top, #fff, #fff);*!*/
/*!*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));*!*/
/*!*    background-image: -webkit-linear-gradient(top, #fff, #fff);*!*/
/*!*    background-image: -o-linear-gradient(top, #fff, #fff);*!*/
/*!*    background-image: -ms-linear-gradient(top, #fff, #fff);*!*/
/*!*    -moz-border-radius: 3px;*!*/
/*!*    -webkit-border-radius: 3px;*!*/
/*!*    -o-border-radius: 3px;*!*/
/*!*    -ms-border-radius: 3px;*!*/
/*!*    border-radius: 3px;*!*/
/*!*    -moz-box-shadow: 0 0 5px #ccc;*!*/
/*!*    -webkit-box-shadow: 0 0 5px #ccc;*!*/
/*!*    -o-box-shadow: 0 0 5px #ccc;*!*/
/*!*    -ms-box-shadow: 0 0 5px #ccc;*!*/
/*!*    box-shadow: 0 0 5px #ccc;*!*/
/*!*}*!*/
/*!*[data-title]:hover:after {*!*/
/*!*    opacity: 1;*!*/
/*!*    visibility: visible;*!*/
/*!*    -moz-transition: all 0.2s ease-out 0.5s;*!*/
/*!*    -webkit-transition: all 0.2s ease-out 0.5s;*!*/
/*!*    -o-transition: all 0.2s ease-out 0.5s;*!*/
/*!*    -ms-transition: all 0.2s ease-out 0.5s;*!*/
/*!*    transition: all 0.2s ease-out 0.5s;*!*/
/*!*}*!*/

/*[data-title]::after {*/
/*    -moz-border-radius: 3px;*/
/*    -webkit-border-radius: 3px;*/
/*    -o-border-radius: 3px;*/
/*    -ms-border-radius: 3px;*/
/*    border-radius: 3px;*/
/*    display: none;*/
/*    margin-left: -50px;*/
/*    content: attr(data-title);*/
/*    top: 90%;*/
/*    background-color: #FFF;*/
/*    padding: 5px;*/
/*    border: 1px solid rgba(102, 102, 102, 0.15);*/
/*    position: absolute;*/
/*    cursor: pointer;*/
/*    font-size: 12px;*/

/*    transition: all 1.5s ease 0s;*/
/*    width: auto;*/
/*}*/
/*[data-title]:hover {*/
/*    color: #002f5f;*/
/*}*/
/*[data-title]:hover::after {*/
/*    display:inline-block;*/
/*    transition: all 1.5s ease 0s;*/
/*}*/

.grid-view hr{
    display: none;
}
#zakaz_product-form .z_button_top .open>.dropdown-menu{
    top: 32px;
    left: -79px;
}
#zakaz-form .z_button_top .open>.dropdown-menu{
    top: 32px;
    left: -143px;
}

.z_down{
    margin-left: -30px;
    position: fixed;
    z-index: 1;
    width: calc(100% - 230px);
    bottom: 0;
}

.z_down .table-striped>tbody>tr:nth-child(odd){background: #EDEDED;}
/*.nav-tabs>li>a{ border-radius: 0}*/
/*.nav-tabs>li>a{ border-radius: 0}*/
#zakaz-form .nav.nav-tabs,
#zakaz_product-form .nav.nav-tabs{
    margin-top: -20px;
}

#zakaz-form>.tab-content,
#zakaz_product-form>.tab-content,
#otk_zakaz-form>.tab-content
{
    height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}
#zakaz-form .nav-tabs>li>a, #zakaz_product-form .nav-tabs>li>a{
    margin-right: 0;
}

#kassa .nav>li>a, #zakaz-form .nav>li>a,
#otk_zakaz-form .nav>li>a,
#zakaz_product-form .nav>li>a {
    position: relative;
    display: block;
    padding: 6.5px 15px;
}

.nav-tabs>li>a {
   margin-right: 0;
}

.z_down .table{margin-bottom: 0}
.z_down .table td{text-align: center;}
.right_p{ text-align: right; width: 100%; padding-right: 10px}
/*.page.selected a{font-weight: 700; background-color: #eee;}*/
.edit_for_admin{right: 10px; position: absolute; margin-top: 10px}
.select{width: 100%; height: 395px !important;}
.select option{padding: 5px 10px}
#print_qr{display: none}
#print_qr1{display: block; margin-left: 30px !important;}
.btn.btn-primary .glyphicon{color: white}
.padding_0{padding: 0}
.pager li>a, .pager li>span{border-radius: 10px}
#oblast-form, #status-form{max-width: 700px}
#worker-form .form-control{max-width:500px}
.modal-content{border-radius: 20px}
.table_a4 td{padding: 0 5px !important;}
.table_a4 {font-size: 15px !important;}
.wrapper{min-height:100%; background-color: #f7f9fa}
#page_no .first, #page_no .previous , #page_no .next, #page_no .last , #client .first, #client .previous, #client .next, #client .last{ display: none}
#page_no .yiiPager, #client .yiiPager{width: 100%; text-align: center}
#page_no li a, #client li a{border: none}
#page_no li.selected a , #client li.selected a{font-weight: 700;}
.container, .error404 p, .error404 h2, footer{text-align: center; margin-left: auto; margin-right: auto}
.error404 img{display: inline !important;}
.h_footer{height: 50px; margin-bottom: -50px}
footer p{color: white;padding-top: 15px}
footer p a{color:wheat}
.navbar{border-radius:10px; border: none;}
.navbar-bottom{
    border-radius: 10px;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
}
#back-top {
    position:fixed;
    bottom:100px;
    right:25px;
    z-index:125;}

#back-top a {

    text-align: center;
    font: 40px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.grid-view table.items thead tr th{padding: 12px !important; background: #337ab7; border-radius: 5px}
.grid-view table.items thead td{padding: 2px 1px 2px 1px !important;}
.items>tbody>tr>td {border: 1px solid #ddd !important; font-size: 14px !important;}
.items>thead>tr>td {border-bottom: 1px solid #ddd !important}
.grid-view .items tbody tr td {padding: 8px;}
.grid-view table.items tr.odd{background-color: #f9f9f9 !important;}
.grid-view table.items tr.even {
    background: white !important;
}
.filters input , .filters select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-color: white;
}
.cheked_div_work_worker {margin: 5px; margin-left: 0px; top: -3px;}
.worker_plus{display: none}
.div_none {display: none}
.div_vis {display: inline-block; transition: 1s display}
.visib_no{margin-left: 0}
.link_black a{color: #333}
/*#company-form .form-control{max-width: 400px}*/
.row{margin-left: 0; margin-right: 0}
.white{color: white !important;}
.panel-body:before, .panel-body:after {display: inline !important;}
.login{width: 500px; margin-right: auto; margin-left: auto}
ul{list-style:none;}
#mainmenu li {margin-top: 5px}
#mainmenu{width: 225px; float: left}
.content { margin-top: -5px; margin-right: 10px;}
#content{margin-bottom: 30px}
h3{margin-top: 5px; margin-bottom: 10px}
.required span {color: #ff0000}
.required_1 {color: #ff0000}
#add_client-form label{width: 192px; text-align: right; padding-right: 5px}
#add_car-form label{width: 100px; text-align: right; padding-right: 5px}
.form-control{padding:6px 10px;height: auto;}
.grid-view table.items tr:hover
{
    cursor: pointer;
    background-color: #ceddff94 !important;
}
#blocked-grid .button-column, #crm_v-grid .button-column, #user-grid .button-column{cursor: default; background: none !important;}
label {font-weight: 400}
.radio{display: inline-block; margin-top: -3px}
.form-group{width: 100%}
.group{
    margin-right: 1%;
    width: 49% !important;
}
.class_table_th_nomer {width: 40px; display: inline-block; margin-right: -19px; margin-left: 24px; margin-bottom: 4px; text-align: center; font-size: 13px}
#client-grid td{text-align: left;}
.group_1, .group{
    border: 1px solid #818992;
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    background-color: white;
}
.group .report, .group_1 .report{
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.03) 0px 5px 20px 0px;
    border-radius: 30px;
}

#workers_report-form .group,
#workers_report-form .group_1,
#report-form .group,
#report-form .group_1,
#air,
#air1,
#air2,
#air3,
#air4,
#air5,
#air6,
#air7,
#air8
{
    box-shadow: rgba(100, 100, 111, 0.03) 0px 5px 20px 0px;
}

    /*.grid-view .summary,.grid-view .pager, .grid-view hr{display: none}*/

.grid-view {padding: 0 !important;}
td input{}
.form-group.client{width: 500px}
                                .errorMessage{color: #ff0000; width: 350px; font-size: 12px}
.error label{color: #ff0000;}
.errorSummary{color: #ff0000;margin-bottom: 30px}
.error input, .error select, .error textarea{border-color: #ff0000;}
.del_client{display:none}
#Zakaz_car{display: inline-block}
#login-form .form-group{margin-left: auto; margin-right: auto}
#login-form .errorMessage{width: inherit}
.table_z{width: 100%; border: 1px solid #1e90ff;border-top-left-radius:12px; border-top-right-radius: 12px; margin-bottom: 30px}
.table_z th{width: 156px; text-align: center; padding: 5px; border: 1px dotted #1e90ff; background-color: lightgrey;}
.table_z td{width: 156px; text-align: center; padding: 2px 5px;  border: 1px dotted #1e90ff}
.table_z_line{padding:0px; margin:-3px -6px 1px -4px; border-top: 1px dotted #1e90ff;}
.over {background-color: #9acfea; font-weight: bold; cursor: pointer;}
#work .glyphicon-remove{color: red}
#work .glyphicon-ok{color: darkgreen}
.out {background-color: #FFFFFF; font-weight: normal;}
.menu_r{margin-left: 20px; font-size: 17px; padding: 2px 10px; border: 1px solid #1e90ff; border-left:10px solid #1e90ff; background-color: #F5F5F5; border-radius: 4px}
#mainmenu ul{margin-bottom: 20px}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    line-height: normal !important;}
li.last, .first, .next, .previous{display: none !important;}
.pager{text-align: left !important;}
.yiiPager{margin-left: -40px}
/*.pager li {*/
/*    margin-right: -5px;*/
/*}*/
.class_700px_600px_product{
    float: left;
    width: 750px;
}
.line{display: none}
#works-grid hr , #cars-grid hr{display: none}
#cars-grid .summary{display: none !important;}
.grid-view table.items tr.odd.selected, .grid-view table.items tr.even.selected{
    background-color: #d9edf7;
}
ul li ul {z-index:1000;background: #FFFFFF; border:1px solid #2c7bbf;padding:0;display:block;position:relative;width:180px;height:auto;text-align:center !important}
ul li ul{visibility: hidden; margin-left: -175px !important;}
ul li:hover > ul{opacity:1;visibility:visible;margin:0}
#procuratory-form label{width: 130px; text-align: right; margin-top: 15px}
#print_schet-form label, #print_akt-form label, #print_akt_pdv-form label{width: 130px; text-align: right; margin-top: 15px}
/*.table.table-striped{max-width: 990px; }*/
.table-hover_td_1{min-width: 100px; max-width: 100px !important; text-align: center;vertical-align:middle!important;}
.table-hover_td_2{min-width: 150px; max-width: 150px !important;text-align: center;vertical-align:middle!important;}
.table-hover_td_3{width: 200px; text-align: center;vertical-align:middle!important;}
.table-hover_td_4{width: auto; text-align: center; vertical-align:middle!important;}
.table-hover_td_5{min-width: 85px; text-align: center;vertical-align:middle!important;}
.table-hover_td_6{width: 40px; padding: initial !important; text-align: center;vertical-align:middle!important;}
.input-group .form-control {z-index: auto}
.input-group input {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.zayavki_d #air{
    opacity: 0;
    animation: ani 2.5s forwards;
}
@keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.input-group span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.z_button_top .input-group input {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.z_button_top .input-group span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
     border-radius: 10px;
}


/*.btn-group, .btn-group-vertical{height: 22px}*/
.table-hover_td_4{width: auto;}

article {
    margin-top: -65px;
    background-color: #f7f9fa;
    width: calc(100% - 240px);
    float: right;
    /*margin-left: 240px;*/
    transition: all 0.5s ease 0s;
}
.wrapper>h3{
    background-color: #f7f9fa;
    margin-left: 240px;
    margin-top: 50px;
    padding: 20px;
    transition: all 0.5s ease 0s;
}
article.visib{
    width: calc(100% - 65px);
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.wrapper>h3.visib{
    margin-left: 65px;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
}

.h1{font-size: 17px;
    width: 100%;
    font-weight: 700;
    padding: 6px 10px;
    color: #1e90ff;
    border: 1px solid #1e90ff;
    /*border-left: 10px solid #1e90ff;*/
    background-color: #F5F5F5;
    border-radius: 4px;
    text-align: center
}
.h1 span{
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}
#back-top a span{color: #2b66c9}
.alert{border-radius:0; text-align: center; position: fixed; z-index: 2000; width: 100%; top: 0; left: 0}
.alert button.close{position: inherit !important;
    top: 8px;
    right: 13px;
}
.modal-body table tr{vertical-align: top;}
.modal-body table tr td:first-child{text-align: right}
.modal-body table tr td{padding: 5px}
/*.modal-body table tr td:last-child{font-weight: 700}*/
#product_html{margin-top: 10px}
#works{font-weight: 400}
.menu_img{width: 120px; margin: -70px 0  10px 60px}
#list-item .items > div:nth-child(odd) {
    background-color: #f9f9f9;
}
#list1-item .items > div:nth-child(odd) {
    background-color: #f9f9f9;
}
.print_d{background:none;line-height:2;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:12pt;}
#list-item .items {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
#list-item .items >  div > div,
#list-item .items >  div > div,
#list-item .items >  div > div,
#list-item .items >  div > div,
#list-item .items >  div > div,
#list-item .items >  div > div {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.client_table {width: 100%}
.client_table th, .client_table td{text-align: center}
.client_table .td_1{ width: 55px}
.client_table .td_2{ width: 200px}
.client_table .td_3{ width: 120px}
.client_table .td_4{ width: 140px}
.client_table .td_6{ width: 100px}
.client_table .td_7{ width: 50px}
.client_table .td_8{ width: 30px}
/*.glyphicon{color: #2b66c9}*/
.container_menu{display: none}

#time{
    left: 49%;
    font-size: 1.3em;
    margin-top: -2px;
    position: fixed;
}
#time_d{
    left: 48.3%;
    font-size: 0.9em;
    margin-top: 25px;
    position: fixed;
}
.cog{
    float: right;
    margin-top: -40px;
    cursor: pointer;
}
.cog span{
    color: #337ab7;
    font-size: 22px;
}

.zayavki_d{
    border-radius: 50px;
    width: 49%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 20px 0px;
    height: 410px;
    float: left;
    margin-right: 1.7%;
    margin-bottom: 10px;
}
.zayavki_d #air>div{
    background-color: #f7f9fa;
    border-radius: 50px
}
.zayavki_d svg, .zayavki_d svg rect, .report svg, .group_1, .group{
    border-radius: 30px;
    border: none;
}

.sait_h{position: absolute; margin-top: 20px; z-index: 1; width: 41%; text-align: center;}
.zayavki_d span{float: right; margin-top: 13px; margin-right: 25px}
#button_ok, #button_ok_plus, .dropdown-toggle{padding: 6.5px 12px}
.dropdown-menu{top:95px;left:90%;right:0px;}
.dropdown-menu_las{top:105px;left:90%;right:20px;}
td .dropdown-menu{top:18px;margin-left: -230px}
.product_td_6 .dropdown-menu{top:18px;margin-left: -143px}
.dropdown-menu a {cursor: pointer}
.dropdown-menu a.active{color: red}
.tr_summ .sait_h,
.st_summ .sait_h,
.client_temp .sait_h,
.zayavki_summ .sait_h,
.vitrina_summ .sait_h,
.zayavki_summ_zp .sait_h,
.zayavki_summ .sait_h,
.client .sait_h,
.free_summ .sait_h,
.dolg_postav_summ .sait_h,
.dolg_worker_summ .sait_h,
.vitrina_summ .sait_h
{
     background: rgba(0,0,0,.17);
     border-bottom: 0;
 }
.tr_1 .tr_summ {background: none; height: auto}
.zayavki_summ_z, .dolg_postav_summ, .dolg_worker_summ, .free_summ, .vitrina_summ{
    float: left;
    width: 23.725%;
    height: 145px;
    margin-right: 1.7%;
    margin-bottom: 12px;
}

.tr_summ .result,
.st_summ .result,
.client_temp .result,
.zayavki_summ .result,
.zayavki_summ_zp .result,
.vitrina_summ .result,
.client .result,
.free_summ .result,
.dolg_postav_summ .result,
.dolg_worker_summ .result,
.free_summ .result
{
    font-size: 2.1em;
    color: white;
    margin-top: 25px;
    margin-left: 30px;
}
.report_style .left_date{
    width:80px;
    float: left;
    padding: 8px 4px 5px 4px;
    border: none;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.report_style .right_date{
    width:80px;
    float: left;
    border: none;
    padding: 8px 4px 5px 4px;
    border: none;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 0 !important;
}
.report_style p{
    width: 30px;
    padding: 5.5px 5px;
    float: left;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.zayavki_summ,
.zayavki_summ_zp,
.client,
.client_temp,
.tr_summ,
.st_summ,
.free_summ,
.dolg_postav_summ,
.dolg_worker_summ,
.vitrina_summ {
    float: left;
    width: 24%;
    margin-right: 15px;
    margin-bottom: 12px;
    height: 130px;
    border-radius: 50px;
    transition: all linear .1s;
    -webkit-transition: all linear .1s;
}
.zayavki_summ:hover,
.zayavki_summ_zp:hover,
.client:hover,
.client_temp:hover,
.tr_summ:hover,
.st_summ:hover,
.free_summ:hover,
.dolg_postav_summ:hover,
.dolg_worker_summ:hover,
.vitrina_summ:hover
{
    cursor: pointer;
    margin-top: -5px;
    box-shadow: rgba(100, 100, 111, 0.4) 0px 10px 10px 0px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.zayavki_d__summ{height: 142px}

.zayavki_summ{
    background-color: #50c5d3;
}
.client_temp{
    width: 23.725%;
    margin-right: 0;
    background-color: #9378d3;
}
.zayavki_summ_zp{
    width: 23.725%;
    margin-right: 0;
    background-color: rgb(72, 210, 84);
}
.free_summ{
    background-color: rgb(210, 95, 115);
}
.tr_summ{
    background-color: rgb(5, 157, 210);
}
.st_summ{
    width: 23.725%;
    margin-right: 0;
    background-color: rgb(200, 210, 0);
}

.vitrina_summ{
    background-color: rgb(123, 0, 210);
    margin-right: 0;
}

.zayavki{
    border: 1px solid #818992;
    float:left;
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
}

.client{
    background-color: rgb(210, 91, 18);
}
.dolg_postav_summ{
    background-color: rgb(79, 85, 210);
}
.dolg_worker_summ{
    background-color: rgb(210, 163, 10);
}


.col-md-6.col-sm-6.beznal{margin-top: 20px}
.col-md-8.col-sm-8.probeg{margin-top: 20px}
.file-upload {
    position: relative;
    overflow: hidden;
    width: 172px;
    height: 40px;
    background: #6da047;
    border-radius: 10px;
    padding: 1px 4px;
    color: #fff;
    text-align: center;
}
.file-upload:hover {
    background: #7aad55;
}
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
    /* Растягиваем label на всю возможную площадь блока .file-upload */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.file-upload span {
    line-height: 36px; /* Делаем вертикальное выравнивание текста, который написан на кнопке */
}
.span-6{display: none}
.worker_1, .worker_2, .worker_3, .worker_4{
    margin-left: 9px;
    font-size: 13px;
    display: inline-block;
    width: 30px;
}
.worker_1{
    margin-left: 11px;
}
.worker_val1 { margin-left: 8px;}
.worker_val {
    width: 35px;
    height: 32px;
    display: inline-block;
    margin-left: 8px;
    margin-bottom: -7px;
    font-size: 13px;
    cursor: pointer;
}
.btn{padding: 6.5px 12px}
.z_down tr td:first-child{width: 250px !important;}
.modal-footer .btn {border-radius: 10px}
.modal-backdrop.in {position: fixed;}
#button_ok_plus, #button_ok, .z_button_top .dropdown-toggle{padding: 6px 12px;}
#works, .class_700px_600px {float: left; width: 900px}
.class_800px_700px {float: left; width: 750px}
.class_table_th_title, .class_table_th_price{font-weight: 400}
#works .class_table_th, #v .class_table_th_title, #v .class_table_th_title_1, #works_diagn .class_table_th_title{ font-size: 13px; margin-bottom: 3px}
.class_table_th_price{margin-left: 6px; font-size: 13px;display:inline-block; width:90px}
.class_table_th_price_1{margin-left: 6px;font-size: 12px;display:inline-block;width:80px}
#works .class_table_th_col, #v .class_table_th_col, #works_diagn .class_table_th_col {margin-left: 6px;font-size: 13px;display:inline-block; width:60px}
#works .class_table_th_title, #works_diagn .class_table_th_title{margin-left: 24px; margin-bottom: 4px; font-size: 13px;display:inline-block; width:400px}
#works .class_table_td_title, #works_diagn .class_table_td_title{margin-left: 7px; display:inline-block; width:400px}
#v .class_table_th_title{margin-left: 24px; margin-bottom: 4px;display:inline-block; width:350px}
#v .class_table_td_title{margin-left: 7px; display:inline-block; width:350px}
#v .class_table_th_title_1{margin-left: 24px; margin-bottom: 4px;display:inline-block; width:340px}
#v .class_table_td_title_1{margin-left: 7px; display:inline-block; width:340px}
/*.class_works_grid {float: right; width: calc(100% - 900px); margin-top: -27px}*/
.class_works_grid_v {float: right; width: calc(100% - 750px); margin-top: 0}
.class_date {width: auto; float: left}
#Zakaz_car {width: 312px; margin-right: 40px}
.class_m_r_50 {display: inline-block; margin-right: 50px;}
#Zakaz_worker_id, #Zakaz_worker2_id {width:200px;}
#st .pos_th {margin-left: 24px; margin-bottom: 4px; font-size: 13px;display:inline-block; width:175px}
#st .pos_td {margin-left: 7px;font-size: 13px; display:inline-block; width:175px}
.sp_13{width:16px; display:inline-block; font-weight:500}
#st .st_n_td {margin-left: 6px; font-size: 13px; display:inline-block; width:300px}
.st__ {right: calc(100% - 810px);  width: 810px;}
.st__grid {float: right; width: calc(100% - 815px); left: 750px;}
.diagn_grid{ width: calc(100% - 700px); margin-top: -8px;  float: right}
.diagn__ {width:700px; float: left}
.w880_770{float: left;width: 860px;}
.w_880_770{float: right; width: calc(100% - 860px);}

.span-9>div{
    float: right;
    margin-right: 20px;
    margin-top: -32px;
}

select:focus-visible, input:focus-visible{
    box-shadow: #68a9f0a8 0px 0px 6px;
    outline: 0;
    outline-offset: 0;
}

#apiToken-grid{
    max-width: 700px;
}

form .row {
    margin-bottom: 20px;
}

#loading{display: flex;
    z-index: 20000;
    position: absolute;
    left: 50%;
    top: 50%;
}

.sait_h_c {
    color: white;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 500 !important;
}

.span-5.last{ height: 100vh;
    margin-top: 53px;
    background: #ffffff;
    padding: 0;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    /*transform: translate(0px, 0px);*/
    transition: all 0.5s ease 0s;
}
.span-5.last.visib{
    overflow-y: hidden;
    overflow-x: hidden;
    transform: translate(-180px, 0px);
    transition: all 0.5s ease 0s;
}

.span-5.last .lar, .span-5.last .las{
    background-color: #ffffff;
    padding-left: 10px;
}
.span-5.last.visib .lar, .span-5.last.visib .las{
    transform: translate(180px, 0px);
    transition: all 0.5s ease 0s;
}

.span-5.last.visib_no .lar, .span-5.last.visib_no .las{
    transform: translate(0px, 0px);
    transition: all 0.5s ease 0s;
}


.panel-group {width: 230px; }

.panel-group .actived {
    font-weight: 500 !important;
}

.panel-group a {
    color: #337ab7;
    position: relative;
    display: block;
    font-size: 15px;
    padding: 7px 7px 11px 0px;
    text-decoration: none;
}
.panel-group a span{
    color: #337ab7;
}


.setting li span{
    color: #596066;
    font-size: 18px;
    padding: 5px 11px 0px 0px;
}

.panel-group h4,
.panel-group li,
.setting li,
.dropdown-menu li
{
    transform: translate(0px, 0px);
    transition: all 0.3s ease 0s;
}

.panel-group h4:hover,
.panel-group li:hover,
.setting li:hover,
.dropdown-menu li:hover
{
    transform: translate(5px, 0px);
    transition: all 0.3s ease 0s;
}

.panel {
    margin-bottom: 0;
    border: none;
    background-color: inherit;
    border-radius: 10px;
    box-shadow: none;
}
.panel-group .panel{border-radius: 0;}

.panel-default>.panel-heading {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}
.panel-default{margin-top: -8px;}
.panel-heading{padding: 0; border-radius: 10px}
.panel-heading .la-angle-left{
    float: right;
    font-size: 15px;
    padding-right: 5px;
    margin-top: 11px;
    transform: rotate(0deg);
}
.span-5.last a.actived .las, .span-5.last a.actived .lar{
    color: #1abb9c;
}
.span-5.last a.actived .la-angle-left{
    transition: all 0.3s ease 0s;
    transform: rotate(-90deg);
}
.span-5.last.visib a.actived .la-angle-left{
    transition: all 0.3s ease 0s;
    transform: translate(10px, 0px);
}

.panel-body{border: none !important;}

.panel-group .panel+.panel {
    margin-top: 0;
}
.panel-title{margin-top: 8px}

.panel-body li {
    padding-left: 45px;
}
.panel-body li a {
    font-size: 13px;
}
.panel-body li.active {
    padding-left: 30px;
}
.panel-body li.active a {
    background: #e0f3ff;
    border-radius: 20px;
    padding-left: 15px;
    font-weight: 500 !important;
}
.panel-body ul {
    padding-left: 0;
    margin: 0;
}
.panel-body{padding:0}


/*ul li.active*/
/*{*/
/*    text-decoration: underline !important;*/
/*}*/
.panel-group a.active, .panel-group a:focus{text-decoration: none;}
.span-9 h1{
    padding-left: 230px;
    padding-top: 8px;
}

.form .row{
    margin-left: 0px;
    margin-right: 0px;

}
.form-group {
    width: 220px;
}
.form {padding: 10px}
.form .row label{display: inherit; padding-bottom: 5px}
/*.exit{position: absolute; bottom: 20px; float: left}*/

.span-9 .name_crm{
    float: none;
    margin-right: 0px;
    margin-top: 0px;
    width: 230px;
    text-align: center;
}


.span-9 span{
    top: 5px;
    /*color: #337ab7;*/
    font-size: 28px;
    padding-right: 20px;
}
.span-9 span.la-angle-down{
    font-size: 14px;
    margin-top: 10px;
    color: #333;
    margin-left: 10px;
    margin-right: -10px;

}

.span-5.last h1{
    color:wheat;
    text-align: center;
    margin: 7px 19px 13px 19px ;
    /*font-weight: 500*/
}
.span-9 span.badge{
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    color: #fff;
    font-size: 11px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 1px;
    padding-top: 3px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #1abb9c;
}
/*.span-5 {width:240px;}*/
.span-19 {
    width: calc(100% - 30px);
    margin-left: 20px;
    margin-top: 65px;
}
.glyphicon-refresh{color: #337ab7;}

#client-grid .button-column{
    text-align: center;
}

.span-9 {
    /*width: calc(100% - 241px);*/
    /*margin-left: 241px;*/
    width: 100%;
    height: 53px;
    z-index: 1002;
    background: #fafbfc;
    border-bottom: 1px solid #fafbfc;
    position: fixed;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}

.span-9 h3{
    margin-top: 11px;
}
.date_none {
    display: none;
}
.sait_div{padding: 30px 0; display: inline-block;}


.sait_img{max-height: 95px}
.sait_div h3{font-size: 16px}
.sait_div h4{font-size: 14px}
.sait_div div {
    width: 160px;
    float: right;
    margin-top: -20px;
}
.sait_div {
    padding: 30px 0 5px 0;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 190px
}
.component{background-color: #009d66;width: 370px}
.complekt{background-color: #fe4363; width: 320px}
.rashodniky{background-color: #3399ff; width: 305px}
.worker{background-color: #858585; width: 310px}
.worker .glyphicon{font-size: 90px;padding: 5px 25px; color: white;}

.drop-icon_draw:hover span{
    color: red !important;
}

#product_plus,
#product_plus_s,
#product_plus_p,
#product_plus_g{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.product_div_plus{
    padding: 10px;
    margin: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 200px;
    justify-content: center;
    box-shadow: rgba(104, 169, 240, 0.22) 0px 0px 16px;
    position: relative;
}
.product_div_plus_img{
    height: 100px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_div_plus_img img{
    max-width: 100px;
    max-height: 100px;
}
.product_div_plus_article {
}
.product_div_plus_p {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    height: 75px;
}
.del_plus{
    position: absolute;
    /* float: right; */
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.del_plus:hover,
.div_trash-alt{
    color: #337ab7;
    cursor: pointer;
}

.alert{border-radius:0; text-align: center; position: fixed; z-index: 2000; width: 100%}

.w_100px{
    max-width: 60px;
    max-height: 60px;
}

.popup__no_empty_basket_info,
.div_trash-alt{
    display: flex;
    align-items: center;
}
.basket_img_div{
    width: 80px;
    height: 80px;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.basket_img_div img{
    max-width: 100%;
    max-height: 100%;
}

.div_info{
    margin: 0 20px;
}