/* common */
.left {float:left;}
.right {float:right;}
.clearfix::after {content:'';clear:both;display:block;}
.f-bold {font-weight:bold;}

.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}

.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

/* width */
.w35 {width:35px !important;}
.w50 {width:50px !important;}
.w80m {width:76px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w134 {width:134px !important;}
.w135 {width:135px !important;}
.w195 {width:195px !important;}
.w200 {width:200px !important;}

.w5p {width:5% !important;}
.w7p {width:7% !important;}
.w8p {width:8% !important;}
.w10p {width:10% !important;}
.w10mp {width:10.65% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w15p {width:15% !important;}
.w19p {width:19% !important;}
.w19mp {width:19.1% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w35p {width:35% !important;}
.w39p {width:39% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w54p {width:54% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w76p {width:76% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}

/* padding */
.pb0 {padding-bottom:0;}
.pr1 {padding-right:1%;}
.pr5 {padding-right:5%;}
.pr11 {padding-right:11%;}
.pad_r5 {padding-right:5px;}
.pad_r10 {padding-right:10px;}
.pad_l10 {padding-left:10px;}

.pbrl1 {padding-left: 0px; padding-right: 0px;}

/* margin */
.mjr1 {margin-right: 1%;}
.mjr2 {margin-right: 2%;}
.mjr5 {margin-right: 5%;}

.table .table {margin-bottom:0;}
.table.form-inline label {margin-bottom:0;}
.dummy {width:17px;}
/* address */
.x_content .mg01 a {margin: 0px 1px 3px 5px;}

/* top area */
.nav_menu {background-color:#2a3f54;}
.nav_menu a {color:#e7e7e7;}
.nav_menu a:focus, .nav_menu a:hover {color:#fff;}
.nav_menu .nav .backCol {background-color: #2a3f54;}
.nav_menu .nav .backCol a {color: #fff;}
.nav_menu .nav .user-profile span {color: #fff;}

.nav_title {background-color:#f7f7f7;}
.nav_title:hover {background-color:#f1f1f1;}
.nav_title .site_title {display:block;height:57px;text-indent:-999em;}/* #892883 */
.nav_title .site_title i {display:block;padding:0;width:180px;height:57px;background:transparent url(/images/img_logo.png) no-repeat left 1px;border:none;border-radius:0;}
.nav-sm .navbar.nav_title a {padding-left:2px;}
.nav-sm .navbar.nav_title a i {margin:0;width:55px;height:57px;}
.fa-paw:before {content:'' !important;}

.nav.navbar-nav>li>a:hover, .nav.navbar-nav>li.open>a {background-color:#999 !important;}
.top_nav .dropdown-menu li a:hover {background-color:#999;}

/* left menu */
.menu_section {padding-top:15px;}
.nav.side-menu> li.current-page, .nav.side-menu> li.active {border-color:#959595;}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {border-color:#959595;}

/* contents */
/** btn */
.btn {border-radius:1px;}
.btn-default {color:#333 !important;background-color:#f9f9f9 !important;}
.btn-default:hover, .btn-default:focus {background-color:#f1f1f1 !important;}
.btn-primary {text-shadow:0 0 0;background-color:#288cd2;border-color:#278EED;}
.btn-primary:hover, .btn-primary:focus {background-color:#278EED !important;border-color:#278EED !important;}
.btn-success {background-color:#2c952c !important;border-color:#339933 !important;}
.btn-success:hover, .btn-success:focus {background-color:#2F9D27 !important;border-color:#339933 !important;}

/** content */
.dataTables_ctrl {float:right;text-align:right;}
.dataTables_ctrl .btn {margin-bottom:1px;padding:4px 12px;vertical-align:middle;} 

/** paging */
.dataTables_paginate {float:none;text-align:center !important;}

/** form */
.x_title h2 {color:#2a3f54;}
.form-horizontal .control-label {color:#2a3f54;}
.control-label {position:relative;}
.control-label .required {font-size:16px;color:#F15F5F;font-weight:bold;line-height:100%;}
.form_table {width:100%;}
.form_table th {background-color:#f1f1f1;color:#2a3f54;vertical-align:middle !important;}
.form_table textarea.form-control {width:100%;resize:none;}
.form_table input[type=text] {padding:2px 5px !important;width:100%;height:26px;}
.form_table select {padding:0 5px;height:26px;}
.form_table .btn {margin:0 2px;padding:3px 12px;height:26px;line-height:18px;}
.form_phone {width:100%;}
.form_phone > span {position:relative;float:left;padding-left:10px;width:35%;box-sizing:border-box;-webkit-boxsizing:border-box;-moz-box-sizing:border-box;}
.form_phone > span::before {content:'-';position:absolute;left:0;top:0;width:10px;height:26px;text-align:center;}
.form_phone > span:first-child {padding-left:0;width:30%;}
.form_phone > span:first-child::first-child {content:'';}
.form_mail {width:100%;}
.form_mail > span {float:left;width:50%;}
.form_mail .domain {position:relative;padding-left:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-sizing:border-box;}
.form_mail .domain::before {content:'@';position:absolute;left:0;top:0;width:20px;height:26px;text-align:center;}
.form_mail .domain select {vertical-align:top !important;}

.form_linked_text {width:100%;}
.form_linked_text > span {float:left; margin-right: 5px;}

/** search area */
.search_area {margin:10px 0 25px;padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px;}
.search_area form::after {content:none;}
.search_area > div::after {content:'';clear:both;display:block;}
.search_row {position:relative;width:100%;height:26px;padding-right:120px;}
.search_row::after {content:'';clear:both;display:block;}
.search_row + .search_row {margin-top:5px;}
.search_btn {position:absolute;top:0;right:0;max-width:190px;text-align:right;}
.form_dl {margin:2px 0;min-height:26px;overflow:hidden;}
.form_dl {float:left;width:100%;}
/* .form_dl dt {margin-left:25px;float:left;padding:4px 0;width:100px;height:26px;line-height:18px;color:#2a3f54;font-weight:bold;} */
.form_dl dt {float:left;padding:4px 0;width:100px;height:26px;line-height:18px;color:#2a3f54;font-weight:bold; padding-left: 25px;}
.form_dl dt:first-child {margin-left:0;}
.form_dl dd {float:left;margin:0 2px;height:26px;}

/* popup */
.popup .x_panel {display:block;margin-bottom:0;padding:0;}
.popup .x_panel::after {content:'';clear:both;display:block;}
.popup .x_title {padding:9px 22px 7px;background-color:#2a3f54;}
.popup .x_title h2 {color:#f1f1f1;}
.popup .x_content {padding:8px 22px;}

.popup textarea {resize:none;}
/** contents etc */
.con-nodata-area {position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.con-nodata {position:absolute;left:50%;top:45%;margin:-140px 0 0 -240px;width:480;height:210px;text-align:center;color:#e7e7e7;}
.con-nodata h2 {font-size:24px;}
.con-nodata p {font-size:18px;}
.con-nodata a {color:#ddd;}

.control-label {}
/* login form */
#login, #register, #findPassword {position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;}
.login_content {position:absolute;left:50%;top:50%;margin:-172px 0 0 -280px;padding:40px 30px;width:560px;height:344px;background-color:#fff;border:3px solid #999;border-radius:4px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.login_content::after {content:'';clear:both;display:block;}
.login_content form {margin:0;padding:0 15px;width:100%;}
.login_content h1 {margin:10px 0;position:relative;}
.login_content h1:before, .login_content h1:after {top:10px;}
.login_content p {font-size:14px;color:#666;}
.login_content div .btn.submit {float:left;min-width:260px;font-size:18px;}
.login_content div .reset_pass {float:right;margin:10px 5px 0;font-size:14px;}
.login_content .btn {height:39px;line-height:27px;}
.bottom-btn-area .btn {min-width:100px;font-size:16px;font-weight:normal;}
.login_content .bottom-btn-area {margin-left:-16px;}
.login_content .bottom-btn-area .btn {float:left;margin:0 0 0 16px;min-width:224px;}

/* datable searchForm */
.padding_right {padding-right: 1px;}
.margin_interval {margin-top: 2px; margin-bottom: 2px;}
.grey { background-color:#ddd; color: #73879C; border-color: #ccc}
.font20 {font-size: 17px; font-weight: bold;}

/* textarea */
.form-group textarea {height: 150px;}

/* RADIOBOX */
.radio label {margin-right: 10px; }
.form_dl dd .form-group mjr5 {margin-right: 2%;}

/* grid */
.noDatatGrid{height: 400px; text-align: center;}

/* popupGrid */
.popupNoDatatGrid{height: 349px; text-align: center;}

/* BODY */
.minh{min-height: 970px;}