form{
    margin: 0;
}

input,select,textarea{
line-height: 1;
box-sizing : border-box;
vertical-align: bottom;
margin:  2px;
height: 30px;
display: inline-block;


}



textarea{
display: inline-block;
height: 100px;
transition: 0.3s ease;
    width: 100%;
    max-width: 600px;
	
	
}
/*
textarea:focus {
height: 200px;
}
*/
select{


width: 100%;
max-width:600px;

}

button,.button,input[type=button],input[type=submit]{
margin:  2px;
vertical-align: bottom;
line-height: 1;
background: #37a;
background: #777;
white-space: nowrap;
text-decoration: none;
display: inline-block;
min-width: 30px;

color: #fff;
text-align: center;

cursor: pointer;

border-radius:4px;
 padding: 7px 7px 6px;
	border:1px solid transparent;
}


select{


background-image:url("ArrowDown.svg");


background-position: right 5px center;
background-repeat: no-repeat;
background-size: 9px;
padding-right:20px !important;
}


input:focus,select:focus,textarea:focus{
/*
border-color:#65a4da !important;
background-color:#f0f0f0;
*/
}
input,select,textarea{
transition:0.4s;
font-weight: normal;

background-color:#fff;

/*
width: 100%;
width: -webkit-fill-available;
*/


color: #000;
border: 1px solid #999;

line-height:1;





/*padding: 3px 6px;*/
   padding: 7px 5px 6px;
box-sizing: border-box;


border-spacing:0;



align-items: flex-start;


transition: 0.1s ease-in-out;
border-radius: 3px;

}



.form {
/*text-align:center;*/
}



.form label>*{

/* vertical-align: top; */

}
.form label{

color: inherit;
font-weight: normal;
display:block;

/*width: 950px;*/
margin:0 auto;



}

.checkbox_list input.text{


/*
   float: right;
    margin-bottom: -8px;
    width: 50px;
    padding: 2px !important;
	
*/	

/*
	float: right;
    width: 37px;
    height: auto;
    font-size: 15px;
    padding: 1px 4px !important;
    text-align: center;
	 margin: 0;
	*/
	
	
	
	
		float: right;
    width: 50px;
    height: auto;
    font-size: 13px;
    padding: 1px 4px !important;
    text-align: center;
	 margin: 0;
	
	
	
}

/*
.form label{
margin-bottom:2px;
}
*/

.form label span,.form label input, .form label select, .form label textarea, .form textarea{
/*width:500px;*/
/*
max-width: 500px;
   max-width: 684px;
   */
   
/*margin-bottom:5px;*/
    max-width: 240px;
}
.form label span {
/*font-weight: bold;*/
display: inline-block;
 padding: 5px 10px;
}

.form label b{
color: #555;
    font-weight: normal;
    display: inline-block;

    text-align: right;
 

    padding: 8px 3px;
	 vertical-align: top;
	max-width:265px;
	width:100%;

}
.form.mini label b{

text-align:left;
}
.form label textarea{
font-size:inherit;
font-family:inherit;
display: inline-block;
min-height:100px;
height:auto;
}




.form label input:not([type="submit"]) ,.form label select{

/*
padding: 5px 10px;
display: inline-block;
border-color:#999;
*/

}





/*
.form label input:focus,.form label select:focus{
display: inline-block;
border-color:#000;
min-height: 100px;
height: auto;
}
*/
.form .note{

}
.form .note label{
/*margin-left:20px;*/
}
.form label input[type=checkbox],
.form label input[type=radio]
{

/*
   margin-right: 5px;
width: 16px;
height: 16px;
*/
/*
    width: 13px;
    height: 13px;
    margin: -4px 5px -3px 0px;
*/

    width: 15px;
    height: 15px;
    margin: 0px 10px 2px 3px;
    vertical-align: bottom;

}



.form label.checkbox{

padding-left: 350px;


}
.form label.checkbox b{
max-width:unset;
width:auto;
}

input[type=date]{
line-height: 1;
/*
height: 30px;
*/
}

.block_group b{
max-width:180px !important;
}
.block_group input,.block_group select{

max-width:300px !important;
}
.block.form{
/*
vertical-align: top;

padding:5px 10px;

border-top:5px solid #aaa;
*/
}

.block_group{
vertical-align: top;
max-width:600px;
display:inline-block;
width: -webkit-fill-available;
padding:5px 10px;
border:3px dashed #aaa;
margin:5px;
}


.form  h1{


padding:0px!important;
/*margin-left:350px !important;*/
}

































[disabled]{

opacity:0.5;

}
.order_view input{
transition:0.3s;
background:#afa;
background:#fff7;
margin:0;
border:1px solid #777;

border-radius:3px;
}


.order_view input[disabled]{
background:#aaa;

}

.order_view  .input{
padding:0;
}

.order_view  input:focus{


background:#ddf;

}






