/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}
.maxw50{max-width:50px;}
.maxw60{max-width:60px;}
.maxw80{max-width:80px;}
.maxw100{max-width:100px;}
.maxw120{max-width:120px;}
.maxw150{max-width:150px;}
.maxw180{max-width:180px;}
.maxw200{max-width:200px;}
.maxw300{max-width:300px;}
.maxw400{max-width:400px;}

.bl10{height:10px; clear:both;}
.bl20{height:20px; clear:both;}
.bl30{height:30px; clear:both;}
.bl50{height:50px; clear:both;}

.notborder{border:0px !important;}
.disabled *{color:#999; text-decoration:line-through;}
.gou-0{background:url(../../images/gou-n16.png) no-repeat center center; width:16px; height:16px; display:inline-block;}
.gou-1{background:url(../../images/gou-y16.png) no-repeat center center; width:16px; height:16px; display:inline-block;}

.inp_up{padding:0px; margin:0px; height:24px; width:100px;}
.form-des{display:inline-block; height:34px; line-height:34px;}
.bold{font-weight:bold !important;}
.red{color:#F00;}
.green{color:#5cb85c;}
.blue{color:#0e90d2;}
.yellow{color:#f0ad4e;}
.pink{color: #6f5499;}
.purple{color: #770088;}
.must{color:#F00; font-weight:bold; padding-right:3px;}
.hide2{display: none;}

.form-horizontal .form-group{margin-left: 0;margin-right: 0;}
.form-group{margin-bottom: 5px;}
/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
#left_menu_mg,.sidebar {
  display: none;
}
.news_right{margin-left:0px; margin-right:0px;}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0px 15px 30px 15px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
	min-height:100%;
  }
  #sidebar{width: 180px;}
  .main{width: -webkit-calc(100vw - 200px);width: -moz-calc(100vw - 200px);width: calc(100vw - 200px); margin-left: 180px;}
  .news_right{margin-left:-15px; margin-right:0px;}
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -16px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -15px;
}
.nav-sidebar > li > a {
  padding-right: 15px;
  padding-left: 15px;
  font-weight:bold;
  color:#069;
  display:block;
}

.nav-sidebar > li {border-top:1px solid #E9E9E9; background-color:#f0f0f0; margin:5px 0px;}
.nav-sidebar > li > ul{margin:0px; padding:0px; background-color:#F7F7F7; list-style:none; list-style-type:none;}
.nav-sidebar > li > ul > li{padding:5px 10px 5px 25px; list-style:none; list-style-type:none;}
.nav-sidebar > li > ul > li:hover{background-color:#FFF;}
.menu_current{background-color:#337ab7; background-image:url(/images/jt_right.png); background-repeat:no-repeat; background-position:right;}
.nav-sidebar > li > ul > .menu_current:hover{background-color:#337ab7;}
.menu_current a{color:#FFF !important;}

.main {
  padding: 15px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 15px;
    padding-left: 15px;
  }
  .web_name{font-size: 16px;}
}
.main .page-header {
  margin-top: 0;
}

@media (max-width: 768px) {
  .web_name{font-size: 12px;}
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.modal.fade.in{
	top:60px;  
}

.search{border:1px solid #E2E2E2; background-color:#F9F9F9; padding:10px; font-size:14px; border-radius:5px; margin:5px 0px;}
.info_box{border:1px solid #CCC; background-color:#FDFDFD; padding:10px; font-size:14px; border-radius:5px; margin:5px 0px;}
.info_list_box{border:1px solid #CCC; background-color:#FDFDFD; padding:10px; font-size:14px; border-radius:5px; margin:5px 0px;}
.search legend,.info_box legend,.info_list_box legend{width:auto; font-weight:bold; display:inline; border:0px; font-size:14px; margin:0px; padding:0px;}
.info_list_box .info_list_content{max-height:300px; overflow-x: hidden;overflow-y: auto;}
.search .btn-sm{padding:7px 10px;}

.status_0{color:#999;}

.breadcrumb{margin-bottom:10px !important;}
.breadcrumb_not:before{content:""!important;}
.radio_box{padding-top:0px !important;}

.checkbox label{margin-right:15px;}

.inp_desc{height:35px; line-height:35px; padding-left:10px;}

.page{padding:5px;text-align: right;}
.page span,.page strong,.page a{padding:3px;}
.page span,.page strong{color:#666;}

.header th{position: sticky;top:50px;background: white;}
.footer th{position: sticky;background: white;}

@media print{
  .noprint {display:none;}
}

.upload_img_box{width:120px; height:170px; padding:3px; margin:10px 10px 0px 0px; border:1px solid #CCC; float:left; text-align:center;}
.upload_img_box a{display:block;}
.upload_img_box img{max-width:114px; max-height:96px; margin-bottom:4px;}
.upload_img_box span{overflow:hidden; width:114px; font-size: 12px; height:60px; line-height: 100%; display:block;}