@charset "utf-8";
/* ===========================================
	green
=========================================== */
body.is_green {
	background-color: #f4fff3;
}
body.is_green .c_h1 {
	background-color: #86d789;
}
body.is_green .c_table_type01 th, body.is_green .c_table_type03 th {
	background-color: #e7ffee;
}
body.is_green .c_btn_calendar {
	background: url(../images/icons/icon_calendar_green.png) center no-repeat;
}
body.is_green .u_icon_side {
	background-color: #5aac5d;
}
body.is_green .u_icon_form .c_tb_type01 {
	border: 1px solid #5aac5d;
}
body.is_green .c_modal_inner {
	border-top: 10px solid #a0de98;
	border-bottom: 10px solid #a0de98;
}
/* ===========================================
	orange
=========================================== */
body.is_orange {
	background-color: #fff6ed;
}
body.is_orange .c_h1 {
	background-color: #ffb17d;
}
body.is_orange .c_h2 {
	background-color: #ffc7a1;
}
body.is_orange .c_h2 span.h2plus {
	text-align: center;
	background: #ffffff;
	display: inline-block;
	padding:3px 10px 2px 10px;
	line-height: 15px;
	position: relative;
	bottom: 1px;
}
body.is_orange .c_table_type01 th,
body.is_orange .c_table_type03 th,
body.is_orange .c_table_type01 td.bg_orange{
	background-color: #fff3e7;
}
body.is_orange .c_btn_calendar {
	background: url(../images/icons/icon_calendar_orange.png) center no-repeat;
}
body.is_orange .u_icon_side {
	background-color: #ee893f;
}
body.is_orange .u_icon_form .c_tb_type01 {
	border: 1px solid #e89456;
}

/* ===========================================
	yellow
=========================================== */
body.is_yellow {
	background-color: #fff9e7;
}
body.is_yellow .c_h1 {
	background-color: #ffdc7e;
}
body.is_yellow .c_h2 {
	background-color: #ffe8aa;
}
body.is_yellow .c_h2 span.h2plus {
	text-align: center;
	background: #ffffff;
	display: inline-block;
	padding:3px 10px 2px 10px;
	line-height: 15px;
	position: relative;
	bottom: 1px;
}
body.is_yellow .c_table_type01 th,
body.is_yellow .c_table_type03 th,
body.is_yellow .c_table_type01 td.bg_yellow{
	background-color: #fff7dc;
}
body.is_yellow .c_btn_calendar {
	background: url(../images/icons/icon_calendar_yellow.png) center no-repeat;
}
body.is_yellow .u_icon_side {
	background-color: #ffd051;
}
body.is_yellow .u_icon_form .c_tb_type01 {
	border: 1px solid #ffd462;
}


