.container_wrap {font-size:0.9em;}

/*-- Main :슬라이드배너 --*/
#main_slide { position:absolute;top:0;width:100%;z-index:0;}
#main_slide .ad_spot { position:relative;width:100%;height:470px;overflow:hidden;}
#main_slide .ad_spot .img_wrap { width:100%;height:470px;position:relative;overflow:hidden;}
#main_slide .ad_spot .img_wrap ul { position:absolute;left:-100%;top:0px;width:100%;height:470px;}
#main_slide .ad_spot .img_wrap ul li { position:absolute;left:100%;top:0px;width:100%;z-index:10;}
#main_slide .ad_spot .img_wrap ul li .slide_img { position:absolute;width:100%;}
#main_slide .ad_spot .img_wrap ul li .inner { position:relative;margin:0 auto;width:1300px;height:470px;}

#main_slide .ad_spot .round_wrap { margin:0 0 0 -33px;display:inline-block;position:absolute;left:50%;bottom:20px;z-index:50;}
#main_slide .ad_spot .round_wrap li { float:left;margin:0 10px;}
#main_slide .ad_spot .round_wrap li a { width:12px;height:12px;display:inline-block;overflow:hidden;background:url('../js/main-slider/images/ico_slide.png') 0 0  no-repeat;}
#main_slide .ad_spot .round_wrap li.on a { background-position:0 -12px;}
#main_slide .ad_spot .btns_area .left { position:absolute;left:0px;bottom:170px;z-index:10;}
#main_slide .ad_spot .btns_area .left a { width:40px;height:40px;display:inline-block;overflow:hidden;background:url('../js/main-slider/images/btn_slide_prev.png') 0 0 no-repeat;}
#main_slide .ad_spot .btns_area .right { position:absolute;right:0px;bottom:170px;z-index:10;}
#main_slide .ad_spot .btns_area .right a { width:40px;height:40px;display:inline-block;overflow:hidden;background:url('../js/main-slider/images/btn_slide_next.png') 0 0 no-repeat;}


