/* під меню для складу і проектів */

.menu-skl
{
padding: 10px 15px 10px 15px;
  box-shadow: 0px 2px 4px 1px rgb(204 208 217);
  border-radius: 6px;
  margin: 20px 0px 20px 0px;
  max-width: 330px;
  margin: auto;

}

.deleteorder
{
background: #b8bac6;
color: #444;
padding: 10px 0px 10px 0px;
border-radius: 5px;	
}	

.cleandelete
{
padding: 10px;
    border: none;
    width: 150px;
    margin: auto;
	margin-top: 50px;
    text-align: center;
	cursor:pointer;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
background:#1e233d;
color:#fff;	
}	

.cleandelete:hover
{
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
background:#b8bac6;	
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
    box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
}	

.zminadatyfinishreklam
{
display:none;
text-align:left;
float:left;	
}	
.num-z
{
background: #cecece;	
}	
.num-w
{
background: #205e9c;	
}
.num-g	
{
background: #ff9900;	
}
.num-s
{
background: #ff0a42;	
}	


.reklam_koment_row
{
background:#ededed;
padding: 10px 0px 10px 0px;
}	
.reklam_order_new_id
{
text-align:center;
background:#217c81;
}

.article-txt-inf
{
line-height:18px;	
}	
#bartid
{
font-size:24px;
font-weight:bold;
color: #1e233d;
padding: 10px 0px 10px 0px;	
}	
.ati-user
{
font-size: 12px;
font-weight: bold;
padding: 0px 10px 0px 10px;
color: #b7b7b7;	
}
.ati-cdate
{
font-size: 11px;
color: #b7b7bd;
padding: 0px 5px 0px 0px;	
}	
.ati-chengdate
{
font-size: 11px;
color: #7878a0;
padding: 0px 5px 0px 0px;	
}	
#bcatid
{
font-size: 10px;
font-weight: normal;
color: #9fa3b9;
text-transform: uppercase;
padding: 30px 0px 0px 10px;
}	
.select-cat-blog-mob
{
width: 50%;
background: #1e233d;
color: #fff;
font-size: 14px;
line-height: 18px;
height: 22px;
border: none;
border-bottom: 1px solid #797f9e;
}	
.select-cat-blog-mob option
{
color:#fff;
}
.article-txt
{
background: #fff;
margin: 5px 10px 15px 10px;
font-size: 14px;
min-height: 50px;
padding: 10px;
border-radius: 0 7px 7px 7px;
-webkit-box-shadow: 3px 4px 5px 1px rgb(0 0 0 / 14%);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.article-txt:hover 
{
-webkit-box-shadow: 3px 4px 10px 1px rgb(166 173 208);
-moz-box-shadow: 3px 4px 10px 1px rgb(166 173 208);
-box-shadow: 3px 4px 10px 1px rgb(166 173 208);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
cursor:pointer;	
}
.article-txt:hover .article-txt-edit-ico 
{
display:block;
}

.article-txt-edit-ico
{
background: url(../images/text_edit.png) no-repeat transparent;
height: 30px;
margin: 0px;
display: block;
width: 30px;
opacity: 0.7;
background-size: contain;
float: right;
position: relative;
z-index: 10;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
display:none;
}
.text-article-edit
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
background: #fff;
font-size: 16px;
min-height:100px;
margin: 25px 0px 15px 0px;
}	
.blog-cat
{
font-size: 18px;
font-weight: bold;
padding: 5px 0px 5px 10px;
background: #1e233d1c;
margin: 0px 0px 5px 0px;	
}
.blog-article	
{
font-size:14px;	
padding: 0px 0px 5px 25px;
}
.blog-article:hover
{
opacity:0.5;	
}	
#checkcat
{
margin: 12px 0px 0px 0px;	
}
.checkcat
{	
padding: 0px 35px 0px 10px;
}
.checkcat span
{
margin:12px 0px 0px 0px;	
display: block;
float: right;
text-transform:uppercase;
font-size: 8px;
}	
.select-cat-blog
{
font-size:16px;
border:none;
margin: 14px 0px 0px 0px;
border-bottom: 1px solid #cbcbcc;
width: 100%;	
}	
#newselprovisorbalance
{
font-size:12px;
font-weight:bold;
color:#444;
}	
#popupcoment
{
padding:10px;	
}	
.container-tabel-reklam_order
{
background:#fff;
max-width:800px;
width:100%;
padding: 0px;
margin:auto;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
}

.container-tabel-reklam_order .row
{
margin:0px;	
}	

.container-tabel-provisor_order
{
background:#fff;
max-width:800px;
width:100%;
padding: 0px;
margin:auto;
margin-top: 30px;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
}
.provisor_all_val
{
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
}	
.oplaty_history_provisor_add_new
{
max-width:800px;
width:100%;
margin:auto;
max-height:800px;
overflow: overlay;
padding: 15px;
}	
.btn-provisor-zvirka 
{
font-size: 11px;
background: #42496b;
width: 50px;
border-radius: 4px;
text-align: center;
height: 22px;
line-height: 21px;
margin: 4px 0px 0px 0px;
cursor: pointer;
color: #fff;
opacity: 0.2;
}
.btn-provisor-zvirka:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
opacity: 1;
}	
.btn-worker-zvirka,.btn-worker-zvirka-time,.btn-worker-zvirka-stavka,.btn-worker-zvirka-proces
{
font-size: 10px;
background: #42496b; 
width: 80px;
border-radius: 2px;
text-align: center;
height: 22px;
line-height: 21px;
margin: 7px 0px 0px 0px;
cursor: pointer;
color: #e7e7e7;
float: left;
opacity: 0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.btn-worker-zvirka:hover,.btn-worker-zvirka-time:hover,.btn-worker-stavka:hover,.btn-worker-proces:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
opacity: 1;
}	
.btn-worker-calc {
font-size: 11px;
background: #6abf69;
width: 70px;
border-radius: 3px;
text-align: center;
height: 22px;
line-height: 21px;
margin: 7px 15px 0px 0px;
cursor: pointer;
color: #fff;
float: left; 
}
.btn-worker-calc:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
opacity: 0.7;
}
.zvirkadone
{
background: #1e233d;
color: #fff;
width: 97%;
height: 50px;
float: left;
border-radius: 4px;
padding: 5px;
margin: 10px 0px 10px 0px;
line-height: 40px;
}	
.container-tabel-provisor_pay
{
background:#fff;
max-width:800px;
width:100%;
margin:auto;
}
.hpinfline
{
width: 100%;
float: left;
height: 17px;	
}	
.hpchek
{
background: url(../images/chek.png) no-repeat transparent;
height: 18px;
margin: 3px 0px 0px 5px;
display: block;
width: 18px;
opacity: 1;
background-size: contain;
float: right;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;		
}	
#calc_provisor_balans
{
text-align: center;
font-size: 30px;
padding: 5px 0px 10px 0px;
font-weight: bold;
color: #444;
height: 50px;
}	
.oplaty_history_provisor
{
text-align:center;	
max-height: 674px;
overflow: overlay;
opacity: 1;
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
padding: 15px 5px 0px 0px;
}	
#tmp-balanceptg
{
}	
.pr_hist_order
{
font-size: 16px;
font-weight: bold;	
}	
.payblank
{
margin:0px;	
}	
.provisor_pay_history
{
padding: 0px 0px 0px 15px;
}
.hpay_name_provisor
{
font-size: 16px;
font-weight: bold;
float: left;
line-height: 28px;
width: 100%;
text-align: center;
}	
.container-tabel-provisor-all-order
{
width:100%;
margin:auto;	
padding: 35px;
border: 1px solid #cbcbcc;
}
#provisor_plus_usd
{
font-weight:bold;	
text-align:center;
background: #42496bc9;
font-weight: bold;
color: #fff;
}	
.inp-provisor-kyrs
{
border: none;
width: 55px;
text-align: center;
border-bottom: 1px solid #cbcbcc;
background: #424e9026;
font-size: 14px;
height: 38px;
border-radius: 2px;
}	
.tabel-provisor-balance
{
border: none;	
border-left: 1px solid #cbcbcc;	
border-right: 1px solid #cbcbcc;	
}	
.tabel-provisor-balance b
{
text-align: right;
float: right;
font-size: 15px;
font-weight: 100;
}
.provisor-kurs-balance
{
background: #42496bc9;
font-weight: bold;
color: #fff;
}	
.provizor_z_info
{
opacity:0.3;	
}	
.provizor_z_info:hover
{
opacity:1;	
}
#provisor_all_grn_sum,#provisor_all_usd_sum,#provisor_all_eur_sum
{
font-weight:bold;	
}	
.provisor_pay_form
{
background:#f1f1f1;	
}	
#provisor_pay_summ
{
text-align: center;
padding: 10px;
font-size: 22px;
font-weight: bold;
height: 52px;
}
.coment_add_pay_provisor
{
width: 100%;
padding: 10px;
margin: 20px 5px 10px 0px;
height: 100px;
border: none;
border-bottom: 1px solid #1e233d;
background: #f4f5fa;	
}	
.add_pay_provisor_val
{
width: 55px;
line-height: 25px;
height: 55px;
font-size: 34px;
background: #f4f5fa;
margin: 12px 3px 6px 0px;
text-align: right;
padding: 8px 8px 15px 10px;
float: left;
font-family: "Helvetica";	
}	
.provisor_payinputblock
{
background: #aeb4c7;
height: 80px;
border-radius: 3px;
text-align: center;
margin: auto;
padding: 0px 30px 0px 35px;
}	
#sel_provisor_pay_val
{
border:none;
background:none;
}	
#inp_balans_oplaty_provisor
{
border: none;
width: 175px;
line-height: 32px;
height: 55px;
font-size: 36px;
background: #f4f5fa;
margin: 12px 3px 6px 0px;
text-align: right;
padding: 15px;
float: left;
font-family: "Helvetica";	
}	
.sel_provisor_pay
{
border: none;
border-bottom: 1px solid #1e233d;
width: 100%;
line-height: 38px;
height: 35px;
font-size: 18px;
background: #ffffff;
margin: 15px 10px 15px 0px;
font-weight: bold;
text-align-last: center;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.btn_add-pay-provisor,.btn_add-pay-provisor_clr
{
width: 150px;
margin: auto;
padding: 10px;
text-align: center;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
text-transform: uppercase;
cursor: pointer;
margin-top: 30px;
margin-bottom: 30px;	
}


.btn_add-tolog-sitplace,.proces-to-arc-btn
{
width: 150px;
margin: auto;
padding: 10px;
text-align: center;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
text-transform: uppercase;
cursor: pointer;
margin-top: 30px;
margin-bottom: 30px;	
}

.btn_add-pay-worker
{
width: 110px;
margin: auto;
padding: 10px;
text-align: center;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
text-transform: uppercase;
cursor: pointer;
margin-top: 15px;
margin-bottom: 15px;	
}

/*таблиця постачальників*/
.container-tabel-provisor
{
margin: 30px 0px 0px 0px;
background: #fff;
width: 100%;

}	
#provisor_name
{
font-size:14px;
font-weight:bold;
padding: 0px 0px 0px 10px;
color: #444;
}
.provizor_z_info b
{
}
.provizor_z_info span
{
font-size: 11px;
text-align: right;
display: block;
float: right;
}
.provisor_name
{
font-size: 12px;
background: #fff;
height: 28px;
width: 20px;
line-height: 30px;
text-align: center;
display: block;
float: left;
color: #444;
}
#provisor_pay_text
{
text-align:center;
}	
#provisor_pay_text span
{
color:#1ec100;	
font-weight:bold;
}	
.tabel-provisor-producent
{
padding:0px;	
}	
.tabel-provisor-row-sum
{
border: none;
border-top:5px solid #42496b;
line-height: 43px;

font-size: 16px;
}
.tabel-provisor-row
{
border: none;
border-bottom: 1px solid #cbcbcc;
line-height: 28px;

}	
.tabel-provisor-row:hover
{
background:#fff; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);		
}

.rek-number
{
font-size: 28px;
color: #ffffff;
line-height: 28px;
padding: 10px 0px 0px 0px;
background: #217c81;
text-align: center;
}
.rek-order
{
font-size:22px;
color:#ffffff;
line-height:60px;
text-align:center;
font-weight:bold;
opacity: 1;
}
.rek-note
{
padding: 5px 5px 5px 5px;
font-size: 12px;
height: 60px;
color: #444;
}

.rek-diler_name
{
font-size: 12px;
color: #444;
line-height: 30px;
width: 100%;
display: block;
text-align: center; 
}

.rek-model
{
font-size: 15px;
letter-spacing: 0px;
font-weight: bold;
width: 100%;
display: block;
text-align: center;
}	

/*список заявок */
.tabel-provisor-row-all-orders,.tabel-reklam-row-all-orders
{
border: none;
background:#fff; 
width: 100%;
line-height:18px;
margin: 10px 0px 20px 0px;
border-radius: 4px;
 
-webkit-box-shadow: 3px 4px 5px 1px rgb(0 0 0 / 14%);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.tabel-provisor-row-all-orders:hover,.tabel-reklam-row-all-orders:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.tpao-date
{
line-height: 22px;
color: #f4f5fa;
font-size: 12px;
}	
.tpao-number
{
font-size: 28px;
color: #ffffff;
line-height: 28px;
padding: 10px 0px 0px 0px;
background: #7785d0;
text-align: center;
}	
.tpao-numberarc {
font-size: 28px;
color: #ffffff;
line-height: 28px;
padding: 10px 0px 0px 0px;
background: #9a9cab;
text-align: center;
}
.tpao-name
{
line-height: 60px;
text-align: center;
font-size: 11px;
font-weight: bold;
border: none;
border-right: 1px solid #efeded;
color: #444;
padding: 0px;
}
.tpao-article
{
padding: 5px 5px 5px 5px;
font-size: 12px;
height: 60px;
background: #f7f8fb;
color: #000;
}
.tpao-note
{
padding: 5px 5px 5px 5px;
font-size: 14px;
font-weight: bold;
height: 60px;
color: #444;
}
.tpao-note a
{
color: #444;
}
.tpao-price
{
padding: 5px;
font-size: 22px;
line-height: 50px;
text-align: center;
color: #444;
font-family: "RobotoCondensedRegular";	
}
.tpao-price-bg1
{
background:#f5f1e3;
}
.tpao-price-bg2
{
background:#dcf7de;
}
.tpao-price-bg3
{
background:#e8b6b6;
}
.text-order-provisor-article
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
font-size: 16px;
margin: 15px 10px 20px 0px;	
}
.text-order-provisor-article_pr
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
font-size: 16px;
margin: 15px 10px 20px 0px;	
background:#f8f8f8; 
}
.provisor_order_id
{
text-align:center;
background:#1e233d;
}	
.provisor_order_new_id
{
text-align:center;
background:#7785d0;
}
.order-provisor-name,.order-provisor-article,.order-provisor-price,.order-provisor-group,.order-provisor-date,.order-provisor-note,.label-provisor-name,.label-provisor-article,.label-provisor-price,.label-provisor-group,.label-provisor-date,.label-provisor-note
{
}	
.tabel-provisor-order-row
{
margin:0px;
padding:0px;
}
.provisor-order-row
{
line-height:58px;
margin:0px;
padding:0px;
border: none;
float: left;
width: 100%;
}
.inp-order-provisor-price
{
border: none;
line-height: 42px;
padding: 10px 0px 0px 0px;
line-height: 55px;
font-size: 16px;
background: #f8f8f8;
border-bottom: 1px solid #efeded;
}
.btn_provisor_order_refresh,.btn_provisor_new_order,.btn_reklam_new_order,.btn_reklam_order_refresh,.btn_add-pay-worker,.btn_add-pay-worker,.btnaddnewworker,.dylernewbtn
{
width: 150px;
margin: auto;
padding: 10px;
text-align: center;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
text-transform: uppercase;
cursor: pointer;
margin-top: 30px;
margin-bottom: 30px;	
opacity:0.7;
}
.btn_provisor_order_refresh:hover,.btn_provisor_new_order:hover,.btn_reklam_new_order:hover,.btn_reklam_order_refresh:hover,.btn_add-pay-worker:hover,.btnaddnewworker:hover,.dylernewbtn:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}	

