input {-webkit-appearance:none; }
input[type="number"]{-moz-appearance: textfield;}
textarea {-webkit-appearance: none;} 
html,body{height:100%;font-family:arial;margin:0;padding:0;}
.body_a{max-width:1210px;padding:10px;background:white;box-shadow:0 0 3px rgba(0,0,0,0.2)}
.body_b{max-width:1210px;background:white;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.body_b_bottom{max-width:1210px;height:60px;background:#0085b2;margin-bottom:10px;color:white;padding-left:10px;text-align:center;font-size:15px;line-height:60px;box-shadow:0 0 3px rgba(0,0,0,0.2)}
.colorname_input{height:40px;width:200px;text-align:center;border-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.colorname_submit{height:40px;border-radius:5px;background:#0085b2;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.lab{height:38px;text-align:center;width:80px;border-radius:0px;}
#holder{width:100%;margin-top:15px;margin-bottom:10px;line-height:12px;}
.regular-checkbox{display:none;}
.regular-checkbox + .colorbook_label{width:90px;margin:4px;border:1px solid #cacece;padding:9px;border-radius:3px;display:inline-block;}
.regular-checkbox:checked + .colorbook_label{background-color:#0085b2;color:white;border:none;}
.regular-checkbox:checked + .colorbook_label:after{content: '\2714';color: white;}
.div1{display:inline-block;width:105px;margin:5px;margin-top:15px;border-radius:8px;}
.div2{width:100%;height:130px;text-align:left;padding:10px;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid lightgray;border-bottom:none;}
.div2_1{width:10px;height:10px;border-radius:5px;background:white;border:1px solid lightgray;}
.div3{display:inline-block;vertical-align:middle;width:100%;line-height:20px;height:70px;text-align:left;padding-left:10px;background:white;font-size:12px;padding-top:5px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:1px solid lightgray;}
.div3_label1{font-size:15px;font-weight:bold;}
.div1:hover{box-shadow:0px 1px 3px gray;}
.label_error{font-size:14px;color:gray;}
#colorshow{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;display:none;}
.colorinfo{position:fixed;bottom:0px;width:100%;background:white;text-align:center;border-top:1px solid lightgray;padding-top:30px;padding-bottom:30px;}
.colorshow_p{text-align:left;display:inline-block;vertical-align:middle;}
#colorshow_colorbook{font-size:30px;font-weight:bold;}
#colorshow_colorname{font-size:15px;}
.colorshow_gobutton{display:inline-block;vertical-align:middle;margin-left:20px;}
.gobutton{width:70px;height:70px;border-radius:35px;background:none;border:1px solid lightgray;color:black;}
#hidelabel{margin:10px;color:#0085b2;font-size:14px;}
#hideinfo{display:none;margin:10px;}
.mainbox {margin-top:0px;margin-bottom:35px;text-align:center;}
.tab_radio,#content1,#content2,#content3,#content4 {padding-top:20px;display:none;}
.tab{font-size:14px;display:inline-block;padding: 10px 30px;margin:5px;border-bottom: 1px solid lightgray;}
.tab:hover{cursor: pointer;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {display: block;}
.tab_radio:checked + .tab {font-weight:bold;font-size:17px;color:#0085b2;border-bottom: 3px solid #0085b2;text-decoration: none;}
#select-all,#unselect-all{width:100px;cursor:pointer;font-size:14px;background:#818383;color:white;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}