﻿
.bco_1 { background-color: #FF5C03; }
.bco_2, .bco_fh { background-color: #FF9326; }
.bco_3 { background-color: #725A3F; }
.bco_4 { background-color: #3A9CA9; }
.bco_5, .bco_ins { background-color: #0088FF; }
.bco_6, .bco_xg { background-color: #31B8FB; }
.bco_7, .bco_ok, .bco_excel { background-color: #107C41; }
.bco_8 { background-color: #03BB12; }
.bco_9 { background-color: #4472C4; }
.bco_15, .bco_js { background-color: #EEB587; }

.fco_1 { color: #FF5C03; }
.fco_2 { color: #FF9326; }
.fco_3 { color: #3A9CA9; }
.fco_4 { color: #0088ff; }
.fco_5 { color: #15B7E6; }
.fco_6 { color: #009688; }
.fco_7 { color: #999999; }
.fco_8 { color: #03BB12; }
.fco_9 { color: #F8C301; }
.fco_10 { color: #808080; }

.rud_4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.rud_6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.rud_8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.rud_12 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

.row_w5 { padding-left: 5px; }
.row_w10 { padding-left: 10px; }
.row_w20 { height: 20px; line-height: 20px; }
.row_w30 { height: 30px; line-height: 30px; }
.row_h10 { height: 10px; font-size: 0px; }
.row_h20 { height: 20px; line-height: 20px; }
.row_h30 { height: 30px; line-height: 30px; }


input::-webkit-input-placeholder { color: #D9D9D9; font-style: italic; font-size: 14px; }
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #BFBFBF; font-style: italic; font-size: 14px; }
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #BFBFBF; font-style: italic; font-size: 14px; }
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #BFBFBF; font-style: italic; font-size: 14px; }
input { outline: none; padding-left: 2px; }
    input:focus { background-color: rgba(255,247,102,0.8); }
    input[type="file"] { background-color: initial; cursor: default; align-items: baseline; color: #ff6a00; text-overflow: ellipsis; white-space: pre; text-align: start !important; padding: initial; border: initial; overflow: hidden !important; cursor: pointer; }
    /*    input[type="checkbox"] { margin-right: 5px; }*/
    input[type="radio"] { margin-right: 2px; cursor: pointer; zoom: 120%; }
    input[type="checkbox"] { font-size: 16px; padding-right: 2px; width: 16px; height: 16px; border: 1px solid #999; background-color: #fff; line-height: 18px; border-radius: 3px; color: #fff; text-align: center; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
        input[type="checkbox"]:checked { color: #ff0000; }
        /*            input[type="checkbox"]:after { content: "※"; } */
        input[type="checkbox"]:after { content: "✔"; }
.inp_box, .inp_zbox, .inp_Dbox, .inp_rbox { vertical-align: middle; height: 20px; line-height: 20px; padding-right: 5px; outline: none; font-size: 14px; padding-top: 1px; }
    .inp_box[readonly=readonly],
    .inp_box[readonly=readonly]:focus,
    .texta[readonly=readonly],
    .texta[readonly=readonly]:focus { background: #fff; border: 0; border-bottom: solid #999999 1px; }
    .inp_box:focus, .texta:focus { background-color: rgba(255,247,102,0.6); }
.inp_box, .inp_rbox, .inp_zbox { border-width: 0 1px 1px 0px; border-color: #729A95; border-style: solid; margin-top: 1px; }
.inp_Dbox { background: #fff url(../../images/datePicker.gif) no-repeat right; width: 110px; border-width: 0 1px 1px 0; border-color: #729A95; padding-left: 3px; }
.inp_rbox[readonly=readonly] { background-color: rgba(255,204,169,0.2); border: 0; text-align: right; font-weight: bold; }
.inp_zbox[readonly=readonly] { background: rgba(255,178,125,0.4); border: 0; }