.dyler-row:hover
{
background:#fff; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);		
}	
.btn_history_obbv,.article-edit-ok 
{
width: 150px;
margin: auto;
padding: 10px;
text-align: center;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
text-transform: uppercase;
cursor: pointer;
margin-top: 25px;
}
.btn_history_obbv:hover
{
}
.view-history-obbvka
{
border: 12px solid #eff0f5;
margin: 50px 0px 0px 0px;
padding: 15px;
width: 100%;
border-radius: 12px;
background: #eff0f5;
display:none;
}	
.popup-obbvka
{
width:100%;
font-size:18px;
}	
.new-obbvka,.new-model,.new-cat,.new-article
{
margin-bottom: 35px;
margin-top: 35px;
background: #fff;
padding: 15px;
width: 100%;
border-radius: 3px;
}	
.new-provisor
{
background: #fff;
padding: 15px;
width: 100%;
border-radius: 3px;
}
.new-obbyvka-select
{
line-height: 32px;
font-size: 17px;
border: none;
margin: 8px 0px 0px 25px;
text-align: center;
}	
.popinput
{
float:left;	
padding:0px;
margin:0px;
}	
.container-tabel-obbyvka
{
background:#fff;	
}
#inp_type_model	
{
border: none;
line-height: 26px;
height: 34px;	
}	



.type-leather
{
background:#f1f1f1;
margin: 50px 10px 50px 10px;
}
.type-leather-eko
{
background:#e2e8e2;
margin-bottom: 30px;
}
.type-leather-textile
{
background:#f1efe9;
margin-bottom: 30px;
}
.tabel-obbyvka-row,.tabel-model-row
{
border: none;
border-bottom: 1px solid #d6d6d6;
width: 100%;
padding: 1px 10px 1px 0px;
margin: 0px;
}	
.tabel-obbyvka-row:hover,.tabel-model-row:hover
{
color: #444;
background:#fff; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgb(207 212 240);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);	
}	
.label-name-obbyvka
{
text-align:left;
border-bottom: 1px solid #cbcbcc;
line-height: 34px;
padding: 0px 0px 0px 5px;
margin:0px;
color: #c5c5c5;
font-size: 12px;
}	
.obbyvka_number 
{
font-size: 12px;
font-weight: normal;
width: 30px;
float: left;
display: block;
color: #c3c3c3;
}	
#new-provisor-type
{
margin: 14px 0px 0px 0px;
border: none;
font-size: 16px;
border-bottom: 1px solid #efefef;
}	
#obbyvka-search
{
border: none;
border-bottom: 1px solid #efefef;
line-height: 45px;
font-size: 16px;
width: 95%;
margin: 2px 0px 5px 0px;
}	
#nikname, #new-nikname,#name-model,#new-provisor
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;

