#PanelContainer 
{ 
    margin-top: 73px; 
    margin-left: 50px; 

} 

.PanelLogin 
{ 
    width: 400px; 
    height: 240px; 
    background-color: #5e1935; 
    color: #ffffff; 

} 

.Panel2
{ 
    /*width: 400px;*/ 
    /*height: 240px;*/ 
    background-color: #e2edf8;     
    /*font-family:Calibri;*/   

} 

#LoginContainer 
{
    margin-left: 23px;
    /*margin-top: 13px;*/
    font-family:Calibri;
    font-size: 14px;
}

/* LoginForm.ascx */
#LoginHeader
{
    width: 95%;
    height: 46px;
    padding-top: 20px;
    padding-left:23px;
}

#LoginTitle
{
    font-family:'Trebuchet MS';
    font-size: 18px;
    font-weight: bold;    
}

#LoginFormContainer
{
    padding-top: 1px;
    padding-left:23px;
}

#LoginFormContainer a
{
    color: #ffffff;
    text-decoration: underline;
    font-family:Calibri;
    font-weight: bold;
    font-size: 14px;
}

#LoginFormContainer a:hover
{
    color: #ffffff;
    text-decoration: none;
    font-family:Calibri;
    font-weight: bold;
    font-size: 14px;
}

#TreeView_Main 
{
    font-family: Calibri;
    font-size: 14px;
}

.bc-container
{
    margin: 0;
    padding: 0;
    height: 21px;
    display: block;
}

.bc-container .first
{
    height: 16px !important;
    text-indent: -1000em;
    width: 16px;
    padding: 0;
    margin-top: 2px;
    overflow: hidden;
    background: url(../images/IconHome.gif) no-repeat 0 0;
}
.bc-container .first:hover
{
    background-position: 0 -16px;
}
.bc-container .last
{
    background: none;
    margin-right: 0;
    padding-right: 0;
}

/*Tab karyawan*/

.fancytab .ajax__tab_header
{
background: url(images/headtab.png) repeat-x;
cursor:pointer;
}
.fancytab .ajax__tab_hover .ajax__tab_outer, .fancytab .ajax__tab_active .ajax__tab_outer
{
background: url(images/headtab_left.png) no-repeat left top;
}
.fancytab .ajax__tab_hover .ajax__tab_inner, .fancytab .ajax__tab_active .ajax__tab_inner
{
background: url(images/headtab_right.png) no-repeat right top;
}
.fancytab .ajax__tab_header
{
font-size: 13px;
font-weight: bold;
color: #000;
font-family: sans-serif;
}
.fancytab .ajax__tab_active .ajax__tab_outer, .fancytab .ajax__tab_header .ajax__tab._outer, .fancytab .ajax__tab_hover.ajax__tab_outer
{
height: 46px;
}
.fancytab .ajax__tab_active .ajax__tab_inner, .fancytab .ajax__tab_header .ajax__tab_inner, .fancytab .ajax__tab_hover .ajax__tab_inner
{
height: 46px;
margin-left: 16px; /* offset the width of the left image */
}
.fancytab .ajax__tab_active .ajax__tab_tab, .fancytab .ajax__tab_hover .ajax__tab_tab, .fancytab .ajax__tab_header .ajax__tab_tab
{
margin: 16px 16px 0px 0px;
}
.fancytab .ajax__tab_hover .ajax__tab_tab, .fancytab .ajax__tab_active .ajax__tab_tab
{
color: #fff;
}
.fancytab .ajax__tab_body
{
font-family: Arial;
font-size: 10pt;
border-top: 0;
border:1px solid #999999;
padding: 8px;
background-color: #ffffff;
}


.TabStyle 
{
    /*width:95%;*/
    height:100%;
    box-sizing: content-box;
    /*font-family:Calibri,'Caecilia LT Std',Arial;
    font-size:12px;*/
}

 .TabStyle .ajax__tab_header
{
    cursor: pointer;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-family:  Helvetica, sans-serif;
    height: 39px;
    border-bottom: 1px solid #bebebe;
    /*width:650px;*/
}
      
.TabStyle .ajax__tab_active .ajax__tab_tab
{
    border: 1px solid;
    border-color: #bebebe #bebebe #e1e1e1 #bebebe;
    background-color: #ffffff;
    padding: 10px;
    border-bottom: none;
}
.TabStyle .ajax__tab_active .ajax__tab_tab:hover
{
    /*border: 1px solid;
    border-color: #bebebe #bebebe #e1e1e1 #bebebe;*/
     color: #8ea932;
    /*background-color: #e1e1e1;*/
    padding: 10px;
    border-bottom: none;
}
      