.order_view td[contenteditable]{
/*	background:#dfd;*/
background: #00ff0036 /*!important*/;
}
.order_view  td[contenteditable]:focus{


background:#ddf;

}


span[contenteditable]{

border:1px solid #0007;
padding:0px 3px;
border-radius:4px;
min-width:50px;
display: inline-block;
margin-bottom: -2px;
cursor:text;
background:#dfd;
line-height: 18px;
}


.bl{
display:inline-block;
vertical-align:top;
padding:10px;
}


/*
label{
display:block !important;
}
*/


form h1{
font-size:20px;


}



.pbutton:hover{
color: #157;
cursor: pointer;

}
.pbutton{
text-decoration:none;
color: #37a;
font-size: 22px;
margin: 6px 5px 4px;
}

.table .pbutton{
font-size: 15px;
margin: 0;
}





input[disabled]{

opacity: 0.8 !important;

}




.part{
padding:20px 20px 200px;
max-width:1000px;
}



/*
label textarea{

margin: 0;
padding: 3px;
border: 0;
display: block;
width: 100%;
border-bottom: 2px solid #0003;
background: transparent;
height:50px;
font:inherit;
}
*/
/*
input[type=date]{
padding:2px 6px;
}
*/


input[type=checkbox]{
display: inline-block;
height:16px;
width:16px;

}










label.radio{
color: #19436b;
font-size:inherit;
padding:0 ;
margin: 5px;
display:block;
}



input[type=file]{
max-width: 300px;

}
label.radio input[type=radio]{

box-shadow: none !important;

display: inline-block;
height: 20px;
width: 20px;
margin-right:10px;
color: #19436b;
/*vertical-align: bottom;*/
margin-bottom: 3px;
}



label.checkbox{
color: #19436b;
font-size:inherit;
padding:0 10px;
margin: 5px;
display:block;
}


label.checkbox input[type=checkbox]{

box-shadow: none !important;

display: inline-block;
height: 20px;
width: 20px;
margin-right:10px;
color: #19436b;
/*vertical-align: bottom;*/
margin-bottom: 3px;
}










label{
/*padding:3px;*/



text-align: left;
/*display: block;*/
display: inline;
/*font-weight: bold;*/
color: inherit;
box-sizing: border-box;
/*
padding: 1px;
*/

position:relative;


}






.button.green{color:white;background:green;}
.button.brown{color:white;background:brown;}
.button.crimson{color:white;background:crimson;}
.button.red{color:white;background:#d60000;}
.button.blue{color:white;background:#2374d8;}
.button.blueviolet{color:white;background:blueviolet;}
.button.chocolate{color:white;background:chocolate;}
.button.goldenrod{color:white;background:goldenrod;}
.button.dimgray{color:white;background:dimgray;}
.button.lightgray{color:black;background:lightgray;}












.loginform{

margin: auto;
/*  width: max-content;*/

}



#order label{
margin:0;

}
input[type="radio"] {
vertical-align: baseline;
display:inline-block;
width:auto;
    height: auto;
-webkit-appearance: auto;
}

/*
input[type="date"] {
padding: 3px 10px 1px;
}
*/
/*
input:focus,select:focus{
background-color:#fff;

}
*/






button,.button,input[type=button],input[type=submit]{
transition:0.2s;
}


button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{

box-shadow:inset 0px 0px 50px #fff3;

}

.button:active,input[type=button]:active,input[type=submit]:active{
box-shadow:inset 0px 0px 50px #0003;
/*
border-bottom:1px solid #0007;
margin-top:7px;
*/
}

























.button.white:hover{
background: #555;
}
.button.white{
color: #fff;
background: #666;
}

.button .fal{
margin: -4px 4px 0px 0px;
margin: -5px 4px -5px 0px;
margin: -5px 0 -5px 0px;


display:inline-block;
/*margin-right: 5px;*/
}



input[type=checkbox] {
vertical-align: middle;
-webkit-appearance: checkbox;
}






label>*{
/*
margin: 0;
*/
}

.label b{
display:block;
color:#555;
font-size:85%;

}
.xlist .label{
/*
max-width:300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
*/

}
.label{


/*
font-weight: bold;
*/
/*padding: 5px;  */

}


















.checklist {
margin:5px;
overflow:auto;height:150px;border:1px solid #aaa;
}
.checklist label:hover{

background:#eee;
}
.checklist label{
display: block;
padding: 2px 6px;
text-overflow:ellipsis;
white-space: nowrap;
margin: 0 0;
overflow: hidden;

}


.checkbox_list label{
padding:5px ;


}




.double label input,.double label span,.double label select{max-width: 340px;width:100%;}
.double label span i{
font-weight:bold;
}




.triple label input, .triple label span, .triple label select{
    max-width: 230px;
	width:100%;
}

.brand_allow_status_1{
    background: #dfd;
}
.brand_allow_status_null {
    color: #777;
}