@import url("ui.css");
/* Hide Calendar Icon In Chrome */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
/* display: none;*/
width:10px;
height:10px;
background-color:#fff; 
border-radius:3px;
padding:1px;
margin:1px;
-webkit-appearance: none;
}

.prm0
{
    background: #a3a5b2;	
}

.prm1
{
    background: #ffffff;	
}	
.prm2
{
    background: #ffffff;	
}	
.prm3
{
background:#ffc107;	
}	
.prm4
{
background: #8bc34a;	
}	

.mehzam
{
padding: 10px;
margin-top: 9px;
    border: none;
    font-size: 12px;
	width: 90px;
	cursor:pointer;
	    background: #ffc107;
    text-align: center;
    -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;	
}

.mehbron
{
padding: 10px;
margin-top: 9px;
    border: none;
    font-size: 12px;
	cursor:pointer;
	width: 90px;
	    background: #8bc34a;
    text-align: center;
    -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;	
}	

.mehz
{
padding: 10px;
    margin-top: 9px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    width: 80px;
    color: #444;
    background: #ffeb3b;
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.mehb
{
padding: 10px;
    margin-top: 9px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    width: 90px;
    color: #444;
    background: #03a9f4;
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}

.mehzam:hover,.mehbron:hover
{
opacity:0.5;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.gencode
{
padding: 10px;
    border: none;
    max-width: 200px;
    margin: auto;
    margin-top: 40px;
    background: #1e233d;
    color: #fff;
    text-align: center;
    -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;
cursor:pointer;	
	
}	



#editfild
{
resize: none;
overflow: hidden;
min-height: 50px;
max-height: -webkit-fill-available;
}
#bestbox
{
margin-top:50px;	
}	


#bestresult
{

}	

.bestupdate
{
background: #fff;
padding: 10px;
text-align: center;
margin: 0px 0px 20px 0px;	
}	
.imgtobestbtn
{
width: 40px;
height: 20px;
background: #ff98007a;
text-align: center;
margin: 2px 2px 15px 5px;
font-size: 10px;
line-height: 20px;
color: #fff;
border-radius: 3px;
cursor: pointer;
}

.imgdelbestbtn
{
width: 40px;
height: 20px;
background: #d9d9d9; 
text-align: center;
margin: 2px 2px 15px 5px;
font-size: 10px;
line-height: 20px;
color: #fff;
border-radius: 3px;
cursor: pointer;
}


.ordaddbest
{
padding: 10px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 200px;
text-align: center;
font-size: 12px;
text-transform: uppercase;
border: none;
background: #f9cb88;
-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;
cursor:pointer;
font-family: "RobotoCondensedRegular";
}	
.orddelbest
{
padding: 10px;
margin: auto;
margin-top: 20px;
width: 200px;
text-align: center;
font-size: 12px;
background: #dcdde5;
text-transform: uppercase;
border: none;
-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;	
cursor:pointer;
font-family: "RobotoCondensedRegular";
}


.bestselnew {
border: none;
/* border-bottom: 0px solid #cecece; */
width: 100%;
line-height: 33px;
height: 32px;
font-size: 16px;
margin: 0px 0px 0px 0px;
float: left;
border-radius: 5px;
margin: 5px 0px 0px 0px;
}

.minf
{
padding: 50px;
color: red;
text-align: center;
width: 100%;
display: block;
font-weight: bold;
font-size: 18px;	
}	

.bestaddnewblock
{
margin: 20px 0px 20px 0px;
background: #d6d8df;
padding: 20px;
border-radius: 5px;	
}	

#bestnewmodel
{
width: 100%;
line-height: 30px;
border-radius: 5px;
border: none;
margin: 5px 0px 0px 0px;
}	

.bestaddnewtit
{
text-align: center;
padding: 40px 0px 0px 0px;
text-transform: uppercase;
color: #a7a7a7;	
}	

.editblocktitle
{
font-size:18px;	
font-weight:bold;
padding: 20px 0px 10px 0px;
}	
.editblocktitle span
{
font-size:12px;	
font-weight:normal;
}	

.bestmodelname
{
font-size: 14px;
line-height: 28px;
padding: 0px 0px 0px 3px;
font-family: "RobotoCondensedRegular";
text-align: left;
background: #fff;
border: 3px solid #f4f5fa;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
cursor:pointer;
}	

.bestmodelname:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
background:#1e233d;
color:#fff;
cursor:pointer;
}	

.bestcatname
{
font-size: 22px;
line-height: 46px;	
}	


.bmenulink
{
background-color: #1e233d !important;
margin: 5px;
color: #fff;
text-align: center;
line-height: 32px;
border-radius: 5px;
text-transform: uppercase;
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	

.bmenulink:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
background-color: #fff !important;
color:#1e233d;
}	
.bselc
{
border-radius: 3px;
height: 55px;
padding: 16px 10px 0px 15px;
margin: 10px 0px 20px 0px;
}	
.bselt
{
background: #eff0f5;
border-radius: 3px;
height: 55px;
padding: 14px 10px 10px 10px;
margin: 10px 0px 20px 0px;
}	
.setcolortabel
{
background:#eee;	
}	
.setcolortabel b	
{
text-align: center;
font-size: 16px;
padding: 10px;
display: block;
color: #1e233d;
}	

.setmtypes
{
float:left;	
font-size:10px;
padding: 2px 7px 2px 6px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
cursor:pointer;
}	

.setmtypesb
{
float: left;
font-size: 13px;
padding: 2px 7px 2px 6px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity: 1;
cursor: pointer;
background: #fff;
margin: 1px 5px 2px 5px;
border-radius: 3px;
text-align: center;
}

.setmtypes:hover
{
background:#eee;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.4;
}	
.tmpbold
{
font-weight:bold;
background:#1e233d;
color:#fff;	
}	
.rouncol
{
border-radius: 84px;
padding: 3px;
margin: 4px;
width: 15px;
height: 15px;
float: left;
border: 2px solid #e7e7e7;	
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
}	

.rouncolb
{
border-radius: 84px;
padding: 3px;
margin: 3px;
width: 18px;
height: 18px;
float: left;
border: 2px solid #e7e7e7;	
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
}

.rouncol:hover,.rouncolb:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
opacity:0.3;
}	

.bcol
{
float:left;
width:100%;
margin: 5px;	
}	
/*--*/
.sel_color
{
height: 16px;
width: 60px;
font-size: 12px;
border: none;
border-radius: 3px;
text-align: center;
margin: 0px 5px 0px 5px;
float: left;
}	

.modelcolorblock
{
height: 50px;
width: 100%;
text-align: center;
padding: 5px;
margin: 10px 0px 20px 10px;
}	
.obcolor0
{
background:#f1f1f100;
}
.obcolor1
{
background:black;
color:#fff;
}	
.obcolor2
{
background:white;
}
.obcolor3
{
background:blue;
color:#fff;
}
.obcolor4
{
background:brown;
color:#fff;
}
.obcolor5
{
background:#d3d39d;
}
.obcolor6
{
background:gray;
}
.obcolor7
{
background:yellow;
}
.obcolor8
{
background:green;
color:#fff;
}
.obcolor9
{
background:red;
color:#fff;
}
.obcolor10
{
background:#6C3483; 
color:#fff;
}
.obcolor11
{
background:#7D6608;
color:#fff;
}
.obcolor12
{
color:#fff;	
background-color: #00DBDE;
background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}

.obcolor13
{
color:#fff;	
background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);

}



.serchplusblockfild
{
float:left;	
padding: 20px 0px 0px 0px;
}	

.serchplusblockfild label
{
font-family: "RobotoCondensed-Regular"; 
color:#fff;
font-size:12px;
font-weight:100;
}

#startdate,#enddate
{
max-width: 102px;
font-size: 14px;
text-align: center;
color: #969699;
border-bottom: 1px solid #bebfc1;
}	

.serch_filter
{
padding: 15px 0px 5px 0px;
text-align: center;	
}	

.btn_filter_data
{
font-size: 12px;
border-radius: 3px;
text-align: center;
line-height: 19px;
height: 30px;
width: 100px;
padding: 3px;
margin: 5px 0px 0px 0px;
background: #747787;
color: #fff;
float: right;
font-family: "RobotoCondensed-Regular";
}

.startdatafilter
{
float:left;
padding: 0px;	
}	
.mob_dyler_menu
{
font-size: 12px;
border-radius: 3px;
text-align: center;
line-height: 23px;
height: 29px;
width: 120px;
padding: 3px;
background: #747787;
color: #fff;
font-family: "RobotoCondensed-Regular";
}	
#mob_dyler_menu
{
color:#fff;
text-align:left;
line-height:14px;	
}	

.mobmenutitle
{
color: #363b50;
font-family: "RobotoCondensedLight";
font-size: 16px;
letter-spacing: 20;
line-height: 20px;
padding: 15px 10px 5px 17px;
}	

.menutitle
{
color: #9da0af;
font-family: "RobotoCondensedLight";
font-size: 18px;
letter-spacing: 20;
line-height: 20px;
padding: 30px 0px 30px 0px;
text-align: center;
}

#panel {
position: fixed; /* положение */
top: 100px; /* отступ сверху */
left: 0; /* отступ слева */
background: green; /* цвет фона */
width: 30px; /* ширина блока */
height: 40px; /* высота блока */
font: 14px Arial; /* размер и тип шрифта */
color: #fff; /* цвет текста */
text-align: center; /* выравнивание текста по центру */
padding: 5px; /* отступы от границ внутри блока */
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
position: fixed; /* положение */
top: 100px; /* отступ сверху */
left: -220px; /* отступ слева */
background: lavender; /* цвет фона */
color: #000; /* цвет текста */
width: 200px; /* ширина блока */
height: 150px; /* высота блока */
padding: 10px; /* отступы от границ внутри блока */
text-align: left; /* выравнивание текста */

-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;

-webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}

