@font-face
{
	font-family: MontserratBold;
	src: url('../themes_suco/Montserrat/static/Montserrat-Bold.ttf');
	font-style: normal;
}

@font-face
{
	font-family: RobotoRegular;
	src: url('../themes_suco/Roboto/Roboto-Regular.ttf');
	font-style: normal;
}

.BodyWrapper            {width: 100%; height:100%; margin: 0 auto;}

.TextHQVN {font-family:MontserratBold; font-size: 30px; font-weight:bold; color: #FFFFFF;}
.TextSlogan {font-family: RobotoRegular; font-size: 18px; color: #FFFFFF;}
.TextMenu {font-family: RobotoRegular; font-size: 15px; color: #FFFFFF;}
.TextMenu:hover {font-family: RobotoRegular; font-size: 15px; color: #FFFFFF; text-decoration:underline;}

.FormTitle
{
    font-family: Verdana, Arial !important;
	color: #3567B5;
	font-size: 18px !important;
}

.FormSubTitle
{
    font-family: Verdana, Arial !important;
	color: #3567B5;
	font-size: 14px !important;
}

.CellCaption
{             
    font-family: Verdana, Arial !important;
	color: #3567B5;
	font-size: 13px !important;
	text-decoration: none;
}    

.ItemCaption
{             
    width: 200px;
    font-family: Verdana, Arial !important;
	color: #000000;
	font-size: 13px !important;
	text-decoration: none;
}

.ItemText
{         
    font-family: Verdana, Arial !important;
	color: #000000;
	font-size: 13px !important;
	font-weight: bold;
	text-decoration: none;
}    

.FormElement
{     
    font-family: Verdana, Arial !important;
	color: #000000;
	font-size: 11px !important;	
} 

.DivSpacer
{
    width:100%;
	height: 25px;	
}

.Panel
{
    text-align:left;
    border-width: 1px;
    border-color: #808080;
    border-style: solid;    
    padding: 5px 5px 5px 5px;
    margin: 5px 0px 5px 0px;
    width: 100%;
    max-width: 900px;
}

.PanelTitle
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin: 5px 5px 5px 5px;
}

.FormElement22px     {font-family: Verdana; font-size: 8pt; border: 1px solid #CACACA; width: 250px; height: 22px; line-height: 22px;}
.FormElement22px:hover {font-family: Verdana; font-size: 8pt; border: 1px solid #000000; width: 250px; height: 22px; line-height: 22px;}

.FormButtonElement {font-family: Verdana; font-size: 8pt; border: 1px solid #CACACA; width: 150px;  height: 26px;}
.FormButtonElement:hover {font-family: Verdana; font-size: 8pt; border: 1px solid #000000; width: 150px; height: 26px;}

.iconDatePicker
{
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.iconDatePicker:hover
{    
    cursor: pointer;
}

.TextValidator
{             
    font-family: Verdana, Arial !important;
	color: #FF0000;
	font-size: 13px !important;
	text-decoration: none;
} 

.PageFooterText
{
    font-family: RobotoRegular;
    font-size: 13px;
    color: #383838;
    line-height: 20px;
}

.div1 
{ 
    font-family: Verdana, Arial !important;
	color: #3567A6;
	font-size: 15px !important;
	text-decoration: none; 
	text-align: center;       
	margin-bottom: 10px;
	line-height: 22px;
}    

.div2
{ 
    width: 500px;    
    font-family: Verdana, Arial !important;
	color: #3567A6;
	font-size: 12px !important;
	text-decoration: none; 
	text-align: center;       
}    

.div3
{ 
    width: 100%;    
    font-family: Verdana, Arial !important;
	color: #3567A6;
	font-size: 12px !important;
	text-decoration: none; 
	text-align: center;       
} 

.divGhiChu
{
    width: 100%; 
    text-align: left;
}

.divGhiChuItalic
{
    width: 100%;
    font-family: Times New Roman !important;
    color: #000000;
    font-size: 11pt !important;
    text-align:left;
    text-decoration: underline;
    font-style:italic;    
}

.divGhiChuNormal
{
    width: 100%;
    font-family: Times New Roman !important;
    color: #000000;
    font-size: 11pt !important;
    text-align:left;
    text-decoration: none;       
}

.div4
{ 
    width: 100%;        
} 

.GridView
{
    width: 100%;    
}

.ThumbnaiBarcodeImage
{
    width: 80px;
    height: 80px;
    text-align: center;
}

.AlignToColumnCenter
{
    text-align:center;
}

.AlignToColumnRight
{
    text-align:center;
}

.TextLarge
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 13pt;
    font-weight: bold;
}

.TextHeaderTable
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}

.TextMediumBold
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;    
}

.TextMedium
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 11pt;    
}

.lbl_NgayThangNam
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 12pt; 
    font-style:italic;   
}

.TextMediumItalic
{
    font-family: Times New Roman;
    color: #000000;
    font-size: 11pt;
    font-style:italic;
}

.TextMediumItalicIPAddress
{
    font-family: Times New Roman;
    color: #DBDBDB;
    font-size: 10pt;
    font-style:italic;
}