/* -----------------------------------------------------------
* reset css
* -----------------------------------------------------------*/
p {margin:0px;}

/* -----------------------------------------------------------
* for fix style in page data
* -----------------------------------------------------------*/
.page-data p {text-indent:20px;}
.page-data ol {list-style-type: decimal;}


/* -----------------------------------------------------------
* change cursor
* -----------------------------------------------------------*/
img.cur-zoom, img.zoom {cursor:url(images/magnifier.png), -moz-zoom-in;}

/* -----------------------------------------------------------
* google chart reset
* -----------------------------------------------------------*/
.google-visualization-orgchart-table {border-collapse:separate !important;}

/* -----------------------------------------------------------
* tooltip
* -----------------------------------------------------------*/
.tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* -----------------------------------------------------------
* special web font
* -----------------------------------------------------------*/
@font-face {
    font-family: 'fontcraftregular';
    src: url('font/fontcraft_ver_2.03-webfont.eot');
    src: url('font/fontcraft_ver_2.03-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/fontcraft_ver_2.03-webfont.woff') format('woff'),
         url('font/fontcraft_ver_2.03-webfont.ttf') format('truetype'),
         url('font/fontcraft_ver_2.03-webfont.svg#fontcraftregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -----------------------------------------------------------
* extend font: awesome icon
* -----------------------------------------------------------*/
.fa-close:before {content:"×";}
.fa-word:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-word.png') no-repeat;}
.fa-pdf:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-pdf.png') no-repeat;}
.fa-excel:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-excel.png') no-repeat;}
.fa-text:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-text.png') no-repeat;}
.fa-ppt:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-powerpoint.png') no-repeat;}
.fa-img:before {content: "\00a0\00a0\00a0\00a0"; background:url('images/icon-image.png') no-repeat;}

.head-title { font-family: 'fontcraftregular'; font-size:20pt;}
.head-title i { font-size:16pt;}
.head-title-medium { font-family: 'fontcraftregular'; font-size:16pt;}
.head-title-medium i { font-size:12pt;}
.head-title-small { font-family: 'fontcraftregular'; font-size:14pt;}
.head-title-small i { font-size:10pt;}

/* -----------------------------------------------------------
* fix z-index for dropdown and colorpicker
* -----------------------------------------------------------*/
.dropdown-menu {z-index: 2000 !important;}

/* -----------------------------------------------------------
* fix ui-datepicker z-index
* -----------------------------------------------------------*/
.ui-datepicker {z-index: 2000 !important;}

/* -----------------------------------------------------------
* hr split line
* -----------------------------------------------------------*/
.hr { height: 20px; background: url(images/split-line.png) no-repeat 50% 50%; }
.vr { width:2px;height:23px;margin-left:2px;margin-right:1px;background:url(images/vr_line.png) no-repeat;background-position:1px 0px;vertical-align:middle;display:inline-block;}
.bottom-bar {border-top:1px solid #cecece;height:1px !important;}
.search-highlight {background-color:#ffff99;color:#ff0000;}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-appearance: none !important;
  color: #555555;
  padding: 6px 6px !important;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  background-image: none !important;
  filter: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #4d7496;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-control {
  height: 32px;
  font-size: 13px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
select.form-control,
textarea.form-control {
  padding: 0 5px;
}
select.form-control:focus,
textarea.form-control:focus {
  border-color: #4d7496;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
}

/* -----------------------------------------------------------
* login box
* -----------------------------------------------------------*/
.login-box {
background-color: #fff;
width: 450px;
margin: 0 auto;
border: 1px solid #d9d9d9;
border-top: 5px solid #4d7496;
padding:25px;
position:relative;
}

/* -----------------------------------------------------------
* form actions
* -----------------------------------------------------------*/
.form-actions,
.form-action
{
padding: 19px 20px 20px;
margin-top: 10px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
}

.form-actions:before, .form-actions:after,
.form-action:before, .form-action:after
{
display: table;
line-height: 0;
content: "";
}

.form-actions:after,
.form-action:after
{
clear: both;
}

.control-label
{
display:block;
font-size:10pt;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 5px;
padding-top: 7px;
}
.control-label:after
{
clear:both;
display:table;
}

/* * * * * * * * * * * *
 * Textarea
 * * * * * * * * * * * */
textarea {
  border-color: #cccccc;
}
textarea.auto {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
}
textarea.col-md-12 {
  resize: vertical;
}
input,
textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* * * * * * * * * * * *
 * File Input
 * * * * * * * * * * * */
input[type="file"] {
  height: auto;
  line-height: normal;
  /*margin-top: 5px;*/
}
/* * * * * * * * * * * *
 * Checkboxes and Radios
 * * * * * * * * * * * */
.checkbox,
.radio {
  font-weight: normal;
}

/* * * * * * * * * * * *
 * Disabled States
 * * * * * * * * * * * */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #f9f9f9;
  color: #adadad;
}

/* * * * * * * * * * * *
 * Icons
 * * * * * * * * * * * */
 .input-icon > input {
  padding-left: 30px !important;
}

 .input-button > input {
  padding-left: 60px !important;
}

.input-icon > i {
  color: #d1d1d1;
  display: block !important;
  position: absolute !important;
  z-index: 1;
  margin: 8px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

input.left-bold {border-left:2px solid #4d7496 !important;}
input.has-error.left-bold {border-left:2px solid #b94a48 !important;}
input.has-success.left-bold {border-left:2px solid #468847 !important;}

input.has-error {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input.has-success {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

textarea.has-error:focus,
input.has-error:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

textarea.has-success:focus,
input.has-success:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.input-group-addon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 6px 6px;
  background-color: #f9f9f9;
}
.input-group > .input-group-btn .btn {
  margin-right: -1px;
  margin-left: -1px;
}

.devide-page-bar {text-align:right;padding:4px;}
.devide-page-bar input[type="text"] {padding:2px !important;border:1px solid #dedede;height:20px;}
.devide-page-bar .b-first {background:transparent;border:0px;width:16px;height:16px;background:url('images/icon-page-first.png') no-repeat;}
.devide-page-bar .b-prev {background:transparent;border:0px;width:16px;height:16px;background:url('images/icon-page-prev.png') no-repeat;}
.devide-page-bar .b-next {background:transparent;border:0px;width:16px;height:16px;background:url('images/icon-page-next.png') no-repeat;}
.devide-page-bar .b-last {background:transparent;border:0px;width:16px;height:16px;background:url('images/icon-page-last.png') no-repeat;}
.devide-page-bar .b-first:hover {background:url('images/icon-page-first-red.png') no-repeat;}
.devide-page-bar .b-prev:hover {background:url('images/icon-page-prev-red.png') no-repeat;}
.devide-page-bar .b-next:hover {background:url('images/icon-page-next-red.png') no-repeat;}
.devide-page-bar .b-last:hover {background:url('images/icon-page-last-red.png') no-repeat;}

/* -----------------------------------------------------------
* alert
* -----------------------------------------------------------*/
.alert {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 15px;
}

/* -----------------------------------------------------------
* input button left
* -----------------------------------------------------------*/
.input-btn-left {position:relative;display:inline-block;}
.input-btn-left > input {

}
.input-btn-left > button {
display: block !important;
position: absolute !important;
z-index: 1;
cursor:pointer;
}
.input-btn-left > button.b-left {
top:1px;
left:1px;
height:30px;
border-left:none;
border-top:none;
border-bottom:none;
}
.input-btn-left > button.b-right {
top:1px;
right:1px;
height:30px;
border-right:none;
border-top:none;
border-bottom:none;
}

/* -----------------------------------------------------------
* label
* -----------------------------------------------------------*/
.label {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: normal;
}

/* -----------------------------------------------------------
* button
* -----------------------------------------------------------*/
.btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-radius {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-large {font-size: 18px !important;}
.btn-lg {font-size: 13px !important;}
.btn-sp-xs {background:url("images/cross.png") no-repeat;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #1d55a8;
border-color: #285e8e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
color: #fff;
background-color: #f59033;
border-color: #d58512;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c22824;
border-color: #ac2925;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
color: #fff;
background-color: #31a9cc;
border-color: #269abc;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
color: #fff;
background-color: #409c40;
border-color: #398439;
}

.btn-dark-gray {
color: #fff;
background-color: #34393e;
border-color: #212427;
}
.btn-dark-gray:hover, .btn-dark-gray:focus, .btn-dark-gray:active, .btn-dark-gray.active, .open .dropdown-toggle.btn-dark-gray {
color: #fff;
background-color: #2d3135;
border-color: #1d1f21;
}

.btn-light-gray {
color: #fff;
background-color: #babfc5;
border-color: #9da4ac;
}
.btn-light-gray:hover, .btn-light-gray:focus, .btn-light-gray:active, .btn-light-gray.active, .open .dropdown-toggle.btn-light-gray {
color: #fff;
background-color: #aaafb7;
border-color: #8d949e;
}

/* -----------------------------------------------------------
* table
* -----------------------------------------------------------*/
.table-highlight-header th {background-color:#eeeeee;}

/* * * * * * * * * * * *
 * Table Controls
 * * * * * * * * * * * */
.table-control {
  padding: 0;
  margin: 0;
  list-style: none;
}
.table-control > li {
  display: inline-block;
  margin: 0 2px;
  line-height: 1;
}
.table-control > li > a {
  display: inline-block;
}
.table-control > li > a i {
  margin: 0;
  font-size: 13px;
  color: #555555;
  display: block;
}
.table-control > li > a i:hover {
  text-decoration: none;
}

/* * * * * * * * * * * *
 * Pagination
 * * * * * * * * * * * */
.pagination {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #4d7496;
  border-color: #3c5a74;
}
/* * * * * * * * * * * *
 * Checkable Table
 * * * * * * * * * * * */
.table-checkable .checkbox-column {
  text-align: center;
  width: 24px;
}
.table-checkable .checkbox-column div.checker {
  margin-right: 0;
}
.table-checkable.table-no-inner-border .checkbox-column {
  border-right: 1px solid #dddddd;
}
.table-checkable tbody tr.checked td {
  background-color: rgba(147, 175, 236, 0.13);
}

/* * * * * * * * * * * *
 * Progressbars in Tables
 * * * * * * * * * * * */
.table .progress {
  margin-bottom: 0;
}

/* -----------------------------------------------------------
* widget
* -----------------------------------------------------------*/
.no-border {border:none !important;}
.widget {border:1px solid #d9d9d9;}
.widget .wg-header {line-height: 35px;border-bottom:1px solid #ececec;background-color:#f9f9f9;}
.widget .wg-header:after {clear: both;}
.widget .wg-header h4 {display: inline-block;color: #555555;font-size: 14px;font-weight: bold;margin-left: 10px;padding: 0px;margin-bottom: 7px;}
.widget .wg-header h4 i {font-size: 14px;margin-right: 5px;color: #6f6f6f;}
.widget .wg-header .wg-toolbar {float: right;border-left:1px solid #d9d9d9;}
.widget .wg-content {position:relative;padding:10px;background-color:#ffffff;}

.wg-no-border-bottom {border-bottom:none;}
.wg-border-light {border-bottom:1px solid #f9f9f9;}
.wg-border-bottom {border-bottom:1px solid #d9d9d9 !important;}
.wg-btn {background-color:#f3f3f3;font-size: 13px;padding: 8px 7px;padding-top: 8px;margin-top:1px;cursor: pointer;}
.wg-btn:hover {background-color:#f9f9f9;}
.wg-btn:active {background-color:#f0f0f0;}

.widget .wg-header-no-border {line-height: 35px;border-bottom:1px solid #d9d9d9;}
.widget .wg-header-no-border:after {clear: both;}
.widget .wg-header-no-border h4 {display: inline-block;color: #555555;font-size: 14px;font-weight: bold;padding: 0px;margin-bottom: 7px;}
.widget .wg-header-no-border h4 i {font-size: 14px;margin-right: 5px;color: #6f6f6f;}
.widget .wg-no-border-content {position:relative;padding-top:10px;padding-bottom:10px;background-color:#ffffff;}

/* -----------------------------------------------------------
* toolbar
* -----------------------------------------------------------*/
.main-toolbar {background-color:#f3f3f3;padding:10px;}

/* -----------------------------------------------------------
* icon
* -----------------------------------------------------------*/
.icon-word {background:url('images/icon-word.png') no-repeat;}
.icon-excel {background:url('images/icon-excel.png') no-repeat;}
.icon-image {background:url('images/icon-image.png') no-repeat;}
.icon-pdf {background:url('images/icon-pdf.png') no-repeat;}
.icon-ppt {background:url('images/icon-powerpoint.png') no-repeat;}
.icon-text {background:url('images/icon-text.png') no-repeat;}

/* -----------------------------------------------------------
* divider
* -----------------------------------------------------------*/
.divider-hr {height:1px;}
.divider-brown {
background : -webkit-linear-gradient(left, rgb(103, 66, 20) 00%, rgb(66, 42, 13) 50%, rgb(103, 66, 20) 99%);
background : -moz-linear-gradient(left, rgb(103, 66, 20) 00%, rgb(66, 42, 13) 50%, rgb(103, 66, 20) 99%);
background : -o-linear-gradient(left, rgb(103, 66, 20) 00%, rgb(66, 42, 13) 50%, rgb(103, 66, 20) 99%);
background : -ms-linear-gradient(left, rgb(103, 66, 20) 00%, rgb(66, 42, 13) 50%, rgb(103, 66, 20) 99%); 
background : -linear-gradient(left, rgb(103, 66, 20) 00%, rgb(66, 42, 13) 50%, rgb(103, 66, 20) 99%);
}

.divider-gray {
background : -webkit-linear-gradient(left, rgb(255, 255, 255) 00%, rgb(219, 219, 219) 50%, rgb(255, 255, 255) 99%);
background : -moz-linear-gradient(left, rgb(255, 255, 255) 00%, rgb(219, 219, 219) 50%, rgb(255, 255, 255) 99%);
background : -o-linear-gradient(left, rgb(255, 255, 255) 00%, rgb(219, 219, 219) 50%, rgb(255, 255, 255) 99%);
background : -ms-linear-gradient(left, rgb(255, 255, 255) 00%, rgb(219, 219, 219) 50%, rgb(255, 255, 255) 99%); 
background : -linear-gradient(left, rgb(255, 255, 255) 00%, rgb(219, 219, 219) 50%, rgb(255, 255, 255) 99%);
}

/* -----------------------------------------------------------
* edit div
* -----------------------------------------------------------*/
.has-edit {padding-left:60px;}

/* -----------------------------------------------------------
* sidebar nav
* -----------------------------------------------------------*/
.slimScrollBar {
width: 5px !important;
background-color: #878787 !important;
right: 0px !important;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#sidebar * {
  overflow-x: hidden;
  overflow-y: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#sidebar #sidebar-content {
  float: left;
  width: 100% !important;
}
#sidebar #divider {
  background: #ececec;
  min-height: 100%;
  position: absolute;
  margin-left: 250px;
  right: -1px;
  width: 8px;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}
#sidebar .resizeable {
  cursor: col-resize;
  background: url(images/sidebar-divider-dots.png) 2px 50% no-repeat #ececec !important;
}
#sidebar .slimScrollDiv {
  float: left !important;
  width: 100% !important;
}
#sidebar .slimScrollBar {
  width: 5px !important;
  background-color: #878787 !important;
  right: 0px !important;
  border-left: 1px solid #555555;
  border-right: 1px solid #555555;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}