/*
 ────────────────────────
       (C) CMT LLC. All Rights Reserved.
 ────────────────────────
*/
/* ----- body ----- */
html,body{
	width            :100%;
	height           :100%;
	margin           :0px;
	padding          :0px;
	font-family      :"Meiryo","Yu Gothic",sans-serif;
	font-size        :11pt;
	color            :#000;
	background       :#fff;
}

div.main{
	padding          :10px;
}

div.break       {page-break-before:always;}
div.break_after {page-break-after:always;}


/* ----- iframe ----- */
iframe{
	border           :none;
	display          :block;
	width            :100%;
	height           :100%;
}

/* ----- pre ----- */
pre{
	font-family      :"Meiryo","Yu Gothic",sans-serif;
}

/* ----- image ----- */
img{
	border           :none;
//	vertical-align   :bottom;
	border-radius    :3px;
}

/* ----- A LINK ----- */
a:link{
	color            :#00f;
	text-decoration  :none;
}

a:active{
	color            :#00f;
	text-decoration  :none;
}

a:visited{
	color            :#00f;
	text-decoration  :none;
}

a:hover{
	//color            :#fff;
	//background       :linear-gradient(#08f, #04b);
	//border-radius    :3px;
	text-decoration    :underline dotted;

}

a:hover img{
	opacity          :0.5;
	background       :none;
}

.title_link{
	width            :400px;
	margin           :0px 0px 5px 0px;
	padding          :5px;
	font-size        :18px;
	background       :#def;
	border           :1px #08f solid;
	border-radius    :7px;
	cursor           :pointer;
}