float: left;
}	
#name, #new-name,#new-model,#new-cat,#new-article
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;	
width: 95%;
}
#manufacture, #new-manufacture
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;
width: 95%;
}
#group, #new-group
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;	
width: 95%;	
}
#pic_obbvka, #new-pic_obbvka
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;	
width: 95%;	
}	
#price, #new-price
{
border:none;
border-bottom: 1px solid #cbcbcc;
line-height: 32px;
font-size: 14px;	
width: 95%;
}	
/*адаптивні таблиці */
.container-tabel {
min-width: 320px;
max-width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
.result-photo
{
text-align: center;
margin: auto;
padding: 20px;	
}	
.set-tabel {
border-collapse: collapse;
width: 100%;
max-width:1020px;
margin: auto;
background:#fff;
}
table th {
padding: 10px;
border: 1px solid #efefef;
background: #1e233d;
color: #f4f5fa;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
table td {
padding: 7px;
border: 1px solid #efefef;
}
th:hover{
cursor:pointer;
background:#AAA;
}
tr:nth-child(even){
background-color: #eff1f7;
}
.tabel-obbyvka-name
{
font-size:14px;
line-height: 32px;
text-align: center;
color:#444;
background:#fff ;
}

.tabel-obbyvka-price span
{

 
}

.tabel-obbyvka-name b
{
    display: block;
    padding: 3px;
    text-align: right;
width: 18px;
    height: 18px;
 border: 2px solid #cbcbcc;
 border-radius:50px;
    float: right;
    margin: 7px 0px 0px 0px;	
}		
.tabel-obbyvka-producent
{
font-weight: bold;
font-size: 14px;
background:#1e233d; color:#fff;
line-height: 32px;
}
.tabel-obbyvka-group
{
line-height: 32px;
  float: left;
  background: #cbd0e8;
 
  margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 10px;  
}
.tabel-obbyvka-nikname
{
line-height: 32px;
font-size: 14px;
padding: 0px;
text-align: center;
background:#3b426f; color:#fff;
}


.obv-price
{
width: 30px;
float: left;
text-align: center;
line-height: 32px;
}

.obv-metr
{
width: 60px;
float: right;
 
text-align: center;
line-height: 32px;
}

.mtype1,.mtype2,.mtype3
{
float: left;
width: 100px;
height: 50px;
border-radius: 3px;
font-size: 24px;
color: #f4f5fa;
margin: 5px;
line-height: 48px;
text-align: center;
padding: 0px 4px 0px 4px;
}	

.mtype1 span,.mtype2 span,.mtype3 span
{
font-size: 10px;
letter-spacing: 1px;
line-height: 14px;
display: block;
text-transform: uppercase;
float: left;
padding: 18px 4px 0px 5px;
width: 54px;
color: #f4f5fa;
}	
.mtype1
{
background:#ff006e;	
}
.mtype2
{
background:#8338ec;	
}
.mtype3
{
background:#83c5be;	
}

.tabel-obbyvka-refresh,.tabel-model-refresh
{
background: url(../images/accept.png) no-repeat transparent;
height: 25px;
margin: 3px 0px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: right;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.tabel-obbyvka-new-plus,.tabel-model-new-plus,.tabel-provisor-new-plus,.tabel-blog-new-plus,.tabel-article-new-plus,.add-new-worker
{
background: url(../images/add.png) no-repeat transparent;
height: 25px;
margin: 9px 0px 0px 10px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
    float: right;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.tabel-provisor-add-new
{
background: url(../images/add.png) no-repeat transparent;
height: 25px;
margin: 9px 15px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.tabel-obbyvka-close
{
background: url(../images/xclose.png) no-repeat transparent;
height: 25px;
margin: 10px 0px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.tabel-obbyvka-edit,.tabel-model-edit
{
background: url(../images/edit2.png) no-repeat transparent;
height: 24px;
margin: 5px 0px 0px 5px;
display: block;
width: 24px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.tabel-obbyvka-del-textile,.tabel-model-del 
{
background: url(../images/delete.png) no-repeat transparent;
height: 24px;
margin: 5px 0px 0px 5px;
display: block;
width: 24px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.mehanizm-producent-del
{
background: url(../images/delete.png) no-repeat transparent;
height: 24px;
margin: 5px 0px 0px 5px;
display: block;
width: 24px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.typemodel
{
float: left;
width: 10px;
height: 32px;
margin: 0px 15px 0px 0px;
}	
.t1
{
background:#ff006e;
}	
.t2
{
background:#8338ec;
}	
.t3
{
background:#83c5be;
}	

.comment-text
{
border: none;
border-bottom: 1px solid #efeded;
width: 98%;
line-height: 26px;
font-size: 16px;
margin: 20px 0px 15px 0px;
padding: 10px;
}	
.title-proces-window
{
font-size: 14px;
text-align: center;
padding: 10px;
background: #1e233d;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}	
.comment-window-update
{
width: 150px;
height:42px; 
line-height: 40px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
display: block;
margin: auto;
color: #fff;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: rgb(84,95,129);
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
letter-spacing: 2px;
font-weight: bold;
}	
.comment-window-update2
{
width: 150px;
height:42px; 
line-height: 40px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
display: block;
margin: auto;
color: #fff;
border: 1px solid transparent;
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: rgb(84,95,129);
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
color: #fff;
letter-spacing: 2px;
font-weight: bold;
}
.cd-popup-trigger,.cd-popup-trigger2,.cd-popup-trigger1,.cd-popup-trigger,.cd-popup-trigger-set
{
width: 100%;
height: 20px;
display: block;	
}
.cd-popup {
position: fixed;
left: 0;
top: 0px;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 99;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 90%;
max-width: 800px;
max-height: 600px;
overflow: overlay;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
padding:0px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
padding-bottom: 20px;
}
.cd-popup-obbv,.cd-popup-model,.cd-popup-new-provisor,.cd-popup-del-provisor,.cd-popup-history,.cd-popup-historypro {
position: fixed;
left: 0;
top: 0px;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 99;
}
.cd-popup-obbv.is-visible,.cd-popup-model.is-visible,.cd-popup-new-provisor.is-visible,.cd-popup-del-provisor.is-visible,.cd-popup-history.is-visible,.cd-popup-historypro.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container-new-provisor,.cd-popup-container-del-provisor{
position: relative;
width: 100%;
max-width: 1000px;
max-height: 600px;
overflow: overlay;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
padding:10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
margin-top: 300px;
}
.cd-popup-container-obbv{
position: relative;
width: 90%;
max-width: 1000px;
max-height: 600px;
overflow: overlay;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
padding:10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
margin-top: 20%;
}
.cd-popup-container-model,.cd-popup-container-history,.cd-popup-container-historypro,.cd-popup-container-set{
position: relative;
width: 90%;
max-width: 400px;
max-height: 600px;
overflow: overlay;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
padding:10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
margin-top: 20%;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container .cd-popup-close {
position: absolute;
top: 5px;
right: 10px;
width: 30px;
height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
#fotoalbom
{
margin: 50px 0px 50px 0px;
background: #fff;
border-radius: 7px;	
}	
input[type="date"] {
align-items: center;
display: -webkit-inline-flex;
font-family:RobotoCondensedRegular;
padding-inline-start: 1px;
cursor: default;
overflow: hidden;
padding: 0px;
font-size:14px;
background: none;
border: none;
border-bottom: 1px solid #1e233d;
color:#1e233d;
max-width: 125px;
line-height: 26px;
padding: 5px 5px 0px 5px;	
}
input[type="date"]:hover {
background:#fff;	
}	
 
.swal2-title {
position: relative;
max-width: 100%;
margin: 0 0 .4em;
padding: 0;
color: #595959;
font-size: 1.5em;
font-weight: 100;
text-align: center;
text-transform: none;
word-wrap: break-word;
font-family: "RobotoCondensedRegular";
}
.mainpage
{
margin-top:70px;	
}	
/* menu */
.logo {
background: url("../images/logo.png") no-repeat transparent;
height: 45px;
margin: 8px 5px 0px 25px;
float:left;
width:115px;
opacity:1;
background-size: contain;
}
.logo:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.4;
}
.order
{
background: url("../images/order.png") no-repeat transparent;
height: 35px;
margin: 14px 4px 0px 3px;
float:left;
width:35px;
background-size: contain;
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.order:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.4;
}	
.pay
{
background: url("../images/pay.png") no-repeat transparent;
height: 35px;
margin: 14px 4px 0px 3px;
float:left;
width:35px;
background-size: contain;
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.pay:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.4;
}
.infodyler
{
background: url("../images/dyler-ico.png") no-repeat transparent;
height: 35px;
margin: 14px 0px 0px 1px;
float:left;
width:35px;
background-size: contain;
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.infodyler:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.4;
}
.find {
background: url(../images/find.png) no-repeat transparent;
height: 35px;
margin: 14px 10px 0px 10px;
float: left;
width: 35px;
background-size: contain;
opacity:0.4;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.find:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
} 
.blog_ico {
background: url(../images/note.png) no-repeat transparent;
height: 25px;
margin: 20px 1px 0px 1px;
float: left;
width: 25px;
background-size: contain;
opacity: 0.4;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.blog_ico:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;	
}	

.print_ico
{
float: left;
line-height: 65px;
font-size: 19px;
font-weight: bold;
color: #fff;
opacity:0.4;
padding: 0px 7px 0px 7px;
}
.menuhistory
{
float: left;
line-height: 65px;
font-size: 26px;
font-weight: bold;
color: #fff;
opacity:0.4;
padding: 0px 10px 0px 10px;
}
.menuhistory:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;	
text-decoration:none;
color:#fff;
}	
.user {
background: url(../images/user.png) no-repeat transparent;
height: 35px;
background-position-x: center;
margin: 3px 0px 0px 0px;
float: right;
width: 85px;
text-align: center; 
background-size: contain;
opacity: 0.4;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.user:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
}
.usernamepanel
{
color:#fff;
display: block;
margin: 35px 0px 0px 0px;
font-size: 12px;
}
.logout
{
width: 250px;
margin: auto;
padding-top: 100px;	
}	
input#username:hover {
background: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
input#password:hover {
background: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
}	
.back-to-top {
position: fixed;
bottom: 2em;
right: 10px;
text-decoration: none;
color: #f5f5f5;
background-color: rgb(30, 35, 61);
font-size: 15px;
padding: 5px 13px 7px 14px;
display: none;
border-radius: 2px;
}
.dyler_menu {
padding: 5px 0px 5px 0px;
font-size: 14px;
background: #f4f5fa;
line-height: 36px;
border-radius: 2px;
}
.topmobmenu
{
display:none;	
}	
.topblock {
padding: 0px;
margin: 0px;
position: fixed;
top: 0px;
z-index: 55;
height: 60px;
width: 100%;
background-color: #1e233d !important;
border-color: #14182e !important;
}
.topmenu {
margin: auto;
max-width: 1200px;
width: 100%;
margin-top: 20px;
}
.topmenu li a {
padding: 5px;
color: #fff;
font-size: 12px;
}
.topmenu li {
float: left;
}
.set_dyler_name span
{
font-size: 12px;
display: block;
width: 30px;
background: #f7f7f7;
float: left;
padding: 0px;
text-align: center;
margin-right: 15px;
}	
.sortable-ultkn
{
padding:0px;
margin:0px;
}	
.blank_order
{
background:#fff;
}	
.topselectmenu
{
float:left;
padding: 17px 10px 10px 10px;
}	
.menutmenu {
width:70px;
float: left;
height: 50px;
margin: 10px 0px 0px 0px;
}
/*setting */
.garbage
{
position: fixed;
bottom: 10px;
width:45px;
height:45px;
left: 10px;
opacity:1;
text-decoration: none;
background: url(../images/garbage.png) no-repeat transparent;
padding: 10px 20px 10px 20px;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.garbage:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.cleandelform	
{
text-align:center;
padding: 50px;	
}	
#dyler-button {
}
#dyler-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#dyler-button label span {
text-align:center;
display:block;
}
#dyler-button label input {
position:absolute;
top:-20px;
display:none;
}
#dyler-button input:checked +span{
background:#1e233d;
color:#fff;
}
#order-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#order-button label span {
text-align:center;
display:block;
}
#order-button label input {
position:absolute;
top:-20px;
display:none;
}
#order-button input:checked +span{
background:#1e233d;
color:#fff;
}
#suma-button {
}
#suma-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#suma-button label span {
text-align:center;
display:block;
}
#suma-button label input {
position:absolute;
top:-20px;
display:none;
}
#suma-button input:checked +span{
background:#1e233d;
color:#fff;
}
#zayavka-button {
}
#zayavka-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#zayavka-button label span {
text-align:center;
display:block;
color: #fff;
}
#zayavka-button label input {
position:absolute;
top:-20px;
display:none;
}
#zayavka-button input:checked +span{
background:#1e233d;
color:#fff;
}
#vroboti-button {
}
#vroboti-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#vroboti-button label span {
text-align:center;
display:block;
color: #fff;
}
#vroboti-button label input {
position:absolute;
top:-20px;
display:none;
}
#vroboti-button input:checked +span{
background:#1e233d;
color:#fff;
}
#gotovi-button {
}
#gotovi-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#gotovi-button label span {
text-align:center;
display:block;
color: #fff;
}
#gotovi-button label input {
position:absolute;
top:-20px;
display:none;
}
#gotovi-button input:checked +span{
background:#1e233d;
color:#fff;
}
#realizacia-button {
}
#realizacia-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#realizacia-button label span {
text-align:center;
display:block;
color: #fff;
}
#realizacia-button label input {
position:absolute;
top:-20px;
display:none;
}
#realizacia-button input:checked +span{
background:#1e233d;
color:#fff;
}
#vidpravleni-button {
}
#vidpravleni-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#vidpravleni-button label span {
text-align:center;
display:block;
color: #fff;
}
#vidpravleni-button label input {
position:absolute;
top:-20px;
display:none;
}
#vidpravleni-button input:checked +span{
background:#1e233d;
color:#fff;
}
#balansy-button {
background: #375d44;
height: 38px;
color: #fff;
}
#balansy-button label {
width: 100%;
padding: 0px;
margin: 0px;
}
#balansy-button label span {
text-align:center;
display:block;
color: #fff !important;
}
#balansy-button label input {
position:absolute;
top:-20px;
display:none;
}
#balansy-button input:checked +span{
background:#1e233d;
height: 38px;
color:#fff;
}
#up_leathersubmit
{
display:none;
}
#up_leather_eko_submit	
{
display:none;	
}	
#up_leather_tkn_submit, #up_model_submit
{
display:none;		
}
.setsetting {
position: fixed;
top: 16px;
right: 0px;
z-index: 55;
width: 25px;
height: 25px;
text-decoration: none;
color: #f5f5f5;
background-color: rgb(30, 35, 61);
background: url(../images/gear.png) no-repeat transparent;
opacity:0.4;
background-size: contain;
padding: 10px 20px 10px 20px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.setsetting:hover {
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.set_tabel:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background:#fff;	
}	
.inputnameobbv
{
padding:20px 0px 15px 0px;
background:#fff;	
}	
.delobv,.delobv_eko,.delobv_tkn, .del_model {
background: #f73131;
height: 12px;
width: 10px;
border: 0px;
font-size:0px;
margin-top: 10px;
background-image:url(../images/edit64.png);
}
.editobv,.editobv_eko,.editobv_tkn,.edit_model	
{
background: #10a545;
height: 12px;
width: 10px;
border: 0px;
font-size:0px;
margin-top: 10px;	
}	
.set_idobl
{
width:50px;	
text-align: center;
color:#1e233d;
}	
.set_manufacture
{
color:#1e233d;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.set_namel
{
color: #1e233d;
    font-size: 10px;
    text-align: center;		
}
.set_grupa
{
color:#1e233d;
font-size: 14px;
font-weight: bold;	
}
.set_nikname
{
color: #9d9ea7;
font-size: 14px;
}	
.set_sendbtn
{
width:150px;
color:#1e233d;	
}	
.set_delbtn
{
width:150px;
color:#1e233d;		
}
.set_tabel
{
border-bottom: 1px solid #efefef;
line-height:32px;
font-size:16px;
min-height: 32px;	
}
.set_tabel_mehanizm
{
border-bottom: 1px solid #dadbe0;
line-height:32px;
font-size:16px;
min-height: 32px;	
}
.inp_idobl
{
width: 60px;
text-align: center;
border: 0px;
display:none;
}	
.inp_manufacture
{
box-sizing: content-box;
width: 100px;
border: none;
border-bottom: 1px solid #efefef;
margin-left: 50px;
}
.inp_namel
{
box-sizing: content-box;
width: 255px;
border: none;
border-bottom: 1px solid #efefef;
}
.inp_modelname
{
box-sizing: content-box;
width: 255px;
border: none;
border-bottom: 1px solid #efefef;
}
.inp_grupa
{
box-sizing: content-box;
width: 20px; 
border: none;
border-bottom: 1px solid #efefef; 
}
.inp_nikname
{
box-sizing: content-box;
width: auto; 
border: none;
border-bottom: 1px solid #efefef;
}	
.dyler_info
{
border-bottom: 1px solid #efefef;	
font-family: "Helvetica";
}	
.dyler_info:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background:#fff;	
}	
.headername
{
color: #fff;
line-height: 32px;
}
.headername2
{
color: #fff;
line-height: 32px;
width: 100%;
margin: auto;
}
.dyler
{
color: #444 !important;	
text-align:center !important;
border-bottom: 1px solid #efefef;
}
.zakaz
{
color: #444 !important;	
text-align:center !important;
border-bottom: 1px solid #efefef;
}
.suma
{
color: #444 !important;	
text-align:center !important;
border-bottom: 1px solid #efefef;
}
.zayavka	
{
color: rgb(255, 255, 255) !important;
background: rgb(194, 196, 202);	
text-align:center !important;
padding: 2px 2px 2px 3px !important;	
}
.vroboti
{
color: rgb(255, 255, 255) !important;
background: #205e9c;
text-align:center !important;	
padding: 2px 1px 2px 1px !important;
}
.gotovi
{
color: rgb(255, 255, 255) !important;
background: #ff9900;
text-align:center !important;	
padding: 2px 2px 2px 3px !important;
}
.realizacia
{
color: rgb(255, 255, 255) !important;
background: #21cddf;
text-align:center !important;
padding: 2px 2px 2px 3px !important;	
}
.vidpravleni
{
color: rgb(255, 255, 255) !important;
background: #ff0a42;
text-align:center !important;
padding: 2px 2px 2px 3px !important;
font-size: 13px !important;
}	
.listpic
{
background: url(../images/photo.png) no-repeat transparent;
width: 22px;
height: 19px;
display: block;
opacity: 0.7;
float: left;
background-size: contain;	
}

.listpic-new
{
background: url(../images/photo_new.png) no-repeat transparent;
width: 20px;
height: 16px;
display: block;
opacity: 0.5;
margin: 3px 0px 0px 0px;
float: left;
background-size: contain;	
}

.listpicprovisor
{
background: url(../images/photo.png) no-repeat transparent;
width:26px;
height:26px;
display: block;
float: right;
margin: 15px 0px 0px 0px;
}	
.set_dyler_head
{
text-align: left;
font-size: 13px;
line-height: 34px;
border-right: 1px solid #efefef;
color: #ececec;
padding: 0px;
}
.block_tabl {
text-align: left;
font-size: 14px;
line-height: 28px;
border-right: 1px solid #efefef;
color: #f3f3f3;
}
.set_dyler_name
{
text-align: left !important;
font-size: 14px;
line-height: 28px;
border-right: 1px solid #efefef;
color: #1e233d;
font-family: "RobotoCondensedRegular";
}	
.set_dyler_name b
{
text-align: left;
font-size: 12px;
line-height: 25px;
background: #fff;
padding: 2px;	
}	
.set_dyler_zamovlenia
{
text-align: left;
font-size: 18px;
line-height: 34px;
color: #ececec;
text-align: center;	
border-right: 1px solid #efefef;
}
.set_dyler_balans
{
text-align: left;
font-size: 18px;
line-height: 34px;
border-right: 1px solid #efefef;
color: #ececec;
text-align: center;
}	
.set_dyler_block
{
text-align: left;
font-size: 14px;
line-height: 34px;
border-right: 1px solid #efefef;
color: #ececec;
}
.createnewdyler
{
padding-top:50px;	
}	
.number_e 
{
color:#444 !important;
}	
.zamovlenia_dylera
{
}	
.balans_dylera
{
}
.status_dylera_work 
{ 
color: #205e9c;
}
.status_dylera_zayavka 
{
color: #a0a0a0;
}
.status_dylera_gotovi 
{
color: #ff9900;
}
.status_dylera_vidpravleni 
{
color: #ff0a42;
padding: 0px 0px 0px 8px;
font-size: 13px;
}
.status_dylera_balansy 
{
color: #375d44 !important;
}
.count_dylers
{
text-align: center;
line-height: 32px;
font-size: 20px;
background: #eee;
color: #d5d5d7;
padding: 5px 0px 5px 15px;
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.count_dylers:hover
{
color: #1e233d;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.count_dylers span
{
text-align: center;
line-height: 40px;
font-size: 28px;
background: #eee;
color: #1e233d82;
padding: 5px 3px 5px 10px;
}	
.block_tabl_zayavka b,
.block_tabl_vroboti b,
.block_tabl_gotovi b,
.block_tabl_realizacia b,
.block_tabl_vidpravleni b
{
font-size: 18px;
opacity: 0.7;	
}
.block_tabl_zayavka,
.block_tabl_vroboti,
.block_tabl_gotovi,
.block_tabl_realizacia,
.block_tabl_vidpravleni,
.block_tabl_balansy
{
font-size: 14px;
line-height: 20px;
text-align: center;
color: #f4f5fa;
padding: 5px 0px 5px 0px;
height: 50px;
overflow: hidden;
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.block_tabl_balansy:hover
{
background:#4e9d69;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	

.block_tabl_zayavka {background:#cecece;}
.block_tabl_vroboti {background:#205e9c;}
.block_tabl_gotovi {background:#ff9900;}
.block_tabl_realizacia {background:#21cddf;}
.block_tabl_vidpravleni {background:#ff0a42;}
.block_tabl_balansy
{background:#375d44;
font-size: 16px !important;
line-height: 40px;
}

.dilhead
{
margin-bottom:10px;
background: #eee;
}	

.dyler-row
{
border-bottom: 1px solid #d1d1d1;
}	
.balansy
{
color:#375d44;
text-align:center !important;
}	
.status_dylera_realizacia 
{
color: #21cddf;
}
.namesetting
{
font-size: 20px;
text-align: center;
padding:10px;
background: #1e233d;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
}
.name_setting_2
{
font-size: 14px;
text-align: center;
padding: 10px;
background: #1e233d;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.tabel_with_border
{
border: 1px solid #bac9d2;	
}	
.namepay
{
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
font-size: 24px;
padding: 24px;
background: rgb(55, 93, 68);
color: #fff;
letter-spacing: 2px;
}
.namepayprovisor
{
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
font-size: 22px;
padding: 34px 24px 24px 24px;
background: rgb(115 56 56);
color: #fff;
letter-spacing: 2px;	
}	
.emptyblock
{
height:50px;	
}
.tabel_block	
{
margin-bottom: 24px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
background-color: #fff;	
width:800px;
}
.tabel_blockicon	
{
border: none;
width:800px;
}
.tabel_blockproces	
{
margin: 35px 0px 20px 0px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08); 
border-radius: 3px;
padding: 6px 10px 1px 10px;
background: #1e233d1a;
}
.tabel_blockprocesall	
{
margin-bottom: 25px;
margin-top: 40px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
background-color: #5f5c91;
max-width: 600px;
padding: 10px;
    border-radius: 6px;
}
.tabel_block_add_mehanizm	
{
margin-bottom: 50px;
    margin-top: 40px;
    border: none;
    -webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
    box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
    background-color: #9e9e9e;
   max-width: 600px;
    padding: 10px;
    border-radius: 6px;
}
.tabel_blockmax	
{
border: 1px solid #e1e1e1;
    margin-top: 20px;
}
.tabel_blockmaxblack	
{
margin-bottom: 24px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
background-color: #fff;	
width:100%;
color:#444;
}
.dyler_block_info
{
background:#fff;
color:#444;
border-right: 1px solid #efefef;	
}
.dyler_block_balans
{
background:#ececec;
color:#444;	
max-height:1225px;
overflow: overlay;
}
.balance_dylera
{
font-size: 32px;
text-align: center;
line-height: 70px;
color: #1e233d;	
}	
.balance_add
{
background: #ececec; 	
height:95px;
padding: 20px 0px 0px 0px;
}	
.balance_add_plus
{
height: 18px;
background:#84be64;	
font-family: "RobotoCondensedLight";
text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
line-height: 18px;
}
.balance_inc
{
background: #ececec; 
height: 95px;
padding: 20px 0px 0px 0px;
}
.balance_inc_plus
{
height:18px;
background:#e54b37;
font-family: "RobotoCondensedLight";
text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
line-height: 18px;
}	
.balance_inc_plus_border
{
border-right: 1px solid #efefef;	
}	
.inp_balans
{
border: none;
width: 100%;
line-height: 32px;
height: 34px;
font-size: 22px;
background: #f8f8f8;
margin: 12px 3px 6px 0px;
text-align: right;
padding: 5px;
}	
.inp_balans_oplaty
{
border: none;
width: 195px;
line-height: 32px;
height: 55px;
font-size: 36px;
background: #f4f5fa;
margin: 12px 3px 6px 0px;
text-align: right;
padding: 15px;
float: left;
font-family: "Helvetica";
}	
.inp_balans_oplaty:hover
{
background: #ffffff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
color:#444;	
}	
.inp_balans_kyrs
{
border: none;
width: 55px;
line-height: 32px;
height: 55px;
font-size:16px;
margin: 12px 3px 6px 0px;
text-align: center;
padding: 5px;
overflow: hidden;
background: #9adaf9; 
float: left;

transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.inp_balans_kyrs:hover
{
background: #1ab1f9;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	

.inp_balans_kyrs_provisor
{
border: none;
width: 55px;
line-height: 32px;
height: 55px;
font-size:16px;
margin: 12px 3px 6px 0px;
text-align: center;
padding: 5px;
overflow: hidden;
background: #9adaf9; 
float: left;
display:none; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.inp_balans_kyrs_provisor:hover
{
background: #1ab1f9;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	

.balansbtn
{
padding: 9px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;	
font-size: 13px;
margin: auto;
width: 140px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
display:none;
}
.dylerinfoupdate
{
padding: 9px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;	
font-size: 13px;
margin: auto;
width: 150px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
}

.data_dyler_info
{
padding-top: 30px;
color: #e0e0e0;
padding-left: 0px;
font-weight: normal;	
}	
.addbalans
{
color:#27c314;
font-size: 18px;	
}
.incbalans
{
color:#ff2a2a;
font-size: 18px;	
}
.addbalansnumb
{
color:#27c314;
font-size: 16px;
font-weight: bold;
width: 50px;
}
.incbalansnumb
{
color:#ff2a2a;
font-size: 16px;
font-weight: bold;	
width: 50px;
}
.databalans
{
display: block;
float: left;
color: #1e233d;	
}
.newdyler
{
width: 90%;
font-size: 16px;
border: none;
border-bottom: 1px solid #c2c4ca;
height: 34px;
margin: 30px 0px 7px 0px;
padding: 5px;
}	
.line_dyler
{
height:25px;
margin:0px 0px 0px 0px;	
padding:0px;
}	
.form_dyler_inf_input
{
width:100%;
border:none;
border-bottom: 1px solid #efefef;
margin-top: 7px;
}
.balans_coment
{
width: 100%;
padding: 10px;
margin: 5px 5px 10px 0px;
height: 100px;
border: none;
border-bottom: 1px solid #1e233d;
background: #f4f5fa;
display:none;
}	
.balans_coment:hover
{
border-bottom: 1px solid #f4f5fa;
-webkit-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.form_dyler_inf
{
height:36px;
height: 32px;
}	
.bezpadding
{
padding:0px;
}	
.info_box_setting
{
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
margin-bottom: 3.2rem;
background-color: #fff;
border-radius: 1px;
padding: 0px 5px 0px 8px;
font-family: "Helvetica";
}	
.bsmid
{
height:50px;	
}	
.bsmid span
{
font-size: 14px;
color: #a7abc1;
line-height:47px;	
}	
.bsmid b
{
font-size: 16px;	
}	
.danitop_obbv
{
margin-top:10px;
}	
.dani	
{
padding-top: 70px;
float: left;
width: 100%;
opacity: 0.5;	
}	
.danitop	
{
margin-top:10px;
margin-bottom:5px;	
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #1e233d;
transition: opacity 200ms;
visibility: hidden;
opacity: 0;
z-index: 99;
}
.overlay.light {
background: rgba(30, 35, 61, 0.7);
}
.overlay .cancel {
position: absolute;
width: 100%;
height: 100%;
cursor: default;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 200px auto;
padding: 8px;
width: 315px;
border-radius: 4px;
position: relative;
}
.light .popup {
border-color: #aaa;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.popup h2 {
margin-top: 0;
color: #666;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
width: 20px;
height: 20px;
top: -60px;
right: 10px;
opacity: 0.8;
transition: all 200ms;
font-size: 36px;
font-weight: 100;
text-decoration: none;
color: #f00;
text-shadow:none;
}

.close2 {
position: absolute;
width: 30px;
height: 30px;
/* top: -60px; */
right: 30px;
/* opacity: 0.8; */
transition: all 200ms;
font-size: 44px;
font-weight: 100;
text-decoration: none;
color: #fff;
text-shadow: none;
}

.popup2 {
position: absolute;
width: 100%;
height: 100vh;

transition: all 200ms;
font-size: 36px;
font-weight: 100;
text-decoration: none;
color: #f00;

}

.popup .close:hover {
opacity: 1;
color:#fb0000;
}
.popup .content {
max-height: 400px;
overflow: auto;
}
.popup p {
margin: 0 0 1em;
}
.popup p:last-child {
margin: 0;
}
.error
{
color:#f00;	
}	
.only
{
display:none;	
}	
.badge-info
{
background:#ff0000;	
display: inline-block;
min-width: 10px;
padding: 7px 11px;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 2px;
}
.result-title	
{
font-size:22px;	
}	
.searchconteiner
{
padding:10px 10px 10px 10px;	
}	
.searchnumber
{
display: block;
float: left;
line-height: 24px;
padding: 10px;	
}	
.phrases-box
{
display:none;	
}	
.phrases
{
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
#search-searchword
{
height: 34px;
border-radius: 4px;	
}	
.ordering-box
{
float:left;	
}
.form-limit
{
float:left;	
}
.search-results
{
float:left;
width:100%;	
}	
.searchintro
{
text-align: center;
font-size: 20px;
font-weight: 100;
}
.result-title
{
font-size: 22px;
float: left;
padding: 0px 10px 0px 0px;
background: #fff;
color: #444;
padding: 5px 10px 5px 10px;
border-radius: 3px;	
}	
.result-created	
{
width: 100%;
height: 32px;
padding:14px 5px 5px 5px;
width: 100%;
}	
.blocksearch
{
-webkit-appearance: none;
font-size: 24px;
line-height: 36px;
margin: 35px 0px 10px 0px;
width: 100%;
padding: 10px;
border-radius: 5px;
border: 0px;
-webkit-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
}
.result-category
{
font-size: 19px;
line-height: 34px;
display: block;
float: left;
padding: 5px 10px 0px 5px;
color: #444;
}
.result-text
{
width: 100%;
float: left;
padding: 5px 10px 10px 30px;
color: #969696;	
}	
.searchconteiner {
padding: 5px 0px 5px 0px;
float: left;
width: 100%;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
margin: 5px 0px 15px 0px;
}
.searchconteiner:hover {
background:#fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
}	
.highlight
{
font-weight: bold;
color: #f00;	
}	
/*end sendsetting*/
button#date_btn 
{
height: 27px;
width: 27px;
background: url(../images/calendar.png) no-repeat transparent;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
button#date_btn:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.zminadaty
{
float:left;
width:200px;
display:none;
padding-top: 5px;	
}
.zminadatyfinish
{
float:left;
width:200px;
display:none;
padding-top: 5px;	
}	
.newdateblank
{
padding-top: 15px;		
}
.zminadatycreate
{
float:left;
width:200px;
display:none;
padding-top: 5px;	
}
.olddatacreate	
{
float:left;
width:150px;
line-height: 55px;		
}	
.olddata
{
float:left;
width:85px;	
line-height: 55px;
}	
.nameobv
{
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;	
font-size: 12px;
color: #a7abc1;
line-height: 3px;
width: 100%;
float: left;
text-align: center;
font-family: "RobotoCondensedLight";
}	
.nameobvnumb
{
font-size: 24px;
color: #1e233d;
line-height: 36px;
/* padding: 0px 0px 0px 10px; */
float: left;
width: 100%;
text-align: center;
}	
.blockne
{
background:#ffeded  !important ;	
}	
.block_balans_t
{
background:#fff;
color:#444;
}	
.block_balans_b
{
background:#fff;
color:#444;
}
.block_balans_zayavaka
{
background: #cecece;	
color:#fff;
text-align:center;
float: left;
width: 50%;
}
.block_balans_work
{
background: #205e9c;
color:#fff;
text-align:center;
float: left;
width: 50%;
}
.block_balans_gotovi
{
background: #ff9900;
color:#fff;
text-align:center;	
float: left;
width: 100%;
}	
.block_balans_realizacia
{
background: #712a00;
color:#fff;
text-align:center;
float: left;
width: 100%;
}
.block_balans_vidpravleni
{
background: #ff0a42;
color:#fff;
text-align:center;
}
.block_balans_first
{
text-align:center;
line-height: 30px;
padding-top: 25px;
}	
.balans_dylera_all
{
font-size:42px;
font-family: "RobotoCondensedRegular"; 
color: #444;	
}	
.block_balans_first span
{
font-size:10px;
display: inherit;
font-family: "RobotoCondensedLight";
text-align: center;
text-transform: uppercase;
font-weight:normal;
letter-spacing: 1px;
line-height: 40px;
color: #d0d0d0;	
}	
.balans_teoretychnyi
{
border-right: 1px solid #efefef;
color: #dadada;
font-size: 36px;
font-family: "RobotoCondensedRegular"; 	
}	
.balans_dylera_vidpravleni
{
color: #ff0a42b0; 
font-size: 36px;
border-right: 1px solid #efefef;	
}	
.block_balans_fact	
{
background:#f09;
color:#fff;
text-align:center;
font-family: "RobotoCondensedRegular"; 	
}	
.balans_gotovi_number
{
color:#ff9900;	
font-size: 36px;
border-right: 1px solid #efefef;
font-family: "RobotoCondensedRegular"; 	
}	
.balans_realizacia_number
{
color:#712a00;
font-size: 36px;	
border-right: 1px solid #efefef;
font-family: "RobotoCondensedRegular"; 	
}
.balans_realizacia_number
{
}	
.icoplus
{
background: url(../images/plus.svg);
width: 20px;
height: 20px;
display: flex;
position: relative;
top: 21px;
left: 10px;	
}
.icominus
{
background: url(../images/minus.svg);
width: 20px;
height: 20px;
display: flex;
position: relative;
top: 21px;
left: 10px;	
}
.headerinfodyler
{
text-align:center;
font-size:24px;
padding: 50px 0px 15px 0px;	
}	
/* blank*/
/* .squaredFour */
.squaredFour {
width: 25px;
position: relative;
margin: 20px auto;
}
.squaredFour label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top:0px;
left: 5px;
background: #fcfff4;
background: #fff;
border-radius: 4px;
border: 1px solid #cecece;
}
.squaredFour label:after {
content: '';
width: 13px;
height: 6px;
position: absolute;
top: 5px;
left: 3px;
border: 3px solid #f00;
border-top: none;
border-right: none;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.squaredFour label:hover::after {
opacity: 0.5;
}
.squaredFour input[type=checkbox] {
visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
opacity: 1;
}
/* .squaredFour2 */
.squaredFour2 {
width: 20px;
position: relative;
margin: 20px auto;
}
.squaredFour2 label {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;

left: 5px;
background: #fcfff4;
background: #fff;
border-radius: 4px;
border: 1px solid #cecece;
}
.squaredFour2 label:after {
content: '';
width: 13px;
height: 6px;
position: absolute;
top: 5px;
left: 3px;
border: 3px solid #f00;
border-top: none;
border-right: none;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.squaredFour2 label:hover::after {
opacity: 0.5;
}
.squaredFour2 input[type=checkbox] {
visibility: hidden;
}
.squaredFour2 input[type=checkbox]:checked + label:after {
opacity: 1;
}
/* end .squaredFour */ 
#btnprymitka {
padding-left: 13px;
font-size: 14px;
border: 1px solid #f8f8f8;
background: #69ce7e;
color: #fbfdfb;
width: 35px;
height: 35px;
}
.sendform
{
display:none;	
}	
.sendblankbtn
{
text-align:center;
padding:25px;	
}	
.sitplace
{
font-size:12px;
color:#969696;	
}	


#obbv
{
float:left;	
}	
.resultsobbv
{
float:left;
}	

.inp_blank_even_provisor{
border: none;
border-bottom: 0px solid #cecece;
width: 100%;
line-height: 32px;
line-height: 26px;
font-size: 16px;
margin: 15px 10px 20px 0px;
background: #f8f8f8;
}
.select_filter_models{
border: none;
border-bottom: 0px solid #cecece;
width:170px;
line-height: 32px;
line-height: 26px;
font-size: 15px;
margin: 15px 10px 20px 0px;

}
.filter_models_alert_name
{
font-size:36px;	
width:100%;
text-align:center;	
}
.filter_models_alert_name_number {
font-size: 28px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: 72px;
width: 100%;
display: block;
}	
.inp_blank_even_set_proces
{
border: none;
border-bottom: 0px solid #cecece;
width: 100%;
line-height: 32px;
line-height: 26px;
font-size: 16px;
margin: 10px 10px 20px 0px;	
}	

.inp_blank_text_odd
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
background: #f8f8f8;
font-size:16px;
margin: 15px 10px 20px 0px;
}
.inp_blank_text_even
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
font-size:16px;
margin: 15px 10px 20px 0px;
}
.inp_blank_text_even_proces
{
border: none;
border-bottom: 1px solid #efeded;
width: 100%;
line-height: 26px;
font-size:16px;
margin: 10px 10px 10px 0px;
font-size: 18px;
margin: 10px 10px 10px 0px;
background: #ffffffc7;
color: #1e233d;
font-family: "RobotoCondensedBold";
}
.inp_blank_oplaty
{
border: none;
border-bottom: 1px solid #1e233d;
width: 100%;
line-height: 38px;
height: 35px;
font-size: 16px;
background: #ffffff;
margin: 15px 10px 15px 0px;
font-weight: bold;
text-align-last: center;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.inp_blank_oplaty:hover
{
border-bottom: 1px solid #f4f5fa;
-webkit-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
-box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.14);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.payinputblock
{
background: #e8e9ec;
height: 80px;
border-radius: 3px;	
display: none;
}	
.oplatyhistory
{
background: #f4f5fa;
max-height: 750px;
overflow: overlay;
opacity: 1;
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
padding: 15px 5px 0px 10px;
}	
.oplatyhistory:hover
{
opacity: 1;	
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.namehistorypay
{
font-size: 20px;
text-transform: uppercase;
text-align: center;
opacity: 1;
color: #1e233d;
letter-spacing: 2px;
line-height: 43px;
height: 40px;
}
.infoaboutpay	
{
padding: 10px 0px 10px 0px;	
display:none;
float: left;
min-height: 85px;
width: 100%; 
text-align:center;
}
.infopayline1
{
display:block;
float:left;	
width: 100%;
color: #c3c3c3;
text-align: center;
font-size: 14px;
}	
.addpaydyler
{
color: #1ec100;
font-size: 12px;	
}	
.sumaaboutpay
{
font-size: 24px;
color: #1ab1f9;
float: left;
width: 100%;
text-align: right;
line-height: 36px;
font-weight: bold;
padding: 0px 5px 0px 0px;
}	
.kursaboutpay
{
font-size: 18px;
float: left;
color: #0071a7;
line-height: 36px;
padding: 0px 0px 0px 5px;
}
#kursaboutpay
{
display:none;	
}	
.pokursaboutpay
{
display:none;
}
#pokursaboutpay
{
float: left;
line-height: 35px;
color: #565656;
padding: 0px 0px 0px 5px;
text-align: left;
font-size: 13px;	
}	
.addnewbtn 
{
padding:10px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.addnewbtn:hover
{
box-shadow:none;
-webkit-box-shadow:none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.updatebtn 
{
border: 1px solid transparent; 
border-color: #5f6a8a;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background: rgb(84,95,129);
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
padding: 20px;
margin-bottom: 100px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
}	
.updatebtn:hover
{
box-shadow:none;
-webkit-box-shadow:none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.addnewbtndyler 
{
padding: 26px;
background: #ff4081;
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform:uppercase;
letter-spacing: 2px;
border: none;
-webkit-box-shadow: 0 6px 20px rgba(36,37,38,.08);
box-shadow: 0 6px 20px rgba(36,37,38,.08);
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.addnewbtndyler:hover
{
box-shadow:none;
-webkit-box-shadow:none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
select:focus {
color: #9e9e9e;
}
option:first-of-type {
color: #dedede;
}
select:required:invalid {
color: gray;
}
option[value=""][disabled] {
display: none;
}
option {
color: black;
} 
.calendanew
{
width:200px;	
}	
.blockbtnsend
{
text-align:center;
padding: 10px 0px 10px 0px;
margin:0px;	
}	
.numberblockreblank
{
background: #21cddf;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
}	
.numberblockzablank
{
background: #cecece;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
}
.numberblockwrblank
{
background: #205e9c;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
}
.numberblockgoblank
{
background: #ff9900;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
}
.numberblockwdblank
{
background: #ff0a42;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
filter: blur(1px);		
}
.orderlink
{
display: block;
height: auto;
}	
.blockzmin
{
border: 12px solid #eff0f5;
margin: 50px 0px 40px 0px;
padding: 15px;
width: 100%;
border-radius: 12px;
background: #eff0f5;	
}	
.blockfoto
{
padding: 30px 0px 0px 0px;
background: #fff;
}	
.uploadfoto
{
padding: 20px 0px 20px 0px;
background: #fff;	
}	
.upscreen
{
background: url(../images/screen.png);
width: 150px;
height: 150px;
background-size: contain;
display: flex;
position: relative;
top: 23px;
border: 0px;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
display:none;	
}	
.upscreen:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepic
{
background: url(../images/polepic.png);
width: 40px;
height: 40px;
background-size: contain;
display: flex;
position: relative;
top: 20px;
line-height: 65px;
padding: 10px;
color: #f00;
border: 0px;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepic:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.polepicprovisor
{
background: url(../images/polepic.png);
width: 40px;
height: 40px;
background-size: contain;
display: flex;
position: relative;
top: 11px;
line-height: 65px;
padding: 10px;
color: #f00;
border: 0px;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepicprovisor:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.polepic_obbyvka:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.polepic_obbyvka
{
background: url(../images/polepic_obbyvka.png);
width: 30px;
height: 27px;
background-size: contain;
display: flex;
position: relative;
top: 6px;
line-height: 65px;
padding: 10px;
color: #f00;
border: 0px;
margin: auto;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepic_obbyvka_ico:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.polepic_obbyvka_ico
{
background: url(../images/polepic_obbyvka_ico.png);
width: 18px;
height: 18px;
background-size: contain;
display: flex;
position: relative;
color: #f00;
border: 0px;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepice
{
background: url(../images/polepice.png);
width: 40px;
height: 40px;
background-size: contain;
display: flex;
position: relative;
top: 20px;
border: 0px;
line-height: 65px;
padding: 10px;
color: #f00;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.polepice:hover
{
opacity:0.2;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.imgkomentprymitka
{
display:none;	
}	
.upfoto
{
background: url(../images/photogallery.png);
width: 128px;
height: 128px;
background-size: contain;
display: flex;
position: relative;
top: 23px;
border: 0px;
margin: auto;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}


.btnprint2
{
background: url(../images/print.png);
width: 32px;
height: 32px;
display: flex;
position: relative;
top: 0px;
border: 0px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
} 	
.btnprint2:hover
{
opacity:0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.btnprint_worker 
{
background: url(../images/print.png);
width: 24px;
height: 24px;
background-size: contain;
float:left;
display: flex;
position: relative;
top: 0px;
border: 0px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
} 	
.btnprint_worker:hover
{
opacity:0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
/* end blank*/
.menutmenu li a
{
float: left;
font-size: 11px;
line-height: 23px;
color: #efefef;
font-weight: 500;
text-transform: uppercase;
}	
.deadlineinp
{
width:40px;
height:35px;
font-size: 16px;
text-align: center;
font-weight: bold;
}	
.deadlinetxt
{
font-size: 18px;
padding: 0px;
line-height: 38px;
text-align: right;
color: #fff;
}	
.editico
{
width:30px;
height:auto;
opacity: 0.3;		
}
.editico:hover
{
opacity: 1;		
}		
#system-message-container
{
margin: auto;
width: 300px;	
}	
.alert {
padding: 15px;  
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
background: #f4f5fa;
color: #444;
width: 100%;
max-width: 300px;
-webkit-box-shadow: 7px 7px 54px -16px rgba(68,76,105,1);
-moz-box-shadow: 7px 7px 54px -16px rgba(68,76,105,1);
box-shadow: 7px 7px 54px -16px rgba(68,76,105,1);
border-radius: 5px;
position: absolute;
z-index: 9888;
}
.alert h4{
margin-top: 0;
text-transform: uppercase;
color: #b1b1b1;
font-size: 10px;
letter-spacing: 1px;
}
.alert-message
{
font-size: 22px;
color: #f00;	
line-height: 30px;	
}	
.btn-primarylog {
color: #444;
background-color: #337ab7;
border-color: #2e6da4;
}
.element-invisible	
{
display:none;	
}	
.status
{
background: rgba(242,192,12,1);
background: -moz-linear-gradient(top, rgba(242,192,12,1) 0%, rgba(181,129,40,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,192,12,1)), color-stop(100%, rgba(181,129,40,1)));
background: -webkit-linear-gradient(top, rgba(242,192,12,1) 0%, rgba(181,129,40,1) 100%);
background: -o-linear-gradient(top, rgba(242,192,12,1) 0%, rgba(181,129,40,1) 100%);
background: -ms-linear-gradient(top, rgba(242,192,12,1) 0%, rgba(181,129,40,1) 100%);
background: linear-gradient(to bottom, rgba(242,192,12,1) 0%, rgba(181,129,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c00c', endColorstr='#b58128', GradientType=0 );
padding: 5px;
float: left;
color: #444;
margin-right: 15px;
border-radius: 5px;
line-height: 19px;
font-size: 12px;
}
.statusend
{
background: #16cc00;
padding: 5px;
float: left;
color: #444;
margin-right: 15px;
border-radius: 5px;
line-height: 19px;	
}	
.piceblock
{
padding: 5px;
font-size: 22px;
line-height: 50px;
text-align: left;
color: #444;
font-family: "RobotoCondensedRegular"; 
}	
.frontdata
{
font-size:12px;
color:#f7f6f6;
}
.numberblock
{
color: #444;
}
.numberblock:hover
{
color: #444;
text-decoration:none;
opacity:0.5; 	
}
.numberblockhide 
{
display:none;	
}
.numberblockza
{
background: #cecece;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
width: 90px;
color: #fff;
border-radius: 7px;	
font-family: "RobotoCondensedRegular"; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allworkblock
{
}	
.numberblockzaallwork
{
background: #cecece;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
width: 100%;
color: #fff;
border-radius: 7px;	
font-family: "RobotoCondensedRegular"; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.numberblockre
{
background: #712a00;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
font-family: "RobotoCondensedRegular"; 
border-radius: 7px;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.numberblockwr
{
background: #205e9c;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
border-radius: 7px;	
font-family: "RobotoCondensedRegular"; 	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.snumberblockwr
{
background: #2faf51;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
border-radius: 7px;		
font-family: "RobotoCondensedRegular"; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.numberblockgo
{
background: #ff9900;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
border-radius: 7px;	 
font-family: "RobotoCondensedRegular"; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.numberblockwd
{
background: #ff0a42;
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
color: #fff;
border-radius: 7px;	
font-family: "RobotoCondensedRegular";   	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.hidezamov
{
opacity:0.3;	
}	
.klientrov
{
font-size: 18px;
line-height: 60px;
color: #444;
}	
.krislo
{
float: right;
font-size: 24px;
opacity: 0.2;	
}	
.frontname
{
font-size: 16px;
letter-spacing: 1px;
padding: 3px 0px 3px 10px;
border-radius: 4px;
font-weight: bold;
font-family: "RobotoCondensedBold";
}
.frontnametabel
{
font-size: 13px;
letter-spacing: 0px;
padding: 0px 0px 10px 0px;
font-weight: bold;
text-align:center;
}
.frontdlc
{
font-size: 13px;
text-align: left;
padding: 0px;
line-height: 26px;
}
.fronnazvaobbv
{
font-size: 10px;
text-align: left;
padding: 0px;
line-height: 11px;
overflow: hidden;
height: 34px;
color: #8a8a8a;
}	
.prymitkafront
{
font-size: 12px;
line-height: 15px;
padding: 2px 10px 2px 30px;
color: #505050;
overflow: hidden;
max-height: 30px;
}
.komplektfront
{
font-size: 13px;
font-weight: bold;
line-height: 28px;
padding: 0px 0px 2px 30px;
height: 26px;
overflow: hidden;
}
.dilname
{
font-size: 14px;
color: #444;
line-height: 30px;
padding: 0px 0px 0px 10px;
}
.dilnametabel
{
font-size: 11px;
color: #444;
line-height: 26px;
padding: 0px 0px 0px 0px;
text-align: center;	
}	
.frontobbv
{
font-size: 13px;
text-align: left;
padding: 0px;
height: 24px;
line-height: 30px; 
}
.frontnapovs
{
font-size: 13px;
text-align: left;
padding: 0px;
max-height: 30px;	
line-height: 30px;
}	
.frontdilname
{
font-size:12px;		
}	
.blockfon
{
background:#ececec;
font-family: "Helvetica";
line-height: 22px;
margin-left:5px;
color: #444;
height: 60px;
border-radius: 7px;
}
.blockpzero
{
padding:0px;	
}	
.priceblock0
{
color:#9a9a9a;
float:left;
font-size: 22px;
line-height: 29px;
font-weight: bold;
letter-spacing: 1px;	
opacity:0.2;
}
.priceblock50
{
color:#ffffff;
float:left;
font-size: 22px;
line-height: 29px;
font-weight: bold;
letter-spacing: 1px;	
opacity:0.5;	
}
.priceblock100
{
color:#444;
float:left;
font-size: 22px;
line-height: 29px;
font-weight: bold;
letter-spacing: 1px;	
}	
.dilers
{
background: #373e65;
border-radius: 7px;
padding: 10px;
-webkit-box-shadow: 11px 11px 23px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 11px 11px 23px 1px rgba(0,0,0,0.3);
box-shadow: 11px 11px 23px 1px rgba(0,0,0,0.3);
}
.dilerstit
{
text-align: center;
padding-bottom: 0px;
text-transform: uppercase;
letter-spacing: 2px;
color: #52586f;
font-size: 20px;
}	
.linkdilname
{
opacity:0.5;	
}
.textbut
{
font-family: "RobotoCondensedLight";
text-align: center;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
line-height: 20px;
color: #bcbdbd;	
}
.fildnema
{
font-family: "RobotoCondensedLight";
text-align: left;
font-size: 13px;
letter-spacing: 1px;
line-height: 52px;
color: #aeb2c7;
text-transform:uppercase;	
}
.fildnemaproces
{
font-family: "RobotoCondensedRegular";
text-align: left;
font-size: 14px;
line-height: 45px;
color: #1e233d;
text-transform: uppercase;
padding: 0px 0px 0px 2px;	
}
.fildnema_proces
{
font-family: "RobotoCondensedLight";
text-align: left;
font-size: 13px;
letter-spacing: 1px;
line-height: 49px;
color: #1e233d;
text-transform:uppercase;
padding: 0px;	
}
.fildnemaplus
{
font-family: "RobotoCondensedLight";
text-align: left;
font-size: 10px;
letter-spacing: 1px;
line-height: 1px;
color: #1e233d;
text-transform:uppercase;
display:block;	
}
.filddani
{
font-family: "RobotoCondensedRegular";
text-align: left;
font-size: 14px;
letter-spacing: 1px;
line-height: 28px;
color:#444;
text-transform:uppercase;

}	
.tbl1 {
margin: 0px 0px 0px -15px;
padding: 0px 10px 0px 15px;
}	
.tbl2
{
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;	
}	
.tbl3
{
margin: 0px 10px 0px 0px;
padding: 0px 15px 0px 15px;	
}	
.tbl4
{
margin: 0px -20px 0px 5px;
padding: 0px 15px 0px 15px;		
}	
.tbl5
{
margin: 0px 15px 0px 0px;
padding: 0px 15px 0px 15px;	
}	
.tbl6
{
margin: 0px -20px 0px 0px;
padding: 0px 15px 0px 15px;	
}	
.tbl7
{
margin: 0px 15px 0px 0px;
padding: 0px 15px 0px 15px;		
}	
.tbl8
{
margin:0px 0px 0px 0px;
padding: 0px 15px 0px 15px;	
}	
.tbl9
{
margin:0px 0px 0px 20px;
padding: 0px 15px 0px 15px;		
}	
.deliveryblock	
{
width: 40px;
float: left;
padding: 4px;	
opacity:0;
font-family: "Helvetica";
}
.deliveryblock1	
{
width: 40px;
float: left;
padding: 4px;	
opacity:0.3;
font-family: "Helvetica";
}
.deliveryblock2
{
width: 40px;
float: left;
padding: 4px;	
opacity:1;
}
.navbar-default {
background-color: #1e233d;
border-color: #14182e;
}	
.allstat
{
background: rgba(65,71,95,1);
background: -moz-linear-gradient(top, rgba(65,71,95,1) 0%, rgba(33,36,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,71,95,1)), color-stop(100%, rgba(33,36,51,1)));
background: -webkit-linear-gradient(top, rgba(65,71,95,1) 0%, rgba(33,36,51,1) 100%);
background: -o-linear-gradient(top, rgba(65,71,95,1) 0%, rgba(33,36,51,1) 100%);
background: -ms-linear-gradient(top, rgba(65,71,95,1) 0%, rgba(33,36,51,1) 100%);
background: linear-gradient(to bottom, rgba(65,71,95,1) 0%, rgba(33,36,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41475f', endColorstr='#212433', GradientType=0 );
font-size:24px;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;; 
}
.allempty {
font-size: 22px;
background: rgb(238, 237, 243);
color: #fff;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allemptydeadline
{
font-size: 22px;
background: none;
color: #f4f5fa;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allprice
{
font-size:26px;
background: rgb(55, 93, 68);
text-align: center;
line-height: 65px;
border-radius: 5px;
font-family: "Helvetica"; 
color:#fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.allorders
{
font-size:26px;
background: rgb(255, 255, 255);
color: #444;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-weight: bold;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allzajavki
{
background: #cecece; 
font-size: 22px;
text-align: center;
line-height: 12px;
padding: 27px 15px 0px 15px;
height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.allzajavki span
{
font-size: 12px;
text-align: center;
line-height: 10px;
font-family: "Helvetica";
color: #f4f5fa;
display: block;
float: left;
width: 37px;
padding: 10px 0px 0px 0px;
}	
.allwork
{
background: #ff9900;
font-size:22px;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allreliz
{
background: #21cddf;
font-size:22px;
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allway
{
background: #ff0a42;
font-size:22px;
color: #fff; 
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allsitplace
{
background: #f1e33e;
font-size:22px;
color: #fff; 
text-align: center;
line-height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.allworkend
{
font-size: 22px;
text-align: center;
line-height: 12px;
padding: 27px 15px 0px 15px;
height: 65px;
max-width: 65px;
border-radius: 5px;
font-family: "Helvetica";
color: #fff;
background: #205e9c;
}	
.allworkend span
{
font-size: 12px;
text-align: center;
line-height: 10px;
font-family: "Helvetica";
color: #acc8db;
display: block;
float: left;
width: 37px;
padding: 10px 0px 0px 0px;
}	



.allend
{
background: #2faf51;
font-size: 22px;
    text-align: center;
    line-height: 12px;
    padding: 27px 15px 0px 15px;
    height: 65px;
    max-width: 65px;
    border-radius: 5px;
    font-family: "Helvetica";
    color: #fff;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.allend span
{
font-size: 12px;
    text-align: center;
    line-height: 10px;
    font-family: "Helvetica";
    color: #f4f5fa;
    display: block;
    float: left;
    width: 37px;
    padding: 10px 0px 0px 0px;
}

.allway:hover,.allreliz:hover,.allwork:hover,.allzajavki:hover,.allend:hover,.allworkend:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.8;
}
.listnamedyler
{
text-align: center;
padding: 16px;
font-size: 24px;
letter-spacing: 2px;
margin-bottom: 10px;
border-radius: 4px;
font-family: "RobotoCondensedRegular";
text-transform:uppercase;
color: #1e233d;	
}
.listnamedyler span
{
display: block;
float: right;
letter-spacing: 1px;
font-size: 18px;
line-height: 26px;
}
.listnamedyler:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.8;

}	
.listnamedylerbg0
{
background:none;
color: #444;
}
.listnamedylerbg1
{
background: #cecece;
color: #fff;
}	
.listnamedylerbg2
{
background: #205e9c;
color: #fff;
}	
.listnamedylerbg3
{
background: #ff9900;
color: #fff;
}	
.listnamedylerbg4
{
background: #21cddf;
color: #fff;
}
.listnamedylerbg5
{
background: #ff0a42;
color: #fff;
}	
.listnamedylerbg6
{
background: #2faf51;
color: #fff;
}	
.goback
{
background:#444;
padding:10px;
border-radius:5px;
color:#fff;	
}	
.goback:hover
{
background:#404869;
padding:10px;
border-radius:5px;
color:#fff;
text-decoration:none;	
}
.itemDateModifiedblank
{
display:block;
float:left;	
width:100%;
color:#f00;
line-height: 28px;
}
.itemDateCreatedblank
{
display:block;
float:left;	
width:100%;
line-height: 28px;
font-size: 18px;
}
.itemCategoryblank	
{
display:block;
float:left;
width:100%;
line-height: 28px;
font-size: 18px;		
}
.itemAuthorblank	
{
line-height: 28px;
font-size: 14px;
padding-bottom:10px;	
}	
.hideblock
{
display:none;	
}
.pad
{
padding:2px;
border-radius: 7px;	
}	
.datastartblock
{
color:#636a90;
}	
.blockItemEditLink
{
float:right;
line-height: 38px; 	
}
.blocksend	
{
font-size:26px;
text-align: left;
line-height: 44px;
padding: 0px;
color: #8088a5;	
}	
.blockkomplet
{
font-size:14px;
letter-spacing:1px;
padding-left:30px;
}	
.blockobuvka
{
font-size:14px;
letter-spacing:1px;
padding-left:30px; 		
}	
.admchek
{
float:left;	
}	
.admname
{
float: left;
color: #444;
padding-left: 5px;
line-height: 22px;
font-size: 16px;
}	
.admnameblock
{
float:left;
width:100%;	
}	
input.formnazva
{
width: 250px;
line-height: 28px;
font-size: 16px;	
}	
input.formknopka
{
line-height: 28px;
font-size: 16px;	
}	
.labeldodatu
{
margin-top: 50px;
margin-bottom: 5px;
float: left;
display: inline;
width: 100%;
}	

.delbtn2 {
text-align: center;
padding: 0px 0px 1px 0px;
font-size: 14px;
background: #f00;
border: 0px;
width: 25px;
margin: 25px 3px 0px 3px;
color: #fff;
float: right;
opacity: 0.2;
cursor:pointer;
}

.delbtn2:hover {
opacity:1;	
}	

.nazvasmall
{
font-size:12px !important;
margin-left: 5px;	
}	
.infoneven
{
border: 0px;
background: #f5f5f5;
font-size: 16px;
margin: 10px 0px 0px 0px;
}
.infoodd
{
border: 0px;
background: #ececec;
font-size: 16px;
margin: 10px 0px 0px 0px;
}
.nameorder
{
text-align: center;
font-size: 48px;
padding: 25px 20px 20px 10px;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
line-height: 50px;	
}
.nameordernew
{
text-align: center;
font-size: 48px;
padding: 20px;
background: #ff4081;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
}
.lineprint
{
float:left;
color:#1e233d87; 	
line-height: 24px;
font-size: 12px;
}
.linezminy
{
float:left;
width: 100%;	
line-height: 24px;
}
.datazmin
{
color: #bdbdbd;
font-size: 10px;
}
.workmenu	
{
color:#444;	
}
.rh
{
height:25px;	
}	
.imgup
{
text-align:center;	
}	
.notredact
{
color:#adadad;	
}	
.file-upload {
background-color: #ffffff;
width: 600px;
margin: 0 auto;
padding: 20px;
}
.file-upload-btn {
width: 100%;
margin: 0;
color: #fff;
background: #1FB264;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #15824B;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}
.file-upload-btn:hover {
background: #1AA059;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.file-upload-btn:active {
border: 0;
transition: all .2s ease;
}
.file-upload-content {
display: none;
text-align: center;
}
.file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.image-upload-wrap {
margin-top: 20px;
border: 4px dashed #1FB264;
position: relative;
}
.image-dropping,
.image-upload-wrap:hover {
background-color: #1FB264;
border: 4px dashed #ffffff;
}
.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}
.drag-text {
text-align: center;
}
.drag-text h3 {
font-weight: 100;
text-transform: uppercase;
color: #15824B;
padding: 60px 0;
}
.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}
.remove-image {
width: 200px;
margin: 0;
color: #fff;
background: #cd4535;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #b02818;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}
.remove-image:hover {
background: #c13b2a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.remove-image:active {
border: 0;
transition: all .2s ease;
}
.sortingline
{
font-size:12px;	
}	
.sortbtn
{
width: 100%;
margin: 5px 2px 0px 1px;
}	

/*----------------------ALERT---------------------*/
#modalContainer {
background-color:rgba(0, 0, 0, 0.3);
position:absolute;
top:0;
width:100%;
height:100%;
left:0px;
border-radius: 12px;
z-index:10000;
background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
#alertBox {
position:relative;
width:33%;
min-height:100px;
max-height:400px;
margin-top:50px;
border:1px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
top:30%;
border-radius: 12px;
}
#modalContainer > #alertBox {
position:fixed;
}
#alertBox h1 {
margin:0;
font:bold 1em Raleway,arial;
background-color:#EC1C24;
color:#FFF;
border-bottom:1px solid #f97352;
padding:10px 0 10px 5px;
border-radius: 12px;
}
#alertBox p {
height:70px;
padding-left:5px;
padding-top:30px;
text-align:center;
vertical-align:middle;
}
#alertBox #closeBtn {
display: block;
position: relative;
margin: 50px auto 10px auto;
padding: 7px;
border: 0 none;
width: 70px;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #EC1C24;
border-radius: 4px;
text-decoration: none;
outline: 0!important;
}
#alertBoxAdd {
position:relative;
width:33%;
min-height:100px;
max-height:400px;
margin-top:50px;
border:1px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
top:30%;
border-radius: 3px;
}
#alertBoxAdd h1 {
margin: 0;
background-color: #26412f;
font-size: 22px;
color: #FFF;
/* border-bottom: 1px solid #f97352; */
padding: 10px 0 10px 5px;
text-align: center;
border-radius: 0px;
}
#alertBoxAdd p {
height:70px;
padding-left:5px;
padding-top:30px;
text-align:center;
vertical-align:middle;
}
#alertBoxAdd #closeBtnAdd {
display: block;
position: relative;
margin: 50px auto 10px auto;
padding: 7px;
border: 0 none;
width: 70px;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #26412f;
border-radius: 4px;
text-decoration: none;
outline: 0!important;
}
#closeBtnAddconfirm { 
display: block;
position: relative;
margin: 50px auto 10px auto;
padding: 7px;
border: 0 none;
width: 70px;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #26412f;
border-radius: 4px;
text-decoration: none;
outline: 0!important;
}
#BtnAddconfirm { 
display: block;
position: relative;
margin: 50px auto 10px auto;
padding: 7px;
border: 0 none;
width: 70px;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #26412f;
border-radius: 4px;
text-decoration: none;
outline: 0!important;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #f4f5fa;
-webkit-border-radius: 1px;
border-radius: 1px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
border-radius: 1px;
background: #1e233d; 
}


/* */

.delform
{
float: right;
margin-top: 35px;
height: 30px;
width: 30px;
}

.delbtn
{
text-align: center;
padding: 5px;
font-size: 14px;
background: #f00;
border: 0px;
width: 25px;
height: 25px;
line-height: 5px;
color: #fff;
opacity: 0.2;
line-height: 14px;
cursor: pointer;
}
.delbtn:hover
{
opacity: 1;	
}

.btnprint
{
background: url(../images/print.png);
width: 32px;
height: 32px;
display: flex;
margin-top: 33px;
border: 0px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
} 	
.btnprint:hover
{
opacity:0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}


.mt1
{
background:#fff8e1;	
}
.mt2
{
background:#e0f7fa;	
}	 
.even {padding:2px; line-height: 22px;}
.odd {padding:2px;background:#f8f8f8; line-height: 22px;}
.even:hover
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.odd:hover 
{
-webkit-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-moz-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.714);
-box-shadow: 3px 4px 5px 1px rgba(207, 212, 239.74);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.inp_blank_odd
{
border: none;
border-bottom: 0px solid #cecece;
width:100%;
line-height: 32px;
font-size: 16px;
margin: 15px 0px 20px 0px;
float:left;
}

.inp_blank_even
{
border:none;
border-bottom:0px solid #cecece;
width:100%;
line-height: 32px;
font-size:16px;
margin:15px 10px 20px 0px;
float:left;
}