/*@import url('reset.css');*/


.hideBorder{
    padding:0px !important;
    background-color:transparent !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
}

.picture_thumbnail{
    padding-top:8px; 
    padding-bottom:4px;
}

.hideBorder .fancybox-inner {
     height:500px !important;
     overflow:hidden;
}


table.general-data th {
    /*white-space: nowrap !important;*/
    padding-left : 5px;
    padding-right : 5px;
}

table.general-data td {
    /*white-space: nowrap !important;*/
     padding-left : 5px;
    padding-right : 5px;
}


.FixScroll
{
     width:100% !important;
     overflow-x:scroll;
}

.FixScroll table.general-data
{
   
}

.ShowWork table.general-data td  {
    text-align:center;
}


.nbs_datepicker{
    width:100px !important;
}




body {
    font-family: tahoma;
    font-size: 12px;
    margin-left: 10px;
}

/*
a 
{
	color:#062efb;
}
    */

a:hover
{
   text-decoration:underline;    
 }
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
 

 .containerInner 
 {

     
}

/*========== header ==============*/
.underlineBottom 
{
	
 
}

.locationDisplay 
{
  display: inline-block;
  float: right; 
  margin: 0;
  padding: 0 10px

}
.Header_ScreenName
{
    font-weight:bold;
    padding-bottom:10px;    
    font-size:16px;
    float:right;
  
 }

.Header_Section
{
  
  font-size:12px;
  color:#062efb;
  font-weight:bold;
  text-align:left;   
  border-bottom:1px solid #999;
  margin-bottom: 10px;
  padding-bottom:10px;
  padding-top:10px;
 }
 
  
 
/*======== active & inactive ===========*/	
.status_active 
{
	color:Green;
}
.status_inactive 
{
	color:Red;
}

 
 
/*========== table search ==============*/
.table_search 
{
	margin: auto;	 	 
	 
   
    
}
 
 .table_search td 
 {
	padding: 3px 1px 1px 3px;
    
}

.td_tools {
   
   
   padding-bottom:3px;
   text-align:right;

}
 
/*========== table input ==============*/
.table_input 
{
  
    
 
}
.table_input td {
	padding: 2px;
}

.button_zone
{
    padding-top:20px; 
     padding-bottom:20px;
     height:50px;
     text-align:center;
   
} 
 

.td_fieldName {
 text-align:right;
 vertical-align:middle;	 
  padding-right:5px;
}


td_fieldName_left {
  text-align:left;
 vertical-align:middle;	 
  padding-right:5px;

}


/*===== tr row highglight ========*/
.tr_active
{
    background-color:#bdbebe !important; 
    /*font-weight:bold;  */
    
}
.tr_active td 
{
  
  /*  color:#FFF !important;*/
    
}
.tr_active td a
{
  
    /*color:#ff0505 !important;*/
    
}

 

/*============ input Control ===============*/
 
 
.requireField 
{
	color:Red;
}
.notic_alert 
{
 color:Red;
 
}

.notic_alert_focus 
{
    background-color:#ff6458  !important;
}

.data_duplicate 
{
	background-color:red !important;
	color:#FFF;
	font-weight: bold;
}
 


/*====== scrollbar ====*/
.div_scroll {	 
	min-height: 0%;
	overflow-x: auto;
	width: 100%;
}
.object_hidden {
	display:none !important;
}

 
   
 /*====== Data not found ====*/
 .data_not_found_2 
{
	background:#efefef;
	color:red; 
	padding-top:10px;
	text-align:center;
	font-size:11px;
	height:20px;
}
.data_not_found_bg
{
    background:#d5d4d4;
	color:red; 
	padding-top:10px;
	text-align:center;
	font-size:11px;
	height:50px;
    
 }
.data_not_found 
{
	background:#efefef;
	color:red;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	font-size:12px;
	height:40px;
}

.limite_access {
	color:red;
 
}
 
.error_info {
	color:red !important;
	font-weight:bold;
}


/*========= Order Column ========= */
 .head_asc 
{
    background:url(../images/global/arrowSort.png) no-repeat right 5px;
	display:inline-block;
	padding-right:17px;

}
.head_desc {


background:url(../images/global/arrowSort.png) no-repeat right -35px;
	display:inline-block;
	padding-right:17px;

}
  

 
/*======= Zone Data List =====*/
.general-data {
	/* margin-bottom: 10px;*/
	
}
.general-data th a {
	 
	vertical-align:top;
	 
}
.general-data th a.head_asc {
	background:url(../images/global/arrowSort.png) no-repeat right 5px;
	display:inline-block;
	padding-right:17px;
}
.general-data th a.head_desc {
	background:url(../images/global/arrowSort.png) no-repeat right -35px;
	display:inline-block;
	padding-right:17px;
}
.general-data a.edit {
	background:url(../images/button/edit.png) no-repeat 45px 9px;
	display:block;
	height:34px;
	line-height:34px;
	padding:0 20px 0 0;
}
.general-data th {
	background:#B5BAC0;	 
	/*border-bottom:2px solid #7E8D93;*/
	 
	height:36px;
	text-align:center;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
	 vertical-align:middle;
	/* padding-top:5px;*/
}


.general-data th a
{
    color:#2C2D2D;
}
 
.general-data tr {
	border:1px solid #AAABAB;
	height:30px;
 
}

 
.general-data tr:nth-child(odd) 
{
	background:#f6f6f6;
 
} 
.general-data tr:hover, .general-data tr.odd:hover {
	background:#d0e0f0;
	 /*cursor:pointer;*/
}
.general-data tr td {
	padding:0 3px;
	  border:1px solid #999;  
	 line-height:18px;
	/* background-color:#e7eff8;
	vertical-align:top;*/
}

.general-data tr.haveline td{
	padding:0 3px;
	  border:1px solid #595252 !important;  
	 line-height:18px;
	/* background-color:#e7eff8;
	vertical-align:top;*/
}

.general-data tr.sub_header
{
    background-color:#ccc; 
}
 
.general-data tr.sub_header td 
{
    border-top: 0;
}

.boxTable 
{
    padding:10px;

}

.tr_data
{ 
    cursor:pointer;
     
    
 }

.tr_footer {
background-color:#FDFFA9 !important;
}




   .button_zone_bg
   {
    
    height:50px;     
    padding-top:13px;      
    margin-bottom:13px;
   /* padding-left:15%;  */
    background-color:#BFC2CD;
    text-align:center;

  
	
       
  }

.button_zone_subItem {

    float:right;
    padding-bottom:5px;
    padding-top:5px;

}



/*========= text zone=============*/ 
.text_blue
{
 font-size:11px;
 color:#00adef;
 font-weight:bold;
    
 }
 .text_blue_light
{
  
 color:#003399;
    
 }
 .text_green
{
  
 color:#f7680a;
    
 }
 .text_display
 {
    
      line-height:25px;
      padding:3px;
   
 }
 .text_blue_info
 {
     color:#062efb;
     
  }
 
 .text_orange
 {
    color:#f7680a; 
  }
 .text_select
 {
    background-color:#cee3fd;     
     
 }
 .text_small
 {
   font-size:10px;
  
 }

.text_bold {
    font-size:12px;
    font-weight:bold;
}

.text_red {
    color:#ff0000;
}
  
    
/*==== Zone Input Control ====*/
  .input_system_gen
  {
    /*background-color:#ccc;*/
    line-height:17px;
    cursor: not-allowed;
    background-color: #ccc !important;
    opacity: 1;
  
  }
  
   .input_system_gen_2
  {
    /*background-color:#ccc;*/
    line-height:17px;
    cursor: not-allowed;
    background-color: #ccc !important;
    opacity: 1;
 
  
  }
  
  select
  {
   font-family:Tahoma;
    font-size:12px; 
    height:25px;
      
   }
   
    
   input
   {  
      padding:3px;   
      font-family:Tahoma;
      font-size:12px; 
      
   }
   
   input[type=radio],
   input[type=checkbox]
   {
       margin-right: 5px;
       position: relative;
       top: 2px;
    left: 0px;
}


 input[type=submit] {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
white-space: nowrap;
padding: 5px 10px;
font-size: 11px;
line-height: 1.428571429;
border-radius: 3px;
text-decoration:none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
 
min-width:80px;
}

   
    
    
  textarea
  { 
      padding:3px;   
     
      font-family:Tahoma;
        font-size:12px; 
   }   
  
  
.text_center
{
    text-align:center;    
}
.text_left
{
    text-align:left;    
}

   
.text_reject
{
 color:Red;   

 }
  
  
  /*==== Paginng ==========*/     
  .total_records
  {
     float:right;
     padding-bottom:5px;
    
   
  }
  
  
.nextPage {
	background: transparent url(../images/obj/nextPage.png) no-repeat 100% 54%;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin: 0 10px;
	padding: 5px 15px 5px 0;
}
.prevPage {
	background: transparent url(../images/obj/prevPage.png) no-repeat 0 54%;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin: 0 10px;
	padding: 5px 0 5px 15px;
}

 
.TextBox2Label
{
    
   border:none;
   background-color:transparent;
   color:#062efb;
   
  
    
}
 
/*==== BG Zone ------------*/

 .bgGreen
 {
    background-color:#92d050;   
    
  }
  .bgYellow
  {
     background-color:#ffff66;
   
   }
   
     .bgRed
  {
    background-color:#ff0000;
    
   }
   

  .bgBlue
  {
    background-color:#00bcf2;   
    text-align:center;
   
   }
   


  /*==== Require Field Alert */
  .requireField 
{
	
	color:Red;
}
.notic_alert {
 color:Red;
 /*background-color:#faffc7 !important; */
}

.notic_alert_focus 
{
    background-color:#ff6458  !important;
}
 


/*==== Status Show */
.status_active 
{
    color:green;

}

.status_inactive 
{

    color:red;
}


.cover_thumbnail {

 
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
  float: left;
  margin-right: 15px;
  width: 37.81513%;
 
}


/*==== History ============*/
.history 
{
     
}

.history li 
{

list-style: none;
padding-top: 5px;

}

.clearfix li {
list-style: none;
padding-top: 5px;
}

.clearfix .left 
{
    float: left;
    padding-left: 0px;
}

.clearfix .right 
{
    float: right;
    padding-right: 5px;
}

.history .left 
{
    float: left;
    padding-left: 0px;
}

.history .right 
{
    float: right;
    padding-right: 5px;
}


.header_sub_section {
    font-weight: bold;
    padding: 10px;
    /*font-size: 12px;*/
    font-size: 14px;
    border-bottom: 1px solid #999; 
  /*  background-color: rgb(181 190 198);*/
   /* margin-top:10px;*/
}


.header_sub_section2 {
    font-weight: bold;
    padding: 10px;
    font-size: 14px;
}
 


/*========= data loading & not found ============*/
  
  .modal2
    {
        
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.3;
        filter: alpha(opacity=30);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 1px solid #ccc;
        width: 200px;
        padding: 20px 0;
        display: none;
        position: fixed;
        background: white;
        z-index: 999;
        color: #666;
        border-radius: 10px;
        z-index: 1001;
        
    }
 /*===== End Progress Bar ==========*/



.bgDraft 
{
    background-image:url('../images/global/icon_draft.png');
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;

}



/*====== YYYYYYYYYYYYYYYYYYYYYY == Customize input ====== YYYYYYYYYYYYYYYY==========*/
textarea,select,.ms-ctn  {

 /* width: 100%;*/
  height: 30px; 
  /*padding: 8px 12px;
  line-height: 1.42857143;*/
  padding-left:8px; 
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]  {

 /* width: 100%;*/
  
  padding: 4px 12px;
   
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -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);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]:focus,textarea:focus,.ms-ctn:focus  {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type=text]::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder {
  color: #999999;
}
input[type=text]::-webkit-input-placeholder {
  color: #999999;
}
input[type=text][disabled],
input[type=text][readonly],
fieldset[disabled] input[type=text],textarea[disabled],select[disabled] {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
   font-size:13px !important;
   color:black !important;
}
textarea {
  height: auto;
}

 input[type=text][readonly].nbs_datepicker
{
     background-color: white;
}

input[type=text][disabled].nbs_datepicker
{
     background-color: #eeeeee !important;
}

input[type=submit] {
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
 border-top-color: #fff;
  border: 1px solid #e6e6e6;
}


.ROW_EJECT {
    background-color: red !important;
    color: white !important;
}


.ROW_RED {
    background-color: rgb(254,118,121) !important;
    color: white !important;
}

.ROW_YELLOW {
    background-color: yellow !important;
}


/*====== YYYYYYYYYYYYYYYYYYYYYY == End Customize input ====== YYYYYYYYYYYYYYYY==========*/