/* ===========================================
	gray
=========================================== */
body.is_gray {
	background-color: #d3d3d3;
}
/* ===========================================
	common
=========================================== */
body.el-popup-parent--hidden {
	/*overflow: hidden;*/
	padding-right: 0!important;
}
.u_cb_list li {
	margin-right: 30px;
}
.u_cb_list li:last-child {
	margin-right: 0;
}
.u_cb_list_02 li {
	width: 80px;
	margin-right: 10px;
}
.u_cb_list_04 li {
	width: 80px;
	margin-right: 5px;
}
.u_cb_list_02 li:last-child,
.u_cb_list_04 li:last-child
{
	width: 145px;
	margin-right: 0;
}
.u_cb_list_03 li {
	margin-right: 30px;
}
.u_cb_list_03 li:last-child,
.u_cb_list_05 li:last-child{
	margin-right: 0;
}
.u_cb_list_05 li {
	margin-right: 5px;
}
.u_icon_side {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.u_icon_side:hover {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.u_icon_customer {
	background: url(../images/icons/icon_customer.png) center no-repeat;
}
.u_icon_product {
	background: url(../images/icons/icon_product_white.png) center no-repeat;
}
.u_icon_billing {
	background: url(../images/icons/icon_billing_white.png) center no-repeat;
}
.u_icon_incharge {
	background: url(../images/icons/icon_user.png) center no-repeat;
}
.u_icon_company {
	background: url(../images/icons/icon_company.png) center no-repeat;
}
.u_icon_orgPlace {
	background: url(../images/icons/icon_orgplace.png) center no-repeat;
}
.u_icon_item_three {
	background: url(../images/icons/icon_item_three.png) center no-repeat;
}
.u_icon_localgovernment {
	background: url(../images/icons/icon_localgovernment.png) center no-repeat;
}
.u_icon_nutrition{
	background: url(../images/icons/icon_nutrition.png) center no-repeat;
}
.u_icon_client {
	background: url(../images/icons/icon_customer_white.png) center no-repeat;
}
.u_icon_area {
	background: url(../images/icons/icon_area.png) center no-repeat;
}

/*.u_icon_customer {
	background: url(../images/icons/icon_man_white.png) center no-repeat;
}*/
.u_btn_list li {
	margin-right: 10px;
}
.u_btn_list li:last-child {
	margin-right: 0;
}
.u_datatables_ctrl {
	border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 6px 0;
    background: #F7F7F7;
	margin-top: 15px;
}
.u_ctrl_box {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	border-right: 1px solid #DFDFDF;
}
.u_ctrl_box:last-child {
	border-right: none;
}
.u_ctrl_box div {
	float: none !important;
	padding: 0 !important;
}
.u_reload button {
	border: none;
	background: url(../images/icons/icon_refresh.png) no-repeat center;
	padding: 5px 11px;
	cursor: pointer;
}
.u_tb_clear {
	background: url(../images/icons/icon_search_clear.png) no-repeat right 10px center;
	padding-right: 40px !important;
}
.u_tb_clear.x {
	background: url(../images/icons/icon_search_clear_x.png) no-repeat right 10px center;
}
.u_tb_clear.onX {
	cursor: pointer;
}
.u_req {
	color: #ff0005;
	font-weight: bold;
}
/* ===========================================
	button
=========================================== */
button.scrollbtn{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	width:30px;
	height:30px;
}
button.scrollbtn:hover{
	background: #ededed;
}
button.scrollbtn:active{
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
}

/* ===========================================
	utilities
=========================================== */
/* margin-top */
.u_mat0 { margin-top: 0; }
.u_mat5 { margin-top: 5px; }
.u_mat10 { margin-top: 10px; }
.u_mat15 { margin-top: 15px; }
.u_mat20 { margin-top: 20px; }
.u_mat25 { margin-top: 25px; }
.u_mat30 { margin-top: 30px; }
.u_mat35 { margin-top: 35px; }
.u_mat40 { margin-top: 40px; }
.u_mat45 { margin-top: 45px; }
.u_mat50 { margin-top: 50px; }
/* margin-bottom */
.u_mab0 { margin-bottom: 0; }
.u_mab5 { margin-bottom: 5px; }
.u_mab10 { margin-bottom: 10px; }
.u_mab_10 { margin-bottom: -10px; }
.u_mab15 { margin-bottom: 15px; }
.u_mab20 { margin-bottom: 20px; }
.u_mab25 { margin-bottom: 25px; }
.u_mab30 { margin-bottom: 30px; }
.u_mab35 { margin-bottom: 35px; }
.u_mab40 { margin-bottom: 40px; }
.u_mab45 { margin-bottom: 45px; }
.u_mab50 { margin-bottom: 50px; }
/* margin-right */
.u_mar10 { margin-right: 10px; }
.u_mar5 { margin-right: 5px; }
/* padding all */
.u_pad5 { padding: 5px; }
.u_pad10 { padding: 10px; }
.u_pad15 { padding: 15px; }
.u_pad20 { padding: 20px; }
.u_pad25 { padding: 25px; }
.u_pad30 { padding: 30px; }
.u_pad35 { padding: 35px; }
/* padding-left + padding-right */
.u_pal_par10 { padding: 0 10px; }
.u_pal_par15 { padding: 0 15px; }
.u_pal_par20 { padding: 0 20px; }
.u_pal_par25 { padding: 0 25px; }
.u_pal_par30 { padding: 0 30px; }
.u_pal_par35 { padding: 0 35px; }
/* padding-top + padding-bottom */
.pat_pab10 { padding: 10px 0; }
.pat_pab15 { padding: 15px 0; }
.pat_pab20 { padding: 20px 0; }
.pat_pab25 { padding: 25px 0; }
.pat_pab30 { padding: 30px 0; }
.pat_pab35 { padding: 35px 0; }
/* margin-left */
.u_mal10 { margin-left: 10px; }
.u_mal20 { margin-left: 20px; }
.u_mal30 { margin-left: 30px; }
.u_mal40 { margin-left: 40px; }
.u_mal50 { margin-left: 50px; }
.u_mal60 { margin-left: 60px; }
.u_mal70 { margin-left: 70px; }
.u_mal80 { margin-left: 80px; }

/* align */
.u_ALcenter { text-align: center !important; }
.u_ALright { text-align: right !important; }
.u_ALleft { text-align: left !important; }
.u_Mcenter { margin: auto; }
.u_Mright { margin: 0 0 0 auto; }
.u_vertop { vertical-align: top; }
.u_vermiddle { vertical-align: middle; }
.u_verbottom { vertical-align: bottom; }
.u_f_left { float: left; }
.u_f_right { float: right; }
/* text / background */
.u_indent { text-indent: 1em; }
.u_txt_green { color: #00923F; }
.u_txt_orange { color: #ed6f45; }
.u_bg_green { background-color: #00923F; }
.u_bg_red { background-color: #F00; }
.u_bg_white { background-color: #FFFFFF; }
.u_bold { font-weight: bold; }
.u_underline { text-decoration: underline; }
/* font size */
.u_fs11 { font-size: 1.1rem !important; }
.u_fs12 { font-size: 1.2rem !important; }
.u_fs13 { font-size: 1.3rem !important; }
.u_fs14 { font-size: 1.4rem !important; }
.u_fs15 { font-size: 1.5rem !important; }
.u_fs16 { font-size: 1.6rem !important; }
.u_fs17 { font-size: 1.7rem !important; }
.u_fs18 { font-size: 1.8rem !important; }
.u_fs19 { font-size: 1.9rem !important; }
.u_fs20 { font-size: 2rem !important; }
.u_fs21 { font-size: 2.1rem !important; }
.u_fs22 { font-size: 2.2rem !important; }
.u_fs23 { font-size: 2.3rem !important; }
.u_fs24 { font-size: 2.4rem !important; }
.u_fs25 { font-size: 2.5rem !important; }