.nopadding{ padding:0;  padding:0 !important;}
.nomargin{ margin:0;  margin:0 !important;}
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.noborder{ border:0;border:0 !important; }
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mb20{margin-top:20px;}
.ml5{margin-left:5px;}
.fr{float:right;}
.fl{float:left;}

/* logo */
.page-header.navbar .page-logo .logo-default{ margin:8px 0 0 0; }
.page-header.navbar .page-logo { padding-left:15px; }

/* tab */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-top:solid 3px #F3565D; }

.tabbable-line .nav-tabs > li.active > a, .tabbable-line .nav-tabs > li.active > a:hover, 
.tabbable-line .nav-tabs > li.active > a:focus{ border:0; }
.tabbable-line > .nav-tabs > li.active{ border-bottom:3px solid #3598DC; }
.tabbable-line > .nav-tabs > li:hover{ border-bottom:3px solid #C9DFF5; }

.tabbable-custom > .nav-tabs {height:35px;border:0; }
.tabbable-custom > .nav-tabs > li, .tabbable-custom > .nav-tabs > li.active, .tabbable-custom > .nav-tabs > li > a{ -webkit-border-radius:4px 4px 0 0 !important; -moz-border-radius:4px 4px 0 0 !important; -ms-border-radius:4px 4px 0 0 !important; -o-border-radius:4px 4px 0 0 !important; border-radius:4px 4px 0 0 !important;}
.tabbable-custom > .nav-tabs > li{border:1px solid #ddd;border-bottom:none;margin-right:5px; background:#f6f6f6;height:36px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#F4F4F4));
background: -moz-linear-gradient(top, #f6f6f6, #F4F4F4);
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f6f6f6, endColorStr=#F4F4F4);
background: linear-gradient(#ffffff, #F4F4F4);
}
.tabbable-custom > .nav-tabs > li.active{border:1px solid #ddd;border-top:none; border-bottom:1px solid #fff;height:36px; background:white; filter:unset; }
.tabbable-custom > .nav-tabs > li.active > a{border-top:3px solid #F6A800 ; border-top:3px solid #F6A800 !important;background:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border:0;}
.tabbable-custom {margin-bottom:0;}


/* icon tab */
.iconTab .nav-tabs i{ display:block; width:60px; height:60px; margin:0 auto; background:#3598dc url(../img/icon.png); margin-bottom:10px; }
.iconTab .nav-tabs .active i{ background-color:#F6A800; }
.iconTab .nav-tabs .iconTab1 i{ background-position-x:0px; }
.iconTab .nav-tabs .iconTab2 i{ background-position-x:-60px; }
.iconTab .nav-tabs .iconTab3 i{ background-position-x:-120px; }
.iconTab .nav-tabs .iconTab4 i{ background-position-x:-180px; }
.iconTab .nav-tabs .iconTab7 i{ background-position-x:-360px;   }
.iconTab .nav-tabs .iconTab6 i{ background-position-x:-300px;   }
.iconTab .nav-tabs .iconTab5 i{ background-position-x:-240px;   }


.iconTab > .nav-tabs > li.active{ border:0; }
.iconTab > .nav-tabs > li:hover{ border:0; }
.iconTab > .nav-tabs > li > a { padding-left:20px; padding-right:20px; }

.iconTab .progress-bar-info{background:#F6A800;}
.iconTab .progress { height:5px; width:500px; }
.iconTab .progress-bg{ background: #f5f5f5; height: 5px; margin-bottom: -5px; }

/* portlet */
.portlet{ margin-bottom:15px; }
.portlet-body .mySubTitle{ background:#f6f6f6;  background:#f6f6f6 !important; padding:0 10px; margin:0;}
.portlet > .portlet-body > .mySubTitle > .caption { color:#333; color:#333 !important;}
.tabbable-custom > .tab-content, .portlet > .portlet-body{ -webkit-border-radius:0 0 4px 4px !important;-moz-border-radius:0 0 4px 4px !important; -ms-border-radius:0 0 4px 4px !important; -o-border-radius:0 0 4px 4px !important; border-radius:0 0 4px 4px !important;}
.dashboard-stat, .portlet{ -webkit-border-radius:4px !important; -moz-border-radius:4px !important; -ms-border-radius:4px !important; -o-border-radius:4px !important;border-radius:4px !important;}

/* IE9 */
.portlet.box.blue{ border:1px solid #60aee4;}
.portlet.blue, .portlet.box.blue > .portlet-title, .portlet > .portlet-body.blue{ background-color:#3598dc; }
.tabbable-custom > .tab-content{padding:10px; border:1px solid #ddd;}



/* ±íµ¥ */
.form-control{ border-radius:3px !important; }
.myBsForm .portlet.light{ padding:12px 15px 15px; }
.myBsForm .portlet.light > .portlet-title > .caption > .caption-subject{ font-size:14px; color:#34495e; }
.myBsForm .portlet.light > .portlet-title > .caption {  color:#34495e;  padding: 10px 0; }
.myBsForm label, .modal-body label, .myBsForm .help-block, .modal-body .help-block{ font-size:12px; }
.myBsForm input.form-control, .myBsForm select.form-control, .modal-body input.form-control, .modal-body select.form-control { font-size:12px; padding:3px 6px; height:26px; }
.myBsForm .form-group { margin-bottom:0; }
.myBsForm .form-body{ padding:0px; }
.myBsForm .form-horizontal .form-group{ margin-left:-5px; margin-right:-5px; }
.myBsForm .portlet > .portlet-title { min-height:36px; }

.myBsForm .panel{margin-bottom:10px;-webkit-border-radius:4px !important; -moz-border-radius:4px !important; -ms-border-radius:4px !important; -o-border-radius:4px !important;border-radius:4px !important;}
.myBsForm .card-header{border-top-left-radius:4px !important;border-top-right-radius:4px !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#F4F4F4));
background: -moz-linear-gradient(top, #f6f6f6, #F4F4F4);
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f6f6f6, endColorStr=#F4F4F4);
background: linear-gradient(#ffffff, #F4F4F4);
}
.myBsForm .card-body{padding:15px !important;}
.myBsForm .form-actions{ padding:15px 0 0; margin-top:10px; background:none; }
.myBsForm .form-actions.right{padding-right:0;}

.myBsForm .btn-icon-only{width:26px; height:26px; padding:3px;}
.btn { font-size:13px; -webkit-border-radius:4px !important; -moz-border-radius:4px !important; -ms-border-radius:4px !important; -o-border-radius:4px !important;border-radius:4px !important;}

.cadMap{ display:block; width:781px; height:454px; background:url(../img/cad.jpg) no-repeat;}
.cadMap .form-group{ position:absolute;width:113px;}
.myBsForm .cadMap .col-md-6{ padding:4px 0px;}
.myBsForm .cadMap .control-label{ padding-right:5px;}

.cadMapN{ display:block; width:781px; height:454px; background:url(../img/cad-N.jpg) no-repeat; position:relative;}
.cadMapN .form-group{ position:absolute;width:113px;}
.myBsForm .cadMapN .col-md-6{ padding:4px 0px;}
.myBsForm .cadMapN .control-label{ padding-right:5px;}

.cadImage{ display:block; width:781px; height:454px; background:url(../img/cadImage1.jpg) no-repeat; position:relative; padding-left:15px; margin-left:92px;}
.cadImage .form-group{ position:absolute;width:113px;}
.myBsForm .cadImage .col-md-6{ padding:4px 0px;}
.myBsForm .cadImage .control-label{ padding-right:5px;}

.myBsForm .col-xs-1, .myBsForm .col-sm-1, .myBsForm .col-md-1, .myBsForm .col-lg-1, 
.myBsForm .col-xs-2, .myBsForm .col-sm-2, .myBsForm .col-md-2, .myBsForm .col-lg-2, 
.myBsForm .col-xs-3, .myBsForm .col-sm-3, .myBsForm .col-md-3, .myBsForm .col-lg-3, 
.myBsForm .col-xs-4, .myBsForm .col-sm-4, .myBsForm .col-md-4, .myBsForm .col-lg-4, 
.myBsForm .col-xs-5, .myBsForm .col-sm-5, .myBsForm .col-md-5, .myBsForm .col-lg-5, 
.myBsForm .col-xs-6, .myBsForm .col-sm-6, .myBsForm .col-md-6, .myBsForm .col-lg-6, 
.myBsForm .col-xs-7, .myBsForm .col-sm-7, .myBsForm .col-md-7, .myBsForm .col-lg-7, 
.myBsForm .col-xs-8, .myBsForm .col-sm-8, .myBsForm .col-md-8, .myBsForm .col-lg-8, 
.myBsForm .col-xs-9, .myBsForm .col-sm-9, .myBsForm .col-md-9, .myBsForm .col-lg-9, 
.myBsForm .col-xs-10, .myBsForm .col-sm-10, .myBsForm .col-md-10, .myBsForm .col-lg-10, 
.myBsForm .col-xs-11, .myBsForm .col-sm-11, .myBsForm .col-md-11, .myBsForm .col-lg-11, 
.myBsForm .col-xs-12, .myBsForm .col-sm-12, .myBsForm .col-md-12, .myBsForm .col-lg-12{ 
    padding:4px 5px; line-height:26px;
}

.tabActions{float:right; margin-top:-50px;}
.myform .table .btn{padding:3px;}
.myform .dropdown-menu{ float:right; right:0px; left:auto; min-width:120px;}
.myform  .btn-group > .dropdown-menu::after, .myform  .dropdown-toggle > .dropdown-menu::after, .myform  .dropdown > .dropdown-menu::after{ left:auto; right:10px; }
.myform .btn-group > .dropdown-menu::before, .myform .dropdown-toggle > .dropdown-menu::before, .myform .dropdown > .dropdown-menu::before{ left:auto; right:9px; }

.myform .table, .myform .table td, .myform .table td a , .myform label, .myform .dropdown-menu{ font-size:12px; /*color:#333;*/}
.myform .table > thead > tr > th, .myform .table > tbody > tr > th, .myform .table > tfoot > tr > th, 
.myform .table > thead > tr > td, .myform .table > tbody > tr > td, .myform .table > tfoot > tr > td{
    padding:0;
}
.myform .radio-list > label{ line-height:2em; }
.myform .radio-inline,  .myform .checkbox-inline{ margin-right:20px;}
.myform .radio-inline + .radio-inline, .myform .checkbox-inline + .checkbox-inline{padding-left:0;  margin-left:0;}

.myform .col-xs-1, .myform .col-sm-1, .myform .col-md-1, .myform .col-lg-1, 
.myform .col-xs-2, .myform .col-sm-2, .myform .col-md-2, .myform .col-lg-2, 
.myform .col-xs-3, .myform .col-sm-3, .myform .col-md-3, .myform .col-lg-3, 
.myform .col-xs-4, .myform .col-sm-4, .myform .col-md-4, .myform .col-lg-4, 
.myform .col-xs-5, .myform .col-sm-5, .myform .col-md-5, .myform .col-lg-5, 
.myform .col-xs-6, .myform .col-sm-6, .myform .col-md-6, .myform .col-lg-6, 
.myform .col-xs-7, .myform .col-sm-7, .myform .col-md-7, .myform .col-lg-7, 
.myform .col-xs-8, .myform .col-sm-8, .myform .col-md-8, .myform .col-lg-8, 
.myform .col-xs-9, .myform .col-sm-9, .myform .col-md-9, .myform .col-lg-9, 
.myform .col-xs-10, .myform .col-sm-10, .myform .col-md-10, .myform .col-lg-10, 
.myform .col-xs-11, .myform .col-sm-11, .myform .col-md-11, .myform .col-lg-11, 
.myform .col-xs-12, .myform .col-sm-12, .myform .col-md-12, .myform .col-lg-12{ 
    padding:0; line-height:30px;
}
/*.myform .table a:link, .myform .table a:visited{ color:#5b9bd1; }
.myform .table a:hover{ color:#F3565D; }*/
.table-hover > tbody > tr:hover {
  /*background-color: #FCF8E3;*/
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, 
.table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, 
.table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, 
.table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th{ 
    background:#f5f5f5; 
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ 
    vertical-align:middle
}

.myform .table > tbody > tr > td.formlable{ /*background:#f6f6f6;*/ text-align:right; font-weight:bold;  padding:5px; line-height:20px; }
.myform .table > tbody > tr > td.formbody { line-height:30px; }
.myform .table > tbody > tr > td.formbody > span {padding-left:5px;}
.myform .width50{width:50px;}
.myform .width80{width:80px;}

.myform .form-control{ /*height:30px;*/ padding:3px 5px; font-size:12px; }
.myform .table{ margin:0; }
.myform .row{ line-height:24px; margin:0; }
.myform .table > tbody > tr > td { line-height:30px; }
.myform .table > thead > tr > th, .myform .table > tbody > tr > th, .myform .table > tfoot > tr > th { font-size:12px; line-height:20px; padding:5px;padding:5px !important; background:#DBEAF9; }

.myform .input-icon > i{ margin:8px 5px 4px 10px; right:0; }
.myform .input-icon input{ padding-right:2em; }

.myform div.radio, .myform div.checker{ margin-top:-5px; }

/* list */
.mylist .table > thead > tr > th, .mylist .table > tbody > tr > th, .mylist .table > tfoot > tr > th, 
.mylist .table > thead > tr > td, .mylist .table > tbody > tr > td, .mylist .table > tfoot > tr > td{
    padding:5px;
}

/* bootstrap slider */
.carousel{ margin:10px 30px; }
.carousel .col-xs-4 img{margin:0 auto; max-height:300px;}
.carousel .col-xs-4 p{margin:0 auto; margin-top:5px; text-align:center; }

/* portlet title color */
/*.blue-hoki.box.portlet > .portlet-title{ background:#578EBE; }*/


/* select style */
.portlet_sel{ width:100%; padding-right:10px; }
.portlet_sel dt{ padding-left:15px; border-bottom:solid 1px #eee; line-height:2em; font-weight:normal; margin-bottom:10px; }
.portlet_sel dd{  overflow-y:auto; }
.selList { list-style:none; margin:0;padding:0; }
.selList li{ float:left; margin:10px; border:solid 3px #eee; cursor:pointer; }
.selList li.sel, .selList li.sel:hover { border:solid 3px #36D7AC; }
.selList li:hover { border:solid 3px #ccc; }
.selList li img{ width:80px; height:80px; }
.selList li p{ text-align:center; margin:6px 0px; }

.selMaterial img{ width:80px; height:80px; }
.selMaterial ul{ list-style:none; margin:0;padding:0; padding-left:20px; line-height:28px;}
.selMaterial dd{ padding:15px; }

.mainImg{ background:#6E6E6E; text-align:center;}
.mainImg img{ max-width:360px; max-height:360px; height:360px; margin:10px;}



/* fixed_table */
.dwrapper div.checker input{ opacity:1; }
.dwrapper div.checker, .dwrapper div.checker span, .dwrapper div.checker input{ width:15px; height:15px; }

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td{
    padding:3px;
}

.table>tbody>tr, .table>tfoot>tr, .table>thead>tr{
    height:33px;
}