/*-- Main :로그인 --*/
#login { margin:230px 0 0;/*margin:430px 0 0;*/width:100%;z-index:500;}
.login-wrap { display:block;width:898px;margin:0 auto;padding:20px 150px;border:1px solid #e1e1e1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:3px}
.login-title { display:block;float:left;margin-right:20px;width:76px;height:75px;color:#4d6288;font-size:29px;font-weight:normal;}
.input-wrap { position:relative;display:block;float:left;margin-right:10px;padding-left:35px;border:1px solid #d7dadd;}
.input-wrap .login-icon { position:absolute;left:10px;top:15px;width:16px;height:16px;background:url('../images/common/login-icon.png') no-repeat;}
.input-wrap .id { background-position:0 0;}
.input-wrap .pw { background-position:0 -55px;}
.input-wrap input[type=text],
.input-wrap input[type=password] { width:253px;height:43px;font-size:14px;border:0px none;}

.btn-area .login-submit { display:inline-block;width:180px;height:45px;line-height:45px;color:#FFF;text-align:center;font-weight:600;background:#4d6288;}

.save { display:inline-block;margin:10px 0 0;}
.save input[type=checkbox] { position:relative;top:3px;width:16px;height:16px;border:0px none;}
.save label { margin-right:20px;display:inline-block;padding-left:7px;color:#555;font-size:14px;cursor:pointer;}
.save .find-btn { display:inline-block;width:128px;height:22px;line-height:22px;color:#4d6288;text-align:center;font-size:14px;font-weight:600;border:1px solid #4d6288;border-radius:45px;}
.save .reg-btn { display:inline-block;width:128px;height:22px;line-height:22px;color:#4d6288;text-align:center;font-size:14px;font-weight:600;border:1px solid #4d6288;border-radius:45px;}


/*-- Main : 콘텐츠 --*/
#main-contents { margin:30px 0 0;}
.main-notice, .main-bank, .main-tel { display:block;float:left;width:358px;padding:15px;border:1px solid #e1e1e1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:3px;}
.main-notice, .main-bank { margin-right:15px;}
.main-notice h2, .main-bank h2, .main-tel h2 { margin:0 0 15px;color:#4d6288;font-size:16px;font-weight:600;}
.main-notice h2 a { float:right;font-size:12px;}
.main-notice li a { display:block;width:360px;font-size:13px;height:26px;line-height:26px;border-bottom:1px dashed #f1f1f1;}
.main-notice li a .news { float:left;padding-left:5px;}
.main-notice li a .date { float:right;padding-right:5px;color:#999;}

.main-icon { display:block;float:left;width:75px;height:58px;background:url('../images/index/main-icon.png') no-repeat;}
.main-bank .main-icon { margin:20px 0 0 5px;background-position:left top;}
.main-tel .main-icon { margin:10px 0 0 5px;background-position:left bottom;}

.main-bank p { float:right;width:270px;height:20px;line-height:20px;font-weight:600;}
.main-bank .depositor { margin:0 0 2px;color:#999;font-size:13px;}
.main-bank .main-bank-auto { margin-right:5px;padding:1px 5px;color:#FFF;font-size:13px;letter-spacing:-1px;border:1px solid #ff5000;background:#ff783a;}
.main-bank .main-bank-num { padding-left:57px;font-size:14px;background:url('../images/index/bank-logo.png') 0px 0px no-repeat;}
.kb { background-position:0px -25px !important;}

.main-tel p { float:right;width:75%;height:41px;color:#555;}
.main-tel .main-tel-num em, .main-tel .main-tel-num span { display:inline-block;float:left;line-height:41px;font-weight:600;}
.main-tel .main-tel-num em { font-size:13px;}
.main-tel .main-tel-num span { margin-left:10px;font-size:30px;}

/*-- Main : 일계표 --*/
#user_area { position:relative;height:116px;color:#FFF;background:url('../images/index/day_balance_header.png') center no-repeat;}
#user_area .user_info { display:inline-block;float:left;width:40%;margin:40px 0 0 30px;font-weight:600;}
#user_area .user_info .user_name { margin:0 0 5px;font-size:19px;}
#user_area .charge_btn { display:block;float:right;width:385px;margin:20px 20px 0 0;}
#user_area .charge_btn h2 { float:left;margin-right:10px;font-size:16px;font-weight:600;line-height:50px;}
#user_area .charge_btn li a { display:block;margin-right:20px;width:70px;height:80px;text-align:center;background:url('../images/index/charge_btn.png') center top no-repeat;}
#user_area .charge_btn .first a { background-position:10px top;}
#user_area .charge_btn .last a { margin-right:0px;background-position:-170px top;}
#user_area .charge_btn li a span { display:inline-block;margin-top:60px;color:#555;font-size:13px;font-weight:600;}
#user_area .charge_btn li a span:hover { color:#FFF;}

#graph_area { margin:30px 0;}
#graph_area .graph1,
#graph_area .graph2,
#graph_area .graph_info { float:left;height:320px;border-radius:5px;}
#graph_area .graph1,
#graph_area .graph2 { width:410px;margin-right:15px;background:#dbdbdb;}
#graph_area .graph_info { width:350px;background:#b1d0fc;}

#graph_area .graph_section { display:block;margin:4px;padding:10px 15px;height:290px;background:#FFF; position:relative;}
#graph_area .graph1 .graph_section,
#graph_area .graph2 .graph_section { width:370px;border:1px solid #bbb;}
#graph_area .graph_info .graph_section  { width:310px;border:1px solid #91bbf6;}

#graph_area .graph_section h3 { padding:0 0 10px 30px;font-size:15px;font-weight:600;background:url('../images/index/day_balance_icon.png') left top no-repeat;border-bottom:1px solid #ccc;}
#graph_area .graph1 .graph_section h3,
#graph_area .graph2 .graph_section h3 { margin:0 0 15px;}
#graph_area .graph_section .total { line-height:42px;border-bottom:1px dashed #e2e2e2;}
#graph_area .graph_section .total dt { float:left;padding-left:20px;width:70px;height:42px;background:url('./images/index/day_balance_icon.png') 0px -30px no-repeat;}
#graph_area .graph_section .total dd { padding-right:10px;text-align:right;}

.cust-list-btn { margin:0 0 10px;padding:0 0 10px;border-bottom:2px solid #000;}
.cust-list-btn input[type=radio] { position:relative;top:3px;display:inline-block;line-height:14px;}
.cust-list-btn label { margin:0 10px 0 5px;}

.div-list-detail { padding:10px;height:155px;border:1px solid #DDD;border-top:3px solid #000;}
.div-list-detail > table { border-top:1px solid #E1E1E1;}
.div-list-detail .order-sheet2 { display:block;float:left;width:793px;}
.div-list-detail .order-sheet { display:block;float:right;width:370px;}

/* Sub : 타이틀, 위치 */
.sub_visual {display:block;width:100%;height:150px;background:url('../images/sub_visual.png') #E9E9E9 center no-repeat;}

#sub-title { margin-top:30px;height:39px;line-height:39px;border-bottom:1px solid #E1E1E1;}
#sub-title h2 {display:inline-block;float:left;color:#000;font-size:24px;}
.sub-location {float:right;font-size:13px;}
.sub-location a {display:inline-block;float:left;color:#999;}
.home {width:20px;height:39px;background:url('../images/common/home-icon.png') center no-repeat}
.location-gt {display:inline-block;float:left;width:30px;height:39px;background:url('../images/common/location-gt.png') 9px center no-repeat}

/*현재위치*/
#location-wrap {height:40px;line-height:40px;background:#454545}
#location-wrap ul {display:block;width:1200px;margin:0 auto;overflow:hidden;}
#location-wrap ul li {background:url('../images/common/location.png') right no-repeat}
#location-wrap ul li:last-child {background:none;}
#location-wrap ul li a {margin:5px 35px 0 20px;}
#location-wrap ul li a {color:#AAA}
#location-wrap ul li a:hover {text-decoration:underline}
#location-wrap ul li:first-child a {padding-left:25px;background:url('../images/common/home-icon.png')  left no-repeat}

#sub-contents-area {/*margin-top:10px*/}

/* Sub : 거래처정보  */
.sub-btn-area {position:relative;margin-top:10px;height:28px}
.sub-btn-area .sub-notice {position:absolute;left:0}
.sub-btn-area .sub-btn {position:absolute;left:0;top:0px;font-size:13px;font-weight:600;}
.sub-btn-area .sub-btn > select { margin-right:5px;}
.sub-btn-area .sub-btn-search {text-align:right;width:1000px;margin-left:200px;position:relative;}


.sub-btn-area3 h3 {margin-top:10px;margin-bottom:10px;line-height:21px;font-size:21px}

.sub-notice {height:28px;font-size:14px}
.sub-notice dt, .sub-notice dd {float:left;line-height:28px}
.sub-notice dt {width:90px;text-align:center;font-size:15px;font-weight:600;background:url('./images/common/sub-notice-tab.png') right no-repeat}
.sub-notice dd {line-height:38px}
.sub-notice dd .title {float:left;width:200px;padding-left:20px}
.sub-notice dd .date {float:right;width:100px}

.sub-btn a, .sub-btn-foot a {
	display:inline-block;margin-left:5px;width:90px;height:28px;line-height:28px;color:#FFF;font-size:13px;text-align:center;font-weight:600;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.sub-btn a:first-child, .sub-btn-foot a:first-child {margin-left:0}
.sub-btn-foot a.right {float:right}

/* Sub : 검색 */
.sub-order-area {margin-top:20px;position:relative;}
.sub-order-area h3 {margin-bottom:10px;line-height:21px;font-size:21px}
.sub-order-area h3 span {float:right;font-size:13px;}
.sub-order-area h3 span em {font-weight:600}
.form-search {height:49px;border-top:2px solid #000;border-bottom:1px solid #E1E1E1;}
.form-search dt {float:left;width:160px;text-align:center;line-height:49px;font-weight:600;background:#f7f7f7}
.form-search dd {float:right;width:780px;line-height:49px}

#select_box1, #select_box2 {position:relative;float:left;margin:10px 5px 0 0;border:1px solid #E1E1E1;background:url('../images/common/select_arrow.png') no-repeat}
#select_box1 {width:100px;height:28px;background-position:75px center}
#select_box2 {width:70px;height:28px;background-position:48px center}
#select_box1 .order_date, 
#select_box2 .deliver,
#select_box2 .listcol 
{position:absolute;top:0px;left:10px;height:28px;line-height:28px}
#select_box1 #order_date, #select_box2 #deliver, #select_box2 #listcol {width:100%;height:25px;min-height:20px;line-height:20px;cursor:pointer;opacity: 0;filter: alpha(opacity=0)}

.form-search .light-blue-btn {display:inline-block;margin-right:1px;width:50px;height:28px;line-height:28px;text-align:center;color:#FFF;background:#5994cc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.form-search .search_date {margin:0 2px 0 5px;padding-left:5px;width:90px;height:28px;line-height:28px;border:1px solid #E1E1E1;}
.form-search .calendar {display:inline-block;width:24px;height:28px;line-height:28px}
.form-search .black-btn {display:inline-block;margin-left:5px;width:80px;height:28px;line-height:28px;text-align:center;color:#FFF;font-weight:600;background:#000;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.form-search .gray-btn {display:inline-block;margin-left:5px;width:80px;height:28px;line-height:28px;text-align:center;color:#FFF;font-weight:600;background:#777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}

.css-label {display:none;}


/* Sub : 테이블 */
.order-sheet-area {margin-top:10px; width:960px; border-top:2px solid #000}
.order-sheet {width:100%}
.order-sheet th {height:30px; line-height:30px; text-align:center; font-weight:600; border-bottom:1px solid #E1E1E1; background:#f7f7f7}
.order-sheet td {height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E1E1E1}
.order-sheet td input[type=text] {padding:0 5px; width:170px; height:24px; line-height:24px}
.order-sheet td input.long-text {width:810px}
.order-sheet .step span {font-weight:600}
.order-sheet td.dark-border {border-bottom:1px solid #888}
.order-sheet td.total-bgcolor {color:#333; font-weight:600; background:#9ac4eb;}
.order-sheet td.cost {padding-right:3px; text-align:right}
.order-sheet td.linetxt {padding-left:5px; text-align:left}
.order-sheet td.addcolor {background:#FFFFE0;text-align:right;padding-right:10px;}
.order-sheet td.beginning-balance {color:#2f6ba9; font-size:14px; font-weight:600; background:#FFC}
.order-sheet tfoot th, .order-sheet tfoot td {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet .class_td_tfoot {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet .class_td_tfoot td{border-bottom:1px solid #333 !important; }
.order-sheet tfoot th {background:#E1E1E1}
.order-sheet tfoot td {font-size:15px;}

.step-contents {margin:0 auto;width:700px}
.step-contents a {display:block;float:left;margin-left:-9px;width:140px;height:27px;line-height:27px;color:#FFF;background:url('../images/common/step-contents.png') no-repeat}
.step-contents a.step-finish {background-position:center 0;cursor:default;}
.step-contents a.step-ongoing {background-position:center -30px;cursor:default;}
.step-contents a.step-prearrange {background-position:center -60px;cursor:default;}

/*공지사항*/
.toggle-head {margin-top:10px;width:1200px;border-top:2px solid #000}
.toggle-head span {display:block;float:left !important;height:36px;line-height:36px;text-align:center;font-weight:600;border-bottom:1px solid #E1E1E1;background:#f7f7f7;}
#board-toggle h4 span {display:block;float:left !important;height:32px;line-height:32px;text-align:center;border-bottom:1px solid #E1E1E1;background:#FFF}
.toggle-head .no, #board-toggle .no{width:40px}
.toggle-head .date, #board-toggle .date {width:100px}
.toggle-head .time, #board-toggle .time {width:100px}
.toggle-head .subject, #board-toggle .subject {width:720px}
#board-toggle .subject {text-align:left;font-weight:600}
#board-toggle li h4 {height:32px}

#board-toggle .title {cursor:pointer}
#board-toggle .sub {padding:15px;line-height:26px;border-bottom:1px solid #E1E1E1;background:#F9F9F9;cursor:pointer}
#board-toggle li:last-child {border-bottom:1px solid #000}

/*사이트맵*/
.sitemap-area {width:1200px;min-height:510px;}
.sitemap-depth1 {margin-right:39px;float:left;width:210px}
.sitemap-depth1:last-child {margin-right:0;}
.sitemap-depth1 p {padding-bottom:15px;font-weight:600;font-size:18px;border-bottom:2px solid #333;}
.sitemap-depth2 li {width:200px;padding-left:10px;font-size:14px;line-height:35px;border-bottom:1px solid #E1E1E1}
.sitemap-depth2 li a:hover {color:#5a94ce;font-weight:600}


/*하단 : 회사소개*/
.overview {text-align:center}
.overview h3 {margin:50px 0;line-height:24px;font-size:24px}
.vision {padding:25px 0;margin:0 0 50px;border:1px dashed #CCC;}
.vision h4 {margin:0 0 20px;font-size:24px;line-height:24px}
.vision ol {display:block;overflow:hidden;width:750px;margin:0 auto}
.vision ol li {width:250px;padding-top:130px;height:30px;font-size:14px;background:url('../images/company/company.png') center top no-repeat}
.vision ol li:first-child {background-position:left top;}
.vision ol li:last-child {background-position:right top;}
.overview-text {text-align:left;line-height:20px;}
.overview-text h4 {margin-bottom:10px;font-size:20px;}
.overview-text P:last-child {margin:20px 0 50px;text-align:right;font-size:15px;}


/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;width:32px;height:32px;line-height:32px;color:#000;font-size:13px;text-align:center;letter-spacing:0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#f7f7f7;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:600}


/* 공통요소 */
select{
	width:100px;height:24px;
	border:1px solid #cfcfcf;
	border-radius:2px;
	background: #fff;
}

input[type='text'], textarea { border:1px solid #e0e0e0;height:22px;}

.cost {/*font-size:14px;*/text-align:right}
.light-blue {color:#5a94ce;font-weight:600}
.blue {color:#4d6288;font-weight:600}
.red {color:#E30000;font-weight:600}
.orange {color:#ff5000;font-weight:600}
.gray {color:#656565}
.black {color:#000;font-weight:600}
.blue0 {color:#2f6ba9;}
.red0 {color:#E30000;}

a.lignt-blue-btn {background:#5a94ce}
a.lignt-blue-btn2 {background:#5a94ce}
a.blue-btn {background:#2f6ba9}/*2f6ba9*/
a.gray-btn {background:#656565}
a.black-btn {background:#353535}


.align-left {text-align:left !important;padding-left:10px !important;}
.css_td1 { }

.form-print-dl { width:1200px;}
.form-print-dl dt {float:left;width:50%;text-align:center;}
.form-print-dl dd {float:right;width:50%;text-align:center;}
.form-print { width:1200px;padding:10px;text-align:center;}
.form-print .gray-btn {display:inline-block;margin-left:5px;width:80px;height:28px;line-height:28px;text-align:center;color:#FFF;font-weight:600;background:#777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}

.sub-write-area { /*display:none;*/}
.sub-write-area h4 { margin:10px 0 0;color:#000;font-size:16px;font-weight:600;}
.sub-new-area { display:none;position:relative;}
.sub-new-area-btn { display:none;}

.td_line_heigh1 {height:1px !important;background-color:#333;}

.login_su_ck, .login_bal_ck, .login_pw_ck {position:absolute;line-height:20px;vertical-align:top;}
.login_su_ck input, .login_bal_ck input, .login_pw_ck input {width:15px;height:13px;}
.login_su_ck { top:18px;left:260px;}
.login_bal_ck { top:35px;left:260px;}
.login_pw_ck { top:65px;left:260px;}

.notice_layer {position:absolute;display:none;width:600px;height:500px;overflow:auto;background-color:#fff;top:57px;border:2px solid #ccc;z-index:122;left:50%;margin-left:-250px;}

.div_app_name {display:none;background-color:#ccc;width:60px;height:24px;position:absolute;top:1px;left:101px;color:white;font-weight:bold;text-align:center;padding-top:5px;z-index:1;}

.div_app_choice {display:none;background-color:#ccc;width:160px;height:89px;position:absolute;top:1px;left:1px;color:white;font-weight:bold;}
.div_app_choice h3 {font-size:16px;margin:3px;}
.div_app_choice ul { margin:3px;padding:3px;}
.div_app_choice ul li {font-size:11px;float:left;margin-right:10px;margin-bottom:3px;}
.div_app_choice ul li input[type=radio] {font-size:12px;width:12px;height:12px;}
.div_app_choice a { position:absolute;left:65px;top:65px;padding:3px 7px 3px 7px;}

.close_button {width:100%;padding:20px 0 0 0;text-align:center;}
.close_button > input[type='button'] {padding:7px 15px;font-weight:600;border-radius:5px;background:#000 !important;color:#fff !important;cursor:pointer;}

.content_hidden {display:none;}

.item_tab { margin-top:10px;}
.item_tab_navi { overflow: hidden;height:42px;border-bottom: 1px solid #999;}
.item_tab_navi a {
	display:block;float:left;margin-right:7px;width:120px;height:42px;
	font-size:1.125em;font-weight:600;text-align:center;line-height:42px;cursor:pointer;
	box-shadow:inset 0px 1px 1px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(0.09, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 90%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.item_tab_navi a span { position:absolute;display:block;width:120px;height:41px;font-size:15px;border:1px solid #ddd;border-bottom:0px;}
.item_tab_navi a.on span { 
	border:1px solid #999;border-bottom:0px none;padding-bottom: 1px;
	background:#fff;
	-webkit-transition: .3s;
	transition: .3s;
 }

.div-list-area { margin-top:20px;}
.cust-list-area { border-top:1px solid #e0e0e0;}
.order-sheet2 { /*width:1350px;*/table-layout: fixed;width:100%; }
.order-sheet2 tr {border-right:1px solid #E1E1E1;}
.order-sheet2 th {height:30px; line-height:30px; text-align:center; font-weight:600; border-bottom:1px solid #E1E1E1; background:#f7f7f7; border-left:1px solid #E1E1E1; }
.order-sheet2 td {height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E1E1E1;border-left:1px solid #E1E1E1;}
.order-sheet2 td input[type=text] {padding:0 5px; width:170px; height:24px; line-height:24px}
.order-sheet2 td input.long-text {width:810px}
.order-sheet2 .step span {font-weight:600}
.order-sheet2 td.dark-border {border-bottom:1px solid #888}
.order-sheet2 td.total-bgcolor {color:#333; font-weight:600; background:#9ac4eb}
.order-sheet2 td.cost {padding-right:3px; text-align:right}
.order-sheet2 td.linetxt {padding-left:3px; text-align:left}
.order-sheet2 td.tcenter {padding-right:3px; text-align:center}
.order-sheet2 td.beginning-balance {color:#2f6ba9; font-size:14px; font-weight:600; background:#FFC}
.order-sheet2 tfoot th, .order-sheet tfoot td {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet2 .class_td_tfoot {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet2 .class_td_tfoot td{border-bottom:1px solid #333 !important; }
.order-sheet2 tfoot th {background:#E1E1E1}
.order-sheet2 tfoot td {font-size:15px;}

.paging_sel_class { width:80px;}
.group-add-btn { width:25px;padding:3px 0px;}
.glass_class {cursor:pointer;}

.cust_modal1, 
.cust_modal2 { border:0px solid #e1e1e1;width:700px;padding:10px;font-size:13px }
.cust_modal3 {width:1200px !important;}
.cust_modal1 h4, 
.cust_modal2 h4 { position:relative;top:-5px;font-size:14px;font-weight:bold;}
.cust_modal2 { margin-top:0px;}
.table-top-border tbody { border-top:1px solid #e1e1e1;}
.cust_modal1 table tbody td,
.cust_modal2 table tbody td { text-align:left;padding-left:5px; }
.cust_modal1 table tbody td input,
.cust_modal2 table tbody td input{ border:1px solid #e9e9e9; }
.input_readonly {background:#E9E9E9;}
.width_500 { width:500px !important;}
.width_80 { width:80px !important;}
.width_40 { width:40px !important;}
.width_60 { width:60px !important;}
.width_120 { width:120px !important;}
.width_200 { width:200px !important;}
.width_300 { width:300px !important;}
.width_400 { width:400px !important;}
.width_pname { width:145px !important;}
.width_pnorm { width:115px !important;}
.width_punit { width:40px !important;}
.width_pqty { width:30px !important;}
.width_pprice { width:60px !important;font-size:10px;text-align:right;}

.width_psump_amt { width:75px !important;font-size:10px;text-align:right;}
.width_pvat { width:55px !important;font-size:10px;text-align:right;}
.width_ptot_amt { width:75px !important;font-size:10px;text-align:right;}
.width_premarks { width:85px !important;}
.width_ptaxno { width:105px !important;}
.width_pdate { width:105px !important;font-size:11px;}

.ori_line_div {display:none;}

.td_sugum_class { color:blue;}
.click_edit, .click_prod {cursor:pointer;}
.sale_list_area {overflow-x:hidden;max-height:300px;border-top:0px; }
#sum_select {position:absolute;top:5px;right:16px;}

.cust_sum_class { background:#D3E7FF; padding-left:20px;}
.cost_color_db { color: darkblue; font-size:1.1em; }

input[name='statebt'] {padding:5px 10px 5px 10px; border:0px solid #e0e0e0; background:#f0f0f0; }
.blue1 {color:#3b7de1;font-weight:bold;}
.green1 {color:#6c9f13;font-weight:bold;}
.orange1 {color:#F60;font-weight:bold;}
.black1 {color:#000;font-weight:bold;}
.red1 {color:#F00;font-weight:bold;}
.light_gray1 {color:#939393;font-weight:bold;}

.blueBtn {background:#3a6ab2 !important;color:#fff !important;}
.grayBtn {background:#939393 !important;color:#fff !important;}
.redBtn {background:#f36054 !important;color:#fff !important;}
.blackBtn {background:#000 !important;color:#fff !important;}
.light_blueBtn {background:#84a9e3 !important;color:#fff !important;

.help_info { font-size:0.85em;color:#999; }