#panel:hover {
left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
left: 0; /* отступ слева */
}
.filterline
{
float: left;
width: auto;
padding: 7px 5px 10px 8px;
height: 45px;
background: #1e233d;
border-radius: 5px;
}	
#blockorders
{
opacity: 0;
animation: anib 0.5s forwards; 
}	
@keyframes anib {
0% {opacity: 0;}
30% {opacity: 0.3;}
50% {opacity: 0.5;}
80% {opacity: 0.8;}
100% {opacity: 1;}
}
.orderlineprocess
{
float: left;
margin: 2px 0px 1px 0px;
width: 100%;
}
.btn-export-f,.btn-export-n 
{
border: 1px solid transparent;
border-color: #5f6a8a;
border-radius: 3px;
padding: 20px;
padding: 12px;
cursor:pointer;
font-size: 9px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;	
background: linear-gradient(180deg, rgba(84,95,129,1) 0%, rgba(65,75,108,1) 45%, rgba(53,63,96,1) 100%);
-webkit-box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
box-shadow: 0 6px 20px rgb(36 37 38 / 8%);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.btn-export-f:hover,.btn-export-n:hover 
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
box-shadow: 0px 7px 5px 0px rgb(67 68 70 / 42%);	
-webkit-box-shadow: 0px 7px 5px 0px rgb(67 68 70 / 42%);
}	
.progress {
margin: 20px auto;
padding: 0;
width: 90%;
height: 7px;
overflow: hidden;
background: #ecedf3;
opacity: 0.3;
-webkit-box-shadow: 0px 5px 6px 1px rgb(179 182 197);
-moz-box-shadow: 0px 5px 6px 1px rgba(179, 182, 197, 0.14);
-box-shadow: 0px 5px 6px 1px rgba(179, 182, 197, 0.14);
}
.bar {
position:relative;
float:left;
min-width:1%;
height:100%;
background:#1e233d;
-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);
}
.percent {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
font-family:tahoma,arial,helvetica;
font-size:12px;
color:white;
}
.result_piccount
{
float: left;
width: 100%;
font-size: 26px;
line-height: 30px;
padding: 15px 0px 10px 0px;
color: #1e233d;
font-weight: bold;
text-align: center;
}	
.picout
{
font-size: 32px;
font-weight: bold;
color: #b3b5c1;
text-align: center;	
}	
.filter-pic
{
margin: 35px 3px 5px 6px;
float: left;
width:100%;	
}	
.picmodel
{
font-size: 18px;
letter-spacing: 1px;
padding: 10px 5px 0px 45px;
font-weight: bold;
font-family: "RobotoCondensedBold";
display: block;
float: left;
color: #444;
width: 100%;
}	
.picobbv
{
font-size: 13px;
line-height: 22px;
color: #8f8a8a;
display: block;
}	
.picnazvaobbv
{
font-size: 12px;
font-weight: bold;
color: #444;	
}	
#blockgallpic
{
width: 100%;
margin: auto;
}	  
.gallpictit
{
/*width: 300px;*/
height: 380px;
text-align: center;
vertical-align: middle;
background-color: #fff;
margin: 1px 0px 1px 0px;
}	
.gallpictit b
{
color: #e4e5e9;
float: right;
display: block;	
}	
.gallpictit img
{
display: inline-block;
max-height: 250px;
margin: 15px 0px 0px 0px;
text-align: center;
border-radius: 7px;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;		
}	
.gallpictit img:hover
{
opacity: 0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;		
}	
#deadline
{
background: #2faf51;
border: none;
width: 55px;
color: #f4f5fa;
line-height: 24px;
font-size: 18px;
text-align: center;
border-radius: 4px;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
#deadline:hover
{
background: #f4f5fa;
color:#1e233d;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
#rowlimit
{
background: #959595;
border: none;
width: 50px;
color: #fff;
line-height: 24px;
font-size: 18px;
text-align: center;
border-radius: 3px;
opacity: 1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
#rowlimit:hover
{
background: #f4f5fa;
color:#1e233d;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
input[id^="spoiler"]{
display: none;
}
input[id^="spoiler"] + label {
display: block;
width: 50px;
height: 20px;
margin: 0 auto;
padding: 5px;
text-align: center;
border-radius: 3px;
cursor: pointer;
position: fixed;
background: #838cb9;
top: 46px;
z-index: 2;
position: fixed;
right: 25px;
opacity: 0.8;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
input[id^="spoiler"]:checked + label {
color: #333;
background: #747787;
opacity:1;
}
input[id^="spoiler"]:hover + label {
opacity:1;
background: #0a99ff;
height: 25px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
input[id^="spoiler"] ~ .spoiler {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0; 
padding: 10px; 
background: #1e233d;
border: 1px solid #ccc;
border-radius: 8px;
transition: all .6s;
padding: 0px;
}
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
padding: 20px 5px 10px 5px;
width: 100%;
}
.preloader {
background-color: rgba(0, 0, 0, .7);
color: #fff;
display: none;
left: 0;
position: fixed;
top: 0;
height: 100%;
width: 100%;
}
.preloader.active {
display: block;
}
.btnsort
{
margin: 5px 15px 0px 5px;
opacity: 1;
float: left;
height: 20px;
width: 20px;
display: block;
border: 1px solid #868999;
border-radius: 15px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.btnsort:hover
{
opacity:0.1 !important;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.result_k
{
float: right;
width: 40px;
text-align: right;
font-weight: bold;
font-size: 16px;
color: #c9c9c9;
}	
.result_k2
{
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 24px;
padding: 5px 10px 8px 10px;
color: #5e6275;
background: #fff;
width: 75px;
float: left;
border-radius: 5px 0px 0px 5px;
font-family: "RobotoCondensedBold";	
}
.result_k2all
{
font-size: 20px;
line-height: 24px;
padding: 5px 10px 8px 10px;
color: #a5a6ab;
background: #e5e6ed;
width: 75px;
float: left;
border-radius: 0px 5px 5px 0px;
font-family: "RobotoCondensedRegular";
}
.result_k2zal
{
width: 100%;
text-align: center;
font-weight: bold;
font-size: 30px;
line-height: 46px;
padding: 5px 0px 0px 0px;
color: #9da0ad;
}
.result_k2block
{
width: 150px;
text-align: center;
margin: auto;
margin-top: 30px; 
}	
.load-more-pic{
width:  150px;
margin: auto;
background: #1e233d;
text-align: center;
line-height: 30px;
margin-top: 15px;
cursor: pointer;
color: #eee;
opacity:0.4;
border-radius: 4px;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	 
.load-more{	
color: #ffffff;
font-size: 18px;
letter-spacing: 1px;
margin: auto;
margin-top: 25px;
width: 65px;
height: 65px;
line-height: 52px;
border-radius: 50%;
background: #1e233d;
opacity:0.7;
cursor:pointer;
border: 7px solid #466191;
text-align: center;
}
.load-more div{	
color: #fff;
font-size: 10px;
letter-spacing: 1px;
font-weight: 100;
float: left;
padding: 0px 5px 1px 5px;
text-transform: uppercase;
}
.load-more:hover,.load-more-pic:hover {
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
opacity:1;	
}	
.orderblock {
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
width: 90px;
color: #fff;
background:none;
border-radius: 7px;
font-family: "RobotoCondensedRegular";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity: 0;
animation: anibl 0.5s forwards; 
}

.orderblockdel {
font-size: 30px;
line-height: 26px;
padding-top: 7px;
text-align: center;
width: 90px;
color: #fff;
background:#1e233d !important;

border-radius: 7px;
font-family: "RobotoCondensedRegular";
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity: 0;
animation: anibl 0.5s forwards; 
}

.undelete
{
width: 62px;
color: #fff;
background: #ff5722  ;
text-align: center;
border-radius: 5px;
font-size: 12px;
cursor:pointer;
padding: 7px;
float: right;
line-height: 30px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}

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

@keyframes anibl {
0% {opacity: 0;}
30% {opacity: 0.3;}
50% {opacity: 0.5;}
80% {opacity: 0.8;}
100% {opacity: 1;}
}
.mobhelpico1{
width: 100px;
height: 31px;
float: left;
display:none;
}
.mobhelpico2 {
width: 100px;
height: 31px;
float: right;
display:none;
}
.aclas 
{
height: 25px;
margin: 5px 7px 0px 0px;
width: 25px;
color: #fff;
float: right;
display:none;
}	
.obbvclas 
{
height: 20px;
margin: 5px 7px 0px 5px;
width: 20px;
color: #fff;
float: right;
display:none;
}
.komplektclas 
{
height: 20px;
margin: 5px 7px 0px 5px;
width: 20px;
color: #fff;
float: right;
display:none;
}
.fsort0,.fsort1,.fsort2,.fsort3,.fsort4,.fsort5,.fsort6,.fsort7
{
opacity:0.4;
cursor:pointer;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.fsort0:hover,.fsort1:hover,.fsort2:hover,.fsort3:hover,.fsort4:hover,.fsort5:hover,.fsort6:hover,.fsort7:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.filter_order_sort span
{
text-transform: uppercase;
color: #1e233d;
line-height: 26px;
font-family: "RobotoCondensedRegular";
}	
.osort,.sortpic
{
height: 16px;
margin: 2px 5px 0px 0px;
width: 16px;
background-size: contain !important;
opacity:0.8;
display:block;
float:left;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.osort:hover,.sortpic:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.orderfilter
{
margin: 20px 5px 0px 5px;
padding: 0px;
float: left;
}
.datafilter
{
float:left; 
padding: 0px;	 
}	
.filter_order_sort
{
float: left;
display:none; 
line-height: 45px;	
}	
.orderstatusicotext
{
font-family: "RobotoCondensedLight";
text-align: center;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
line-height: 22px;
color: #bcbdbd;
}
.orderstatusico
{
float: left;
color: #b2b6c9;
cursor: pointer;
background: #44485d;
padding: 5px 5px 13px 5px;
margin: 5px;
border-radius: 3px;
}	
.orderfilter strong
{
display: block;
float: right;
cursor: pointer;	
}	
.orderstatusico b
{
margin: 0px 2px 4px 2px;
float: left;
height: 10px;
width: 23px;
display: block;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.osi1
{
background-color:#cecece;
opacity: 0.2;	
}
.osi2 
{
background-color:#205e9c;
opacity: 0.2;	
}	
.osi3
{
background-color:#ff9900;
opacity: 0.2;	 
}
.osi4
{
background-color:#21cddf;
opacity: 0.2;	 
}
.osi5
{
background-color:#ff0a42;
opacity:0.2;
}
.osi6
{
background-color:#2faf51;
opacity: 0.2;	 
}
.osi1:hover,.osi2:hover,.osi3:hover,.osi4:hover,.osi5:hover,.osi6:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.orderfilter span
{
}	
.orderline
{
background: #fff;
padding: 10px 10px 5px 10px;
border-radius: 7px;
margin: 10px 10px 10px 10px;
-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;
}	
.orderline:hover
{
background: #fff;
-webkit-box-shadow: 1px 6px 7px 3px rgb(48 52 102 / 33%);
-moz-box-shadow: 1px 6px 7px 3px rgb(48, 52, 102,  33%);
-box-shadow: 1px 6px 7px 3px rgb(48, 52, 102, 33%);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	

.startdatafilter {
float: left;
padding: 5px 10px 5px 10px;
margin: 10px 0px 10px 17px;
border-radius: 3px;
background: #44485d;

}

.filterlimit
{
float:right;
background: #44485d;
padding: 7px 4px 0px 4px;
margin: 5px;
border-radius: 3px;
}	
.filterlimit span
{
display:block;
float:left;	
text-align: center;
width: 70px;
}	
.filter_order
{
float: right;
width: 55px;	
}
.inp_sort_model,.inp_sort_obbyvka,.inp_sort_nazvaobbv,.inp_sort_nazvaobbv_name {
border: none;
border-bottom: 0px solid #cecece;
width: 60px;
height: 18px;
text-transform: uppercase;
font-size: 12px;
border-radius: 3px;
background: #f4f5fa;
color: #cecece;
margin: 0px 0px 0px 0px;
text-align-last: center;
font-family: "RobotoCondensedRegular";
display: block;
float: left;
}	
.sel_type,.sel_sitplace
{
border: none;
border-bottom: 0px solid #cecece;
width: 60px;
height: 18px;
text-transform: uppercase;
font-size: 12px;
border-radius: 3px;
background: #f4f5fa;
color: #cecece;
margin: 0px 0px 0px 0px;
text-align-last: center;
font-family: "RobotoCondensedRegular";
display: block;
float: left;	
}	

.inp_filter_model, .inp_filter_obbyvka, .inp_filter_type{
border: none;
border-bottom: 0px solid #cecece;
width: 90px;
height: 30px;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
border-radius: 3px;
background: #2b4c65;
color: #cecece;
margin: 0px 5px 0px 5px;
text-align-last: center;
font-family: "RobotoCondensedRegular";
display: block;
float: left;
}	
select.inp_sort_model,select.inp_sort_obbyvka,select.inp_sort_nazvaobbv,select.inp_sort_nazvaobbv_name,select.inp_filter_model,select.inp_filter_obbyvka, select.mob_dyler_menu,
select.btn_filter_data,select.sel_color,select.sel_type,select.select_blank_newworker,select.sel_sitplace{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.inp_sort_model:activ{
background:#444;	
}	
select.inp_filter_model:activ{
background:#444;	
}	
#filter_obbyvka,#filter_model,.mob_dyler_menu
{
color:#fff;	
}	
#serch_filter 
{
background: #333a5c;
border: none;
border-bottom: 1px solid #9497a2;
width: 55px;
line-height: 26px;
	height: 28px;
font-size: 20px;
color: #1e233d;
text-align: center;
border-radius: 3px;
letter-spacing: 1px;
color:#fff;
font-weight:bold;
margin: 17px 0px 0px 0px;
float: left;
}	
/* */
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #1e233d59;
z-index: 999999;
}
.sk-folding-cube {
position: absolute;
top: 48%;
left: 48%;
width: 40px;
height: 40px;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f4f5fa;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/* */
.coprocesplan-title {
font-size: 12px;
text-align: center;
text-transform: uppercase;
background: #e9eaf1;
line-height: 36px;
letter-spacing: 2px;
color: #1e233d;
margin:20px 0px 20px 0px;
}
.coprocesplan
{
float: left;
font-family: "RobotoCondensedRegular";
width: 90px;
margin: 5px 5px 5px 5px;
height: 50px;	
text-align: center;
color: #444;
border-radius: 5px;
background: #eceffd;
box-shadow: 0px 2px 4px 0px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity: 0.8;
}	
.coprocesplan span
{
font-size:22px;
text-align:center;
}
.coprocesplan b
{
font-size: 10px;
display: block;
float: left;
width: 100%;
font-weight: 100;
}
.btn-wtime
{
font-size: 12px;
background: #42496b;
border-radius: 4px;
text-align: center;
line-height: 16px;
padding: 10px;
margin: 3px 0px 3px 0px;
cursor: pointer;
color: #fff;	
}	
.wtime-coment input
{
width:100%;	
line-height: 32px;
border:none;
border-bottom: 1px solid #d8d8d8;
}	
.inp-wtime
{
background: #4fb4e5;	
}
.inp-wtime input,.inp-wtimeprice input,.inp-swtime input,.inp-swtimeprice input	
{
background: none;
border:none;
border-bottom: 1px solid #d8d8d8;
line-height: 42px;
font-size:18px;	
}
.inp-wtimeprice
{
background: #7ccd49;	
}
.inp-swtime
{
background: #00689b;	
}
.inp-swtimeprice	
{
background: #3e8d0c;	
}
.row-all-wtime {
border: none;
line-height: 42px;
border-bottom: 1px solid #d8d8d8;
margin: 3px 0px 0px 0px;
border-radius: 5px;
background: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.zp-valid-ok
{
background:#5fe329;
width: 100px;
float: left;
cursor:pointer;	
}	
.zp-valid-cencel
{
background:#ddd;
width: 100px;
float: left;		
cursor:pointer;
}	
/*---popup---*/
.cd-set-trigger 
{
width: 20px;
height: 20px;
text-decoration: none;
color: #f5f5f5;

background: url(../images/gear.png) no-repeat transparent;
opacity: 0.7;
float: right;
background-size: contain;
padding: 0px 10px 0px 10px;
margin: 5px 0px 0px 0px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.cd-set {
position: fixed;
left: 0;
top: 0;
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;
}
.cd-set.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-set-container {
position: relative;
width: 90%;
max-width: 800px;
margin: 7em auto;
min-height: 100px;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
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;
}
.cd-set-container .cd-set-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
.cd-set-container .cd-set-close::before, .cd-set-container .cd-set-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.cd-set-container .cd-set-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-set-container .cd-set-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-set-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
/*-----*/
.nema0
{
opacity: 0.2;
filter: blur(0.7px);	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.nema0:hover
{
opacity:1;
filter: blur(0px);	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.wkjob1
{
background:#876b5f;	
padding: 0px;	
}	
.wkjob2
{
background:#8c9da9;	
padding: 0px;	
}	
.wkjob3
{
background:#0e9aa7;	
padding: 0px;	
}	
.wkjob4
{
background:#edc951;	
padding: 0px;	
}	
.wkjob5
{
background:#84c1ff;	
padding: 0px;	
}	
.wkjob6
{
background:#7bc043;	
padding: 0px;	
}	
.wkjob7
{
background:#f14807;	
padding: 0px;	
}	
.wkjob8
{
background:#fff813;	
padding: 0px;	
}	
.wkstatus1
{
background:#caf0da;
padding: 0px;	
}
.wkstatus2
{
background:#eee;	
padding: 0px;
}
.wkstatus3
{
background:#e4e5e8;	
padding: 0px;
}
.wkstatus4
{
background:#fff;	
padding: 0px;
}
.wkrtype0,.wkjob0
{
background:#dedede;	
padding: 0px;	
}	
.wkrtype1
{
background:#a9d9a5;	
padding: 0px;	
}	
.wkrtype2
{
background: #efefd0;
padding: 0px;	
}	
.wkrtype3
{
background:#c6c8ed;	
padding: 0px;	
}	
.wkrtype4
{
background:#eee;	
padding: 0px;	
}	
.wktype0
{
}	
.wktype1
{
}	
.wktype2
{
}	
.wktype3
{
}	
.wktype4
{
border-bottom: 3px solid #c3c3c3;	
}	
.wkwork0
{
background:#eee;	
padding: 0px;	
}	
.wkwork1
{
background:#eee;	
padding: 0px;	
}
.wkwork2
{
background:#eee;	
padding: 0px;	
}
.wkwork3
{
background:#eee;	
padding: 0px;	
}
.wkwork4
{
background:#eee;	
padding: 0px;	
}
.wkwork5
{
background:#eee;	
padding: 0px;	
}
.wkwork6
{
background:#eee;	
padding: 0px;	
}
.wkwork7
{
background:#eee;	
padding: 0px;	
}

a.wkrname  
{
color:#000;	
}	

a.wkrname:hover 
{
background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    color: #9b9ca7;
}	
.plrobel_1 
{
width:50px;
}	
.btn_reklam_order
{
width:50px;
margin: auto;
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;
float: left;
line-height: 42px;
margin-top: 10px;
}	
.inp-reklam-order
{
border: none;
width: 100%;
line-height: 50px;
font-size: 32px;
margin: 6px 10px 3px 0px;
border-radius: 3px;
}	
.roundlogo
{
background: url(../images/clogo.jpg) no-repeat transparent;
height: 57px;
margin: auto;
display: block;
width: 57px;
opacity: 1;
background-size: contain;
float: right;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
border-radius: 100px;
border: 2px solid #dec989;
box-shadow: 3px 3px 7px #666;	
}	
.tri-right.left-top:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -7px;
right: auto;
top: 18px;
bottom: auto;
border: 22px solid;
border-color: lightyellow transparent transparent transparent;
}
.stat_chat_text
{
font-size: 22px;
background: #ffffe0;
color:#525252;
border-radius: 15px;
padding: 16px 15px 18px 25px;
margin-top: 7px;
float: left;
font-family: RobotoCondensedRegular;
-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);
}	
.stat_chat_user b
{
font-size: 12px;
color: #776d3f;
line-height: 22px;
display: block;
float: right;
width: 100%;
text-align: right;
padding: 3px 3px 0px 0px;
}
.stat-chat-log
{
max-height: 145px;
overflow: overlay;
background: #ffffff47;
border-radius: 5px;
margin-top: 6px;
padding: 5px 35px 0px 5px;
}
.stat_chat_log_user
{
font-size:12px;
color: #6f756a;
line-height: 28px;	
}	
.stat_chat_log_user b
{
font-size:12px;
color:#849678;	
}
.stat_chat_log_text
{
font-size: 13px;
line-height: 20px;
background: #ffffff78;
margin: 2px 0px 2px 0px;
padding: 3px 6px 3px 10px;
border-radius: 4px;
}	
.inp_blank_stat_chat
{
border-radius: 5px;
padding: 2px;
margin: 5px;
width:100%;
border: 1px solid  #ececec;	 
-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);
}	  
.btn_stat_chat
{
background: #fff;
width: 100px;
padding: 5px 10px 5px 10px;
margin:auto;
cursor:pointer;
text-align: center;	
-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);
}	
.zpsort1
{
background: #127515;
border-radius: 5px;
padding: 2px;
margin: 5px;
cursor:pointer;
}	
.zpsort2
{
background: #56ef5b;
border-radius: 5px;
padding: 2px;
margin: 5px;
cursor:pointer;
}
.zpsort3
{
background: #c7ecc8;
border-radius: 5px;
padding: 2px;
margin: 5px;
cursor:pointer;
}
.zpsort4
{
background: #42496b;
border-radius: 5px;
padding: 2px;
margin: 5px;
cursor:pointer;
}
.zpname
{
color: #444;
font-weight: bold;
font-size: 12px;
padding: 0px;
}
.zpname span
{
width: 20px;
display: block;
float: left;
text-align: center;
font-weight: 100;
font-size: 10px;
margin: 0px 5px 0px 0px;
}
.wkt1 span
{
background: #a9d9a5;

}
.wkt2 span
{
background: #efefd0;
}
.wkt3 span
{
background: #c6c8ed;
}
.wkt4 span
{
background:#eee;
}	
.zpbalance	
{
font-weight: bold;
background: #56ef5b;
color: #2a3e2a;
font-size: 15px;
}
.zpmounth
{
background: #669b67;
color: #deffde;
font-size: 14px;
text-align: center;
}	
.zppay
{
background: #c7ecc8;
color: #566d5f;
font-size: 14px;
text-align: center;	
}
.zpdata
{
color: #c5c5c5;
text-align: center;
background: #f4f4f5;	
}
.zpcomment
{
color:#444;
font-style:italic;
background:#fff;
font-size: 11px;
padding: 2px;	
line-height: 28px;
}
.zpuser
{
color: #1e233d;
font-weight: bold;
font-size: 11px;
opacity: 0.4;
background: #f4f4f5;
}	
.rowap0	
{
opacity:0.4;
filter: blur(0.7px);	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.rowap0:hover
{
opacity:1;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.rowap00	
{
opacity: 1;
background: #ff7878;
color: #444;
}
.rowap1
{
opacity:0.0;
}	
.zppnow
{
background: #42496b;
color: #fff;
text-align: center;
font-size: 14px;	
opacity: 0.9 !important;
}	
.zppnowbonus
{
background: #f5a655;
color: #fff;
text-align: center;
font-size: 14px;	
opacity: 0.9 !important;	
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}	
.wspoilerw
{
}
.wspoilerow
{
}
.wspoilerpr
{
background: #1e233d;
color: #fff;	
}	
.wspoilerp
{
}
.wspoilerop
{
}
.wspoilerdz
{
background: #1e233d;
color: #fff;	
}
.wspoileru
{
background: #d7d7d7;	
}
.wspoilerc
{
}
.wspoilerxp
{
font-size: 14px;	
}
.chekzpnow
{
font-weight: bold;
background: #c8e6c9;
font-size: 16px;
color: #557a57;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 10px;
width: 150px;
border-radius: 4px;
}
.chekzpother
{
font-weight: bold;
background: #ff0404;
font-size: 16px;
color: #fff;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 10px;
width: 150px;
border-radius: 4px;
}
.wspoilerline
{
border-bottom: 1px solid #ececec;
text-align: center;
background: #fff;
margin: 0px 0px 2px 0px;
}
.wspoilerlineotherw
{
border-bottom: 1px solid #ececec;
text-align: center;
line-height: 30px;
background: #ffe0e0;
margin: 0px;
}
.wspoilerlineotherwtitle
{
font-size: 18px;
text-align: center;
line-height: 45px;
font-weight: bold;
text-transform: uppercase;
color: #ff0404;
}	
.wspidz
{
background: #ececec;
}
.wspprice
{
background: #e8f5e9;
}
.wspstart
{
background: #d1deeb;
}		
.wspend
{
background: #feecd2;
}
.wspoiler-head
{
font-size: 12px;
background: #42496b;
width: 110px;
border-radius: 4px;
text-align: center;
line-height: 16px;
padding: 10px;
margin: 12px 0px 10px 0px;
cursor: pointer;
color: #fff;
}
.wspoiler-body
{
border-top: 1px solid #C3CBD1;
}	
.headproctabel
{
font-size: 16px;
color: #fff;
letter-spacing: 1px;
line-height: 58px;
text-transform: uppercase;
text-align: center;
float: left;
width: 100%;
}	
.headproctabel span
{
font-size: 26px;
line-height: 33px;
text-align: center;
background: rgb(255 255 255 / 79%);
color: #1e233d;
padding: 2px 7px 2px 7px;
margin: 10px 0px 0px 0px;
border-radius: 3px;
float: left;
width: 45px;
}	
.statprocess-l
{
background: #f5f5f5;
line-height: 34px;
font-size: 22px;
text-align: center;
color:#8a8ea1;
margin-bottom: 35px;
font-family: "RobotoCondensedRegular";
-webkit-box-shadow: 1px 8px 8px 0px rgb(30 35 61 / 12%);
-moz-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);
-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);	
}	
.statprocess-l b {
font-size: 11px;
letter-spacing: 1px;
line-height: 12px;
padding: 0px 0px 5px 0px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
color: #cbcdd6;
}
.statprocess-suma b
{
color: #559b6d;
font-size: 28px;
line-height: 26px;
padding: 0px;	
}	
.statprocess-kil,.statprocess-suma,.statprocess-pw,.statprocess-pws,.statprocess-w,.statprocess-wtmp
{
border-right: 1px solid #e6e6e6;
}	
.statprocess-kil span,.statprocess-suma span,.statprocess-pw span,.statprocess-pws span,.statprocess-w span,.statprocess-wtmp span
{
font-size: 8px;
letter-spacing: 1px;
line-height: 12px;
padding: 10px 0px 0px 0px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
color: #cbcdd6;	
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}	
.statprocess-kil
{
font-size: 30px;
border-top: 4px solid #59e3f1;	
}	
.statprocess-suma
{
border-top: 4px solid #64ad7d;
font-size: 14px;
line-height: 22px;
color: #444;	
}
.statprocess-suma i
{
color: #f5a655; 
font-size: 14px;	
}
.statprocess-suma em
{
color: #000; 
font-size: 16px;	
}
.statprocess-pw
{
background: #eee;	
border-top: 4px solid #49b8c3;
}
.statprocess-pws
{
background: #eee;	
border-top: 4px solid #375d44;
}
.statprocess-w
{
border-top: 4px solid #ffa83c;	
font-size: 30px;	
}
.statprocess-wtmp
{
border-top: 4px solid #c5c5c5;
}
.statsortbtn
{
float: left;
line-height: 20px;
font-size: 10px;
cursor: pointer;
margin: 4px;
padding: 0px 5px 0px 5px;
width: 60px;
text-align: center;
font-family: "RobotoCondensedRegular";
}	
.sbp
{
background:#375d44;
color:#fff;
}	
.sbs
{
background:#f1e33e;
}	
.sbo
{
background:#fff;	
}
.sbep
{
background:#6eb386;	
}
.sbeo
{
background:#ded8d8;	
}
.diltop
{
background:#dccd5f !important;	
}	
.dilmedium
{
background:#cecece !important;		
}	
.count_diler,.count_model
{
border-top: 1px solid #e6e6e6;
padding: 5px 0px 5px 0px;	
float:left;
width:100%;
background: #fff;
}	
.dilerall-models-cout
{
padding: 5px 0px 5px 0px;	
}	
.chart-period-diler-info
{
float: left;
background: #fff;
margin: 2px 0px 16px 0px;
padding: 0px 0px 5px 0px;
width: 100%;
border-bottom: 1px solid #e8e8e8;
-webkit-box-shadow: 3px 6px 6px 0px rgb(98 99 119 / 45%);
-moz-box-shadow: 3px 6px 6px 0px rgba(98, 99, 119, 0.44);
-box-shadow: 3px 6px 6px 0px rgba(98, 99, 119, 0.44);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
}	
.saleforsklad
{
float: left;
width: 100%;
background: #eee;
margin: 50px 0px 20px 0px;	
}
.sklad-models-cout,.dilerall-models-cout
{
float: left;
width: 100%;
}	
#dil-line
{
float: left;
background: #ecececcf;
margin: 5px 0px 2px 0px;
padding: 0px 0px 5px 0px;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}	
.diler-name-monthe,.skl-diler-name-monthe
{
width: 260px;
float: left;
line-height: 36px;
font-size: 16px;
font-weight: bold;
padding: 0px 5px 0px 10px;
color: #43444a;
}	
.diler-chart-topblock
{
background:#fff;
margin: 0px 0px 20px 0px;
}	
.alldotorders,.salldotorders 
{
display:block;
float:left;	
font-size: 28px;
text-align:center;
width:100px;
background: #1e233d;
color: #fff;
}	
.alldotsumas,.salldotsumas 
{
display:block;
float:left;	
font-size: 28px;
text-align:center;
width:150px;
background: #375d44;
color: #fff;
}
.dotsoft,.dotmedium,.dotsolid,.skl-dotsoft,.skl-dotmedium,.skl-dotsolid
{
line-height: 36px;
font-size: 18px;
width: 50px;
text-align: center;
display: block;
float: left;	
}	
.alldotsoft,.salldotsoft
{
display: block;
float: left;
font-size: 28px;
width: 105px;
text-align: center;	
background: #e4f3ef; 
}	
.alldotmedium,.salldotmedium
{
display: block;
float: left;
font-size: 28px;
width: 105px;
text-align: center;	
background:#caefe5;
}	
.alldotsolid,.salldotsolid
{
display: block;
float: left;
font-size: 28px;
width: 105px;
text-align: center;	
background:#b4e6d9;
}	
.dotsoft,.skl-dotsoft
{
background: #e4f3ef; 
margin-left: 10px;
}
.dotmedium,.skl-dotmedium
{
background:#caefe5;
}
.dotsolid,.skl-dotsolid
{
background:#b4e6d9;
}
.alldotpremium,.alldotstandart,.alldotleather,.alldotleathereko,.alldottextile,.salldotpremium,.salldotstandart,.salldotleather,.salldotleathereko,.salldottextile
{
display:block;
float:left;	
font-size: 28px;
width:105px;
text-align:center;
}
.all-chart-block-info
{
margin: 30px 0px 5px 0px;
width: 100%;
float: left;
line-height: 72px;
padding: 0px 0px 0px 15px;
}
.all-chart-block-info-m
{
margin: 10px 0px 25px 0px;
width: 100%;
float: left;
padding: 0px 0px 0px 5px;
}	
.chart-all-model
{
float: left;
padding: 5px 10px 5px 10px;
background: #fff;
margin: 2px;
border-radius: 3px;
border: 1px solid #eef0f7;
font-size: 14px;
-webkit-box-shadow: 1px 8px 8px 0px rgb(30 35 61 / 12%);
-moz-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);
-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);	
}
.chart-all-model-k
{
font-weight:bold;
padding: 0px 5px 0px 10px;
}	
.chart-model-block,.allchart-model-block
{
float: left;
padding: 2px 5px 2px 5px;
background: #fafbff;
margin: 2px;
border-radius: 3px;
border: 1px solid #e6e6e6;
font-size: 11px;
opacity: 0.4;
}
.chart-model-block:hover,.allchart-model-block:hover
{
opacity: 1;	
cursor:pointer;
}	
.chart-model-k,.allchart-model-k
{
font-weight:bold;
padding: 0px 0px 0px 4px;
}	
.chart-model-b
{
width:100%;
float: left;
margin: 0px 0px 5px 0px; 
border-bottom: 1px solid #ffffff;
}	
.chart-model,.allchart-model
{
color:#444;	
}	
.chart-title-period
{
background: #1e233d;
color: #fff;
text-align: center;
line-height: 52px;
margin: 0px 0px 10px 0px;
font-size: 14px;
}	
.chart-title-period span
{
font-weight:bold;
font-size: 16px;
}
.dotperiod,.skl-dotperiod
{
display: block;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 36px;
background: #ffffff;
width: 77px;
text-align: center;
}
.dotorders,.skl-dotorders
{
display: block;
float: left;
font-size: 18px;
padding: 5px;
line-height: 26px;
background: #1e233d;
color: #fff;
width: 50px;
text-align: center;
}
.dotsumas,.skl-dotsumas 
{
font-size: 18px;
padding: 5px;
line-height: 26px;	
display: block;
float: left;	
background: #375d44;
color: #fff;
width: 100px;
text-align: center;
}	
.dotpremium,.dotstandart,.dotleather,.dotleathereko,.dottextile,.skl-dotpremium,.skl-dotstandart,.skl-dotleather,.skl-dotleathereko,.skl-dottextile
{
line-height: 36px;
font-size: 18px;
width: 50px;
text-align: center;
display:block;
float:left;
}
.dotpremium,.alldotpremium,.salldotpremium,.skl-dotpremium
{
background: rgb(165 135 90 / 26%);
margin-left: 10px;	
}
.dotstandart,.alldotstandart,.salldotstandart,.skl-dotstandart
{
background: rgb(99 99 99 / 10%);
margin-right: 10px;	
}
.dotleather,.alldotleather,.salldotleather,.skl-dotleather
{
background: rgb(167 112 11 / 10%);	
}
.dotleathereko,.alldotleathereko,.salldotleathereko,.skl-dotleathereko
{
background: rgb(185 204 30 / 10%);	
}
.dottextile,.alldottextile,.salldottextile,.skl-dottextile
{
background: rgb(176 205 222 / 10%);	
}	
.diler-order-tabl
{
font-size: 11px;
margin: 50px 0px 0px 0px;
background: #fff;
/*visibility: hidden;*/
display:none;
}	
.chart-title
{
font-size: 12px;
text-align: center;
text-transform: uppercase;
background: #e9eaf1;
line-height: 36px;
letter-spacing: 2px;
color: #1e233d;
}	
.chart-title-big
{
font-size: 18px;
text-align: center;
text-transform: uppercase;
background: #1e233d;
line-height: 36px;
letter-spacing: 2px;
color: #f4f5fa;
margin: 0px 0px 10px 0px;	
}	
.chart-period-diler-name
{
}	
.chart-period-diler
{
font-size: 18px;
text-align: center;
text-transform: uppercase;
background: #1e233d;
line-height: 42px;
letter-spacing: 2px;
color: #f4f5fa;
margin: 25px 0px 0px 0px;
float:left;
width:100%;	
}	
.c-block-1
{
background:#fff;
padding:0px 0px 50px 0px;
}	
.c-block-2
{
background:#fff;	
padding:0px 0px 50px 0px;	
}
.toprint_info	
{
line-height:42px;	
}	
.select_data_diapazon
{
padding: 5px;	
}	
.sel_dyler_to_print
{
font-size: 14px;
line-height: 16px;
margin: 0px 0px 0px 0px;
border: none;
width: 100%;
padding: 8px;
border-bottom: 1px solid #c3c3c3;
background: #f4f5fa;	
}	
.line-to-print
{
font-size:12px;	
border-bottom: 1px solid #1e233d;
}	
.toprintuser
{
font-size:10px;
line-height: 17px; 	
padding:0px;
text-align: right;
}
.btntoprint
{
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;
}	
.toprintuser span
{
font-size: 26px;
font-weight: bold;
/* width: 20px; */
margin: 0px 5px 0px 0px;
display: block;
float: left;	
}	
.toolsblock span
{
width: 100%;
display: block;
float: left;
text-align: center;	
line-height: 70px;
color: #444;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
font-size: 11px;
margin: 3px;
border-radius: 5px;
background: #eceffd;
border: 1px solid #e5e7f3;
-webkit-box-shadow: 0px 3px 5px 0px rgb(24 37 76 / 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);
}	
.wip-name
{
width: 100%;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    line-height: 24px;
    color: #4f5366;
    font-size: 9px;
    letter-spacing: 1px;
    background: #1e233d14;
 
}	
.wip-updata
{
width: 100%;
display: block;
float: left;
text-align: center;	
line-height: 70px;
color: #444;
background: #eceffd;
-webkit-box-shadow: 0px 6px 6px 0px rgb(24 37 76 / 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);	
}	
.zp-worker-info-panel {
    padding: 15px 15px 5px 15px;
    margin-top: 20px;
}	

 

.whide4
{
display: none;
}	
.wip-proces
{
text-align: center;
font-size: 24px;
width: 20%;
float: left;
line-height: 48px;
color: #444;
background: #f3f3f7;
border: none;
border-right: 1px solid #dfdfe1;
}	
.wip-procespay
{
text-align: center;
font-size: 30px;
width: 20%;
float: left;
line-height: 48px;
color: #9b9b6f;
background: #efefd0;
}
.wip-stavkapay
{
text-align: center;
font-size: 30px;
width: 20%;
float: left;
line-height: 48px;
color: #669363;
background: #a9d9a5;	
}
.wip-timepay
{
text-align: center;
font-size: 30px;
width: 20%;
float: left;
line-height: 48px;
color: #787aa1;
background: #c6c8ed;	
}

.wip-coffee
{
text-align: center;
font-size: 30px;
width: 20%;
float: left;
line-height: 48px;
color: #b36d25;
background:#f6af66;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}


.wip-coffee:hover, .wip-procent:hover
{
opacity:0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.wip-procent
{
text-align: center;
font-size: 30px;
width: 20%;
float: left;
line-height: 48px;
color: #787aa1;
background: #d0d2d3;	
}

.wip-pst
{
text-align: center;
font-size: 30px;
width: 17%;
float: left;
line-height: 48px;
color: #c70600;
    background: #efb0ae;	
}
	

.wip-last
{
text-align: center;
font-size: 30px;
width: 33.3%;
float: left;
line-height: 48px;
color: #f4f5fa;
background: #00a188;
}	
.wip-now
{
text-align: center;
font-size: 30px;
width: 33.3%;
float: left;
line-height: 48px;
color: #015246;
background: #008d77;
}	
.wip-all
{
text-align: center;
font-size: 30px;
width: 33.3%;
float: left;
line-height: 48px;
color: #00483d;
background: #007966;
font-weight: bold;
}	
	
.block-wip
{
float: left;
width: 100%;
border-radius: 5px;
background: #ffffff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
 
cursor: pointer;
border-radius: 0px 0px 5px 5px;
}	
.wip-workers
{
text-align:center;
margin: 0px 20px 0px 10px;
height: 50px !important;
width: 50px !important;
line-height: 50px !important;
font-size: 24px !important;
float: left;
color: #444;
border-radius:5px;
background: #eceffd;
box-shadow: 0px 2px 4px 0px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:0.8;
}
.wip-workers:hover
{
opacity:1;
box-shadow: 0px 6px 11px 3px rgb(190 192 203);	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.wip-workers b
{
font-size:12px;	
}	
.block-worker-shot-info
{
padding: 20px 0px 0px 0px;	
}	
.block-worker-shot-info span
{
float: left;
display: block;
width: 35px;
line-height: 35px;
text-align: center;
font-size: 14px;
margin: 10px 3px 0px 3px;
border-radius: 4px;
opacity: 0.8;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.block-worker-shot-info span:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	


.block-worker-shot-info-type
{
padding: 20px 0px 0px 0px;	
}	
.block-worker-shot-info-type span
{
float: left;
    display: block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 10px 3px 0px 3px;
    border-radius: 4px;
 
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.block-worker-shot-info-type span:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}

.wip-topay
{
text-align: center;
    font-size: 34px;
    width: 100%;
    float: left;
    color: #f53b57;
    font-weight: bold;
    opacity: 0.8;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
 
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
}	
.wip-topay:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
box-shadow: 0px 6px 11px 3px rgb(190 192 203);	
opacity:1;	
}	

.wip-lasttit
{
	
}	
.wip-lastsuma
{
	
}

.wph
{
max-height: 200px;
overflow: overlay;
padding: 0px 20px 0px 0px;
}
.rowallzp
{
border: none;
line-height: 32px;
border-bottom: 1px solid #d8d8d8;
margin: 3px 0px 0px 0px;
border-radius: 5px;
background: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.rowallzp:hover
{
-webkit-box-shadow: 0px 6px 6px 0px rgb(24 37 76 / 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);	
opacity:1;
border-bottom: 1px solid #c2c4ce;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; 	
}
.lhzp
{
padding: 5px 5px 0px 5px;
border: 1px solid #dedfe0;
background: #ffffff;
margin: 10px 0px 5px 0px;
float: left;
border-radius: 5px;
box-shadow: 1px 4px 7px 0px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(244, 245, 250, 1) 100%);
}	
.lhzpminus
{
padding: 5px 5px 0px 5px;
border: 1px solid #dedfe0;
background: #ffffff;
margin: 10px 0px 5px 0px;
float: left;
border-radius: 5px;
box-shadow: 1px 4px 7px 0px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(117 215 120) 100%);
}
.wpi
{
background:#fdf59a;
}
.hwpd	
{
font-size:11px;
line-height: 26px;
}	
.hwpc
{
font-size: 12px;
padding: 5px;
background: #e8e8eb;
border-radius: 4px;
margin: 10px 10px 10px 0px;
font-style: italic;
}	
.hwpob
{
font-weight: bold;
color: #cdcdcd;
line-height: 26px;
font-size: 16px;
}
.hwpnb
{
font-weight:bold;
font-size: 16px;	
}	
.tabel-payblok-zp
{
}	
.pwn
{
font-size:16px;
line-height: 50px;	
}
.pws
{
font-size:16px;
font-weight:bold;
line-height: 50px;	
}

.hwps	
{
font-weight: bold;
background: #80cb83;
font-size: 15px;
line-height: 26px;
border-radius: 4px;
}	
.inp_worker_zp_pay
{
border: none;
border-bottom: 1px solid #acb1cc;
width: 200px;
font-size: 16px;
padding: 10px;
margin: 10px 0px 10px 0px;
background: #e7e7e7;
border-radius: 4px;
}	
.coment_worker_zp_pay
{
width: 100%;
padding: 10px;
margin: 20px 5px 10px 0px;
border: none;
border-bottom: 1px solid #acb1cc;
background: #e7e7e7;
border-radius: 4px;
}	
.last-pay_worker
{
min-height:200px;	
}	
.add-pay_worker
{
min-height: 188px;
padding: 10px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
box-shadow: 1px 4px 7px 0px rgb(190 192 203);
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(244, 245, 250, 1) 100%);
border: 1px solid #dedfe0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}	
.select-worker
{
 
margin-bottom: 2px;

}
.select-worker-inf,.select-block_diler_chart
{
font-size: 22px;
line-height: 22px;
margin: 20px 0px 10px 0px;
border: none;
width: 100%;
padding: 10px;
border-bottom: 1px solid #c3c3c3;
background: #1e233d;
color: #fff;	
border-radius: 4px;
}	
.select-worker-inf option,.select-block_diler_chart option
{
color: #fff;	
}
#worker-stat-name
{
font-size:24px;	
}	
.tabel-arc-zp,.tabel-calc-zp 
{
background: #f1f1f1;
margin: 30px 0px 30px 0px;
width: 100%;
}	
.tabel-now-zp
{
margin-top: 30px;
margin-bottom: 30px;
box-shadow: 0px 6px 11px 1px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.tabel-now-zp:hover
{
box-shadow: 0px 14px 11px 1px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.exempl-bonus
{
line-height: 60px;
font-size: 16px;
}
.arc-zp
{
line-height: 26px;
border-bottom: 1px solid #bac9d2;
font-size: 12px;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.arc-zp:hover
{
box-shadow: 0px 5px 5px 0px rgb(155 166 173);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
position:relative;
z-index:56;
}	
.c-date
{
}
.hwpc {
}
.cw-done
{
font-size: 14px;
width: 25px;
color: #a2a2a2;
padding: 0px 0px 0px 0px;
}	
.cw-pay
{
font-size:14px;
color:#444;	
background: #fff;
padding: 0px 8px 0px 8px;
}
.cw-bonus1
{
background:#c8e6c9;
padding: 0px 5px 0px 5px;
}	
.cw-bonus2
{
background:#b2fab4;
padding: 0px 5px 0px 5px;
}
.cw-bonus3
{
background:#80e27e;
padding: 0px 5px 0px 5px;
}
.cw-bonus4
{
background:#6abf69;
padding: 0px 5px 0px 5px;
}
.cw-bonus5
{
background:#57965a;
padding: 0px 5px 0px 5px;
}
.cw-bonus6
{
background:#69f0ae;
padding: 0px 5px 0px 5px;
}
.cw-bonus7
{
}
.cw-bonus1 i,.cw-bonus2 i,.cw-bonus3 i,.cw-bonus4 i,.cw-bonus5 i
{
float: right;
display: block;
font-size: 10px;
}
.cw-suma
{
font-size:16px;
font-weight:bold;	
background: #ffffff;
}	
.cw-sumaarc
{
font-size:14px;
font-weight:bold;	
background: #ffffff;
color: #626262;
}
.cw-bsuma
{
font-size: 14px;
font-weight: bold;
color: #b99a7a;
background: #f4e7dc;
}
.cw-bt span 
{
font-size: 10px;
color: #1e233d;
text-transform: uppercase;
padding: 0px 10px 0px 0px;
}	
.cw-accept
{
background: #42496b;
color: #fff;	
}	
.c-dones
{
color: #e6b835;
font-weight: bold;
}	
.inp-stavka
{
background: none;
line-height: 22px;
border: none;
border-bottom: 1px solid #7da090;
margin: 0px 0px 5px 10px;
color: #1e233d;
font-weight: bold;
font-size: 16px;
width: 70px;
}
.stavka
{
background:#e5ffe2; 
text-transform:uppercase;
}	
.stavka span
{
font-size:11px;
}
.stavka_b
{
font-weight: bold;
font-size: 15px;
text-align: center;
background: #ffefdf;
color: #f5a655;
}
.stavka_b span
{
font-size: 11px;
text-transform:uppercase;	
font-weight:100;
display: block;
float: left;
color: #444;
}
.stavka_p
{
font-weight: bold;
font-size: 15px;
text-align: center;
background: #e0e1e5;
}
.stavka_p span
{
font-size: 11px;
text-transform:uppercase;
font-weight:100;
display: block;
float: left;
}
.stavka_s	
{
font-size: 15px;
font-weight: bold;
background: #f5f5f5;
text-align: center;	
}	

.coffe-box-summa-pay
{
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;
    font-size: 11px;
    opacity: 0.7;
}	

.ico_coffee {
    background: url(../images/ico_coffee.png) no-repeat transparent;
height: 45px;
    margin: 0px 3px 0px 2px;
    display: block;
    width: 39px;
    opacity: 0.7;
    background-size: contain;
    float: left;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.coffe-box-summa
{
    font-size: 33px;
    font-weight: bold;
    background: #ff9800;
    text-align: center;
    color: #f7f7fb;
    padding: 5px;
    border-radius: 6px;
    width: 150px;
    margin: auto;	
	cursor:pointer;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.coffe-box-summa:hover
{
opacity:0.7;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
	
.coffe-box-s 
{
margin: 25px 10px 25px 10px;
}

.inp-cw-bonus
{
background: none;
line-height: 23px;
border: none;
margin: 6px 0px 4px 0px;
color: #1e233d;
font-weight: bold;
text-align: center;
}	
.tabel-worker-stats	
{
border-bottom: 1px solid #bac9d2;
line-height: 35px;
margin-bottom: 20px;
border-radius: 4px;	
box-shadow: 0px 6px 11px 1px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.tabel-worker-stats:hover	
{
box-shadow: 0px 14px 11px 1px rgb(190 192 203);
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.tabel-worker-stavka	
{
border-bottom: 1px solid #bac9d2;
line-height: 35px;
background: #fff;	
}
.charts-wrap {
background-color: #eeefff;
border-radius: 8px;
margin: 20px auto;
max-width: 300px;
padding: 10px;
position: relative;
}
.charts-wrap .charts {
border: 1px solid #e9eaef;
border-radius: 2px;
margin-top: 2px;
margin-bottom: 2px;
position: relative;
overflow: hidden;
z-index: 5;
}
.charts-wrap .charts .bar {
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.charts-wrap .charts .chart-text {
font-weight: 100;
margin: 0;
padding: 2px;
}
.browsers .bar {
background-color: #ff4500;
}
.coding .bar {
background-color: #228b22;
}
.ides .bar {
background: linear-gradient(to left, #717bad, #ebecec);
}
.os .bar {
background-color: #ffd700;
}
/*стилізовані тайтли для коментарів в процесах */
[data-title] {position: relative}
[data-title]:after {
content: attr(data-title);
opacity: 0;
visibility: hidden;
z-index: 1000;
position: absolute;
top: 2.5em;
left: 30%;
padding: 5px 10px;
font-size: 14px;
font-weight: 300;
white-space: nowrap;
color: #444;
background-image: -moz-linear-gradient(top, #fff, #ddd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background-image: -webkit-linear-gradient(top, #fff, #ddd);
background-image: -o-linear-gradient(top, #fff, #ddd);
background-image: -ms-linear-gradient(top, #fff, #ddd);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-o-box-shadow: 0 0 5px #ccc;
-ms-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}
[data-title]:hover:after {
opacity: 1;
visibility: visible;
-moz-transition: all 0.2s ease-out 0.5s;
-webkit-transition: all 0.2s ease-out 0.5s;
-o-transition: all 0.2s ease-out 0.5s;
-ms-transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
}
.count_number_small
{
font-size: 11px;
width: 20px;
display: block;
float: left;
color: #cbcdd6;	
}	
.tabel_title_statistic
{
background-color: #1e233d !important;
color:#fff;
line-height:36px;
text-align:center;
text-transform:uppercase;
margin-bottom:10px;
letter-spacing:2px;
border: 1px solid #e6e6e6;
}	
.sale_tabel_box
{
background:#fff;
margin:5px;	
border: 1px solid #e6e6e6;
}	
#statistic_tabel_block
{
margin-top:50px;	
}	
.sale_tabel_box_2
{
}
.statistic_status_line_z
{
border-bottom: 1px solid #bac9d2;
line-height: 24px;
}	
.statistic_status_line_v
{
border-bottom: 1px solid #bac9d2;
line-height: 24px;
background: #fff5f5;	
}
.statistic_status_line_s
{
border-bottom: 1px solid #bac9d2;
line-height: 24px;
background: #eee;	 
}
.sdn
{
font-size:12px;
line-height: 24px;
padding: 0px 0px 0px 10px;
}
.sdnk
{
font-size: 14px;
line-height: 24px;
font-weight: bold;
}
.ssp
{
font-size: 12px;
line-height: 24px;
letter-spacing: 1px;
color: #acadb5;	
}	
.sale_tabel_status
{
font-size:12px;
color:#444;
}	
.sale_tabel_dyler_name
{
color:#1e233d;
font-weight:bold;	
}	
.sds
{
font-size:13px;
line-height: 24px;	
}	
.sale_tabel_box_rows
{
border-bottom: 1px solid #e6ebef;
}
.sale_tabel_box_rows:hover
{
background:#1e233d !important;
color:#fff;
}	
.note-ico
{
background: url(../images/note.png) no-repeat transparent;
height: 25px;
margin: 20px 0px 0px 5px;
display: block;
width: 25px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;		
}
.note-ico:hover
{
opacity:1;	
}
.gallery-ico
{
background: url(../images/whitephoto.png) no-repeat transparent;
height: 25px;
margin: 20px 0px 0px 5px;
display: block;
width: 25px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;		
}
.gallery-ico:hover
{
opacity:1;	
}

.coffee-ico
{
background: url(../images/ico_coffee.png) no-repeat transparent;
height: 25px;
margin: 20px 0px 0px 5px;
display: block;
width: 25px;
opacity: 0.9;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;       
}
.coffee-ico:hover
{
opacity:1;  
}

.icon_upload_photo
{
padding:30px 30px 55px 30px;
}	
.video-ico
{
background: url(../images/video_ico.png) no-repeat transparent;
height: 25px;
margin: 20px 0px 0px 5px;
display: block;
width: 25px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;			
}
.video-ico:hover
{
opacity:1;	
}
.history-ico
{
background: url(../images/history_ico.png) no-repeat transparent;
height: 25px;
margin: 20px 5px 0px 5px;
display: block;
width: 25px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;			
}
.history-ico:hover
{
opacity:1;	
}

.project-ico
{
background: url(../images/project.png) no-repeat transparent;
height: 27px;
margin: 20px 5px 0px 5px;
display: block;
width: 27px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;           
}
.project-ico:hover
{
opacity:1;  
}

.skl-ico
{
background: url(../images/skl.png) no-repeat transparent;
height: 27px;
margin: 20px 5px 0px 5px;
display: block;
width: 27px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;           
}
.skl-ico:hover
{
opacity:1;  
}

.delete_pic
{
background: url(../images/delete.png) no-repeat transparent;	
cursor:pointer;
background-size: contain;	
display:none;
color:#fff;
top: 10px;
left: 30px;
height: 25px;
width: 25px;
position: absolute;
}
.togallery_pic
{
background: url(../images/togal.png) no-repeat transparent;	
cursor:pointer;
background-size: contain;	
display:none;
color:#fff;
top: 10px;
left: 60px;
height: 25px;
width: 25px;
position: absolute;
}	
.thumb:hover .delete_pic  
{display:block;}
.thumb:hover .togallery_pic  
{display:block;} 	
.do_main_pic
{
background: url(../images/whitephoto.png) no-repeat transparent;	
cursor:pointer;
background-size: contain;	
display:none;
color:#fff;
top: 14px;
left: 65px;
height: 20px;
width: 20px;
position: absolute;
}	
.thumb:hover .do_main_pic  {display:block;}
{
}	
.delete_video
{
background: url(../images/delete.png) no-repeat transparent;	
cursor:pointer;
background-size: contain;	
display:none;
color:#fff;
top: 10px;
left: 30px;
height: 25px;
width: 25px;
position: absolute;
}	
.thumb:hover .delete_video  {display:block;}
{
}	
.title_stats
{
text-align: center;
line-height: 54px;
font-size: 18px;
background: #eee;	
}
.id_stats	
{
font-family: "RobotoCondensedRegular";
font-size: 16px;	
color:#333;
}	
.id_stats span	
{
font-family: "RobotoCondensedRegular";
font-size: 14px;	
color:#b7b7b7;
padding: 0px 0px 0px 3px;
}
.price_stats
{
font-size: 14px;	
color:#333;
}	
.info_stats
{
color:#565656;	
}
.stat_top_link
{
line-height:32px;
background:#fff;
text-transform:uppercase;
font-size:10px;
font-weight:bold;	
}	
.data_diapazon
{
text-align: center;
text-transform: uppercase;
font-size: 16px;
color: #1e233d; 	
}	
.count_all_sit_place, .count_all_skl
{
text-align: center;
color: #1e233d;
font-size: 72px;
font-weight: bold;
margin: 50px 0px 0px 0px;	
}	
.count_all_sit_place  span,.count_all_skl span
{
font-size: 10px;
letter-spacing: 1px;
line-height: 12px;
padding: 10px 0px 0px 0px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
color: #cbcdd6;
}
.sitplace_alldiler
{
float: left;
font-size: 42px;
font-weight: bold;
color: #c5c5ce;
padding: 0px 10px 0px 10px;
}	
.sitplace_row
{
border-bottom: 1px solid #e6e6e6;	
line-height:22px;
}	
.sitplace_block_id
{
font-family: "RobotoCondensedRegular";
font-size: 14px;	
}
.sitplace_block_id b
{
}
.sitplace_block_name
{
font-size: 12px;
padding: 0px;	
}
.sitplace_block_model
{
font-size: 12px;
padding: 0px;	
}
.sitplace_block_datazmin
{
}
.sitplace_block_napov
{
font-size: 12px;
color:#c5c5c5;	
}
.sitplace_f_all
{
border-top: 4px solid #1e233d;	
border-right: 1px solid #e6e6e6;
}	
.sitplace_f_place
{
border-top: 4px solid #f1e33e;	
border-right: 1px solid #e6e6e6;
}
.sitplace_f_puf
{
border-top: 4px solid #e6e7ea;
border-right: 1px solid #e6e6e6;
}
.sitplace_f_premium
{
border-top: 4px solid #d6b87c;
border-right: 1px solid #e6e6e6;	
}
.sitplace_f_standart
{
border-top: 4px solid #757579;	
border-right: 1px solid #e6e6e6;
}	
.sitplace_f_leather
{
border-top: 4px solid #a7700b;	
border-right: 1px solid #e6e6e6;
font-size: 28px;
background:rgb(167 112 11 / 10%);
}
.sitplace_f_leathereko
{
border-top: 4px solid #b9cc1e;	
border-right: 1px solid #e6e6e6;
font-size: 28px;
background:rgb(185 204 30 / 10%);
}
.sitplace_f_textile
{
border-top: 4px solid #b0cdde;	
border-right: 1px solid #e6e6e6;
font-size: 28px;
background:rgb(176 205 222 / 10%);
}	
.sitplace_f_suma
{
border-top: 4px solid #375d44;	
border-right: 1px solid #e6e6e6;
}	
.sitplace_link
{
color:#444;	
}	
.sitplace_link:hover
{
color:#444;
background:#fff;
width: 100%;
display: block;	
}
.sitplaceperiodfinish 
{
line-height: 42px;
background: #fff;
color: #1e233d;
font-size: 36px;
text-align: center;
-webkit-box-shadow: 1px 8px 8px 0px rgb(30 35 61 / 12%);
-moz-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);
-box-shadow: 1px 8px 8px 0px rgba(30, 35, 61, 0.12);
}	
.sitplaceperiodfinish  span
{
font-size: 8px;
letter-spacing: 1px;
line-height: 12px;
padding: 10px 0px 0px 0px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
color: #cbcdd6;
}
.sitplaceperiodfinish  b
{
font-size: 11px;
letter-spacing: 1px;
line-height: 12px;
padding: 0px 0px 5px 0px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
color: #cbcdd6;
}	
.sitplaceperiodstart
{
line-height: 36px;
background: #90919a3b;
color: #fff;
font-size: 18px;
text-align: center;
margin-top: 25px;
}
.printscrin
{
display:none;	
}
.printscrin_btn	
{
display:none;	
}	
.small_link_blue
{
font-size:10px;
color:#1e233d;	
}	
/* */
.proceslistorder
{
text-align:center;
font-size:36px;	
font-family: "RobotoCondensedRegular";
}	
.name_tabel_block
{
font-size: 14px;
font-weight: bold;
color: #1e233d;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 20px;	
}	
.tab-pane-x
{
padding: 25px 0px 0px 0px;	
}	
.input_block_new_producent
{
padding: 25px 0px 25px 0px;
text-align: center;
background: #fff;
margin: 50px 0px 0px 0px;
}
.deadlinetabel
{
background: #fff;
padding: 25px 0px 25px 0px;
margin: 0px 0px 30px 0px;
background: #2faf51;
}	
input.input_new_name_producent
{
width: 100%;
border: none;
border-bottom: 1px solid #7c83a2;
line-height: 36px;
font-size: 16px;	
}
.add_new_name_producent
{
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;
padding: 12px;
font-size: 9px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;	
}
.deadline_submit
{
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;
padding: 12px;
font-size: 9px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;	
}	
.list_producer
{
 
}	
/*добавити новий механізм */
.input_mehanizm_price
{
width: 50px;
float: right;
background: #cfe4bd;
border: none;
text-align: center;
color: #1e233d;
font-size: 14px;
height: 34px;	
}
.input_mehanizm_sklad
{
width: 32px;
height: 30px;
float: left;
background: #eeeeee;
    color: #1e233d;
border: none;
/* border-bottom: 1px solid #7c83a2; */
margin: 2px 5px 2px 5px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.base_mehanizm_block_info
{
background:#fff;
padding: 0px;	
}	
.mehanizm_bron
{
width: 30px;
    height: 30px;
    font-size: 14px;
    float: left;
    text-align: center;
    background: #2196f3;
    color: #fff; 
margin: 2px 2px 2px 2px;	
}
.mehanizm_potribno	
{
width: 30px;
height: 30px;
font-size: 14px;
float:left;	
text-align: center;
background: #d3d3d3;
color: #1e233d;
margin: 2px 2px 2px 2px;
}
.mehanizm_potribno_zamovutu	
{
width: 30px;
height: 30px;
float:left;	
font-size: 14px;
text-align: center;
background: #ffeb3b;
color: #1e233d;
margin: 2px 2px 2px 2px;
}	
.input_new_name_mehanizm
{
border: none;
border-bottom: 1px solid #7c83a2;
width: 100%;
line-height: 36px;
background: none;
}	
.input_new_mehanizm
{
padding: 20px 0px 20px 0px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
margin: 5px 0px 0px 0px;	
}	
.input_sklad_mehanizm
{
background:#fff;
padding: 20px 0px 20px 0px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
max-width: 500px;
margin: auto;
margin-top: 20px;
margin-bottom: 30px;     	
}	
.input_new_number_mehanizm
{
width: 35px;
float: left;
background: none;
border: none;
border-bottom: 1px solid #7c83a2;
margin: 4px 5px 5px 5px;
text-align: center;
font-weight: bold;
font-size: 20px;
margin: 10px 0px 0px 0px;
}	
input.add_new_sklad_mehanizm_submit
{
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;
padding: 12px;
font-size: 9px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}	
.add_new_mehanizm_submit
{
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;
padding: 12px;
font-size: 9px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
.select_producer_mehanizm
{
border: none;
background: #f4f5fa;
margin: 10px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}	
.name_mehanizm
{
border: none;
width: 100%;
line-height: 36px;
background: none;
line-height: 32px;
font-size: 14px;
min-height: 32px;	
font-family: "RobotoCondensedRegular";
}	
.name_mehanizm_producer
{
border: none;
 
background: none;
line-height: 32px;
font-size: 18px;
border-bottom: 1px solid #dadbe0;
font-family: "RobotoCondensedRegular";
}
.producer_mehanizm
{
font-size: 12px;
min-height: 32px;
line-height: 30px;
font-family: "RobotoCondensedBold";
}	

.opus_mehanizm
{
border: none;

line-height: 17px;
background: #eee;
font-size: 11px;	
}	
.sortable-mehanizm
{
padding:0px;	
}	
.input_new_opus_mehanizm
{
border: none;
border-bottom: 1px solid #7c83a2;
width: 100%;
line-height: 36px;
background: none;	
}	
/*worker stattabel*/
textarea.comentmehanizm
{

height:54px !important;	
}	
.comentmehanizm
{
border: none;
border-bottom: 1px solid #efeded;
width: 90%;
background: #ffffffbd;	
padding: 5px;
}	
.statusprocesworktabel
{
background: #fff;
border: 1px solid #bac9d2;
}
.statusprocesworkeralert
{
text-align: center;
text-transform: uppercase;
padding: 10px 0px 10px 0px;
font-weight: bold;
color: #f00;
letter-spacing: 1px;
font-size: 16px;	
}	
.statusprocesworkcalendar,.chartcalendar
{
padding: 9px 3px 3px 3px;
width: 330px;
margin: auto;
float: none;
text-align: center;	
}	
.statusprocesworkerbtn,.chartcalendarbtn
{
padding: 10px;
border: none;
border-radius: 3px;
text-transform:uppercase;
font-size: 12px;
width: 40px;
display: block;
margin: 0px 0px 0px 0px;
float:right;
}	
.statusprocesworkerselect 
{
border-bottom: 1px solid #bac9d2;
background: #f4f5fa;
font-size: 18px;
} 
.statusprocesworkworkername
{
text-align: center;
line-height: 52px;
font-size: 24px;
background: #1e233d;
color: #fff;	
}	
.status_proces_work_worker_name
{
line-height: 32px;
font-size: 16px;
background: #1e233d;
color: #fff;	
}	
.zp_tabel_worker_name
{
font-weight:bold;
cursor:pointer;	
opacity:1;
}	
.zp_tabel_worker_name:hover
{
font-weight:bold;
cursor:pointer;	
opacity:0.5;
}
.tabel_all_zp_worker_name_id
{
margin:20px 0px 20px 0px;	
}	
.mounth_in_tabel_proces_worker
{
font-size: 20px;
text-align: center;
line-height: 46px;	
}	
.title_tabel_all_zp_worker_name_id
{
text-align:center;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
padding: 0px 0px 20px 0px;	
}	
.status_proces_worker_stats
{
font-weight:bold;
line-height: 28px;
background: #f1f1f1;	
}	
.statusworkerallnumber
{
font-size: 24px;
line-height: 32px;
text-align:center;
border: 1px solid #bac9d2;
}
.statusworkerallnumber span
{
font-size: 10px;
letter-spacing: 1px;
line-height: 32px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
}
.statusprocesworkerperioddata
{
font-size:12px;
line-height:12px;
padding: 0px 0px 10px 0px;	
}	
.statusprocesworkerprice
{
font-weight: bold;
text-align: center;
padding: 5px 2px 0px 10px;
line-height: 23px;
}	
.statusprocesworkerstatfinish
{
background:#f3f3f3;	 
}
.statusprocesworkerstatwork
{
background:#9bb6d3;
}	
.statusprocesworkerstatno
{
background:#eee;	
}	
.statusprocesworker
{
border-bottom: 1px solid #bac9d2;
line-height: 24px;	
}
.status_proces_worker
{
border-bottom: 1px solid #bac9d2;
line-height: 24px;
background:#eee;
font-size:10px;
text-align:center;	
}	
.statusprocesworkertime
{
font-family: "RobotoCondensedRegular";
font-size: 12px;
text-align: right;
padding: 5px 3px 0px 5px;	
}
.statusprocesworkertype
{
font-family: "RobotoCondensedRegular";
font-size: 12px;
padding: 2px;
}	
.statusprocesworkertype b
{
padding: 0px 5px 0px 0px;
font-size: 10px;
}
.statusprocesworkerorder	
{
font-family: "RobotoCondensedRegular";
font-size: 14px;
padding: 2px;
line-height: 25px;
color: #acacb1;
}
/*END worker stat*/
.husercolor6
{
color: #205e9c;
}	
.husercolor2
{
color: #85b6ff;	
}	
.husercolor4
{
color: #ec85ff;		
}	
.husercolor150
{
color: #e4dbdb;		
}
.husercolor153
{
color: #dadef1;		
}
.hprychyna
{
background:#cade58;
}	
.hklientid
{
background:#caac86;	
color:#fff;  
}	
.huserblock
{
width: 100px;
float: left;
padding: 0px 0px 0px 15px;
font-size: 11px;	
}	
.hstatus
{
background:#e6e6e6;
}
.hprice
{
background:#ff3737;
}
.hprymitka
{
background:#b5ff3f;	
}
.hprychyna
{
}
.hhkoment	
{
background:#fff93f;	
}	
.hmodel
{
background:#b28d94;	
}	
.hstatusbg
{
}	
.allworkstikers
{
}	
.nottoshow
{
display:none;	
}	
.colorprocesmaterial0
{
background:#1e233d;		
}
.colorprocesmaterial1
{
background:#1e233d;		
}
.colorprocesmaterial2
{
background:#1e233d;		
}
.colorproces0
{
background:#4f372d;	
}
.colorproces00
{
}
.colorproces1
{
background:#101d6b;	
}
.colorproces2
{
background:#8c9da9;	
}
.colorproces3
{
background:#0e9aa7;	
}
.colorproces4
{
background:#010080;	
}
.colorproces5
{
background:#84c1ff;	
}
.colorproces6
{
background:#7bc043;	
}
.colorproces7
{
background:#0080ff;	
}
.colorproces8
{
background:#0f52ba;	
}
.colorproces9
{
background:#008dcb;	
}
.colorproces10
{
background:#bbafbd;	
}
.colorproces11
{
background:#edc951;	
}
.colorproces12
{
background:#4d516e;	
}
.colorproces13
{
background:#00e8e9;	
}
.colorproces14
{
background:#73c2fa;	
}
.colorproces15
{
background:#7285a5;	
}
.colorproces16
{
background:#4f97a3;	
}
.colorproces17
{
background:#589fd3;	
}
.colorproces18
{
background:#4682b4;	
}
.colorproces19
{
background:#81d8d0;	
}
.colorproces20
{
background:#89d0f0;	
}
.colorproces21
{
background:#598bae;	
}
.colorproces22
{
background:#7ef9ff;	
}
.colorproces23
{
background:#95c8d9;	
}
.colorproces24
{
background:#b0dfe5;	
}
.colorproces25
{
background:#3ee1d0;	
}
.colorproces26
{
background:#73a6a7;	
}
.colorproces27
{
background:#83ced0;	
}
.colorproces28
{
background:#409265;	
}
.colorproces29
{
background:#6cc2ea;	
}
.colorproces30
{
background:#9db358;	
}
.colorproces31
{
background:#F0B27A;	
}
.colorproces32
{
background:#B8F07A;	
}
.colorproces33
{
background:#7DF07A;	
}
.colorproces34
{
background:#7AF0B2;	
}
.colorproces35
{
background:#7AF0ED;	
}
.colorproces36
{
background:#7AB8F0;	
}
.colorproces37
{
background:#ED7AF0;	
}
.colorproces38
{
background:#F07A91;	
}
.colorproces39
{
background:#ff0a42;	
}
.colorproces40
{
background:#ff5722;	
}
.colorproces41
{
background:#9E7AF0;	
}
.colorproces42
{
background:#F07ACC;	
}
.colorproces43
{
background:#D97AF0;	
}
.colorproces44
{
background:#7DAAA1;	
}
.colorproces45
{
background:#7F8E8B;	
}
.colorproces46
{
background:#EFF07A;	
}
.colorproces47
{
background:#D3D47B;	
}
.colorproces48
{
background:#A9AA7D;	
}
.colorproces49
{
background:#E27B7B;	
}
.colorproces50
{
background:#CCF07A;	
}

.menu-ico
{
width: 25px;
float: left;
height: 25px;
text-decoration: none;
color: #f5f5f5;
background: url(../images/gear.png) no-repeat transparent;
background-size: contain;
padding: 15px 4px 10px 0px;
margin: 20px 14px 14px 15px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;

}	

.ico_fon
{
width: 70px;
float: left;
height: 70px;
text-decoration: none;
color: #1e233d;
background: #fff;
border-radius: 10px;
padding: 5px 5px 5px 5px;
margin: 15px 5px 15px 5px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
font-size: 11px;
line-height: 58px;
text-align: center;
text-transform: uppercase;
font-family: "RobotoCondensedRegular"; 
}	

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

.ifo0
{
opacity: 0.4;

}
.usersonline {
color: #fff;
width: 20px;
height: 20px;
position: fixed;
z-index: 55;
right: 55px;
top: 3px;
font-size: 24px;
cursor:pointer;
}
.whosonline
{
position: absolute;
top: 10px;
right: 70px;
z-index: 9999;
font-size: 12px;
text-align: center;
width: 60px;
padding: 0px;
display:none;
color:#ff7600;
}
.accestabelhead
{
text-transform: uppercase;
font-size: 10px;
background: #1e233d;
color: #fff;
line-height: 36px;
}	
.exit
{
background: url(../images/exit.png) no-repeat transparent;
height: 30px;
margin: 17px 0px 5px 0px;
display: block;
width: 30px;
opacity: 0.5;
background-size: contain;
float: right;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.exit:hover
{
opacity: 1;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.workersico
{
background: url(../images/workers.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.workersico:hover
{
opacity:1;	
}	
.processico
{
background: url(../images/process.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.processico:hover
{
opacity:1;	
}
.inwork
{
background: url(../images/inwork.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.inwork:hover
{
opacity:1;	
}	
.zp-ind
{
background: url(../images/zp.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.zp-ind:hover
{
opacity:1;	
}
.list_process
{
background: url(../images/list_process.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.list_process:hover
{
opacity:1;	
}
.ico_new_order_provisor
{
background: url(../images/order_provisor.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.7;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_new_order_provisor:hover
{
opacity:1;	
}
.ico_all_provisor
{
background: url(../images/all_provisor.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.7;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_all_provisor:hover
{
opacity:1;	
}
.ico_workers
{
background: url(../images/work.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_workers:hover
{
opacity:1;	
}

.ico_workers_list
{
background: url(../images/work_list.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_workers_list:hover
{
opacity:1;	
}

.ico_workers_zp
{
background: url(../images/work.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_workers_zp:hover
{
opacity:1;	
}
.ico_stat
{
background: url(../images/stat.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_stat:hover
{
opacity:1;	
}
.ico_daystat
{
background: url(../images/daystat.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_daystat:hover
{
opacity:1;	
}
.ico_pay_provisor
{
background: url(../images/pay_provisor.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.7;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_pay_provisor:hover
{
opacity:1;	
}
.ico_link_sit_place,.ico_link_sit_place_m
{
background: url(../images/sitplace.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_link_sit_place:hover
{
opacity:1;	
}
.ico_obbyvka
{
background: url(../images/obbvka_ico.png) no-repeat transparent;
height: 35px;
margin: 14px 0px 5px 0px;
display: block;
width: 35px;
opacity: 0.4;
background-size: contain;
float: left;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.ico_obbyvka:hover
{
opacity:1;	
}
.accestabeluser
{
font-size: 11px;
border-left: 1px solid #d0cccc;
color: #444;
line-height: 36px;	
}	
.accestabeluser .col-md-1
{
padding: 0px 0px 0px 3px; 
border-right: 1px solid #d0cccc;
border-bottom: 1px solid #d0cccc;
}	
.iconproces
{
background: url("../images/iconproces.png") no-repeat transparent;
height: 35px;
margin: 8px 0px 7px 5px;
display: block;
width: 35px;
opacity: 0.1;
background-size: contain;
float: left;
cursor: pointer;	
}
.iconorder	
{
background: url("../images/iconorder.png") no-repeat transparent;
height: 35px;
margin: 8px 0px 7px 5px;
display: block;
width: 35px;
opacity: 0.1;
background-size: contain;
float: left;
cursor: pointer;	
}	
.orderlog 
{
background: url("../images/orderlog.png") no-repeat transparent;
height: 35px;
margin: 8px 0px 7px 5px;
display: block;
width: 35px;
opacity: 0.1;
background-size: contain;
float: left;
cursor: pointer;	
}	
.proceslog
{
background: url("../images/proceslog.png") no-repeat transparent;
height: 35px;
margin: 8px 0px 7px 5px;
display: block;
width: 35px;
opacity: 0.1;
background-size: contain;
float: left;
cursor: pointer;	
}
.whocreated
{
padding:10px 0px 0px 0px;	
}	
.field-calendar
{
float:right;
padding: 0px 10px 0px 0px;	
}	
.rowproces
{
font-size: 8px;
text-align: center;
height: 30px;
float: left;
line-height: 10px;
padding: 10px 0px 0px 0px;
text-transform: uppercase;
color: #73788b;
border: none;
margin: 1px;
border-radius:4px;
}	
.rowprocesorderblank
{
font-size: 8px;
text-align: center;
height: 10px;
float: left;
line-height: 10px;
padding: 1px 0px 0px 0px;
text-transform: uppercase;
color: #1e233d;
border: none;
margin: 1px;
border-radius:2px;
opacity:1;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.rowprocesorderblank:hover
{
opacity:0.6;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
-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;
}	
.rowprocesorderblankstandart
{
font-size: 8px;
text-align: center;
height: 4px;
float: left;
line-height: 10px;
padding: 1px 0px 0px 0px;
text-transform: uppercase;
color: #1e233d;
border: none;
margin: 1px;
border-radius:2px;
opacity:1;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.rowprocesorderblankstandart:hover
{
opacity:0.6;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
-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;	
}	
.row_proces_order_blank_standart
{
font-size: 8px;
text-align: center;
height: 4px;
float: left;
line-height: 10px;
padding: 1px 0px 0px 0px;
text-transform: uppercase;
color: #1e233d;
border: none;
margin: 2px 1px 1px 1px;
border-radius:2px;
opacity:1;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.row_proces_order_blank_standart:hover
{
opacity:0.6;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
-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;	
}

.deadline {
height: 12px;
float: left;
background: rgb(32,94,156);
background-image: linear-gradient(to right, #14662a, #2faf51, #2faf51, #5acd79, #aaf5be);
line-height: 11px;
padding: 1px 0px 0px 5px;
border: none;
margin: 0px 3px 3px 1px;
color: #fff;
font-size: 11px;
border-radius: 5px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
max-width: 100%;
min-width:30px;
opacity: 0.8;
}

.deadlineend
{
height: 12px;
float: left;
background: rgb(32,94,156);
background-image: linear-gradient(to right, #880e4f, #e91e63, #e91e63, #f06292, #fce4ec);
line-height: 11px;
padding: 1px 0px 0px 5px;
border: none;
margin: 0px 3px 3px 1px;
color: #fff;
font-size: 11px;
border-radius: 5px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
max-width: 100%;
min-width:30px;
opacity: 0.8;	
}	

.deadlineinbox
{
margin:1px 2px 1px 2px; 	
}	
.lineprocesstandart
{
padding:5px 0px 0px 0px;
width: 95%;	
}	
.tabelblankprocentbefore
{
}	
.tabelblankprocentafter
{
}	
.allprocesrow
{
height: 45px;
padding-top: 5px;
}
.rowprocesnone
{
background:#dce0ea;
}
.rowprocesstart
{
background:#5785b4;
color: #f4f5fa;
}
.rowprocesend
{
background: #fdb54b;
color: #f4f5fa;
}
.rowprocesnone_mehanizm
{
background:#b9b9b9;
}
.rowprocesstart_mehanizm
{
background:#f39a17;
color: #f4f5fa;
}
.rowprocesend_mehanizm
{
background: #f39a17;
color: #f4f5fa;
}	
.tabelblankprocent
{
font-size: 48px;
text-align: center;
margin: 5px 0px 0px 0px;
color: #1e233d;	
width:60%;
float:left;
}	
.tabelblankprocentbefore
{
width: 20%;
float: left;
font-size: 18px;
margin: 30px 0px 0px 0px;
color: #e5e8f0;
text-align: right;
font-weight: bold;
}	
.tabelblankprocentafter
{
width: 20%;
float: left;
font-size: 22px;
margin: 23px 0px 0px 0px;
color: #e5e8f0;
text-align: left;
font-weight: bold;
}
.hprocesname
{
color: #f4f5fa;
width: 150px;
margin: 0px 0px 0px 10px;
display: block;
float: left;
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
cursor:pointer;	
}	
.btnstartproces
{
background: #5785b4;
width: 110px;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
font-size: 13px;
float: left;
color: #fff;
height: 32px;
line-height: 30px;
margin-top: 7px;
margin-left: 20px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
border-radius: 3px;
}
.btnstartproceslist
{
background: #5785b4;
width: 135px;
display: block;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
/* margin: auto; */
cursor: pointer;
font-size: 16px;
float: left;
color: #fff;
border-radius: 6px;
/* padding: 10px; */
height: 48px;
line-height: 48px;
margin-top: 6px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.btnstartproces: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;
}	
.btnendprocesnone
{
display:none; 	
}	
.btnendproces
{
background: #fcb54b;
width: 110px;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
font-size: 13px;
float: left;
color: #fff;
height: 32px;
line-height: 30px;
margin-top: 7px;
margin-left: 20px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
border-radius: 3px;
}	
.btnendproces: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;
}
.workerlist
{
border: none;
border-bottom: 1px solid #dfdfe1;
width: 100%;
line-height: 24px;
margin: 2px 10px 0px 0px;
background: #fff;	
}	
.workerlist: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;	
}	
.wlout
{
opacity:0.2;
}
.addnewworker
{
border: none;
border-bottom: 1px solid #c7c7c7;
width: 100%;
line-height: 26px;
font-size: 18px;
background: #f4f5fa;
padding: 5px;
margin: 10px 0px 10px 0px;
}	
.htabworker
{
font-size: 10px;
line-height: 30px;
background: #42496b;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
color: #8f959b;
text-transform: uppercase;
margin: 0px;	
}	
.proceses
{
padding:0px;	
}	
.procesalertadd
{
font-size:16px;
letter-spacing:2px;
font-weight:bold;
text-align:center;
text-transform:uppercase; 
line-height:42px; 
width:300px;
margin:auto;
display:block;
background:#44c445;
color:#fff;
}
.procesalertname
{
font-size:18px;
font-weight:bold;
text-align:center;
text-transform:uppercase; 
line-height:72px; 
width:100%;
display:block;
}	
.procesalertrefresh
{
}
.procesalertstart	
{
}
.procesalertend
{
}	
.historylistsaddpay
{
background: url("../images/addproces.png") no-repeat transparent;
height: 17px;
margin: 8px 0px 7px 5px;
display: block;
width: 17px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
}	
.historylistsaddedpay
{
background: url(../images/addedpay.png) no-repeat transparent;
height: 17px;
margin: 8px 0px 7px 5px;
display: block;
width: 17px;
opacity: 1;
background-size: contain;
float: left;
}
.historylistcomment,.historycommentprovisor,.historycommentpay {
background: url(../images/procescomment.png) no-repeat transparent;
height: 17px;
margin: 8px 0px 7px 5px;
display: block;
width: 17px;
opacity: 1;
background-size: contain;
float: left;
}
.historylistpic {
background: url(../images/procesfoto.png) no-repeat transparent;
height: 17px;
margin: 8px 0px 7px 5px;
display: block;
width: 17px;
opacity: 1;
background-size: contain;
float: left;
}
.procesicon
{
width: 120px; 
margin: 14px 0px 0px 15px;	
}	
.procesiconorder
{
width: 90px; 
margin: 8px 0px 0px 10px;	
}	
.select_blank_newworker
{
border: none;
border-bottom: 0px solid #cecece;
width: 85%;
line-height: 24px;
margin: 0px 0px 0px 5px;
background: none;
font-size: 10px;
text-transform: uppercase;
}
.select_0
{
background:#000;	
}	
.wokernumber
{
font-size:10px;
float: left;
    margin: 0px 5px 0px 0px;
    width: 15px;
}	
.wokernumber b
{
font-size:14px	
}	
.inp_blank_newworker
{
border: none;
line-height: 22px;
font-size: 12px;

}	
.inp_blank_newworker:hover
{
background:#eee;
}	
.select_addproces_even
{
border: none;
border-bottom: 0px solid #cecece;
width: 100%;
line-height: 36px;
font-size: 22px;
margin: 8px 10px 5px 10px;
background: #fff;
}	
.select_addproces_even_mehanizm
{
border: none;
border-bottom: 0px solid #cecece;
width: 100%;
line-height: 38px;
font-size: 16px;
padding: 5px;
margin: 5px 10px 5px 10px;
border-radius: 3px;
background: #fff;
font-family: "RobotoCondensedRegular";
}

.namemehanizm
{
   font-family: "RobotoCondensedBold";
text-align: left;
font-size: 16px;

line-height: 54px;
color: #1e233d;
}	
.addprocesprice input
{
width: 80px;
border: none;
border-bottom: 1px solid #efeded;
line-height: 40px;
font-size: 22px;
color: #000;	
}	
.addprocesprice input::placeholder
{
font-size: 16px;
color:#e8e8e8;
}	
.procesalerttit
{
font-size:14px;
text-align:center;
font-weight:bold; 
color:#ff1c00; 
}	
.procescomment
{
background: url("../images/procescomment.png") no-repeat transparent;
height:25px;
margin: 3px 2px 0px 2px;
display:block; 
width:25px;
background-size: contain;	
float: left;
cursor:pointer;
opacity:0.2;
}
.procescomment-is
{
background: url("../images/procescomment.png") no-repeat transparent;
height:25px;
margin: 3px 2px 0px 2px;
display:block; 
width:25px;
background-size: contain;	
float: left;
cursor:pointer;
opacity:1;
}
.procescomment:hover 
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-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);
}	
.procesfoto
{
background: url("../images/procesfoto.png") no-repeat transparent;
height:25px;
margin: 3px 2px 0px 2px;
display:block; 
width:25px;
background-size: contain;	
float: left;
cursor:pointer;
opacity:0.2;	
}
.procesfoto:hover 
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-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);
}
.procesaddworker
{
background: url("../images/worker.png") no-repeat transparent;
height: 20px;
margin: 16px 2px 0px 5px;
display: block;
width: 20px;
background-size: contain;
float: left;
cursor: pointer;
opacity: 0.2;	
}
.procesaddworker:hover 
{
opacity:1;
}
.selpsitplace 
{
border: none;
width: 100%;
line-height: 26px;
font-size: 18px;
margin: 11px 0px 8px 0px;
padding: 0px 10px 0px 10px;
background: #f1e33e;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #6f5418;
}	
.psitplace
{
font-size:14px;
float:right;
background:#f1e33e;
}
.inp_worker_even
{
border: none;
line-height: 22px;
font-size: 17px;
margin: 12px 3px 11px 8px;
float: left;
font-family: "RobotoCondensedRegular";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.inp_worker_even_selectstatus
{
border: none;
border-bottom: 0px solid #cecece;
width: 100%;
line-height: 32px;
line-height: 26px;
font-size: 11px;
margin: 19px 0px 21px 0px;
float: left;
background:none;
text-align-last: center;
}	
.procesvideo 
{
background: url("../images/procesvideo.png") no-repeat transparent;
height:25px;
margin: 3px 2px 0px 2px;
display:block; 
width:25px;
background-size: contain;	
float: left;
cursor:pointer;
opacity:0.3;
}
.procesvideo:hover 
{
opacity:1;
}
.worktabel
{
margin:50px 0px 0px 0px;	
}	
.procescalendar  
{ 
padding:0px; 
line-height: 45px;
text-align: center;
color: #444;
font-size: 14px;
background: #f7f7f7;
font-family: "RobotoCondensedRegular";
}
.procescalendar input
{ 
width: 0px;
border: none;
font-size: 14px;
line-height: 28px;
border-bottom: 1px solid #efeded;
}	
.procesprice
{
font-size: 24px;
line-height: 43px;
text-align: center;
background: rgb(72 130 92);
font-family: "RobotoCondensedRegular";
color: #fff;
width: 100%;
border: none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.procesprice:hover
{
background:#96aa9d;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.selectproces
{
background: url("../images/addproces.png") no-repeat transparent;
height: 25px;
margin: 8px 0px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
}	
.selectprocesmm
{
background: url("../images/addproces.png") no-repeat transparent;
height: 25px;
margin: 8px 0px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
}
.selectprocesmehanizm
{
background: url("../images/addproces.png") no-repeat transparent;
height: 25px;
margin: 9px 0px 0px 0px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
}
.inputnamemm
{
line-height:28px;
border:none;
border-bottom: 1px solid #efeded;	
}	
.selectstatus0
{
background:#eee;	
}	
.selectstatus1
{
background:#f4f5fa;	
}	
.selectstatus2
{
background:#76acb3;	
}
.selectstatus3
{
background:#b2ebf1;	
}
.namemm
{
margin:10px 0px 0px 0px;	
}	
.selectprocesmaterial
{
background: url("../images/addproces.png") no-repeat transparent;
height: 25px;
margin: 8px 0px 0px 5px;
display: block;
width: 25px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
}
.procesprice input
{
width:100%;
border: none;
border-bottom: 1px solid #efeded;
line-height: 21px;	
}
.processave
{
background: url("../images/accept.png") no-repeat transparent;
height:25px;
margin: 15px 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;
}
.processave:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.materialprocessave
{
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: left;
cursor:pointer;
opacity:1; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.materialprocessave:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.mehanizmsave
{
background: url("../images/edit2.png") no-repeat transparent;
height:25px;
margin: 4px 7px 5px 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;
}
.mehanizmsave:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.mehanizmdel
{
background: url("../images/delete.png") no-repeat transparent;
height:25px;
margin: 3px 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;
}	
.mehanizmdel:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.procesrefreshorder
{
background: url("../images/accept.png") no-repeat transparent;
height: 35px;
margin: 5px 10px 0px 5px;
display: block;
width: 35px;
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;
}
.procesrefreshorder:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.procesrefreshordermehanizm
{
    background: url(../images/accept.png) no-repeat transparent;
    height: 30px;
    margin: 13px 3px 0px 3px;
    display: block;
    width: 30px;
    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;
}
.procesrefreshordermehanizm:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.procesrefreshordermaterial
{
background: url("../images/accept.png") no-repeat transparent;
height: 35px;
margin: 13px 10px 0px 5px;
display: block;
width: 35px;
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;
}
.procesrefreshordermaterial:hover
{
opacity:0.5; 
cursor:pointer;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.deleteworker
{
background: url("../images/delete.png") no-repeat transparent;
height:22px;
margin: 0px 0px 0px 5px;
display:block; 
width:22px;
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;
}	
.deleteworker:hover
{
opacity:0.3;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.refreshworker:hover
{
opacity:0.3;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.refreshworker
{
background: url("../images/accept.png") no-repeat transparent;
height:22px;
display:block; 
width:22px;
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;
}
.worker-info:hover
{
opacity:0.3;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}	
.worker-info
{
background: url("../images/info_icon.png") no-repeat transparent;
height: 24px;
margin: 0px 0px 0px 5px;
display:block; 
width:22px;
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;
}	
.workerstart
{
font-size:12px;	
line-height: 23px;
color: #8f8f8f;
}	
.workerend
{
font-size:12px;	
line-height: 18px;
}	
.procesdel
{
background: url("../images/delete.png") no-repeat transparent;
height:25px;
margin: 15px 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;
}	
.procesdel:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.materialprocesdel
{
background: url("../images/delete.png") no-repeat transparent;
height:25px;
margin: 3px 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;
}	
.materialprocesdel:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.processavenew
{
padding:3px;
margin: 0px 3px 3px 15px;
width:20px;
height:20px;	
background:#34ad0d;
color:#fff;	
display: block;
float: left;
text-align: center;
line-height: 13px;
cursor:pointer;	
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
opacity:1;
}	
.processavenew:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.orderprocesdel
{
background: url("../images/orderprocesdel.png") no-repeat transparent;
height: 15px;
margin: 16px 3px 0px 3px;
display: block;
width: 17px;
background-size: contain;
float: left;
cursor: pointer;
opacity: 0.1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.orderprocesdel:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.orderprocesmehanizmdel
{
background: url("../images/orderprocesdel.png") no-repeat transparent;
height: 15px;
margin: 22px 3px 0px 0px;
display: block;
width: 20px;
opacity: 1;
background-size: contain;
float: left;
cursor: pointer;
opacity: 0.1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.orderprocesmehanizmdel:hover
{
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;	
}
.orderprocesupdate
{
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: left;
cursor:pointer;
opacity:1;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.orderprocesadd
{
background: url("../images/delete.png") no-repeat transparent;
height:25px;
margin: 3px 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;
}
.procesblok
{
background: #fff;  
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
border-radius: 3px;	
border: none;
border-bottom: 1px solid #c2c7dc;
color: #f4f5fa;
}
.procesblokadd
{

padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
border-radius: 3px;	
border: none;
border-bottom: 1px solid #c2c7dc;
color: #f4f5fa;
}
.procesblok_mehanizm
{

padding: 0px 0px 0px 0px;
margin: 5px 0px 8px 0px;
border-radius: 3px;	
border: none;
border: 1px solid #cfcfcf;
color: #f4f5fa;

}
.procesblok: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;	
}
.procesblokaddproces
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}	
.procesaddbtn
{
background-color: #1e233d;
border: none;
color: white;
padding: 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 24px;
width: 50px;
height: 50px;
margin: 10px 0px 50px 0px;
border-radius: 50%;	
}
.procesaddbtn:hover
{
opacity:0.5;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	
.procesaddbtnbox
{
text-align:center;
cursor:pointer;
}	 
.list_number_proces
{
float: left;
padding: px;
width: 45px;
background: #cbcdd6;
color: #fff;
font-size: 22px;
text-align: center;
padding: 0px;
margin: 0px 10px 0px 0px;	
}	
.procesblok h1
{
text-align: center;
font-size: 18px;
margin-top: 15px;
margin-bottom: 5px; 
padding: 0px 0px 10px 0px;
line-height: 7px;;	
}	
#historystatuscolorback
{
background:#1e233d;	
}	
#historystatuscolorsend
{
background:#ff0a42;	
}	
#historystatuscolorgotovo
{
background:#ff9900;	
}	
#historylinecolorid
{
background:#ebfbff;
border-bottom: 1px solid #dcdbdb;	
}	
#historylinecolorinc
{
background: #fff0f0;
border-bottom: 1px solid #dcdbdb;	
}	
#historylinecoloradd
{
background: #e8ffee;
border-bottom: 1px solid #dcdbdb;	
}
.historylinecoloradd
{
color:#84be64;
}	
.historylinecolorinc
{
color:#f00;	
}	 
.nonemail {
background: url("../images/nonemail.png") no-repeat transparent;
height:20px;
margin: 3px 0px 0px 5px;
display:block; 
width:20px;
opacity:1;
background-size: contain;
}
.mailsend {
background: url(../images/mailsend.png) no-repeat transparent;
height: 22px;
display: block;
width: 22px;
opacity: 1;
background-size: contain;
float: left;
margin: 2px 10px 0px 0px;
}
.sendpay {
background: url("../images/sendpay.png") no-repeat transparent;
height:22px;
display:block; 
width:22px;
opacity:1;
background-size: contain;
float: left;
margin: 2px 10px 0px 0px;
}
.sendorder {
background: url("../images/sendorder.png") no-repeat transparent;
height:19px;
display:block; 
width:22px;
opacity:1;
background-size: contain;
float: left;
margin: 3px 3px 0px 2px;
}
.historydylername
{
font-size: 13px;
font-weight: bold;
line-height: 26px;
}	
.popfactoplata
{
font-size: 52px;
font-weight: bold;
line-height: 82px; 	
}
.popcomment
{
font-size: 14px;
line-height: 16px;
margin-top: 22px;
color: #8e8a8a; 	
}	
.poptitadd
{
color: #84be64;	
font-weight: 100;
}
.poptitinc
{
color: #ff2a2a;
font-weight: 100;	
}	
.popdyler
{
color: #5663bf;
font-size: 24px;
display: block;
padding: 10px;
}	
.historylineadd	
{
background:#e8ffee;	
}
.historylineinc
{
background:#fff0f0;
}	
.historylinerow:hover
{
background:#fff;
color:#444;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-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);
}
.historylineback
{
background: #1e233d;
color: #fff;
}
.orderhistoryzmin
{
font-size: 24px;
background:#f4f5fa; 
padding: 0px;
color: #cbcbce;
width: 70px;
text-align:center;
line-height: 38px;
font-family: "RobotoCondensedRegular";
}
.orderhistoryzmin a 
{
color:#1e233d;
}	
.historysendline
{
background: #fff;
padding: 5px;	
}
.historysendidz	
{
font-size: 24px;
line-height: 28px;
color: #cbcbce;
font-family: "RobotoCondensedRegular";
}
.historystatus
{
font-size: 7px;
font-weight: bold;
line-height: 18px;
text-align: center;
color: #ffffff;
text-transform: uppercase;	
letter-spacing: 1px;
margin: 5px 0px 0px 0px;	
}
.historyprice	
{
font-size: 16px;
font-weight: bold;
line-height: 28px;	
}	
.historysenddata	
{
font-size: 11px;
line-height: 14px;	
}
.historysendtext
{
line-height: 28px;	
}	
.historyline
{
background:#fff;
padding: 0px 10px 0px 0px;
}	
.historylinedata
{
background: #1e233d;
padding: 0px 10px 0px 10px;
border-bottom: 1px solid #dcdbdb;
text-align: center;
line-height: 68px;
font-size: 26px;
color: #fff;

}
.emailinformtabel
{
border-top: 1px solid #efefef; 	
}	
.deleteuser
{
background: url(../images/minus.svg) no-repeat transparent;
width: 15px;
height: 15px;
display: flex;
position: relative;
top: 8px;
left: 7px;	
cursor: pointer	
}	
.deletepay
{
background: url(../images/minus.svg) no-repeat transparent;
width: 15px;
height: 15px;
display: flex;
position: relative;
top: 8px;
right: 2px;
float:right;
cursor: pointer;
}
#addnewdyleremailspay
{
width:100%;
border: none;	
border-bottom: 1px solid #d0d0d0;
font-size: 12px;
line-height: 26px;
margin-top: 15px;
}
#addnewdyleremailsorder
{
width:100%;
border: none;	
border-bottom: 1px solid #d0d0d0;
font-size: 12px;
line-height: 26px;
margin-top: 15px;
}
#addnewdyleremailsaccess
{
width:100%;	
border: none;
border-bottom: 1px solid #d0d0d0;
font-size: 12px;
line-height: 26px;
margin-top: 15px;
}
#addnewdyleremailsname
{
width:100%;	
border: none;
border-bottom: 1px solid #d0d0d0;	
font-size: 12px;
line-height: 26px;
margin-top: 15px;
}	
.empyemail
{
font-size: 15px;
text-align: center;
display: block;
padding: 50px;
color: #f00;
}	
.tableheaddyleremails
{
background: #1e233d;
line-height: 32px;
padding-top: 0px;
color: #fff;
text-align: center;
}	
.dyleremails
{
line-height: 32px;
font-size: 10px;	
}	
.dyleremailsusername
{
cursor: pointer;	
}	
.helpinform
{
font-size:12px; 
}	
.tabeladdnewdyleremails
{
padding: 30px 0px 0px 0px;  
line-height: 32px;	
}	
.order_video_block
{
background:#eee;	
}	
.komentfoto
{
text-align: center;
text-transform: uppercase;
padding: 15px 10px 15px 10px;
background: rgb(30,35,61);
background: linear-gradient(348deg, rgba(30,35,61,1) 0%, rgba(48,55,93,1) 55%, rgba(79,91,129,1) 100%);
margin-bottom: 20px;
color: #fff;
letter-spacing: 2px;
font-size: 14px;	
}	
.prymitkafoto
{
text-align: center;
text-transform: uppercase;
padding: 10px 10px 10px 10px;
background: rgb(30,35,61);
background: linear-gradient(348deg, rgba(30,35,61,1) 0%, rgba(48,55,93,1) 61%, rgba(79,91,129,1) 100%);
margin-bottom: 20px;
color: #fff;
letter-spacing: 2px;
font-size: 14px;
border-radius:5px;	
}	
.poliyatabelbox
{
width: 65px;
float: left;
font-size: 12px;
text-align: center;
line-height: 22px;
padding: 15px 0px 0px 0px;
}
.poliyatabelboxh
{	
width: 65px;
float: left;
font-size: 11px;
text-align: center;
line-height: 16px;
padding: 15px 0px 0px 0px;
}
.poliyatabelboxheader
{
background:#fff;
border-bottom: 1px solid #efefef;	
}
.polebtn {
padding: 5px;
line-height: 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;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.historyzminzakaz
{
line-height: 36px;
padding: 1px;
border: none;
border-bottom: 1px solid #e8e8e8;
width: 100%;
}	
.historyzminzakazdel
{
line-height: 36px;
border: none;
background:#ff2222;
border-bottom: 1px solid #e8e8e8;
float: left;
width: 100%	
}	
.historyzminzakaz:hover
{
background:#fff;
color:#444;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-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);
}	
.datazmin {
color: #bdbdbd;
font-size: 10px;
display: block;
float: left;
width: 200px;
}
.historytypzmin
{
font-size: 11px;
display: block;
width: 125px;
float: left;
padding: 0px 5px 0px 5px;
text-align: center;
margin: 0px 8px 0px 5px;	
color: #444;	
}
.typzmin {
font-size: 12px;
display: block;
width: 150px;
float: left;
padding: 0px 5px 0px 5px;
text-align: center;
margin: 0px 8px 0px 5px;
background: #fefefe;
}	
.oldpolezmin
{
color: #868686;	
}
.znakpolezmin
{
font-size:11px;
color: #c7c7c7;
padding: 0px 5px 0px 3px;
}
.newpolezmin
{
color:#1e233d; 
font-weight:bold;
}	
.dylerloginiform
{
text-align:center;	
}
div.dylerpanellp span
{
font-weight: normal;
}	
div.dylerloginiform span
{
text-align:center;	
display:block;
width:100%;
color: #f00;
font-weight: bold;
}	
#result {
padding: 10px 0;
font-size: 15px;    
}
.successfotopay {
font-size: 12px;
padding: 5px;
text-align: center;
}
.error {
color: red;
} 
.historylist
{
font-size:12px;
padding:2px;	
border-bottom: 1px solid #dcdbdb;
line-height: 32px;
height: 32px;
cursor: pointer;
}
.upfotopay	
{
}	
.historylistheader
{
font-size:10px;
padding:0px;
text-align:left;	
line-height:42px;
background:#eee;	
}
.hdata
{
width: 100%;
font-size: 12px;
color: #a2a2a2;
}
.hdataprovisor
{
width: 170px;
font-size: 12px;
color: #a2a2a2;
text-align: left;
float: left;
}
.hpstatus
{
float:right;
width:100px;
}	
.himg
{
max-width:300px;
width:100%;
height:auto;
padding: 15px;
}	
.hupload
{
}
.hupload input[type='file']
{
display:none;	
}	
.js-file
{
display:none;
}	
.haddoplata
{
color:#00acff;
font-size: 20px;
font-weight: bold;
} 	
.htxt
{
color:#444;	
}	
.hfact_oplata
{
font-weight: bold;
font-size: 14px;
color: #00b73f;	
}	
.hold_balance
{
font-weight: bold;
color: #cacaca;	
}	
.hnew_balance
{
font-weight: bold;
color: #404040;	
}
.haddoplatagrn
{
color:#84be64;
font-size: 20px;
font-weight: bold;
float: left;
} 
.hincoplatagrn
{
color:#f00;
font-size: 20px;
font-weight: bold;	
}	
.hincoplatagrn b
{
font-size:14px;
}	
.hincoplata
{
color:#f00;
font-size: 20px;
font-weight: bold;	
}
.hzakaz
{
color: #7c8898;
font-size: 20px;
font-weight: bold;	
}	
.hrecomend
{
color: #b7c2d0;
font-size: 18px;
font-weight: bold;	
}	
.hbalancetoday
{
color: #375d44;
font-size: 18px;
font-weight: bold;	
}	
.hdolar
{
color: #dedfe0;
font-size: 16px;
padding-left: 2px;
}	
.hdylername
{
font-weight:bold;
font-size:14px;
color:#444;
padding-right:10px;	
}	
.hkyrs
{
font-size: 14px;
color: #0d87c1;
font-weight: bold;
padding: 0px 0px 0px 3px;		
}	
.hkoment
{
width: 90%;
background: #fff;
padding: 10px 5px 10px 5px;
border-radius: 3px;
margin: 5px 0px 0px 0px;
font-size: 13px;
font-style: italic;	
}
.hkoment_provisor
{
width: 100%;
background: #fff;
padding: 10px 5px 10px 5px;
border-radius: 3px;
margin: 5px 0px 0px 0px;
font-size: 13px;
font-style: italic;
float:left;
text-align: left;
}	
.hallinf
{
padding: 5px 0px 5px 0px;
width: 100%;
background: #eeeef3;	
}	
.hallinfprovisor
{
padding: 5px 0px 5px 0px;
width: 100%;
background: #eeeef3;	
float:left;
}
.huser
{
font-weight: bold;
float: left;
font-size: 12px;
color: #6873ad;
padding: 0px 5px 0px 0px;	
}
.huserprovisor
{
font-weight: bold;
float: left;
font-size: 12px;
color: #6873ad;
padding: 0px 5px 0px 0px;	
}
.hbox
{
padding: 10px 5px 10px 0px;
border-bottom: 1px solid #e8e8e8;
margin: 0px 10px 15px 0px;
}	
.hboxplus
{
background:#eaf3ed;
border-radius: 4px;
padding: 5px;
float: left;
width: 97%;
}
.hboxminus
{
background:#f3ebea;
border-radius: 4px;
padding: 5px;
float: left;
width: 97%;
}
.haddfon
{
background: #e8f2e8;
padding: 5px;
border-radius: 4px;
}
.hincfon
{
background: #f2e8e8;
padding: 5px;
border-radius: 4px;
}	
.hbackfon
{
background: #c9cbd47a;
padding: 5px;
border-radius: 4px;
}
.inp_balans_valuta{
float: left;
line-height: 28px;
font-size: 36px;
margin: 25px 10px 0px 5px;
}
.valgrn
{
display:none;
font-size: 16px;	
font-weight: bold;
color: #1ab1f9;
}
#balancedyler
{
text-align: center;
font-size: 24px;
padding: 0px 0px 15px 0px;
font-weight: bold;
color: #e0e0e0;
} 	
.valdolar
{
}	
.infopay2
{
float:left;
text-align:center;
width: 100%;
font-size: 12px;
padding: 10px 0px 0px 0px;	
}	
.sumaaboutpay1
{
width: 50%;
float: left;	
background: #c3ffb4;
}	
.sumaaboutpay2
{
width: 50%;	
float: left;
background: #c3ffb4;
}
.valpaydolar
{
display:none;	
padding: 0px 0px 0px 5px;
float: left;
line-height: 34px;
font-size: 18px;
color: #0071a7;
}	
.valpaygrn
{
display:none;	
padding: 0px 0px 0px 5px;
float: left;
line-height: 34px;
font-size: 15px;
font-weight: bold;
}	
.dolar
{
display:none;	
}
#summ
{
float: left;
display: block;
width: 100%;
text-align: center;
font-size: 52px;
padding: 30px;	
font-weight: bold;
}
.oplataminus
{
color: #f00;
}
.oplataplus
{
color:#48865d;
} 
.payline2
{
float:left;
width:100%;	
}	
.login
{
max-height:450px;	
height:100%;
max-width:270px;
width:100%;
margin:auto;
padding: 35px 0px 0px 0px;
background: #1e233d;
-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;
}	
.loginlogo
{
background: url(../images/logo.png) no-repeat transparent;
height: 77px;
margin-top: 50px;
padding: 32px;
margin: auto;
width: 150px;
opacity: 1;
text-align: center;
background-size: contain;
}	
.login label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 100;
color: #d4bf8f;
text-align: left;
width: 100%;
font-weight:normal;
font-size: 10px;	
}
#remember
{
width: 15px;
height: 15px;	
}	
.loginbtn {
display: block;
font-weight: 100;
color: #1e233d;
width: 163px;
padding: 10px;
text-align: center;
font-size: 14px;
width: 150px;
background: #f4f5fa;
border: 0px;
margin: auto;
margin-top: 50px;
border-radius: 2px;
}
.loginplus
{
display:block;
float:left;	
}	
.login .well {
min-height: 20px;
padding: 35px 25px 25px 25px;
margin-bottom: 20px;
background : none;
border: 0px;
border-radius: 4px;
display: block;
float: left;
width: 100%;
}
.login input
{
height:35px;
width:100%;	
border: 0px;
background: #1e233d;
border-bottom: 1px solid #d4bf8f;
}	
.smoke {
font-size: 0px;
float: right;
height: 77px;
transform: translate(-50%, -50%);
width: 15px;
padding: 0px;
position: absolute;
right: 0px;
display: flex;
top: 30px;
z-index:9999;
}
.smoke:hover {
animation: animate 7s linear forwards;
color:#1e233d;
display:block;
font-size:77px;
}
@keyframes animate {
0% {
transform: rotate(0deg) translateY(0px);
opacity 1;
filter: blur(1px);
}
100% {
transform: rotate(0deg) translateX(-700px);
opacity: 0;
filter: blur(50px);
}
}
.smoke :nth-child(1) {
animation-delay: 25s;
}
.k2all
{
padding:0px;
}
.xpalenblock
{
padding:0px;	
}
.mobdyler
{
display:none;	
}	
.danitopmob
{
display:none;	
}  

.btnserchplus
{
background: #2c3356;
width: 50px;
text-align: center;
padding: 5px;
border-radius: 3px;
float: left;
height: 40px;
line-height: 31px;
cursor: pointer;
border: 1px solid #ffffff6b;
color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}	

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

#serch_filter_plus
{
width: 230px;
float: left;
margin: 0px 10px 0px 0px;
border-radius: 3px;
border: 1px solid #dcdbdb;
line-height: 36px;
font-size: 16px;
color: #0f111e;
}	

.serchplusblock
{
width:290px;
margin:auto;	
}	

.searchresult
{
padding:50px 0px 20px 0px;
font-size:16px;
}	

.mounth_process
{
background-color: #1e233d !important;
color: #fff;
font-size: 26px;
text-align: center;
line-height: 52px;
border-radius: 5px;
}	

.coffee
{
max-width: 350px;
background: rgb(30,35,61);
background: linear-gradient(323deg, rgba(30,35,61,1) 0%, rgba(54,62,102,1) 55%, rgba(79,90,143,1) 97%); 
border-radius: 5px;
margin-top: 30px;
}	

.coffee-history
{
max-width: 350px;
  
 
margin-top: 30px;
}	
.coffee-tit
{
background: url(../images/coffee.png) no-repeat transparent;
height: 70px;
    width: 83px;
    background-size: contain;
    margin: auto;
    margin-top: 5px;
    opacity: 0.7;
}	
.coffee-rand {
    background: url(../images/rand.png) no-repeat transparent;
height: 40px;
    width: 40px;
    background-size: contain;
    margin: auto;
    margin-top: 10px;
    opacity: 0.7;
	cursor:pointer;
}


.coffee-top-block
{
    height: 135px;
}	
.coffee-btn
{
background: #4f5a8f;
    width: 150px;
    margin: auto;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 38px;
    margin-bottom: 40px;
	cursor:pointer;
}	

.sel_user_coffee {
border: none;
    border-bottom: 1px solid #7c8093;
    width: 100%;
    line-height: 16px;
    height: 42px;
    font-size: 28px;
    background: none;
    color: #fff;
    margin: 15px 10px 15px 0px;
    text-align-last: center;
    font-family: "Oswald-Regular";
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.coffee-h-data
{
text-align: center;
color: #202540;
line-height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
    width: 100%;
}	

.coffee-all-suma
{
text-align:center;
color:#fff;
font-size:42px;
font-weight:bold;
line-height: 85px;	
}	

.coffee-h-box
{
background: #ffc107;
    border-radius: 24px;
    margin: 5px 0px 15px 0px;
    padding: 5px;
    float: left;
    width: 100%;
    cursor: pointer;
}	

.coffee-h-box:hover
{
opacity:0.7;	
}	

.coffee-h-box-suma
{ 
float: left;
    font-size: 24px;
    font-weight: bold;
    width: 65px;
    background: #ffeb3b;
    text-align: center;
    border-radius: 20px;
    line-height: 30px;
    color: #575856;
    margin-right: 5px;
}

.coffee-h-box-comment
{
float: initial;
    padding: 7px 3px 3px 15px;
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
}
	

.inp_suma_coffee
{
border: none;
    display: block;
    width: 110px;
    line-height: 32px;
    height: 48px;
    font-size: 36px;
    background: #272e4d;
	color: #fff;
    margin: auto;
    text-align:center;
    padding: 12px;
    font-family: "Helvetica";
    border-radius: 5px;	
}	

.coment_add_pay_coffee {
    width: 100%;
    padding: 10px;
    margin: 20px 5px 10px 0px;
   
    border: none;
    border-bottom: 1px solid #1e233d;
    background: #f4f5fa;
	border-radius: 5px;
}

.coffee-w-user
{
font-size: 26px;
    font-weight: bold;
    width: 100%;
    color: #121525;
    line-height: 30px;	
}

.payp-w-user
{
font-size: 16px;
    font-weight: bold;
    width: 100%;
    color: #121525;
    line-height: 30px;	
}

.coffee-w-suma
{
    font-size: 36px;
    font-weight: bold;
    width: 100%;
    color: #f00;
    line-height: 56px;
}

.coffee-w-note
{
font-size: 14px;
 
    width: 100%;
}	

.delcoffee {
text-align: center;
    padding: 5px;
    font-size: 14px;
    background: #f00;
    border: 0px;
    width: 20px;
    height: 20px;
    line-height: 5px;
    color: #fff;
    opacity: 0.2;
    line-height: 11px;
    float: right;
    cursor: pointer;
}

.t-box-head
{
    background: #1e233d;
    text-align: center;
    font-size: 10px;
    line-height: 32px;
    color: #f4f5fa;
    text-transform: uppercase; 	
}

.tasktabel
{
margin-top:50px;	
}	


.proc_n {
    background: #a9d9a5;
    border: none;
    border-bottom: 1px solid #9497a2;
    width: 42px;
    line-height: 26px;
    height: 26px;
    font-size: 20px;
    color: #2a6425;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 3px 0px 0px 0px;
    float: left;
}

.pradtit
{
font-size: 7px;
text-transform: uppercase;
text-align: center;
}	

.cronbox
{
 
 
margin: 30px 10px 10px 10px;
padding: 5px;
}	




.raporttit
{
max-width: 350px;
margin: auto;
margin-top: 55px;
}	

/*--------*/


.payplist {
display: block;
    position: relative;
    padding-left: 35px;
   line-height: 25px;
    cursor: pointer;
    font-size: 16px;
	font-weight:normal;
	border-bottom: 1px solid #dfdfe1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.payplist input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
 
}

/* On mouse-over, add a grey background color */
.payplist:hover input ~ .checkmark {
background-color: #00c6d042;
    border-radius: 3px;
}

label.payplist:hover {
  background-color: #00C6D0;
  line-height: 25px;
 font-size: 16px;
    font-weight: normal;
}

 

/* When the checkbox is checked, add a blue background */
.payplist input:checked ~ .checkmark {
background-color: #00c6d042;
    border-radius: 3px;
}
 
 

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.payplist input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.payplist .checkmark:after {
  left: 9px;
  top: 1px;
  width: 10px;
  height: 18px;
  border: solid #1e233d;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.payplist input:checked   {
  display: block;
  background:#eee;
}


 	
#birthdaydate	
{
align-items: center;
    display: -webkit-inline-flex;
    font-family: RobotoCondensedRegular;
    font-weight: bold;
    padding-inline-start: 1px;
    cursor: default;
    overflow: hidden;
    padding: 0px;
    font-size: 14px;
    background: none;
    border: none;
 
    color: #f44336;
    max-width:100px;
    line-height: 12px;
    padding: 0px;
}	

.workerblankname
{
font-size: 22px;
    line-height: 25px;	
	
	
}


.workerblankinfo
{
font-size: 16px;
    line-height: 25px;
    margin-top: 30px;
}


.gennewcode
{
font-size: 8px;
    display: block;
    float: left;
    letter-spacing: 0px;
    background: #bbbbbf;
    color: #fff;
    line-height: 17px;
    padding: 3px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
}	

.gncode
{
font-size: 20px;
    line-height: 42px;
    padding: 0px 0px 0px 7px;
    font-weight: bold;
    color: #f00;
	
}	


.tmpsuma
{
display:none;	
}	




.side1{
 	animation: rotate 5s infinite linear;
	-webkit-animation: rotate 5s infinite linear;
  
	@-webkit-keyframes rotate{
		0%    { -webkit-transform: rotateY(90deg); }
		20%   { -webkit-transform: rotateY(0deg); }
		30%   { -webkit-transform: rotateY(90deg); }
		40%   { -webkit-transform: rotateY(90deg); }
		60%   { -webkit-transform: rotateY(90deg); }
		80%   { -webkit-transform: rotateY(90deg); }
		100%  { -webkit-transform: rotateY(90deg); }
	}
	@keyframes rotate{
		0%    { -webkit-transform: rotateY(90deg); }
		20%   { -webkit-transform: rotateY(0deg); }
		30%   { -webkit-transform: rotateY(90deg); }
		40%   { -webkit-transform: rotateY(90deg); }
		60%   { -webkit-transform: rotateY(90deg); }
		80%   { -webkit-transform: rotateY(90deg); }
		100%  { -webkit-transform: rotateY(90deg); }
	}
}


.plusblokinfo
{
    margin: 15px;	
}	


.x-allproc
{
float: right;
    font-size: 14px;
    background: #ffffff38;
    width: 20px;
    text-align: center;
}	

.btn-back
{
background: #1e233dab;
  width: 35px;
  height: 35px;
  margin-top: 30px;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  border-radius: 0px 5px 5px 1px;
  position: fixed;
  z-index: 10;
}

.note-view1
{
width: 100%;
  max-width: 750px;
  padding: 10px;

    margin-top: auto;
    margin-bottom: auto;
  border: 1px solid #d6d6d7;
  background: #ffffff;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 20px;
       
}


.toggle {
      width: 30px;
      height: 14px;
      background: #ccc;
      border-radius: 34px;
      position: relative;
      cursor: pointer;
      transition: background 0.2s;
      display: inline-block;
      vertical-align: middle;
      margin-top: 10px;
    }
    .toggle .knob {
      width: 12px;
      height: 12px;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 3px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
      transition: left 0.2s;
    }
    .toggle.on {
      background: #a43161;
    }
    .toggle.on .knob {
      left: 17px;
    }



.note-view2
{
width: 100%;
  max-width: 750px;
  padding: 10px;

    margin-top: auto;
    margin-bottom: auto;
  border: 1px solid #d6d6d7;
  background: #f2f2f2;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 20px;
       
}


.note-user
{
font-size: 10px;
  width: 100%;
  display: block;
  color: #a8a8a8;
margin-bottom: 5px;
}


.p-head
{
background: #d5d7df;
margin-bottom: 50px;
margin-top: 20px;
border-radius: 5px;
}
.p-name
{
font-size:22px;    
}


.p-data-z
{
background:#eee;
}

.p-data-period
{
background:#eeefff;
}

.p-data-n
{
background:#eeeddd;
}


.order-numb-two
{
font-size: 52px;
text-align: center;
font-weight: bold;  
margin: 20px 0px 20px 0px;
}

.numbercolor1
{
color: #cecece;
}

.numbercolor2
{
color: #205e9c;    
}

.numbercolor3
{
color: #ff9900;   
}

.numbercolor4
{
color: #ff0a42;    
}

.numbercolor5
{
color: #21cddf;    
}

.edblok
{
background: #fff;

}

.edblok:hover,
.edblok:active,
.edblok:focus
{
background: #fff7ed;
}

 
.back-btn, .back-btn a
{
padding: 10px;
color: #fff; 
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; 
opacity: 1;    
}

.back-btn:hover, .back-btn a:hover
{
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; 
opacity: 0.9; 
color: #1e233d; 
background: #fff;
}    


.pr-button {
padding: 5px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #DD052E;
  color: #f9f9f9;
  border: none;
  border-radius: 5px;
  float: right;
  display: block;
  margin: 9px 0px 0px 5px;
  font-weight: bold;
        }

.pr-button:hover {
background-color: #fff;
text-decoration: none;
    }