/* Canh giua form */
body{
    /*      width:1200px; */
        margin:0px auto;
        background-image: url('../img/bg_bootrap.png');	 
    }
    /* Class link download */
    .link {
        text-decoration: none;
        color:blue;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    .link:hover{
        font-style: italic;
        text-decoration:underline;
        cursor:pointer;
    }
    .link1 {
        text-decoration: none;
        color:blue;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    .link2 {
        text-decoration: none;
        color:red;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    .link2:hover{
        font-style: italic;
        text-decoration:underline;
        cursor:pointer;
    }
    .link3 {
        text-decoration: none;
        color:green;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    .link4 {
        text-decoration: none;
        color:black;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    .link5 {
        text-decoration: none;
        color:red;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: default;
    }
    /* Class link download */
    /* LinkButton kh�ng underline */
    .NoUnderLine
    {
      text-decoration: none;
    }
    /* LinkButton kh�ng underline */
    /* DOI MAU THANH CUON CUA TRINH DUYET */
    /* 
    ::-webkit-scrollbar {
    background:#9CC3FE; /* mau nen thanh cuon */
    /* 
    width:15px;height:11px;
    }
    ::-webkit-scrollbar-thumb {
    background:#566171; /* mau thanh cuon */
    /* 
    border-radius:40px;
    }
    */
    /* DOI MAU THANH CUON CUA TRINH DUYET */
    table.border {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; height: 100px;
    }
    table.borderholder {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 0px solid; height: 100px;
    }
    table.borderholder1 {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; height: 50px;
        text-align: center;
        font-size: 15px;
        font-weight: 200;
    }
    table.border1 {
        height: 0px;
        padding-top: 3px
    }
    table.border2 {
        border-bottom: #6666FF 0px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; height: 50px;
    }
    table.border3 {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; height: 50px;
    }
    table.border4 {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; height: 0px;
    }
    table.border5 {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; width: 500px; height: 60px;
    }
    table.border6 {
        border-bottom: #6666FF 0px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; width: 500px; height: 60px;
    }
    table.border7 {
        border-bottom: #6666FF 0px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 1px solid; width: 500px; height: 60px;
    }
    table.border8 {
        border-bottom: #6666FF 1px solid; border-left: #6666FF 1px solid; border-right: #6666FF 1px solid; border-top: #6666FF 0px solid; width: 500px; height: 60px;
    }
    /* 
    td.header{ background: url('images/header.gif') repeat-x bottom; font:bold 12px verdana;color:black; border:1px solid #9192B7}
    td.header1{ background: url('header1.gif') repeat-x bottom; font:bold 12px verdana;color:black; border:1px solid #9192B7}
    td.header2{ background: url('header2.jpg') repeat-x bottom; font:bold 12px verdana;color:black; border:1px solid #9192B7}
    td.header3{ background: url('header3.gif') repeat-x bottom; font:bold 12px verdana;color:black; border:1px solid #9192B7}
    td.header4{ background: url('bar_01.gif') repeat-x bottom; font:bold 12px verdana;color:black; border:1px solid #9192B7}
    td.header7{ background: url('header12.gif') repeat-x bottom; font:bold 12px verdana;color:white; border:0.5px solid #9192B7}
     */
    td.header5{ background: url('../images/header10.gif') repeat-x bottom; font:bold 12px verdana;color:white; border-right:0px solid #9192B7}
    td.header6{ background: url('../images/header11.gif') repeat-x bottom; font:bold 12px verdana;color:white; border:0px solid #9192B7}
    td.header7{ background: url('../images/header1.gif') repeat-x bottom; font:bold 12px verdana;color:white; border:0px solid #9192B7}
    .Text1 {
        background-color:#E9E9EF;
        color: black; FONT: 13px Verdana, sans-serif
    }
    .Text2 {
        background-color:#E9E9EF;
        color: black; FONT: 13px Verdana, sans-serif
    }
    .Text3 {
        background-color:#E9E9EF;
        color: black; FONT: 10px Verdana, sans-serif
    }
    .Text4 {
        background-color:#E9E9EF;
        color: black; FONT: 11px Verdana, sans-serif
    }
    /* Khoang cach Text trong Form */
    .TextKhoangCach {
        background-color:#E9E9EF;
        color: black; FONT: 5px Verdana, sans-serif
    }
    /* Khoang cach Text trong Form */
    .TextKhoangCachTrang {
        background-color:white;
        color: black; FONT: 5px Verdana, sans-serif
    }
    .TextKhoangCachAjax {
        background-color:#E9E9EF;
        color: black; FONT: 7px Verdana, sans-serif
    }
    .TextKhoangCachAjaxNho {
        background-color:#E9E9EF;
        color: black; FONT: 3px Verdana, sans-serif
    }
    .TextKhoangCachAjaxNhoMax {
        background-color:#E9E9EF;
        color: black; FONT: 2px Verdana, sans-serif
    }
    .TextSMS {
        background-color:white;
        color: blue; FONT: 15px Verdana, sans-serif
    }
    .TextButton {
        background-color:#E9E9EF;
        font-weight: bold;
        color: black; FONT: 10px Verdana, sans-serif
    }
    TD.topborder {
        border-top: #6666FF 1px solid;
        background-image: url('../bg-blue2.gif');
        height: 30px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder1 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
       
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder2 {
        width: 1200px;
        height: 30px;
        color: #000000;
        font-weight: bold;
        text-align: justify;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: 300;
    }
    TD.topborder3 {
        width: 1200px;
        height: 30px;
        color: #003399;
        font-weight: bold;
        text-align: justify;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder4 {
        width: 1200px;
        height: 30px;
        color: #003399;
        font-weight: bold;
        text-align: right;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder5 {
        width: 1200px;
        height: 30px;
        color: #800000;
        font-weight: bold;
        text-align: right;
        font-family: 'Tahoma', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder6 {
        width: 1200px;
        height: 30px;
        color: #0033CC;
        font-weight: bold;
        text-align: left;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder7 {
        width: 1200px;
        height: 30px;
        color: #0033CC;
        font-weight: bold;
        text-align: left;
        font-family: 'Verdana', sans-serif;
        font-size: 11px;
        font-weight: bold;
    }
    TD.topborder8 {
        width: 1200px;
        height: 30px;
        color: #003399;
        font-weight: bold;
        text-align: right;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder9 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
       
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        text-align: left;
        font-size: 14px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder10 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
        width: 200px;
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder11 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
        width: 850px;
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        text-align: left;
        font-size: 14px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder12 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
        width: 150px;
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-family: 'Arial', sans-serif;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    TD.topborder13 {
        width: 1200px;
        height: 10px;
        color: #800000;
        font-weight: bold;
        text-align: right;
        font-family: 'Tahoma', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder14 {
        width: 1200px;
        height: 10px;
        color: #0033CC;
        font-weight: bold;
        text-align: left;
        font-family: 'Verdana', sans-serif;
        font-size: 11px;
        font-weight: bold;
    }
    TD.topborder15 {
        width: 1200px;
        height: 10px;
        color: #800000;
        font-weight: bold;
        text-align: right;
        font-family: 'Tahoma', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder16 {
        width: 1200px;
        height: 10px;
        color: #0033CC;
        font-weight: bold;
        text-align: left;
        font-family: 'Verdana', sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    TD.topborder17 {
        border-top: #6666FF 1px solid;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);
        background-color: #566171;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e7d8f), color-stop(1, #404854));
        background-image: -webkit-linear-gradient(top, #6e7d8f, #404854);
        background-image: -moz-linear-gradient(top, #6e7d8f, #404854);
        background-image: -o-linear-gradient(top, #6e7d8f, #404854);
        background-image: linear-gradient(#6e7d8f, #404854);
        width: 200px;
        height: 10px;
        color: #ffffff;
        font-weight: bold;
        text-align: left;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        font-weight: 300;
        text-shadow: 0 -1px 1px #000000;
    }
    
    
    
    /* CSS CHO LICH */
    /* The main calendar widget.  DIV containing a table. */
    
    div.calendar { position: relative; }
    
    .calendar, .calendar table {
      border: 1px solid #556;
      font-size: 11px;
      color: #000;
      cursor: default;
      background: #eef;
      font-family: tahoma,verdana,sans-serif;
    }
    
    /* Header part -- contains navigation buttons and day names. */
    
    .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
      text-align: center;    /* They are the navigation buttons */
      padding: 2px;          /* Make the buttons seem like they're pressing */
    }
    
    .calendar .nav {
      background: #778 url(menuarrow.gif) no-repeat 100% 100%;
    }
    
    .calendar thead .title { /* This holds the current "month, year" */
      font-weight: bold;      /* Pressing it will take you to the current date */
      text-align: center;
      background: #fff;
      color: #000;
      padding: 2px;
    }
    
    .calendar thead .headrow { /* Row <TR> containing navigation buttons */
      background: #778;
      color: #fff;
    }
    
    .calendar thead .daynames { /* Row <TR> containing the day names */
      background: #bdf;
    }
    
    .calendar thead .name { /* Cells <TD> containing the day names */
      border-bottom: 1px solid #556;
      padding: 2px;
      text-align: center;
      color: #000;
    }
    
    .calendar thead .weekend { /* How a weekend day name shows in header */
      color: #a66;
    }
    
    .calendar thead .hilite { /* How do the buttons in header appear when hover */
      background-color: #aaf;
      color: #000;
      border: 1px solid #04f;
      padding: 1px;
    }
    
    .calendar thead .active { /* Active (pressed) buttons in header */
      background-color: #77c;
      padding: 2px 0px 0px 2px;
    }
    
    /* The body part -- contains all the days in month. */
    
    .calendar tbody .day { /* Cells <TD> containing month days dates */
      width: 2em;
      color: #456;
      text-align: right;
      padding: 2px 4px 2px 2px;
    }
    .calendar tbody .day.othermonth {
      font-size: 80%;
      color: #bbb;
    }
    .calendar tbody .day.othermonth.oweekend {
      color: #fbb;
    }
    
    .calendar table .wn {
      padding: 2px 3px 2px 2px;
      border-right: 1px solid #000;
      background: #bdf;
    }
    
    .calendar tbody .rowhilite td {
      background: #def;
    }
    
    .calendar tbody .rowhilite td.wn {
      background: #eef;
    }
    
    .calendar tbody td.hilite { /* Hovered cells <TD> */
      background: #def;
      padding: 1px 3px 1px 1px;
      border: 1px solid #bbb;
    }
    
    .calendar tbody td.active { /* Active (pressed) cells <TD> */
      background: #cde;
      padding: 2px 2px 0px 2px;
    }
    
    .calendar tbody td.selected { /* Cell showing today date */
      font-weight: bold;
      border: 1px solid #000;
      padding: 1px 3px 1px 1px;
      background: #fff;
      color: #000;
    }
    
    .calendar tbody td.weekend { /* Cells showing weekend days */
      color: #a66;
    }
    
    .calendar tbody td.today { /* Cell showing selected date */
      font-weight: bold;
      color: #00f;
    }
    
    .calendar tbody .disabled { color: #999; }
    
    .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
      visibility: hidden;
    }
    
    .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
      display: none;
    }
    
    /* The footer part -- status bar and "Close" button */
    
    .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
      text-align: center;
      background: #556;
      color: #fff;
    }
    
    .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
      background: #fff;
      color: #445;
      border-top: 1px solid #556;
      padding: 1px;
    }
    
    .calendar tfoot .hilite { /* Hover style for buttons in footer */
      background: #aaf;
      border: 1px solid #04f;
      color: #000;
      padding: 1px;
    }
    
    .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
      background: #77c;
      padding: 2px 0px 0px 2px;
    }
    
    /* Combo boxes (menus that display months/years for direct selection) */
    
    .calendar .combo {
      position: absolute;
      display: none;
      top: 0px;
      left: 0px;
      width: 4em;
      cursor: default;
      border: 1px solid #655;
      background: #def;
      color: #000;
      font-size: 90%;
      z-index: 100;
    }
    
    .calendar .combo .label,
    .calendar .combo .label-IEfix {
      text-align: center;
      padding: 1px;
    }
    
    .calendar .combo .label-IEfix {
      width: 4em;
    }
    
    .calendar .combo .hilite {
      background: #acf;
    }
    
    .calendar .combo .active {
      border-top: 1px solid #46a;
      border-bottom: 1px solid #46a;
      background: #eef;
      font-weight: bold;
    }
    
    .calendar td.time {
      border-top: 1px solid #000;
      padding: 1px 0px;
      text-align: center;
      background-color: #f4f0e8;
    }
    
    .calendar td.time .hour,
    .calendar td.time .minute,
    .calendar td.time .ampm {
      padding: 0px 3px 0px 4px;
      border: 1px solid #889;
      font-weight: bold;
      background-color: #fff;
    }
    
    .calendar td.time .ampm {
      text-align: center;
    }
    
    .calendar td.time .colon {
      padding: 0px 2px 0px 3px;
      font-weight: bold;
    }
    
    .calendar td.time span.hilite {
      border-color: #000;
      background-color: #667;
      color: #fff;
    }
    
    .calendar td.time span.active {
      border-color: #f00;
      background-color: #000;
      color: #0f0;
    }
    /* KET THUC CSS CHO LICH */
    
    /* CSS CHO BUTTON */
    .btn_new {
        background-color: #3b5998;
        cursor: pointer;
        color: #fff;
        Height: 32px;
        border: 0;
        font-family: Verdana; 
        font-size: 14px;
        display: inline-block;
        border-radius: 15px;
    }
    .btn_new:active {/*on Click*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);/*Move down*/
        border-bottom: none;/*disappears*/
    }
    .btn_new:hover {
        background-color: RoyalBlue;
        font-style: italic;
    }
    
    .btn_save {
        background-color: #DF0101;
        cursor: pointer;
        color: #fff;
        Height: 32px;
        border: 0;
        font-family: Verdana; 
        font-size: 14px;
        display: inline-block;
        border-radius: 15px;
    }
    .btn_save:active {/*on Click*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);/*Move down*/
        border-bottom: none;/*disappears*/
    }
    .btn_save:hover {
        background-color: RoyalBlue;
        font-style: italic;
    }
    
    .btn_open {
        background-color: #009999;
        cursor: pointer;
        color: #fff;
        Height: 32px;
        border: 0;
        font-family: Verdana; 
        font-size: 14px;
        display: inline-block;
        border-radius: 15px;
    }
    .btn_open:active {/*on Click*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);/*Move down*/
        border-bottom: none;/*disappears*/
    }
    .btn_open:hover {
        background-color: RoyalBlue;
        font-style: italic;
    }
    
    .btn_update {
        background-color: #0033CC;
        cursor: pointer;
        color: #fff;
        Height: 32px;
        border: 0;
        font-family: Verdana; 
        font-size: 14px;
        display: inline-block;
        border-radius: 15px;
    }
    .btn_update:active {/*on Click*/
        -ms-transform: translateY(4px);
        -webkit-transform: translateY(4px);
        transform: translateY(4px);/*Move down*/
        border-bottom: none;/*disappears*/
    }
    .btn_update:hover {
        background-color: RoyalBlue;
        font-style: italic;
    }
    .btn_header_new {
        margin-top:2px;
        background-color: #3b5998;
        cursor: pointer;
        color: #fff;
        font-family: Verdana; 
        font-size: 14px;
        display: inline-block;
        border-radius: 20px;
        margin-bottom:2px;
    }
    .btn_header_new:hover {
        background-color: RoyalBlue;
        font-style: italic;
    }
    /* KET THUC CSS CHO BUTTON */