.TabStyle .ajax__tab_tab
{
    border: 1px solid;
    border-color: #e1e1e1 #e1e1e1 #bebebe #e1e1e1;
    background-color: #f1f1f1;
    color: #444444;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
}
.TabStyle .ajax__tab_tab:hover
{
    /*border: 1px solid;
    border-color: #bebebe #bebebe #e1e1e1 #bebebe;*/
    /*background-color: #e1e1e1;*/
    color: #8ea932;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #bebebe;
}
.TabStyle .ajax__tab_active .ajax__tab_tab, .TabStyle .ajax__tab_tab, .TabStyle .ajax__tab_header .ajax__tab_tab
{
    margin: 0px 0px 0px 0px;
}
      
.TabStyle .ajax__tab_body
{
    font-family:  Helvetica, sans-serif;
    font-size: 12pt;
    border-top: 0;
    border: 1px solid #bebebe;
    border-top: none;
    padding: 5px;
    height:100%;
    /*background-color: #e1e1e1;*/
    /*width:638px;*/
}

/* ALL ELEMENTS */
.NodeStyle 
{
	font-family:Segoe Condensed, Segoe UI, Tahoma, Verdana,Arial Narrow;
    font-size:smaller;
 
}

.ParentNodeStyle 
{
    background:yellow;
}
 

a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
}


/*.Label
{
	font-family:Segoe UI, Verdana,Tahoma;
    font-size:1.5em;
    color:Black;
    
}*/

/*.LabelFieldName
{
	font-family:Segoe UI, Verdana,Tahoma;
    font-size:1.5em;
    color:Blue;
}*/


.TextBox  
{
      font-family:Segoe Condensed,Segoe UI, Tahoma, Verdana;      
      font-size:0.9em;  
      border-style:solid;
      border-width:1px;
      border-color:#dddddd;    
}

.TextBox_2  
{
      font-family: Tahoma;      
      font-size:0.85em;     
      border-style:solid;
      border-width:1px;
      border-color:#dddddd;   
}

.TextBoxNum
{
      font-family:Segoe Condensed,Segoe UI, Tahoma, Verdana;     
      font-size:0.9em;
      text-align:right;
     border-style:solid;
      border-width:1px;
      border-color:#dddddd; 
}

.TextBoxNum_2
{
      font-family:Segoe Condensed,Segoe UI, Tahoma, Verdana;     
      font-size:0.85em;
      text-align:right;
     border-style:solid;
      border-width:1px;
      border-color:#dddddd; 
}

.Label
{
	font-family: Tahoma;
    font-size:0.9em;
    /*font-weight: bold;*/
}

.Label_2
{
	font-family:Tahoma;
    font-size:0.85em;
    
}

.LabelFieldName
{
	font-family:Segoe UI, Verdana,Tahoma;
    font-size:0.9em;
    color:Blue;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24
{
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.TextTitle
{
    font-family:Segoe UI, Verdana,Tahoma;   
    font-size: 14px;
    font-weight: bold;    
}

/* GridView */
#GridView_Main
{
    border: solid 1px #007ead;
}

.EmptyDataMessage
{
    width: 100%;
    padding: 13px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #007ead;
}

.GridviewHeader
{
    color: #ffffff;
    background-color: #007ead;
    text-align: center;
    height: 23px;
}

.GridviewItem
{
    color: #000000;
    padding: 3px;
}

.GridviewItemPinned
{
    color: #000000;
    padding: 3px;
    position:fixed;
    z-index:10;
}


.GridviewItemHide
{
    display:none;
}

.GridviewItem a
{
    color: #007ead;
    text-decoration: underline;
}

.GridviewItem a:hover
{
    color: #007ead;
    text-decoration: none;
}

.GridviewSelect
{
    color: #000000;
    padding: 3px;
    background-color: #de9439;
}

.GridviewAlternate
{
    color: #000000;
    padding: 3px;
    background-color: #ffffff;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.PanelModal
{
    background-color: #de9439;
    width: 550px;
    height: 450px;
}

.PanelModalHeader
{
    width: 100%;
    height: 32px;
    cursor: move;
    background-color: #007ead;
     /*background-color: #543000;*/
    border-bottom: solid 1px #b3b3b3;
}

.TextTitleModalHeader
{
    float: left;
    width: 70%;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
}

.ActionCloseModalHeader
{
    float: right;
    width: 23px;
    cursor: pointer;
    padding: 5px;
    margin-right:10px;
        
}

.PanelModalContentContainer
{
    width: 100%;
    height: 373px;
    margin-top: 13px;
}

.PanelModalContent
{
    background-color: #ffffff;
    width: 95%;
    height: 365px;
    margin: auto;
    /*padding: auto;*/
}

.PanelModalFooter
{
    width: 100%;
    height: 23px;
}

.PanelModalAction
{
    float: right;
    height: auto;
    width: auto;
    padding-right: 13px;
}

.SeparatorH
{
    text-align: center;
    width: 23px;
    font-weight: bold;
}

.Message
{
    width: 97%;
    /*padding: auto;*/
    margin: auto;
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
    color: #543000;
    border: #543000;
    background-color: #b3b3b3;
    font-size: 17px;
    font-weight: bold;
}

.comboBoxInsideModalPopup
{
    font-family: Tahoma;
    font-size:0.75em;
    position: relative;
    
}
.comboBoxInsideModalPopup ul
{
    position: absolute !important;
    left: 2px !important;
    top: 20px !important;
   
}

.comboBoxInsideModalPopup ul li
{
    height: 20px;	

}

.comboBoxInsideModalPopup2
{
    font-family: Tahoma;
    font-size:0.85em;
    position: relative;
    
}
.c

/* Popuup Panel */
#PopupPanel
{
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px #000000;
}

#PopupPanel a
{
    color: #040404;
    text-decoration: none;
}

#PopupPanel a:hover
{
    color: #040404;
    text-decoration: underline;
}

/* Profile */
#AvatarContainer
{
    float:left;
    width:77px;
    height:79px;
    border:solid 2px #ffffff;
}

#UserDataContainer
{
    float:left;
    margin-left:5px;
}

.UserDataItem
{
    padding-bottom:5px;
}



/* button 
---------------------------------------------- */
.button 
{
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;

    font-weight:bold;
    margin: .3px .3px .3px .3px ;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em .5em .5em .5em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
    /*color: #d9eef7 !important;*/

    -webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	 /*default color*/ 
	/*color: #d9eef7 !important;*/
	/*border: solid 1px #0076a3;*/
	/*background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');*/

    /*width:75px;*/
}

button:hover {
	text-decoration: none;
	/* default color */
	background: #007ead;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
}

.button:active {
	position: relative;
	top: 1px;
	/* default color */
	/*color: #80bed6 !important;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');*/
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
    font-weight:bold;
	padding: .4em 1.2em .42em;
    /*padding: .4em .4em .4em .4em;*/
}

.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* gray */
.gray {
	/*color: #e9e9e9 !important;*/
	/*border: solid 1px #555;*/
	/*background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');*/
}
.gray:hover {
	background: #616161 !important;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');*/
}
.gray:active {
	/*color: #afafaf !important;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');*/
}

/* blue */
.blue {
	/*color: #d9eef7 !important;*/
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	/*color: #80bed6 !important;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* pesan */

.LabelPesan
{
	font-family:Segoe UI, Verdana,Tahoma;
    font-size:1.1em;
    font-weight:bold;
    color:red;
}

/*panel tambah*/
#paneltambah #ActionTool
{
    float: right;
    padding-top:8px; 
    
}


.PanelHeader
{
    width: 100%;
    height: 35px;    
    background-color: #e9e9e9;
    border-bottom: solid 1px #fff;
}

.PanelHeader_small
{
    width: 100%;
    height: 22px;    
    background-color: #4e69a2;
    border-bottom: solid 1px #b3b3b3;
}

.formcontainer {

    /*min-height:100%;
		position:relative;*/
}

.PanelContent
 {
    /*padding:10px;*/
		/*padding-bottom:80px;*/ /* Height of the footer */
}


.PanelFooter
{
    width: 100%;
    height: 23px;    
    padding-top:10px;
    /*background-color: #4e69a2;
    border-bottom: solid 1px #b3b3b3;*/
}

.buttonfooter
{
    /*position:absolute;
	bottom:0;
	width:100%;
	height:30px; 
	background:#6cf;
    text-align:center;*/
    /*text-align:center;*/
    position: fixed;
    /*position:absolute;*/
    bottom: 0px;
    height:30px;     
    margin-bottom:10px;
    /*left: 45%;*/
    /*left: 0;*/
    background:#ffffff;   
    text-align: center;
    width: 75%;
    
}

.PanelAction
{
    /*float: right;*/
    height: auto;
    width: auto;
    padding-right: 10px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#e8e9e8;
    /*border: solid 1px #543000;*/
}

.LargeTitle
{
    /*float: left;*/
    /*width: 70%;*/
    /*text-align:center;*/
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: bold; 
    color: #444444;
    padding-left:10px;
    padding-top:5px;
    /*padding: 5px;*/
}

.MediumTitle
{
    /*float: left;*/
    /*width: 70%;*/
    /*text-align:center;*/
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/   
    color: #ffffff; 
    padding-left:10px;
    /*padding: 5px;*/
}



.gridview_popup
{
    font-family: Segoe UI, Verdana,Tahoma;
    font-size: 0.75em;  
}


.gridview_utama
{
    font-family: Segoe UI, Verdana,Tahoma;
    font-size: 0.75em;  
    /*font-family: Tahoma;
    font-size: 8px;*/  
}

.funtext 
{
    /*font-family: Segoe UI, Verdana,Tahoma;    
    font-weight:bold;
    font-size:1.5em;*/
    /*color: #fff;*/
    /*background-color: #232323;*/
    /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18;*/

    /*glow*/
    /*color: #fff;*/
    /*background-color: #474747;*/
    /*text-shadow: #fff 0 0 10px;*/


    /*fire*/
    /*color: #fff;*/
    /*background-color: #333;*/
    /*text-shadow: #fff 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px;*/

    /*color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
	letter-spacing: 5px;
	font: 20px 'MisoRegular';*/

    color: #fff;
	text-shadow:  0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777,0px 4px 0px #666,  0px 5px 6px #001135;
	/*text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;*/

    font-weight:bold;   
    /*font-size:30px;*/
    font-family: Georgia,"Times New Roman",serif;
    

  
    /*text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;*/
}

.mydatagrid
{
	width: 80%;
	border: solid 2px black;
	min-width: 80%;
}
.header
{
	background-color: #4e69a2;
	font-family: Segoe UI, Verdana,Tahoma;  
	color: White;
	height: 25px;
	text-align: center;
	font-size: 14px;
}

.rows
{
	background-color: #fff;
	font-family: Segoe UI, Verdana,Tahoma;  
	font-size: 12px;
	color: #000;
	min-height: 25px;
	text-align: left;
}
.rows:hover
{
	background-color: #5badff;
	color: #fff;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #000;
	color: #fff;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #fff;
	color: #000;
	padding: 5px 5px 5px 5px;
}
.pager
{
	background-color: #646464;
	font-family: Segoe UI, Verdana,Tahoma;  
    font-size: 12px;
	color: #fff;
	height: 30px;
	text-align: left;
}

.pager_2
{
	background-color: white;
	font-family: Tahoma;  
    font-size: 16px;
    font-weight:bold;
	color: #3a4d2f;
	height: 32px;
	text-align: left;
    letter-spacing:3px;
}

.mydatagrid td
{
	padding: 5px;
}
.mydatagrid th
{
	padding: 5px;
}

.mytable 
{
    border-collapse: collapse;
    width: 100%;
}

.mytable .td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}


.boxlog{
  width:100%;
  /*max-width:400px;*/
  height:auto;
  margin:0 auto;
  /*margin-top:100px;*/
  background:#fff;
  padding-top:10px;
  /*border-radius:7px;*/
  /*box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);*/
}

.contentlog{
   /*font-size:24px;*/
  width:100%;
  height:auto;
  /*position:;*/
  /*margin:0 auto;
  padding:30px 0px;*/
  /*background:;*/
  /*text-align:center;*/
}

.roundtextbox 
{
    font-family:Verdana;
    font-size:14px;
    /*width:91%;
    margin:5px auto;
    padding:8px;
    background:#fff;
    border:solid;
    border-color:#b3b3b3;
    box-shadow: 0px 1px 0px 0px #111;
    border-radius:10px;
    outline:none;
    color:#000;
    font-weight:700;
    letter-spacing:0.085em;
    text-align:center;
    text-transform:uppercase;*/

    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.buttonlog {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.buttonlog:hover {
  opacity: 0.8;
}

.boxlogin {
  border-radius: 2px 2px 5px 5px;
  padding: 10px 20px 20px 20px;
  width: 90%;
  max-width: 280px;
  background: #ffffff;
  position: relative;
  padding-bottom: 80px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.textlog {
  display: block;
  padding: 15px 10px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ddd;
  transition: border-width 0.2s ease;
  border-radius: 2px;
  color: #ccc;
}
.textlog + i.fa {
  color: #fff;
  font-size: 1em;
  position: absolute;
  margin-top: -47px;
  opacity: 0;
  left: 0;
  transition: all 0.1s ease-in;
  
}
.textlog:focus {
  outline: none;
  color: #444;
  border-color: #9eca56;
  border-left-width: 35px;
}
.textlog:focus + i.fa {  
  opacity: 1;
  left: 30px;
  transition: all 0.25s ease-out;
}

.buttlog {
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  background: #9eca56;
  color: #fff;
  display: block;
  border: none;
  margin-top: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 60px;
  border: 0px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 2px;
  transform: rotateZ(0deg);
  transition: all 0.1s ease-out;
  border-bottom-width: 7px;
  font-weight:bold;
}

.buttlog:hover {
    box-shadow: 0px 1px 3px #cef55b;
    text-shadow: 0px 0px 10px #fff;
    font-weight: bold;
    color: #ffe200;
}

.buttlog:focus {
    border-bottom-width: 4px;
    font-weight: bold;
    color: #ffe200;
}

.titlelog {
  color: #444;
  font-size: 1.2em;
  font-weight: bold;
  /*margin: 10px 0 30px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 1px;*/
  text-align:center;
}

.titlelog2 {
  color: #444;
  font-size: 12px;
  /*font-weight: bold;*/
  margin: 0 0 30px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  text-align:center;
}

.boxlogin2 {
 
  /*width: 100%;*/
  /*max-width: 250px;
  background: #ffffff;
  position: relative;
  padding-bottom: 80px;*/
  
}

.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  min-height: 100%;
  padding: 20px;
  background: rgba(225, 225, 225, 0.75);
}


.simplebutton
{
	color: #5c3900;
	background-color:#ffbf1b;    
	height: 30px;
	width: 100px;
	padding:2px;
	border:none 0px transparent;
    font-family:Calibri;
	font-size: 14px;
	font-weight: lighter;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius:  4px 4px 4px 4px;
	border-radius:  4px 4px 4px 4px;
}

.simplebutton:hover
{
    color:#fff;
	background-color:#ff6d00;
	border:solid 1px #fff;
}

.simplebutton:focus
{
	color: #632404;
	background-color: #fcd97e;
	border:solid 2px rgba(98,176,255,0.3);
}

.simplebutton1
{
	color: #fff;
	background-color:#539b9e;    
    /*color: #000;
    background-color:#c5e5e7;*/    
	height: 28px;
	width: 80px;
	padding:2px;
	border:none 0px transparent;
    /*font-family: 'Montserrat', 'Open Sans', sans-serif;*/
    font-family: Arial, 'Helvetica LT Std', sans-serif;
	font-size: 12px;
	font-weight: 700;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius:  4px 4px 4px 4px;
	border-radius:  4px 4px 4px 4px;
}

.simplebutton1:hover
{
    color:#fff;
	background-color:#6cb1b5;
	border:solid 1px #fff;
}

.simplebutton1:disabled
{
    color:#b3b3b3;
	background-color:#d7f0f2;
	border:solid 1px #fff;
}

.simplebutton1:focus
{
	color: #a0eeea;
	background-color: #539b9e;
	border:solid 2px rgba(98,176,255,0.3);
}

.Label_title_min
{
	font-family:Tahoma,Verdana;
    font-size:12px;
    letter-spacing:1px;
    font-weight:700;
    color:#3a4d2f;   
    
}

.PanellHeader_4
{
    width: 100%;
    height: 20px;
    /*cursor: move;*/
    padding-left:30px;
    background-color: #ffffff;
     /*background-color: #543000;*/
    /*border-bottom: solid 1px #b3b3b3;*/
    vertical-align:bottom;
}

.Label_7
{
	font-family:Segoe UI, Verdana,Tahoma;
    font-size:10pt;
    
}

.TextBox_5  
{
      font-family:Segoe UI, Tahoma, Verdana;      
      font-size:10pt;      
}

.button_1 {  
  letter-spacing:1px;
  background-color: #fad672; 
  color: black; 
  border: 1px solid #fad672;
  border-radius:8px;
  width:100px;
  height:30px;
}

.button_1:hover {
  background-color: #ffcb00;
  color: black;
  font-weight:bold;
}

.GridviewHeader_inquiry
{
    font-family: 'Segoe UI', Verdana,Tahoma; 
    font-size: 1em;
    font-weight: bold;
    /*color: #000000;*/
    background-color: #ebf1de;
    text-align: center;
    height: 35px;
    border: solid 1px #e5e5e5;

}

.GridviewHeader_inquiry2
{
    font-family: 'Segoe UI', Verdana,Tahoma; 
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: #3a4d2f;
    text-align: center;
    height: 35px;
    border: solid 1px #e5e5e5;

}

.gridview_inquiry
{
    font-family: Segoe UI, Verdana,Tahoma;
    font-size: 0.9em;  
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    /*font-family: Tahoma;
    font-size: 8px;*/  
}

.gridview_inquiry, .gridview_inquiry th, .gridview_inquiry td
{
    border:1px solid #e5e5e5;
}

.GridviewItem_inquiry
{
    color: #000000;
    padding: 3px;
}

.GridviewItem_inquiry a
{
    color: #000000;
    /*text-decoration: underline;*/
}

.GridviewItem_inquiry a:hover
{
    color: #3a4d2f;
    font-weight:bold;
    text-decoration: none;
}

.GridviewSelect_inquiry
{
    color: #000000;
    padding: 1px;
    background-color: #c5eb74;
}

.GridviewAlternate_inquiry
{
    color: #000000;
    padding: 1px;
    background-color: #f6f6f6;
}

.PanelAction_2
{
    /*float: right;*/
    height: auto;
    width: auto;
    padding-right: 10px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
    /*border: solid 1px #543000;*/
}

.cbox .ajax__combobox_inputcontainer
        {
            

        }
        .cbox .ajax__combobox_textboxcontainer
        {
            width:97%;
        }
        .cbox .ajax__combobox_textboxcontainer input
        {
            width:97%;
        }
        .cbox .ajax__combobox_buttoncontainer
        {
        }
        .cbox .ajax__combobox_buttoncontainer button
        {
            background-image: none;
            background-position: center;
            background-repeat: no-repeat;
            border-color: ButtonFace;
            height: 15px;
            width: 15px;
        }
        .cbox .ajax__combobox_itemlist
        {
            margin: 0px;
            padding: 0px;
            cursor: default;
            list-style-type: none;
            text-align: left;
            border: solid 1px ButtonShadow;
            background-color: Window;
            color: WindowText;
        }
        .cbox .ajax__combobox_itemlist li
        {
            white-space: nowrap;
            width: 97%;
            padding: 0 3px 0 2px;
        }


        .simplebutton2
{
	color: #000;
	background-color:#fff;    
    /*color: #000;
    background-color:#c5e5e7;*/    
	height: 20px;
	width: 80px;
	padding:1px;
	border:solid 1px #444444;
    /*font-family: 'Montserrat', 'Open Sans', sans-serif;*/
    font-family: Arial, 'Helvetica LT Std', sans-serif;
	font-size: 12px;
	font-weight: 700;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius:  4px 4px 4px 4px;
	border-radius:  4px 4px 4px 4px;
}

.simplebutton2:hover
{
    color:#000;
	background-color:#ffe200;
	border:solid 1px #444;
}

.simplebutton2:disabled
{
    color:#b3b3b3;
	background-color:#e1e1e1;
	border:solid 1px #444;
}

.simplebutton2:focus
{
	color: #de9439;
	background-color: #fff;
	border:solid 2px rgba(98,176,255,0.3);
}

.FrozenCell
{
    background-color:#EBEBEB;
    position: relative;
    cursor: default;
    left: expression(this.offsetParent.scrollLeft – 2);
}
/* for freezing column header*/
.FrozenHeader
{
    background-color:#EBEBEB;
    position: relative;
    cursor: default;           
    top: expression(this.offsetParent.scrollTop – 2);
    z-index: 10;
}
/*for the locked columns header to stay on top*/
.FrozenHeader.locked
{
    z-index: 99;
    
}

.wrappedText { word-wrap: break-word; }

.CellsEllipsis  
{  
    text-overflow: ellipsis;  
    overflow: hidden;  
    white-space: nowrap;  
}