/* CSS added by developer */

.btn-custom {
  background-color: #6b0d2f;
  border-color: #6b0d2f;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #540a25;
  border-color: #3e071b;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #6b0d2f;
  border-color: #6b0d2f;
}


/* body {
	background-image: url(../images/WRAPPER_bg.jpg);
} */
#headerBar {
	background-color:#4D4D4D;
	height:80px;
}
#footerBar {
	background-color:#4D4D4D;
	height:40px;
	color: white;
}
#main {
	background-color:white;
	min-height:400px;
	padding:15px;
}

th.sorted a, th.sortable a {
     background-position: right;
     background-repeat: no-repeat;
     display: block;
     padding-right: 10px;
     cursor: pointer;
} 
th.sortable a {
     background-image: url(../images/arrow_bilateral.png);
} 
th.order1 a {
     background-image: url(../images/arrow_up.gif);
}
th.order2 a {
     background-image: url(../images/arrow_down.gif);
}

/*-----------table-------------------*/
.table_blue{ font-size:12px;}
.table_blue td{ border-bottom:1px dotted #ccc; padding:5px;text-align:left;height:50px;}
.table_blue .odd{ text-align:right; background:#d7e6f6; border-bottom:1px solid #fff !important;}
.table_blue .required{ background:#ED7275; text-align:right; color:#fff; border-bottom:1px solid #fff !important;}
.table_blue .required_textred{ color:#F00; font-weight:bold;}
.table_blue .non_required{ background:#F0F0F0; text-align:right; border-bottom:1px solid #fff !important;}
.table_blue .non_required_textgray{ color:#999;}
.table_blue .secTitle{ background:#7EBDE2; text-align:left; font-weight:bold;}
.table_blue th{background:#d7e6f6; border:1px solid #fff !important;  text-align:center;}

/*style2*/
.table_blue_gradient thead tr th{ background:url(../images/table_bg.jpg) repeat-x; height:26px; color:#fff; font-size:13px; border:1px solid #fff; text-align:center; padding:0 3px;}
.table_blue_gradient thead tr th a{ color:#fff; text-decoration:none;}
.table_blue_gradient tbody tr td{ color:#666; font-size:12px; border-bottom:1px dotted #999; padding:5px 3px;}
.table_blue_gradient tbody tr.odd td{ background:#eeeeee;}
.table_blue_gradient{ border:1px solid #999 !important; border-collapse: separate !important; clear:both;}

.table_blue_gradient-2 thead tr th{ background:url(../images/table_bg.jpg) repeat-x; height:26px; color:#fff; font-size:13px; border:1px solid #fff; text-align:center; padding:0 3px;}
.table_blue_gradient-2 thead tr th a{ color:#fff; text-decoration:none;}
.table_blue_gradient-2 tbody tr td{ color:#666; font-size:12px; border-bottom:1px dotted #999; padding:5px 3px;}
.table_blue_gradient-2 tfoot tr td{ color:#666; font-size:12px; border-bottom:1px dotted #999; padding:5px 3px;}
.table_blue_gradient-2{ border:1px solid #999 !important; border-collapse: separate !important; clear:both;}

.table_blue_gradient_noborder thead tr th{ background:url(../images/table_bg.jpg) repeat-x; height:26px; color:#fff; font-size:13px; border:1px solid #fff; text-align:center; padding:0 3px;}
.table_blue_gradient_noborder thead tr th a{ color:#fff; text-decoration:none;}
.table_blue_gradient_noborder tbody tr td{ color:#666; font-size:12px; border-bottom:1px dotted #999; padding:5px 3px;}
.table_blue_gradient_noborder tbody tr.odd td{ background:#eeeeee;}
.table_blue_gradient_noborder{ /*border:1px solid #999 !important; border-collapse: separate !important;*/ clear:both;}

/*-----------width-------------------*/
.width_percent100 { width:100%; }
.width_percent90 { width:90%; }
.width_percent80 { width:80%; }
.width_percent70 { width:70%; }
.width_percent60 { width:60%; }
.width_percent50 { width:50%; }
.width_percent49 { width:49%; }
.width_percent48 { width:48%; }
.width_percent40 { width:40%; }
.width_percent30 { width:30%; }
.width_percent20 { width:20%; }
.width_percent10 { width:10%; }
.width_percent5  { width:5%;  }

/*-----------content-------------------*/
#content{ /**width:700px;**/ float:left; } 
#content .title{ background:url(../images/title_bg.jpg) -1005px bottom #fff no-repeat; height:30px; padding-left:10px; clear:both; margin-top:5px;}
#content .title h1{ background:url(../images/title_bg.jpg) right top; font-size:15px; color:#3d3d3d; line-height:30px;}
#content .title h1 p{padding-top: 4px;}

#content .search_title{ background:url(../images/search_banner.jpg) no-repeat; width:725px; height:53px; padding-left:55px;}
#content .search_title h1{ font-size:15px; color:white; line-height:53px;}

#content .search_title2{ background:url(../images/search_title_bg.jpg) -1005px bottom #fff no-repeat; height:30px; padding-left:10px; clear:both;/* margin-top:30px;*/position:relative; z-index:1;}
#content .search_title2 h1{ background:url(../images/search_title_bg.jpg) right top; font-size:15px; color:#3d3d3d; line-height:30px;}
#content .search_title2 h1 p{padding-top: 4px;}
#content .search_box{ border:1px solid #999; border-top:none; margin:0 8px 0 6px;}
#content .search_box h1{ background:#e2f0fc; font-size:15px; margin:10px; margin-top:0; padding:3px; clear:both;}
#content .search_box ul.search_list{ display:block; margin:10px 50px;}
#content .search_box ul.search_list li{ display:block; float:left; width:115px; font-size:12px; line-height:15px; margin-right:15px; margin-bottom:10px;}
#content .search_box ul.search_list li img{ vertical-align:middle; font-size:0; margin-right:5px;}
#content .search_box .more{ clear:both; float:right; margin:5px 10px;}

#content .search_tab {/* margin:0 10px;*/
	position: absolute;
	top:-28px;
	z-index:99;
	margin-bottom:-2px;
	left:0px;
}

.box{ margin-bottom:20px; position:relative;}
.box_main{ margin:0 5px;}
.box_main_border{ border:1px solid #999 !important; /*border-top:none !important;*/}

.tooltipImg .titleImage .deleteTodoListImg{
	 cursor: pointer;
}

/*-----------float-------------------*/
.float_right{ float:right;}
.float_left{ float:left;}

/*-----------text------------*/
.text_gray, .text_gray a{ color:#333333; text-decoration:none;}
.text_red{color:#CC0000;}
.text_gray10_verdana{ font-size:10px; font-family:Verdana, Geneva, sans-serif;color:#797979;}
.text_blue{ color:#4A8DB5;}
.text_red_bold{ color:#cc0000; font-weight:bold;}
.text_black12_bold{  font-weight:bold; font-size:12px;}
.text_whitesmoke{color:#F5F5F5; padding-left: 10px; padding-right: 10px;}

/*----------------tag----------------------*/
.err{ background:url(../images/icon_warning.gif) no-repeat; padding-left:20px; line-height:17px; color:#900; font-weight:bold; display:block;}


  /*---------------------------[ ### adjust margins here and there ]---------------------------*/
/* .form-inline {
    padding:10px;
}
 .form-inline > * {
    margin:15px 5px!important;
} 

.form-inline .radio input[type="radio"], 
.form-inline .checkbox input[type="checkbox"] {
	 float: left;
	 margin-right: 0;
 }
*/
.checkbox-inline,
.checkbox-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.radio-inline,
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
}

.checkbox-inline:last-child,
.radio-inline:last-child {
    margin-right: 0;
}

.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox.inline.no_indent {
  margin-left: 0;
  margin-right: 10px;
}
.checkbox-inline.no_indent:last-child {
  margin-right: 0;
}


/* 
@media (max-width: 980px) {
    .form-horizontal .control-group > label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }
    .form-horizontal .controls {
        margin-left: 0;
    }
    .form-horizontal .control-list {
        padding-top: 0;
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px;
    }
}
 */
 
 
 /* nexted tab */

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: transparent;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
} 
 
 
 
 
 