.title_link:hover{
	color            :#fff;
	background       :linear-gradient(#08f, #04b);


}


/* ----- INPUT TYPE TEXT ----- */
input[type='text']{
	padding          :5px;
	width            :380px;
	font-size        :15px;
	color            :#000;
	background       :#ffe;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

input[type='text']:focus{
	background       :#ffc;
	border           :0.5px #888 solid;
}

/* ----- INPUT TYPE PASSWORD ----- */
input[type='password']{
	padding          :2px;
	font-size        :20px;
	background       :#ffe;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

input[type='password']:focus{
	background       :#ffd;
	border           :0.5px #888 solid;
}

/* ----- TEXTAREA ----- */
textarea{
	font-family      :メイリオ,Arial,Helvetica,sans-serif;
	padding          :3px;
	border           :0.5px #bbb solid;
	background       :#ffe;
	border-radius    :5px;
}

textarea:focus{
	background       :#ffc;
	border           :0.5px #888 solid;
}

/* ----- SELECT ----- */
select{
	padding          :5px;
	font-size        :12pt;
	border           :0.5px #bbb solid;
	background       :#ffe;
	border-radius    :5px;
}

select:focus{
	background-color :#ffc;
}

/* ----- INPUT TYPE FILE ----- */
input[type='file']{
	padding          :0px;
}

/* ----- INPUT TYPE RADIO ----- */
input[type='radio']{
	width            :18px;
	height           :18px;
}

/* ----- INPUT TYPE IMAGE ----- */
input[type='image']{
	border           :none;
	vertical-align   :bottom;
}

input[type='image']:hover{
	opacity          :0.6;
	filter           :alpha(opacity=60);
}

/* ----- pw_view ----- */
.pw_view{
	font-size        :10pt;
	cursor           :pointer;
}

.pw_view:hover{
	color            :#c00;
}

/* ----- portal_menu_box ----- */
div.portal_menu_box{
	float            :left;
	margin           :0px 9px 9px 0px;
	width            :280px;
	height           :120px;
	padding          :7px;
	background       :#ffd;
	border           :0.5px #990 solid;
	border-radius    :8px;
	opacity          :0.7;

}

div.portal_menu_box:hover{
	color            :#fff;
	background       :linear-gradient(135deg,#36b, #038);
	border           :0.5px #008 solid;
	cursor           :pointer;
}

/* ----- portal_logout_box ----- */
div.portal_logout_box{
	float            :left;
	margin           :0px 9px 9px 0px;
	width            :280px;
	height           :120px;
	padding          :7px;
	background       :#bbb;
	border           :0.5px #555 solid;
	border-radius    :8px;
	opacity          :0.7;
}

div.portal_logout_box:hover{
	color            :#fff;
	background       :#333;
	border           :0.5px #000 solid;
	cursor           :pointer;
}

/* ----- rtip_pointer ----- */
div.rtip_pointer{
	position         :relative; 
	margin           :0px 1px 1px 0px;
	width            :7px;
	height           :7px;
	background       :#eee;
}

div.rtip_pointer:hover .balloon{
	z-index          :999;
	display          :inline;
	cursor           :pointer;
	background       :#9cf;
}

/* ------------------------ */
div.help_comment{
	font-size        :12px;
	color            :#444;
	margin           :5px 0px 9px 0px;
	padding          :3px 10px 2px 10px;
	background       :#ffe;
	border           :1px #aa4 solid;
	border-radius    :5px;
}

/* ----- cb_click ----- */
.cb_click{
	padding          :6px 9px 9px 0px;
}

.cb_click:hover{
	cursor           :pointer;
	background       :#dfd;
}

/* ----- graph_bar ----- */
.graph_bar{
	margin           :0px 3px 0px 0px;
	height           :18px;
	border-radius    :0px 3px 3px 0px;
	background       :linear-gradient(#08f, #04b);
}

/* ----- admin_title_box1 ----- */
div.admin_title_box1{
	margin           :3px;
	padding          :4px 10px 4px 10px;
	font-size        :11pt;
	background       :linear-gradient(#369, #036);
	color            :#fff;
	border-radius    :5px;
}

/* ----- admin_title_box2 ----- */
div.admin_title_box2{
	margin           :3px;
	padding          :4px 10px 4px 10px;
	font-size        :11pt;
	background       :linear-gradient(#963, #630);
	color            :#fff;
	border-radius    :5px;
}

/* ----- ADMIN MENU ----- */
div.admin_menu_box0{
	margin           :3px;
	padding          :4px;
	font-size        :11pt;
	color            :#333;
	background       :#ffe;
	border           :0.5px #660 solid;
	border-radius    :3px;
}

div.admin_menu_box0:hover{
	cursor           :pointer;
	color            :#fff;
	background       :#999;
}

/* ------------------------ */
div.admin_menu_box1{
	margin           :3px;
	padding          :4px;
	font-size        :11pt;
	background       :#eff;
	border           :0.5px #08f solid;
	border-radius    :3px;
	opacity          :0.8;
}

div.admin_menu_box1:hover{
	cursor           :pointer;
	background       :#9cf;
}

/* ------------------------ */
div.admin_menu_box2{
	margin           :3px;
	padding          :4px;
	font-size        :11pt;
	background       :#ffe;
	border           :0.5px #f80 solid;
	border-radius    :3px;
	opacity          :0.8;
}

div.admin_menu_box2:hover{
	cursor           :pointer;
	background       :#fc9;
}

/* ------------------------ */
div.admin_menu_box3{
	margin           :3px;
	padding          :4px;
	font-size        :11pt;
	background       :#ffc;
	border           :0.5px #f80 solid;
	border-radius    :3px;
	opacity          :0.8;
}

div.admin_menu_box3:hover{
	cursor           :pointer;
	background       :#ff7;
}

/* ------------------------ */
.edit_button{
	padding          :5px;
	width            :50px;
	text-align       :center;
	border           :0.5px #888 solid;
	background       :linear-gradient(#fff, #ddd);
	border-radius    :3px;
}

.edit_button:hover{
	cursor           :pointer;
	color            :#fff;
	background       :#888;
}

/* ------------------------ */
.edit_button2{
	padding          :2px 12px 2px 12px;
	text-align       :center;
	border           :0.5px #888 solid;
	background       :linear-gradient(#fff, #ddd);
	border-radius    :4px;
}

.edit_button2:hover{
	cursor           :pointer;
	color            :#fff;
	background       :#888;
}

/* ----- table note ----- */
table.note{
	border-collapse  :separate;
	border-spacing   :0px;
}

table.note th{
	white-space      :nowrap;
	padding          :2px;
	font-weight      :normal;
	color            :#fff;
	background       :linear-gradient(#999, #777);
	border-radius    :9px 9px 3px 3px;
}

table.note td{
	padding          :0px;
	vertical-align   :center;
	font-size        :10pt;
}

/* -----sort box ----- */
div.sort_box{
	margin           :3px;
	padding          :0px;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

div.sort_box:hover{
	cursor           :pointer;
}
.sortable-chosen{
	color            :#fff;
	background       :#5af;
}

/* ----- dir_changer ----- */
div.dir_bg{
	padding          :10px;
	width            :98%;
	background       :#999;
	border-radius    :12px;
}

 /* ----- FLIE COMMENT ----- */
div.file_comment_icon{
	padding          :2px 0px 0px 0px;
	font-size        :9pt;
	width            :90px;
	text-align       :center;
	color            :#fff;
	background       :#080;
	border-radius    :5px 5px 0px 0px;
}

/* ------------------------ */
div.file_comment{
	word-break       :break-all;
	padding          :7px;
	border           :0.5px #080 solid;
	background       :#f5fff5;
	border-radius    :0px 5px 5px 5px;
}

/* ----- ROUND BOX1 ----- */
div.round_box1{
	margin           :3px;
	padding          :5px;
	width            :110px;
	background       :#ffe;
	color            :#000;
	border-radius    :7px;
}

/* ----- ROUND BOX2 ----- */
div.round_box2{
	padding          :5px;
	background       :#ffe;
	color            :#000;
	border           :0.5px #880 solid;
	border-radius    :7px;
}

/* ----- ROUND BUTTON ----- */
div.round_button{
	width            :16px;
	height           :16px;
	border           :0.5px #bbb solid;
	border-radius    :8px;
}

/* ----- distination_click ----- */
div.distination_click{
	margin           :0px 0px 5px 0px;
	width            :16px;
	height           :16px;
	padding          :16px;
	border           :0.5px #ddd solid;
	border-radius    :5px;
}

div.distination_click:hover{
	cursor           :pointer;
	background       :#dfd;
	border           :0.5px #080 solid;
}

/* ----- calendar ----- */
div.calendar_header{
	float            :left;
	margin           :1px;
	padding          :3px;
	width            :60px;
	color            :#fff;
	background       :#bbb;
	text-align       :center;
	border-radius    :4px;
}

div.calendar_space{
	float            :left;
	margin           :1px;
	width            :64px;
	height           :64px;
	border           :0.5px #eee solid;
	border-radius    :5px;
}

div.calendar_number{
	float            :left;
	margin           :1px;
	padding          :2px;
	width            :60px;
	height           :60px;
	font-size        :9pt;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

div.calendar_click{
	float            :left;
	margin           :1px;
	padding          :2px;
	width            :60px;
	height           :60px;
	font-size        :9pt;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

div.calendar_click:hover{
	cursor           :pointer;
	background       :#dfd;
	border           :0.5px #080 solid;
}

/* ----- check_button ----- */
div.check_button{
	width            :80px;
	padding          :3px;
	text-align       :center;
	border           :0.5px #888 solid;
	background       :linear-gradient(#fff, #bbb);
	border-radius    :5px;
	cursor           :pointer;
}

div.check_button:hover{
	color            :#fff;
	background       :linear-gradient(#888, #ccc);
}

/* ----- app_click ----- */
div.app_click{
	margin           :1px;
	padding          :12px;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

div.app_click:hover{
	cursor           :pointer;
	background       :#dfd;
	border           :0.5px #080 solid;
}

/* ----- print_button ----- */
div.print_button{
	float            :left;
	text-align       :center;
	padding          :3px;
	color            :#bbb;
	width            :50px;
	background       :#fff;
	border           :0.5px #bbb solid;
	border-radius    :5px;
	cursor           :pointer;
}

div.print_button:hover{
	background       :#ddd;
	border           :0.5px #777 solid;
	color            :#777;
}

/* ----- list_title_header ----- */
div.list_title_header{
	float            :left;
	text-align       :center;
	background       :#888;
	color            :#fff;
	border-radius    :11px;
}

div.list_title_header_end{
	clear            :both;
}

/* ----- ORDER LIST VIEW ----- */
img.pv1{
	width            :100px;
	border           :0.5px #ddd solid;
}

img.pv2{
	width            :100px;
	border-radius    :5px;
}

/* ----- LIST VIEW ----- */
div.list_view{
	float            :left;
	border           :0px;
	font-size        :12px;
}

div.user_level{
	float            :left;
	border           :0.5px #ccc solid;
	width            :120px;
}

div.list_view_end{
	clear            :both;
}

/* ----- option box ----- */
div.option_box{
	padding          :5px;
	background       :#f8f8f8;
	color            :#000;
	border           :0.5px #880 solid;
	border-radius    :7px;
}

/* ----- footer ----- */
div.footer{
	position         :fixed;
	color            :#999;
	font-size        :9pt;
	bottom           :5px;
	right            :7px;
	text-align       :right;
}

/* ----- submit_button ----- */
div.submit_button{
	width            :260px;
	padding          :7px;
	font-size        :13pt;
	text-align       :center;
	margin           :1px;
	background       :linear-gradient(#bbb, #777);
	color            :#fff;
	box-shadow       :2px 2px 4px rgba(0, 0, 0, 0.2);
	border-radius    :5px;
}

div.submit_button:hover{
	cursor           :pointer;
	background-image :linear-gradient(#222, #555);
}

/* ------------------------ */
div.dir_cell{
	margin           :0px 0px 2px 0px;
	width            :100%;
	background       :#efe;
	border-radius    :5px;
}
div.dir_cell:hover{
	cursor           :pointer;
	background       :#afa;
}

/* ------------------------ */
div.drop_area{
	position         :relative;
	padding          :2px;
	width            :500px;
	height           :100px;
	background       :linear-gradient(#eee, #fff);
	border           :0.5px #888 solid;
}

/* ------------------------ */
div.drop_area2{
	position         :relative;
	width            :100%;
	height           :180px;
	background       :#eee;
	border           :0.5px #888 solid;
}

/* ------------------------ */
div.login_panel{
	float            :left;
	margin           :0px 9px 9px 0px;
	width            :320px;
	height           :190px;
	border           :0.5px #888 solid;
	background       :linear-gradient(135deg,#fff,#eee);
	opacity          :0.9;
	border-radius    :9px;
}

/* ------------------------ */
div.login_button{
	width            :130px;
	padding          :13px;
	border           :0.5px #f60 solid;
	background       :linear-gradient(#fed, #fa4);
	font-size        :18px;
	text-align       :center;
	border-radius    :5px;
	cursor           :pointer;
}

div.login_button:hover{
	color            :#fff;
	background       :linear-gradient(#f60, #fa4);
}

/* ------------------------ */
div.smart_button{
	margin           :2px 0px 2px 0px;
	padding          :2px 9px 2px 9px;
	width            :240px;
	border           :0.5px #f60 solid;
	background       :linear-gradient(#fed, #fa4);
	text-align       :center;
	border-radius    :5px;
}

div.smart_button:hover{
	cursor           :pointer;
	color            :#fff;
	background       :linear-gradient(#f50, #f83);
}

/* ------------------------ */
div.header1{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#e95, #fb7);
}

div.header2{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#c84, #a62);
}

div.header1a{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#8bf, #9cf);
	font-size        :24px;
}

div.header2a{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#08f, #06b);
}

div.header1b{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#0d0, #2f2);
}

div.header2b{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#090, #060);
}

div.header1c{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#000, #666);
}

div.header2c{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#aaa, #888);
}

div.header1d{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#fd0, #da0);
}

div.header2d{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#900, #f66);
}

div.header1e{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#000, #444);
}

div.header2e{
	width            :100%;
	height           :35px;
	background       :linear-gradient(#999, #777);
}


/* ------------------------ */
div.start_info{
	position         :fixed;
	top              :0px;
	left             :10px;
	width            :80px;
	padding          :3px 16px 3px 16px;
	color            :#fff;
	background       :#888;
	border-radius    :0px 0px 8px 8px;
	text-align       :center;
}

/* ------------------------ */
div.menu_button{
	margin           :0px 2px 0px 0px;
	width            :82px;
	height           :35px;
	line-height      :35px;
	font-size        :14px;
	text-align       :center;
	background       :linear-gradient(#fff, #ccc);
	cursor           :pointer;
}

div.menu_button:hover{
	color            :#fff;
	background       :linear-gradient(#777, #ccc);
}

div.menu_button_select{
	margin           :0px 2px 0px 0px;
	width            :82px;
	height           :35px;
	line-height      :35px;
	font-size        :14px;
	text-align       :center;
	color            :#fff;
	background       :linear-gradient(#888, #bbb);
	cursor           :pointer;
}

/* ------------------------ */
div.kanri_button{
	margin           :0px 2px 0px 0px;
	width            :88px;
	height           :35px;
	line-height      :35px;
	font-size        :14px;
	text-align       :center;
	background       :linear-gradient(#fed, #fb8);
}

div.kanri_button:hover{
	cursor           :pointer;
	color            :#fff;
	background       :linear-gradient(#b60, #e70);
}

div.kanri_button_select{
	margin           :0px 1px 0px 0px;
	width            :88px;
	height           :35px;
	line-height      :35px;
	font-size        :14px;
	text-align       :center;
	color            :#fff;
	background       :linear-gradient(#b60, #e70);
}

div.kanri_button_select:hover{
	cursor           :pointer;
}

/* ------------------------ */
div.logout{
	position         :absolute;
	top              :0px;
	right            :0px;
	margin           :0px;
	width            :95px;
	height           :35px;
	line-height      :35px;
	font-size        :13px;
	color            :#fff;
	text-align       :center;
	background       :#555;
}

div.logout:hover{
	cursor           :pointer;
	background       :linear-gradient(#777, #ccc);
}


/* ------------------------ */
div.top_menu_title{
	margin           :0px 10px 7px 0px;
	padding          :1px 10px 0px 10px;
	font-size        :13pt;
	background       :#fff;
	border           :0.5px #bbb solid;
	box-shadow       :0px 0px 7px rgba(0,0,0, 0.1);
	border-radius    :5px;
}

/* ------------------------ */
div.folid{
	padding          :2px 7px 0px 7px;
	color            :#cef;
	background       :linear-gradient(#5af, #08f);
	border-radius    :12px;
}

/* ------------------------ */
div.comment_view{
	padding          :0px;
	background       :#fffff8;
	border           :1px #994 solid;
	border-radius    :8px;
	opacity          :0.8;
}

/* ------------------------ */
div.comment_view_header{
	padding          :2px 2px 2px 7px;
	font-size        :17px;
	color            :#fff;
	background       :#994;
	border-radius    :7px 7px 0px 0px;
}

/* ------------------------ */
div.history_title{
	margin           :1px;
	padding          :5px 0px 1px 5px;
	width            :160px;
	background       :#f8f8f8;
	border           :0.5px #bbb solid;
	border-radius    :5px;
}

/* ------------------------ */
div.history_value{
	padding          :5px 10px 1px 10px;
	width            :calc(100% - 200px);
	border           :0.5px #bbb solid;
	border-bottom-style:solid;
}

/* ------------------------ */
div.ym_shift_button{
	color            :#fff;
	background       :linear-gradient(#999, #bbb);
	padding          :2px 12px 0px 12px;
	margin           :0px 2px 0px 0px;
	border-radius    :15px;

}

div.ym_shift_button:hover{
	cursor           :pointer;
	color            :#fff;
	background       :linear-gradient(#59f, #17f);
}

/* ------------------------ */
div.note1_header{
	padding          :2px;
	text-align       :center;
	font-weight      :normal;
	background       :linear-gradient(#bbb, #888);
	color            :#fff;
	border-radius    :13px;
	white-space      :nowrap;
}

/* ------------------------ */
div.note1_body{
	display          :flex;
	align-items      :flex-start;
	padding          :4px 0px 0px 0px;
}

div.note1_body:hover{
	cursor           :pointer;
	background       :#dfd;
}

/* ------------------------ */
div.note1_title{
	margin           :0px 1px 2px 0px;
	padding          :2px;
	text-align       :center;
	font-weight      :normal;
	font-size        :9pt;
	background       :#999;
	color            :#fff;
	border-radius    :13px;
	white-space      :nowrap;
}

/* ------------------------ */
div.form_title{
	margin           :0px 10px 0px 0px;
	padding          :1px 1px 1px 6px;
	width            :190px;
	font-size        :14px;
	font-weight      :normal;
	background       :linear-gradient(#999, #bbb);
	color            :#fff;
	border-radius    :13px;
	white-space      :nowrap;
}

/* ------------------------ */
div.reflect_button{
	padding          :2px 10px 2px 10px;
	text-align       :center;
	background       :linear-gradient(#bbb, #444);
	color            :#fff;
	box-shadow       :2px 2px 2px rgba(0, 0, 0, 0.2);
	border-radius    :4px;
}

div.reflect_button:hover{
	cursor           :pointer;
	background       :linear-gradient(#444, #666);
}

/* ------------------------ */
div.reflect_num{
	margin           :2px;
	padding          :4px 6px 4px 6px;
	white-space      :nowrap;
	text-align       :center;
	background       :linear-gradient(#ccc, #777);
	color            :#fff;
	box-shadow       :2px 2px 2px rgba(0, 0, 0, 0.2);
	border-radius    :5px;
}

div.reflect_num:hover{
	cursor           :pointer;
	background       :linear-gradient(#444, #666);
}

/* ------------------------ */
div.search_button{
	padding          :3px 20px 3px 20px;
	font-size        :16px;
	text-align       :center;
	margin           :1px;
	background       :linear-gradient(#bbb, #666);
	color            :#fff;
	box-shadow       :2px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius    :5px;
}

div.search_button:hover{
	cursor           :pointer;
	background-image :linear-gradient(#222, #555);
}

/* ----- page back button ----- */
div.page_back_button{
	margin           :0px 3px 0px 0px;
	padding          :4px 20px 4px 15px;
	text-align       :center;
	background       :linear-gradient(#ccc, #777);
	color            :#fff;
	border-radius    :12px 0px 0px 12px;
}

div.page_back_button:hover{
	cursor           :pointer;
	background       :linear-gradient(#555, #777);
}

/* ----- page next button ----- */
div.page_next_button{
	margin           :0px 20px 0px 0px;
	padding          :4px 15px 4px 20px;
	text-align       :center;
	background       :linear-gradient(#ccc, #777);
	color            :#fff;
	border-radius    :0px 12px 12px 0px;
}

div.page_next_button:hover{
	cursor           :pointer;
	background       :linear-gradient(#555, #777);
}

/* ----- Up Down button ----- */
div.up_down_on{
	margin           :0px 3px 0px 0px;
	padding          :2px;
	width            :80px;
	text-align       :center;
	background       :linear-gradient(#49f, #05b);
	color            :#fff;
	border-radius    :12px;
}

div.up_down_on:hover{
	cursor           :pointer;
	background       :linear-gradient(#049, #05b);
}

/* ----- Up Down button ----- */
div.up_down_off{
	margin           :0px 3px 0px 0px;
	width            :80px;
	text-align       :center;
	background       :#ddd;
	color            :#fff;
	border-radius    :12px;
}

/* -----view_button ----- */
.view_button{
	padding          :4px 10px 4px 10px;
	border           :0.5px #faa solid;
	background       :linear-gradient(#fee, #fdd);
	border-radius    :5px;
}

.view_button:hover{
	cursor           :pointer;
	background       :linear-gradient(#faa, #fcc);
}

/* ------------------------ */
.status_blank{
	margin           :0px 1px 0px 0px;
	width            :9px;
	height           :9px;
	border           :0.5px #bbb solid;
	border-radius    :6px;
}

.status_red{
	margin           :0px 1px 0px 0px;
	width            :9px;
	height           :9px;
	background       :#f70;
	border           :0.5px #f00 solid;
	border-radius    :6px;
}

.status_green{
	margin           :0px 1px 0px 0px;
	width            :9px;
	height           :9px;
	background       :#0f0;
	border           :0.5px #0b0 solid;
	border-radius    :6px;
}

/* ------------------------ */
.note1_header_sort{
	padding          :2px;
	text-align       :center;
	font-weight      :normal;
	background       :linear-gradient(#bbb, #888);
	color            :#0ff;
	border-radius    :13px;
	white-space      :nowrap;
}

.note1_header_sort:hover{
	cursor           :pointer;
	color            :#000;
	background       :#0ff;
}

.link_button{
	padding          :2px 11px 1px 11px;
	background       :linear-gradient(#ffe, #ffa);
	border           :2px #88f solid;
	border-radius    :4px;
}

.link_button:hover{
	background       :#fdb;
	color            :#00f;
	border           :2px #f00 solid;
}

/* ------------------------ */
.new{
	margin           :0px 5px 0px 5px;
	padding          :0px 5px 0px 5px;
	font-size        :9pt;
	color            :#fff;
	background       :linear-gradient(#fcb, #f50);
	border-radius    :7px;
}

#tree{
	float            :left;
	width            :280px;
	height           :calc(100% - 70px);
}

#main{
	float            :left;
	width            :calc(100% - 280px);
	height           :calc(100% - 70px);
}

#pos{
	width            :50px;
	height           :30px;
}

/* ------------------------ */
div.price_area{
	display          :flex;
	flex-direction   :row;
	align-items      :baseline;
	position         :absolute;
	top              :3px;
	right            :7px;
	color            :#000;
}

/* ------------------------ */
div.order_reset{
	position         :absolute;
	top              :2px;
	right            :200px;
	width            :96px;
	height           :30px;
	line-height      :30px;
	font-size        :12px;
	text-align       :center;
	background       :linear-gradient(#eee, #ccc);
	border-radius    :3px;
}

div.order_reset:hover{
	cursor           :pointer;
	color            :#fff;
	background       :linear-gradient(#800, #b00);
}

/* ------------------------ */
#form_files{
    width            :100%;
    height           :100%;
    opacity          :0.5;
}

#form_files:hover{
	cursor           :pointer;
	background       :#9cf;
}

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

@media screen and (max-width:700px) {
	#tree{
		float        :left;
		width        :160px;
		height       :calc(100% - 70px);
	}

	#main{
		float        :left;
		width        :calc(100% - 160px);
		height       :calc(100% - 70px);
	}

}

@media screen and (min-width:1400px) {
	#tree{
		float        :left;
		width        :360px;
		height       :calc(100% - 70px);
	}

	#main{
		float        :left;
		width        :calc(100% - 360px);
		height       :calc(100% - 70px);
	}

}

@media screen and (min-width:2000px) {
	#tree{
		float        :left;
		width        :440px;
		height       :calc(100% - 70px);
	}

	#main{
		float        :left;
		width        :calc(100% - 440px);
		height       :calc(100% - 70px);
	}

}