update code

public/css/largeScreenStyle.css

@@ -73,6 +73,7 @@ table{
     padding-top: 23px;
     display: flex;
 }
+
 .head-title-select{
     padding-top: 23px;
     width: 12% ;
@@ -3297,4 +3298,81 @@ table{
 .bg-date-picker-pop{
     background-image: url('../images/list_bgd.png');
     border:solid 1px rgb(1, 169, 255);
+}
+
+
+.header-btn-list{
+    padding-top: 10px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    z-index: 9999;
+}
+.header-btn-list-arrow{
+    height: 20px;
+    width: 105px;
+    text-align: center;
+    position: relative;
+    background: url("../images/arrow.png") no-repeat center/30px 18px;
+    z-index: 99;
+}
+.header-btn-list-arrow-active{
+    height: 20px;
+    width: 105px;
+    text-align: center;
+    position: relative;
+    background: url("http://fileimg.makalu.cc/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px;
+    z-index: 99;
+}
+.header-btn-list-item{
+    top: -3px;
+    position: relative;
+    border: 2px solid #2258a2;
+    background: rgba(2, 18, 56, 0.9);
+    border-radius: 5px;
+}
+.header-btn-list-item-active{
+    top: -3px;
+    position: relative;
+    border: 2px solid #df5567;
+    background: rgba(100, 20, 23);
+    border-radius: 5px;
+}
+.header-btn-list-padding{
+    padding: 8px;
+}
+.header-btn-list-padding button{
+    margin: 10px;
+    height: 35px;
+    background: #142c6a;
+    color: #738fb4;
+    width: 110px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    font-size: 15px;
+}
+
+.header-btn-list-padding-red button{
+    margin: 10px;
+    height: 35px;
+    background: #910000;
+    color: #c16363;
+    width: 110px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    font-size: 15px;
+}
+.header-btn-list-padding button:hover{
+    color: #63baff;
+    background: #15388f;
+}
+.header-btn-list-padding button.active{
+    background:url("../images/btn_nav.png") no-repeat center/100% 100%;
+    color: #ffffff;
+}
+.header-btn-list-padding-red button.actives{
+    background:url("http://fileimg.makalu.cc/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%;
+    color: #ffffff;
 }