@charset "utf-8";
/**********Reset CSS**************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } 
/* remember to define focus styles! */
:focus { outline: 0; } 
body { color: black; background: white; font-family: Arial, Verdana, "Times New Roman", Tahoma, Verdana; font-size: 63%; line-height: 150%; }  ol, ul { list-style: none; }  table td { padding: 2px; }  input { font-size: 1em; font-family: "Times New Roman", Tahoma; }  select { font-size: 1em; font-family: "Times New Roman", Tahoma; }  textarea { font-size: 1em; font-family: "Times New Roman", Tahoma; }
/*************end of css menu*****************/
h1 { font-size: 1.2em; font-weight: bold; line-height: 120%; padding: 5px 0px 5px 0px; }  h2 { font-size: 1.1em; font-weight: bold; line-height: 120%; padding: 5px 0px 5px 0px; }  h3 { font-size: 1.05em; font-weight: bold; line-height: 120%; padding: 5px 0px 5px 0px; }  h4 { font-size: 1.0em; font-weight: bold; line-height: 120%; padding: 5px 0px 5px 0px; }                                                               
/***********fieldset va legnd*********/
fieldset { border: solid 1px; margin: 5px 0px 0px 0px; padding: 5px 5px 5px 5px; float: left; } legend { font-weight: bold; margin-left: 20px; white-space: nowrap; padding-left: 3px; padding-right: 3px; }
form input { min-height: 18px; }
form select { min-height: 23px; }
/***********end fieldset va legend*******/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; font-size: 1em; font-family: Arial, Verdana, "Times New Roman", Tahoma, Verdana; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }  blockquote, q { quotes: "" ""; }
.liinbody { line-height: 120%; }
/*************end of reset css*************/
/*******CSS table list_phi**********/
.list_phi { width: 100%; float: left; border-collapse: collapse; border: 2px solid #999999; }  .list_phi th, .list_phi td { border: 1px solid #999999; }  .list_phi tr:hover { background: #BFBFBF; height: 25px; }  .list_phi td { font-size: 1em; padding: 2px; text-align: center; border: 1px solid #cccccc; }  .list_phi th { width: auto; height: 30px; padding-top: 5px; padding-bottom: 5px; text-align: center; font-weight: bold; font-size: 1em; vertical-align: middle; background: url(/images/tras.png) repeat; }
/*************end of css list_phi************/
/*******CSS table bangtinhphi**********/
.bangtinhphi { width: 100%; float: left; border-collapse: collapse; border: 2px solid #999999; }  .bangtinhphi th, .bangtinhphi td { border: 1px solid #999999; }  .bangtinhphi tr:hover { background: #BFBFBF; }  .bangtinhphi tr { height: 25px; }  .bangtinhphi td { font-size: 1em; padding: 2px; text-align: center; border: 1px solid #cccccc; }  .bangtinhphi th { width: auto; height: 30px; padding-top: 5px; padding-bottom: 5px; text-align: center; font-weight: bold; font-size: 1em; vertical-align: middle; background: url(/images/tras.png) repeat; }
/*************end of css bangtinhphi************/
/********CSS list tokhai***********/
/*******CSS table tokhai**********/
.dstokhai { width: 100%; float: left; border-collapse: collapse; border: 2px solid #999999; }  .dstokhai th, .dstokhai td { border: 1px solid #999999; vertical-align: middle; }  .dstokhai td { font-size: 1em; padding: 2px; text-align: center; border: 1px solid #cccccc; }  .dstokhai tr { height: 25px; }  .dstokhai tr:hover { background: none repeat scroll 0 0 #D5D5D5; }  .dstokhai th { height: 30px; padding-top: 5px; padding-bottom: 5px; text-align: center; font-weight: bold; font-size: 1em; vertical-align: middle; background: url('/images/white.jpg') repeat; }
/*******end table tokhai**********/
/*******CSS pagenav *********/
#pagenav { float: left; display: block; width: 99%; line-height: 20px; margin: auto; padding-top: 5px; padding-left: 3px; padding-bottom: 5px; font-size: 1.3em; }  #pagenav a { color: #0000FF; display: inline-block; text-decoration: none; border: solid; border-width: thin; border-color: #0000FF; white-space: nowrap; }  #pagenav a:visited { color: #CC3300; text-decoration: none; }  #pagenav a:hover { color: red; font-size: 1.4em; font-weight: bold; }
.pagecurent { font-size: 1.3em; font-weight: bold; color: #CC3300; }
/**************end of pagenav ***********************/
/********END of list to khai***********/

/***********CSS vung dieu hanh*************/
#thongtindieuhanh { width: 100%; height: auto; float: left; }
#tokhai { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
#khamlamsang { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
#xetnghiem { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
#tiemchung { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
#dieutri { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
#thuphi { width: 100%; height: auto; margin-bottom: 5px; float: left; border-bottom: 1px solid #000000; }
.dongdieuhanh { width: 100%; height: 22px; float: left; font-size: 1.1em; font-weight: bold; padding: 2px 0px 2px 0px; }
.amount_task /**css chu so hien so luong lệnh da giao**/ {
    color: #FF0000;
    font-size: medium;
}

.an_hien /**css link an, hien thong tin chi tiet**/ {
    color: #0033FF;
    font-size: medium;
}
.table { margin: 5px 1px 5px 1px !important; width: 99.8% !important; border-collapse: collapse; } 
.table th { padding: 5px !important; text-align: center !important; font-weight: bold !important; }
.table > thead > tr > th { text-align: center !important; font-weight: bold !important; background: url("/images/white.jpg") repeat; } 
.table > tbody > tr > td { padding: 4px 2px; }
.table-bordered { border: 1px solid #999999 !important; }
.table-bordered tr > th { border: 1px solid #999999 !important; }
.table-bordered tr > td { border: 1px solid #cccccc !important; }
.table-hover tr:hover { background: #BFBFBF; }
.row { margin-right: -15px; margin-left: -15px; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { display: inline-block; }  .col-sm-12 { width: 100%; }  .col-sm-11 { width: 91.66666667%; }  .col-sm-10 { width: 83.33333333%; }  .col-sm-9 { width: 75%; }  .col-sm-8 { width: 66.66666667%; }  .col-sm-7 { width: 58.33333333%; }  .col-sm-6 { width: 50%; }  .col-sm-5 { width: 41.66666667%; }  .col-sm-4 { width: 33.33333333%; }  .col-sm-3 { width: 25%; }  .col-sm-2 { width: 16.66666667%; }  .col-sm-1 { width: 8.33333333%; }  .col-sm-pull-12 { right: 100%; }  .col-sm-pull-11 { right: 91.66666667%; }  .col-sm-pull-10 { right: 83.33333333%; }  .col-sm-pull-9 { right: 75%; }  .col-sm-pull-8 { right: 66.66666667%; }  .col-sm-pull-7 { right: 58.33333333%; }  .col-sm-pull-6 { right: 50%; }  .col-sm-pull-5 { right: 41.66666667%; }  .col-sm-pull-4 { right: 33.33333333%; }  .col-sm-pull-3 { right: 25%; }  .col-sm-pull-2 { right: 16.66666667%; }  .col-sm-pull-1 { right: 8.33333333%; }  .col-sm-pull-0 { right: auto; }  .col-sm-push-12 { left: 100%; }  .col-sm-push-11 { left: 91.66666667%; }  .col-sm-push-10 { left: 83.33333333%; }  .col-sm-push-9 { left: 75%; }  .col-sm-push-8 { left: 66.66666667%; }  .col-sm-push-7 { left: 58.33333333%; }  .col-sm-push-6 { left: 50%; }  .col-sm-push-5 { left: 41.66666667%; }  .col-sm-push-4 { left: 33.33333333%; }  .col-sm-push-3 { left: 25%; }  .col-sm-push-2 { left: 16.66666667%; }  .col-sm-push-1 { left: 8.33333333%; }  .col-sm-push-0 { left: auto; }  .col-sm-offset-12 { margin-left: 100%; }  .col-sm-offset-11 { margin-left: 91.66666667%; }  .col-sm-offset-10 { margin-left: 83.33333333%; }  .col-sm-offset-9 { margin-left: 75%; }  .col-sm-offset-8 { margin-left: 66.66666667%; }  .col-sm-offset-7 { margin-left: 58.33333333%; }  .col-sm-offset-6 { margin-left: 50%; }  .col-sm-offset-5 { margin-left: 41.66666667%; }  .col-sm-offset-4 { margin-left: 33.33333333%; }  .col-sm-offset-3 { margin-left: 25%; }  .col-sm-offset-2 { margin-left: 16.66666667%; }  .col-sm-offset-1 { margin-left: 8.33333333%; }  .col-sm-offset-0 { margin-left: 0%; }  .visible-xs { display: none !important; }  .hidden-xs { display: block !important; }  table.hidden-xs { display: table; }  tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; }  .hidden-xs.hidden-print { display: none !important; }  .hidden-sm { display: none !important; }  .visible-sm { display: block !important; }  table.visible-sm { display: table; }  tr.visible-sm { display: table-row !important; }  th.visible-sm, td.visible-sm { display: table-cell !important; }

.table2col { width: 100%; border: 1px solid #999999; border-collapse: collapse; }  .table2col tr { height: 25px; }  .table2col td { font-size: 1.1em; border: 1px solid #999999; padding: 3px 7px 2px 7px; text-align: left; }  .table2col th { font-size: 1.2em; text-align: center; padding-top: 5px; padding-bottom: 4px; border: 1px solid #999999; background-color: #999999; color: #ffffff; }  .table2col tr.alt td /*css dong chan le*/ { color: #000000; background-color: antiquewhite; }
/*********end of table2col***********/
/************CSS table3col***************/
.table3col { width: 100%; border: 1px solid #999999; border-collapse: collapse; }  .table3col td, .table3col th { font-size: 1em; width: 33%; border: 1px solid #999999; padding: 3px 7px 2px 7px; }  .table3col th { font-size: 1.1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; }  .table3col tr.alt td { color: #000000; background-color: #EAF2D3; }
/*********end of table3col***********/
/************CSS table4col***************/
.table4col { width: 100%; border: 1px solid #999999; border-collapse: collapse; }  .table4col td { font-size: 1em; border: 1px solid #999999; padding: 3px 7px 2px 7px; }  .table4col th { border: 1px solid #999999; font-size: 1.1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; }  .table4col tr.alt td { color: #000000; background-color: #EAF2D3; }
/*********end of table 4col***********/
/************CSS table5col***************/
.table5col { width: 98%; border: 1px solid #999999; border-collapse: collapse; }  .table5col td { text-align: center; font-size: 1em; border: 1px solid #999999; padding: 3px 7px 2px 7px; }  .table5col th { border: 1px solid #999999; font-size: 1.1em; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; }  .table5col tr.alt td { color: #000000; background-color: #EAF2D3; }
/*********end of table 5col***********/
/************CSS table6col***************/
.table6col { width: 100%; border-collapse: collapse; }  .table6col td, #table6col th { font-size: 1em; text-align: center; border: 1px solid #999999; padding: 3px 7px 2px 7px; }  .table6col th { font-size: 1.1em; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; }  .table6col tr.alt td { color: #000000; background-color: #EAF2D3; }
/*********end of table 6col***********/
/*********table 7col***********/
.table7col { width: 100%; border-collapse: collapse; }  .table7col td { text-align: center; font-size: 1em; border: 1px solid #999999; padding: 3px 7px 2px 7px; }  .table7col th { font-size: 1.1em; text-align: center; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; }  .table7col tr.alt td { color: #000000; background-color: #EAF2D3; }
/*********end of table 7col***********/

/*******CSS wrapper *********/
#wrapper { margin: auto; width: 960px; height: auto; }
/************end of wrapper************************/
/*******CSS banner *********/
#banner { float: left; height: 114px; width: 960px; background: url(/images/banner2.png) top left no-repeat; line-height: 100%; }
/*******************************************/
/*******CSS vùng thông tin trạng thái đăng nhâp *********/
#stastus { float: left; width: 945px; padding: 5px 10px 0 5px; background: url(/images/status.png) top left no-repeat; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 1px #ffffff; line-height: 100%; color: #003366; }
.style_status { float: left; margin: auto; }
/*******************************************/
/*******CSS vùng thao tác chính *********/
#main { float: left; padding: 1px 0 1px 0; margin: 0; width: 958px; min-height: 400px; border: 1px solid #444444; background-color: #CCFF33; font-size: 1.2em; line-height: 100%; background: url(/images/bg.png) center no-repeat; background-attachment: fixed; }
/*****************************************************/
#footer { float: left; width: 960px; height: 84px; padding: 0px; border: 0px solid #444444; line-height: 100%; background: url(/images/bot-bg.png); background-size: cover; margin: 0px; }
/***************************CSS menu*****************************/
.mainnav { float: left; width: 960px; margin: 0px auto; }
.nav { background: #3883cc; float: left; font-size: 1.2em; font-weight: bold; height: 39px; width: 960px; position: relative; }
.nav, .nav ul { list-style: none; position: relative; line-height: 39px; } 
.nav a:link, .nav a:active, .nav a:visited { display: block; padding: 0px 5px; color: #FFFF00; text-decoration: none; background: #3883cc; white-space: nowrap; } 
.nav a:hover { background: cornsilk; color: #333; } 
.nav li { float: left; position: relative; height: 39px; border-right: 1px solid silver; } 
.nav ul { position: absolute; width: 172px; top: 38.5px; display: none; } 
.nav li ul a { width: 172px; float: left; white-space: nowrap; } .nav ul ul { top: auto; }
.nav li ul ul { left: 172px; margin: 0px 0 0 10px; }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul { display: none; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul { display: block; }

/*******CSS div scroll*************/
#scroll_box { width: 940px; /*150em*/ height: 500px; text-align: center; overflow: scroll; border: 1px solid #CCCCCC; margin: 1em 0; }
/***********end div scroll**********************/
/****************CSS FORM NHAP *****************/
/****************wrapper form *****************/
#wrapper_form { width: 100%; height: auto; float: left; }
/****************end of wrapper form *****************/
/**********CSS div tieu de form*********/
#formtitle { width: 100%; height: 25px; padding-top: 10px; float: left; background: url(/images/top-nav.jpg) repeat; font-size: 1.2em; font-weight: bold; color: #FFFF00; text-align: center; }
/*******end css div tieu de form*********/
/*****CSS div thong bao form*********/
#formmsg { width: 100%; height: 20px; padding-top: 8px; float: left; font-size: 1em; font-weight: lighter; color: #FFFF00; text-align: center; color: #ffffff; background-color: #FF9900; font-style: italic; }
/*******end css div thong bao form*********/
/*******CSS form bottom**************/
#formbott { width: 100%; height: 39px; float: left; background: #e99765 url(/images/top-nav.jpg) repeat; font-size: 1em; color: #FFFF00; text-align: center; }
/******end of form bottom*****************/
/**********CSS table form 2 cot**/
.form2col { width: 100%; height: auto; margin-left: auto; margin-right: auto; font-size: 1.1em; float: left; } .form2col td, .form2col th { padding: 1px 5px 1px 5px; width: 50%; height: 20px; border: 0px; vertical-align: middle; }  .form2col th { font-size: 1.1em; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; text-align: center; }  .form2col tr:hover { background: #EEEEEE; }
/*******END of tableform 2 cot********/
/**********CSS table form 5 cot**/
.form5col { width: 100%; height: auto; margin-left: auto; margin-right: auto; font-size: 1.1em; float: left; }  .form5col td, .form5col th { padding: 1px 5px 1px 5px; width: 25%; height: 20px; border: 0px; vertical-align: middle; }  .form5col th { font-size: 1.1em; padding-top: 5px; padding-bottom: 4px; background-color: #999999; color: #ffffff; text-align: center; }  .form5col tr:hover { background: #EEEEEE; }
/*******END of tableform 5 cot********/
/*******input 400px********/
.inputtext400px { margin: 0; padding: 1px; border: 1px solid #000066; width: 400px; min-height: 20px; text-align: left; float: left; }  .inputtext300px { margin: 0; padding: 1px; border: 1px solid #000066; width: 300px; min-height: 20px; text-align: left; }  .inputtext250px { margin: 0; padding: 1px; border: 1px solid #000066; width: 250px; min-height: 20px; text-align: left; }  .inputtext200px { margin: 0; padding: 1px; border: 1px solid #000066; width: 200px; min-height: 20px; text-align: left; }  .inputtext150px { margin: 0; padding: 1px; border: 1px solid #000066; width: 150px; min-height: 20px; text-align: left; }  .inputtext100px { margin: 0; padding: 1px; border: 1px solid #000066; width: 100px; min-height: 20px; text-align: left; }  .inputtext50px { margin: 0; padding: 1px; border: 1px solid #000066; width: 50px; min-height: 20px; text-align: left; }  .inputtext20px { margin: 0; padding: 1px; border: 1px solid #000066; width: 20px; min-height: 20px; text-align: left; }
.checkbox { width: auto; height: 1.05em; cursor: pointer; font-size: 1.1em; margin-left: 10px; }
/********button trong form****/
.button { min-width: 100px; height: 39px; margin: 0px; background: url(/images/bottom-nav.jpg); border: 1px solid #666666; color: #FFFFFF; cursor: pointer; font-size: 1.1em; }

/************ END of Button trong form****************/
/*********** END of table form 2 cot *****************/
/************END of FORM nhap**************/
/*********** Input of login************/
.input_login { padding: 3px; border: 1px solid #004080; width: 200px; color: #003366; }
/***********end Input of login************/
/*---/print button/---- */
.image_button_print { width: 70px; height: 25px; margin: 0px; border: none; padding: 0px; background: url(/images/b_print.png) center no-repeat; }

#bntlogin { width: 120px; height: 30px; border: 0 none; padding: 0; background: url(/images/login.jpg) no-repeat; text-align: left; padding-left: 15px; cursor: pointer; margin-top: 10px; }
/*********************************/
/*********Table report***********/
.tablereport { width: 100%; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid black; }  .tablereport th { border: 1px solid black; text-align: center; padding-top: 2px; padding-bottom: 2px; background-color: #EEEEEE; color: black; }  .tablereport td { border: 1px solid black; color: black; text-align: center; }

/*********end of tablereport***********/
/*********CSS div vung hien bao cao**********/
.view_report { float: left; }
/*********CSS div title bao cao**********/
.title_report { width: 100%; float: left; line-height: 130%; font-size: 1.1em; font-weight: bold; text-align: center; }
/*********END CSS div title bao cao**********/
/*********CSS cac vung trang thongbao - Home***********/
#thongbaotitle { width: 100%; height: 25px; padding-top: 10px; float: left; background: url(/images/top-nav.jpg) repeat; font-size: 1.1em; font-weight: bold; color: #FFFF00; text-align: center; }
.title { width: 100%; height: 25px; padding-top: 10px; background: url(/images/top-nav.jpg) repeat; font-size: 1.1em; font-weight: bold; color: #FFFF00; text-align: center; }
/*******end css title cac bang tin*********/
.table_bangthongke { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; width: 98%; height: auto; font-size: 1em; line-height: 1.5em; border: 0px; border-collapse: collapse; }  .table_bangthongke th { font-size: 1em; font-weight: bold; background-color: #EEEEEE; border: 1px slategrey solid; text-align: center; width: 25%; }  .table_bangthongke td { font-size: 0.9em; border: 1px slategrey solid; text-align: center; width: 25%; }
.thongke { width: 100%; height: auto; font-size: 1em; font-weight: bold; color: #702E05; float: left; }
/********bang thong bao noi bo***********/
span.formtitle a { font-size: 13px; font-weight: bold; color: #003366; white-space: nowrap; }
span.formtitle { display: block; padding: 0 0 5px 0; text-align: left; }
.formtitle a.newbutton { height: 23px; width: 80px; text-align: center; border: 0 none; padding: 7px 0 0; margin: 0; background: url(/images/addbt.png) no-repeat; float: right; color: #ffffff; white-space: nowrap; }
td.contenttitle { padding: 5px 5px 5px 5px; color: #003366; font-weight: bold; border-top: 1px #666666 solid; border-bottom: 1px #666666 solid; border-left: 0px; border-right: 0px;  font-size: 13px;
}

td.contentshort { padding: 5px 5px 5px 30px; line-height: 1.3em; color: #003366; font-weight: normal; border: 0px; font-size: 12px; }
table.blogcontent { width: 100%; border: 0px; }
td.readmore { text-align: right; border-left: 1px; border-right: 1px; border-bottom: 0px; border-top: 0px; } 
/********************************/
#formtitle_online { width: 100%; height: 25px; padding-top: 10px; float: left; background: lightgray; font-size: 1.2em; font-weight: bold; color: darkblue; text-align: center; }  #formbott_online { width: 100%; height: 39px; float: left; background: transparent; font-size: 1em; color: darkblue; text-align: center; }

.extract { margin: 5px; }  .extract ul li { list-style-type: none; }  .extract ul { margin-left: 25px; }
.btn { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -webkit-linear-gradient(top, #3e779d, #65a9d7); background: -moz-linear-gradient(top, #3e779d, #65a9d7); background: -ms-linear-gradient(top, #3e779d, #65a9d7); background: -o-linear-gradient(top, #3e779d, #65a9d7); padding: 5px 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: "Times New Roman", Tahoma; text-decoration: none; vertical-align: middle; cursor: pointer; margin-right: 5px; }  .btn:hover { border-top-color: #28597a; background: #28597a; color: #ccc; }  .btn:active { border-top-color: #1b435e; background: #1b435e; }
.bcth { margin: 5px; }  .bcth table { margin: auto; }  .bcth table td { padding-right: 3px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; }  .bcth table tr:nth-child(even) { background: #f3f7f5; }
#ketqua { line-height: 20px; }  #ketqua span { padding-left: 5px; width: 230px; float: left; }
.clrbordertb { width: 99%; } .clrbordertb td, .clrbordertb th { padding: 2px; border-style: none; border-color: inherit; border-width: 0px; }
.bordertb { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: black; }  .bordertb th { border-style: solid; border-width: 1px; border-color: black; font-weight: bold; }  .bordertb td { border-style: solid; border-width: 1px; border-color: black; }
.bieudo_fieldset2 { width: 460px; margin-top: 5px; margin-left: 5px; float: left; padding-bottom: 10px; }  .bieudo_fieldset2 legend { padding: 10px; font-weight: bold; }
.bieudo_fieldset1 { width: 935px; margin-top: 5px; margin-left: 5px; float: left; padding-bottom: 10px; }  .bieudo_fieldset1 legend { padding: 10px; font-weight: bold; }  .bieudo_fieldset1 table { width: 100%; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.menumobile ul { padding-left: 20px; } .menumobile ul li { padding-left: 20px; }

.text-right { text-align: right; }
.text-left { text-align: left; } 
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.alert.alert-success { background-color: #4CAF50 !important; }
.alert.alert-info { background-color: #2196F3 !important; }
.alert.alert-warning { background-color: #ff9800 !important; color: black; }
.alert.alert-danger { background-color: #ff9800 !important; color: black; }

.fieldset { margin: 10px 1px 10px 1px; line-height: 1.8em; float: none; }
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/ 
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }