/* --- Chỉnh kích thước sao Đổng Công --- */
.dong_cong .fa {
    font-size: 1em; /* Đặt kích thước sao bằng với kích thước chữ */
    vertical-align: middle; /* Căn sao vào giữa dòng chữ */
    margin-bottom: 2px; /* Tinh chỉnh vị trí theo chiều dọc nếu cần */
}


.box-xem-ngay-dai-quai{
    overflow-x: auto;
}
#Main-Body {
    width: 1070px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 0;
    border-style: solid;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10pt;
 }
 #Main-Body #header {
     border: 1px solid #1667af;
 }
 #Main-Body #header button.btn{
     width: 140px;
     margin: 10px;
     font-weight: 700;
 }
 .box-datepicker input{
    width:150px;
    margin: 0;
 }
 #time_cg {
     width: 200px;
     margin-left: 10px;
 }
 .flex-direction-row {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
 }
 table.hourInfo {
     border-collapse: collapse;
     width: 100%;
     padding-top: 0;
 }
 table.timeInfo {
     padding: 2px 4px;
     border: 1px solid #707070;
     border-radius: 10px;
     width: 100%;
     margin-top:30px;
 }
 table.timeInfo tr {
     flex-direction: row;
 }
 table.hourInfo td {
     padding: 0;
     border-radius: 0;
     border:0;
     font-size: 15px;
 }
 table.hourInfo > tbody > tr > td {
    width: auto;
    min-width:130px;
 }
 
 th, tr {
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 #borderTable {
     border: 1px solid #5B9BD5;
     border-collapse: collapse;
     color: #666;
     font-weight: 700;
     font-size: 70%;
     white-space: pre-wrap;
     padding: 4px 0;
 }
 #textColor {
     line-height: 10px;
     font-size: 70%;
     white-space: pre-wrap;
     color: #ED7D31;
 }
 table{
    border-collapse: separate !important;
    margin:0;
 }
 table p:last-child {
     margin-bottom: 0;
 }
 table#que {
     height: 160px;
     border-collapse: inherit;
     border-radius: 5px;
     padding: 2px;
     border-spacing: 0;
 }
 #borderTableInfoDate {
     font-size: 90%;
     border: 1px solid #434343;
     border-collapse: collapse !important;
     padding:5px 0;
 }
 #borderTableInfoDate td{
    width: 50% !important;
 }
 table.hourInfo td.que {
     border-spacing: 0 solid #000;
     border-collapse: inherit;
     height: 17px;
     width: 50px;
     border-radius: 0;
     background-color: #a36310;
 }
 select.form-control,input.form-control{
    height: calc(1.47em + 1rem + 2px) !important;
    margin: 0 !important;
 }
 #time_cg{
    margin-left: 10px !important;
    font-size: .97em;
 }
 table.hourInfo td button{
    margin: 0;
 }
 table.hourInfo td th{
    border: 0;
 }
 .tbl-data > tbody > tr > td{
    border: 0;
 }
 .daterangepicker .calendar-table table thead tr th.month select {
    display: inline-block;
    padding-left: 10px;
}
.title-box-lhdq{
    font-weight: bold;
}
.box-text{
    padding-bottom: 0.7em;
}
.box-text > h3{
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
.box-text > h3:hover,.box-text.active > h3{
    color:#007bff;
}
.content-text{
    margin-top:10px;
}
.content-text p {
    font-size: 15px;
    padding-left:10px;
    color:#000;
}
.content-text p.pl-15{
    padding-left: 15px;
} 
#myModal .modal-dialog{
    width: 950px;
    max-width: 950px;
}
#myModal .modal-header .close{
    position: absolute;
    right: 10px;
    top: 10px;
}
#myModal .modal-header .modal-title{
    font-size: 16px;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
}
#myModal .modal-body p {
    font-size: 15px;
    padding-left:10px;
    color:#000;
    margin-bottom: 4px;
}
#myModal .modal-body p.pl-15{
    padding-left: 15px;
} 
.tbl{
    margin-top:15px;
}
.tbl table.table td {
    border-right: 0;
    font-size:15px;
    border-color: #fff;
    padding: 5px;
    vertical-align: middle;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.tbl table.table td:last-child{
    border-right:1px solid #fff;
}
.tbl table.table thead tr th {
    border-bottom: 0;
    background-color: #699AD0;
    color: #ffff;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.tbl table.table thead tr th:last-child{
    border-left: 1px solid #fff;
}
.tbl table.table tbody tr{
    background-color: #D2DEED;
}
.tbl table.table tbody tr:nth-child(2n){
    background-color: #EAEFF6;
}
.disabled-scroll{
    overflow: hidden !important;
}

/* style trong  */
.top_kymon{
    display: flex;
    justify-content: space-between;
}
.top_child{
    text-align: center;
}
.top_child *{
    width: 100%;
    margin-bottom: 0;
}
.content_kymon{
    /* display: grid; */
    grid-template-columns: repeat(2, 1fr);
    gap:10px;
    display: none;
}
.result_kymon{
    position: relative;
    background-color: orangered;
    padding: 30px;
}
.dn{
    left: 5px;
    top: 5px;
}
.n{
    top: 15px;
    left: 50%;
    transform: translate(0, -50%);
}
.tn{
    top: 5px;
    right: 5px;
}
.d{
    left: 10px;
    top: 50%;
    transform: translate(-50%,0);
}
.t{
    top: 50%;
    right: 5px;
    transform: translate(-50%, 0);
}
.db{
    left: 5px;
    bottom: 5px;
}
.b{
    bottom: -5px;
    left: 50%;
    transform: translate(0, -50%);
}
.tb{
    right: 5px;
    bottom: 5px;
}
.result_kymon p{
    margin-bottom: 0;
}
.grid_result{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:1px;
}
.child_result{
    position: relative;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 35px;
    background-color: white;
    padding: 5px;
}
.child_result div{
    display: flex;
    justify-content: space-between;
}
.t_red{color: red;}
.ab_center{
    color: #007bff;
    font-weight: bold;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.ngua{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    width: 20px;
}
@media screen and (max-width: 600px) {
    #Main-Body{
        margin: 15px 10px;
    }
    .p-tk{
        position: static !important;
        margin-bottom: -30px !important;
    }
    #myModal .modal-dialog{
        max-width: calc(100% - 20px);
        margin: 10px;
    }
    body.modal-open{
        overflow-y: hidden !important;
    }
}




/* RESET CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, i,
dl, dt, dd, ol, ukeyli,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    font-weight: 400;
}
b{
    font-weight: 600;
}

body {
    font-size: 15px;
    background-image: linear-gradient(to right, #ff863f, #f75636);
}

button {
    outline: 0;
}

input{
    outline: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    fontyweight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

a{
    text-decoration: none!important;
}
a:focus {
    text-decoration: none!important;
}

body{
    background: #fff;
    font-family: 'Roboto', sans-serif;
    overflow-y: scroll;
    position: relative!important;
    font-size:17px;
    background-image: linear-gradient(to right, #fb6b26, #f32b0a);
}
#onTop{
    position: fixed;
    right: 20px;
    bottom: 85px;
    width: 45px;
    height: 45px;
}
#onTop img{
    width: 100%;
    height: 100%;
}
.danger{
    color: #d00101!important;
    font-weight: 500;
}
.black{
    color: black!important;
    font-weight: 500;
}
.grey{
    color: #717171!important;
    font-weight: 500;
}
.green{
    color: #459c03!important;
    font-weight: 500;
}
.orange{
    color: #f7951f!important;
    font-weight: 500;
}
.blue{
    color: #0071e6!important;
    font-weight: 500;
}
.txt_yellow{
    color: #e49114!important;
}
.body-account{
    background: #eeeeee!important;
}

.border-none{
    border: none!important;
}
.text_cat{
    color: #0e8400!important;
}
.text_hung{
    color: #6f0a00!important;
}
/* CUSTOM FANCY */
.fancybox-slide--iframe .fancybox-content {
    margin: 0!important;
    padding: 0!important;
    height: 100%!important;
}
.fancybox-slide--iframe{
    padding: 0!important;
}
.fancybox-button--close{
    display: none!important;
}
/*--------------*/
.calender_wrap{
    padding-bottom: 65px;
}
.default_wrap{
    padding-bottom: 65px;
}
.block{
    float: left;
    width: 100%;
}
.bg_xam{
    background-color: #9a9697;
}
.bg_tochy{
    background-color: #4ac573;
}
.bg_daian{
    background-color: #ff543c;
}
.bg_tieucat{
    background-color: #ffa100;
}
.fl_left{
    float: left;
}
.fl_right{
    float: right;
}
.margin-right-0{
    margin-right: 0px!important;
}
.header_wrap{
    background-image: linear-gradient(to bottom, #da4322, #e84423);
    position: fixed;
    width: 100%;
    z-index: 999;
}
.header_top{
    height: 55px;
    position: relative;
}
.header_top .cl-today img{
    opacity: 1!important;
}
.act_nav{
    float: left;
    margin: 2px 0px;
}
.act_nav a{
    font-size: 29px;
    color: #fff;
    float: left;
    margin: 9px 12px;
}
.logo{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 205px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.logo img{
    width: 38px;
    float: left;
    margin: 8px 10px 8px 0px;
}
.logo h1{
    font-size: 25px;
    margin: 13px 0px 14px 0px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}
.act_cur_day{
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 2px 0px;
}
.act_cur_day img{
    width: 28px;
    height: 28px;
    margin-top: 10px;
    opacity: 0.3;
    float: right;
    margin-right: 10px;
}
.date_pick{
    height: 45px;
    position: relative;
}
.date_quick_month{
    width: 45px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.date_quick_month span{
    font-size: 30px;
    color: #fff;
}
.date_quick_month a{
    font-size: 30px;
    color: #fff;
}
.date_pick_main{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.date_pick_day{
    width: 155px;
    height: 35px;
    float: left;
    line-height: 35px;
    background: #ef5234;
    padding: 0px 7px;
    text-align: center;
    border-radius: 2px;
    display: block;
}
.date_pick_day span{
    color: #fff;
}
.date_pick_day i{
    float: right;
    margin-top: 5px;
    color: #fff;
}
.date_pick_time{
    width: 155px;
    height: 35px;
    float: right;
    line-height: 35px;
    background: #ef5234;
    padding: 0px 7px;
    text-align: center;
    border-radius: 2px;
}
.date_pick_time span{
    color: #fff;
}
.date_pick_time i{
    float: right;
    margin-top: 5px;
    color: #fff;
}
.calender{
    margin-top: 100px;
}
.days_week{
    height: 40px;
    background: #efefef;
    position: fixed;
    z-index: 999;
}
.days_week ul{
    padding: 0;
    margin: 0;
}
.days_week ul li{
    float: left;
    list-style: none;
    width: 14.2%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.days_week ul li span{}
.days_week ul li span.sunday{
    color: #e40000;
}
.days_listing{
    background: #fff;
    margin-top: 40px;
    z-index: 999;
}
.days_listing ul{
    padding: 0;
    margin: 5px 0px 5px 0px;
}
.days_listing ul li{
    float: left;
    list-style: none;
    width: 100%;
    margin: 0.25% 0% 0.25% 0%;
}
.item_days{
    float: left;
    list-style: none;
    width: 13.7%;
    text-align: center;
    margin-right: 0.25%;
    margin-left: 0.25%;
    padding-top: 4px;
}
.spinyear{}
.spinyear .lunar_num{
    color: #e40000!important;
}
.tet{
    background: #fff url(/themes/mobile/v1.0/images/ic_tet.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: 38px!important;
    background-position: right -5px!important;
}
.solar_first{
    background: #fff url(/themes/mobile/v1.0/images/ic_firework.gif)!important;
    background-repeat: no-repeat!important;
    background-size: 100%!important;
    background-position: 0px 0px;
}
.solar_first .solar_num{
    color: #e40000!important;
}
.today{
    background: #ffa05c!important;
    border-radius: 5px;
    border: solid 1px #ce5600;
}
.today .solar_num{
    color: #fff!important;   
}
.today .lunar_num{
    color: #fff!important;  
}
.today .lunar_name{
    color: #fff!important;
}
.days_listing .selected{
    background: #e64323!important;
    border-radius: 5px;
    border: solid 1px #e64322;
}
.days_listing .selected a span b.danger{
    color: #ffeb85!important;
}
.days_listing .selected .solar_num{
    color: #fff!important;   
}
.days_listing .selected .lunar_num{
    color: #fff!important;  
}
.days_listing .selected .lunar_name{
    color: #fff!important;
}

.days_listing .current{
    background: #e64323;
    border-radius: 5px;
}
.days_listing .current .solar_num{
    color: #fff!important;   
}
.days_listing .current .lunar_num{
    color: #fff!important;  
}
.days_listing .current .lunar_name{
    color: #fff!important;
}
.offday{
    background: #fff;
}
.offday .solar_num{
    color: #e2e2e2!important;   
}
.offday .lunar_num{
    color: #e2e2e2!important;  
}
.offday .lunar_name{
    color: #e2e2e2!important;
}
.sunday .solar_num{
    color: #e40000!important;
}
.days_listing .item_days .top{
    float: left;
    height: 25px;
    position: relative;
    width: 100%;
    padding: 4px 0px 0px 2px;
}
.days_listing .item_days .top img{
    position: absolute;
    width: 13px;
    right: 4px;
    top: -2px;
}
.days_listing .item_days a{
    float: left;
    width: 100%;
    display: block;
}
.days_listing .item_days .solar_num{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    float: left;
    height: 25px;
    left: 0;
    bottom: 0;
    line-height: 25px;
    color: black;
}
.days_listing .item_days .first{
    color: #e40000;
}
.days_listing .item_days .lunar_num{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #2a9e16;
    position: absolute;
    right: 5px;
    top: 10px;
}
.days_listing .item_days .lunar_name{
    font-size: 10px;
    display: block;
    text-align: center;
    text-transform: capitalize;
    color: #f7900e;
    padding: 2px 0px 3px 0px;
}
.content_main_wrap{
    padding: 10px;
}
.content_block{

}
.hiepky_top{
    background: #fff;
    border-radius: 8px;
}
.hiepky_top_left{
    float: left;
    width: 45%;
    height: 130px;
    padding-top: 10px;
    overflow: hidden;
    border-right: solid 1px #ef5134;
    position: relative;
}
.hiepky_top_left .solar_month_year{
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: #8a8888;
}
.hiepky_top_left .solar_day{
    text-align: center;
    font-size: 53px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ef5134;
    height: 60px;
    line-height: 60px;
}   
.hiepky_top_left .lunar_day{
    height: 40px;
    padding: 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.hiepky_top_left .lunar_day .lunar_day_date{
    height: 35px;
    display: inline-block;
    margin: 0;
    float: none;
    text-align: left;
    line-height: 37px;
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #888787;
    margin-left: 0px;
    padding-right: 0px;
}
.hiepky_top_left .lunar_day span{
    float: none;
    font-size: 13px;
    margin-top: 4px;
    color: #656564;
    line-height: 15px;
    display: inline-block;
    text-align: left;
}
.hiepky_top_right{
    float: left;
    width: 55%;
    height: 130px;
    overflow: hidden;
}
.hiepky_top_right ul{
    list-style: none;
    padding: 0;
    height: 120px;
    margin: 0;
    width: 100%;
}
.hiepky_top_right ul li{
    width: 25%;
    float: left;
    height: 130px;
    text-align: center;
    padding-top: 10px;
    border-right: solid 1px #ef5134;
}
.hiepky_top_right ul li:last-child{
    border-right: none;
}
.hiepky_top_right ul li .lunar_tit_name{
    text-align: center;
    color: #2f2f2f;
    font-weight: 500;
    font-size: 16px;
}
.hiepky_top_right ul li .lunar_tit_cont{
    font-weight: 500;
    margin: 15px 0px;
}
.hiepky_top_right ul li .lunar_tit_cont span{
    font-weight: 500;
    display: block;
    font-size: 16px;
}
.hiepky_nguhanh{
    background: #fff;
    border-radius: 8px;
    margin-top: 10px;
}
.hiepky_nguhanh .title{

}
.hiepky_nguhanh .title h2{
    margin: 0;
    height: 60px;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    line-height: 60px;
    border-bottom: solid 1px #ececec;
    color: #da4323;
}
.hiepky_nguhanh .content{
    background: #f9f9f9;
    border-radius: 0px 0px 8px 8px;
}
.hiepky_nguhanh .content ul{
    padding: 0px 10px;
    list-style: none;
    margin: 10px 0px;
}
.hiepky_nguhanh .content ul li{
    margin-bottom: 10px;
}
.hiepky_nguhanh .content ul li .name{
    float: left;
    width: 30%;
    text-align: right;
}
.hiepky_nguhanh .content ul li .name h3{
    font-size: 17px;
    font-weight: 600;
    margin: 2px 10px 0px 0px;
    line-height: 22px;
}
.hiepky_nguhanh .content ul li p{
    float: right;
    width: 70%;
    margin: 0;
}
.hiepky_nguhanh .content ul li b{
    font-weight: 600;
    color: #404040;
}

.hiepky_gioxuathanh{
    background: #fff;
    border-radius: 8px;
    margin-top: 10px;
}
.hiepky_gioxuathanh .title{

}
.hiepky_gioxuathanh .title h2{
    margin: 0;
    height: 60px;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    line-height: 60px;
    border-bottom: solid 1px #ececec;
    color: #da4323;
}
.hiepky_gioxuathanh .content{
    background: #ffefea;
    border-radius: 0px 0px 8px 8px;
}
.hiepky_gioxuathanh .content ul{
    padding: 0px 10px;
    list-style: none;
    margin: 10px 0px;
}
.hiepky_gioxuathanh .content ul li{
    margin-bottom: 2%;
    float: left;
    width: 32%;
    margin-right: 2%;
    border-radius: 10px 10px 0px 0px;
    border: none;
}
.hiepky_gioxuathanh .content ul li .name{
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.hiepky_gioxuathanh .content ul li .name h3{
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    height: 34px;
    line-height: 35px;
    color: #fff;
}
.hiepky_gioxuathanh .content ul li .dtls{
    background: #fff;
    padding: 5px;
}
.hiepky_gioxuathanh .content ul li .dtls .dtls_date{
    font-size: 14px;
    padding: 0px 0px;
    line-height: 22px;
    text-align: center;
}
.hiepky_gioxuathanh .content ul li .dtls .result{
    font-size: 13px;
    background: #f5f5f5;
    text-align: center;
    margin: 5px 0px 0px 0px;
    padding: 3px 0px;
}

.hiepky_others{
    background: #fff;
    border-radius: 8px;
    margin-top: 10px;
}
.hiepky_others .title{
    border-bottom: solid 1px #ececec;
}
.hiepky_others .title h2{
    margin: 0;
    height: 60px;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    line-height: 60px;
    color: #e89832;
}
.hiepky_others .title h2 span{
    text-transform: initial;
}
.hiepky_others .content{
    border-radius: 0px 0px 8px 8px;
    text-align: justify;
}
.hiepky_others .content_related{
    padding: 10px;
    float: left;
    width: 100%;
}
.hiepky_others .ky b{
    font-weight: 600;
}
.hiepky_others .hungthan b{
    font-weight: 600;
}
.hiepky_others .nghi b{
    font-weight: 600;
}
.hiepky_others .catthan{
    color: #007527;
}
.hiepky_others .hungthan{
    color: #ad5c18;
}
.hiepky_others_times .title h2{
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
}
.hiepky_others_times .title span{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.hiepky_others_times .title span font[color=green]{
    color: #509800;
}
.hiepky_others_times .title span font[color=brown]{
    color: rgb(165, 42, 42);
}
.hiepky_others_times .title h3 span{
    display: inline-block!important;
    margin-bottom: 0;
}
.hiepky_others_times .title h3 span{

}
.hiepky_others_times .title h3 span i{
    color: #424242;
    margin-right: 3px;
    font-size: 17px;
}
.hiepky_others_times .title h3 span .fa-star{
    color: #f9a72c;
    font-size: 17px;
}
.hiepky_others .time{
    color: #a26c3e;
}
.hiepky_others .time ul{
    padding: 0;
    list-style: none;
}
.hiepky_others .time ul li{
    
}
.hiepky_others .time ul li .title{
    border-bottom: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}
.hiepky_others .time ul li .title h3{
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #1d1d1d;
    border-left: solid 5px #e6e6e6;
    padding-left: 10px;
    line-height: 27px;
    text-transform: uppercase;
    background: whitesmoke;
    padding-top: 10px;
    padding-bottom: 10px;
}    
.hiepky_others .time .content{
    
}
.hiepky_others .time .content ul{
    
}
.hiepky_others .time .content ul li{
    border-bottom: dashed 1px #cecece;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.hiepky_others .time .content ul li:last-child{
    border-bottom: none;
}
.hiepky_others .time .content ul li p font{
    color: black;
}
.hiepky_others .time .content ul li p font[color=green]{
    color: #509800;
}
.hiepky_others .time .content ul li p font[color=green] a{
    color: #509800;
}
.hiepky_others .time .content ul li p font[color=green] a.lnk3{
    font-weight: 600;
}
.hiepky_others .time .content ul li p font[color=green] i{
    color: #509800;
}
.hiepky_others .time .content ul li p font[color=brown]{
    color: rgb(165, 42, 42);
}
.hiepky_others .time .content ul li p font[color=brown] a{
    color: rgb(165, 42, 42);
}
.hiepky_others .time .content ul li p a{
    
}
.hiepky_others .time .content ul li p i{
    font-style: inherit;
}
.hiepky_others .time .content ul li span{
    float: left;
    margin-right: 5px;
    width: 42px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
}
.hiepky_others .time .content ul li .time_tinh{
    background-color: #c30000;
}
.hiepky_others .time .content ul li .time_nghi{
    background-color: #509800;
}
.hiepky_others .time .content ul li .time_ky{
    background-color: #8c6101;
}
.slide{
    margin: 10px 0px 0px 0px;
    background: #fff;
    border-radius: 8px;
}
.slide img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/*NAVIGATION CALENDAR*/
.nav_calendar{
    height: 65px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fafafa;
    border-top: solid 1px #e2e2e2;
}   
.nav_calendar ul{
    padding: 0px 10px;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.nav_calendar ul li{
    font-size: 15px;
    text-align: center;
    height: 65px;
    background-size: 53px;
    background-repeat: no-repeat;
    background-position: center 3px;
}
.nav_calendar ul li.hiepky{
    background-image: url('/themes/mobile/v1.0/images/ic_hiep_ky.png');
}
.nav_calendar ul li.hiepky_active{
    background-image: url('/themes/mobile/v1.0/images/ic_hiep_ky_active.png');
}
.nav_calendar ul li.phitinh{
    background-image: url('/themes/mobile/v1.0/images/ic_phitinh.png');
}
.nav_calendar ul li.phitinh_active{
    background-image: url('/themes/mobile/v1.0/images/ic_phitinh_active.png');
}
.nav_calendar ul li.nhithapbattu{
    background-image: url('/themes/mobile/v1.0/images/ic_nhithapbattu.png');
}
.nav_calendar ul li.nhithapbattu_active{
    background-image: url('/themes/mobile/v1.0/images/ic_nhithapbattu_active.png');
}
.nav_calendar ul li.vanhan{
    background-image: url('/themes/mobile/v1.0/images/ic_vanhan.png');
}
.nav_calendar ul li.vanhan_active{
    background-image: url('/themes/mobile/v1.0/images/ic_vanhan_active.png');
}
.nav_calendar ul li.xaynha{
    background-image: url('/themes/mobile/v1.0/images/ic_xaynha.png');
}
.nav_calendar ul li.xaynha_active{
    background-image: url('/themes/mobile/v1.0/images/ic_xaynha_active.png');
}
.nav_calendar ul li a{
    display: block;
    height: 65px;
    float: left;
    width: 100%;
}
.nav_calendar ul li.active span{
    color: #ef2a1f;
}
.nav_calendar ul li a span{
    margin-top: 38px;
    display: block;
    color: #525252;
    font-size: 14px;
}
.default_wrap{

}
.default_wrap .header{
    height: 55px;
    position: relative;
}
.default_wrap .header .title{
    height: 55px;
}
.default_wrap .header .title h1{
    font-size: 25px;
    margin: 13px 0px 14px 0px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.default_wrap .content{

}
.default_wrap .content .xaynha{
    padding: 10px;
}
.default_wrap .content .xaynha .des{
    
}
.default_wrap .content .xaynha .des p{
    color: #ffffff;
    font-size: 14px;
    line-height: 19px;
}
.default_wrap .content .xaynha .main{
    text-align: center;
    margin: 20px 0px;
}
.default_wrap .content .xaynha .main .eight_direction{
    width: 300px;
    height: 300px;
    position: relative;
    margin: 0 auto;
}
.default_wrap .content .xaynha .main .eight_direction img{
    width: 100%;
    height: 100%;
}
.default_wrap .content .xaynha .main .eight_direction a{
    position: absolute;
    display: block;
}
.default_wrap .content .xaynha .main .eight_direction .trungcung{
    width: 90px;
    height: 90px;
    top: 105px;
    left: 105px;
}
.default_wrap .content .xaynha .main .eight_direction .nam{
    width: 64px;
    height: 69px;
    top: 5px;
    left: 119px;
}
.default_wrap .content .xaynha .main .eight_direction .taynam{
    width: 64px;
    height: 65px;
    top: 40px;
    right: 42px;
}
.default_wrap .content .xaynha .main .eight_direction .tay{
    width: 64px;
    height: 65px;
    top: 117px;
    right: 5px;
}
.default_wrap .content .xaynha .main .eight_direction .taybac{
    width: 64px;
    height: 65px;
    bottom: 40px;
    right: 42px;
}
.default_wrap .content .xaynha .main .eight_direction .bac{
    width: 64px;
    height: 69px;
    bottom: 5px;
    left: 119px;
}
.default_wrap .content .xaynha .main .eight_direction .dongbac{
    width: 64px;
    height: 65px;
    bottom: 40px;
    left: 42px;
}
.default_wrap .content .xaynha .main .eight_direction .dong{
    width: 64px;
    height: 65px;
    top: 117px;
    left: 5px;
}
.default_wrap .content .xaynha .main .eight_direction .dongnam{
    width: 64px;
    height: 65px;
    top: 40px;
    left: 42px;
}

/* DETAIL DIRECTION */
.direction .direction_wrap .header .eight_direction{
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}
.direction .direction_wrap .header .eight_direction img{
    width: 100%;
    height: 100%;
}
.direction .direction_wrap .header .eight_direction a{
    position: absolute;
    display: block;
}
.direction .direction_wrap .header .eight_direction .trungcung{
    width: 60px;
    height: 58px;
    top: 71px;
    left: 69px;
}
.direction .direction_wrap .header .eight_direction .nam{
    width: 43px;
    height: 43px;
    top: 2px;
    left: 79px;
}
.direction .direction_wrap .header .eight_direction .taynam{
    width: 40px;
    height: 42px;
    top: 29px;
    right: 30px;
}
.direction .direction_wrap .header .eight_direction .tay{
    width: 40px;
    height: 42px;
    top: 79px;
    right: 5px;
}
.direction .direction_wrap .header .eight_direction .taybac{
    width: 40px;
    height: 40px;
    bottom: 32px;
    right: 31px;
}
.direction .direction_wrap .header .eight_direction .bac{
    width: 43px;
    height: 43px;
    bottom: 2px;
    left: 79px;
}
.direction .direction_wrap .header .eight_direction .dongbac{
    width: 40px;
    height: 42px;
    bottom: 29px;
    left: 30px;
}
.direction .direction_wrap .header .eight_direction .dong{
    width: 40px;
    height: 42px;
    top: 79px;
    left: 5px;
}
.direction .direction_wrap .header .eight_direction .dongnam{
    width: 40px;
    height: 40px;
    top: 32px;
    left: 31px;
}

.default_wrap .content .xaynha .info{
    text-align: center;
    height: 35px;
    margin-top: 14px;
}
.default_wrap .content .xaynha .info span{
    padding: 10px 15px;
    background: #fff;
    border-radius: 6px;
    color: #535353;
    font-size: 14px;
    cursor: pointer;
}
.default_wrap .content .xaynha .info span i{
    color: #e75a0c;
}   
.direction{
    padding: 0!important;
}
.direction_popup{
    position: relative;
}
.direction_popup .close{
    width: 35px;
    height: 35px;
    position: absolute;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    color: #e63c18;
    text-shadow: inherit;
    font-weight: 300;
    opacity: 0.8;
    font-size: 21px;
    border-radius: 50px;
    left: 10px;
    top: 10px;
}
.direction .direction_wrap{

}
.direction .direction_wrap .header{
    background-image: linear-gradient(to right, #e85d0b, #e63b19);
    height: 240px;
    padding: 20px;
    text-align: center;
}
.direction .direction_wrap .header img{
    height: 200px;
}
.direction .direction_wrap .content{
    background: #f3f3f3;
}   
.direction .direction_wrap .content .content_wrap{
    padding: 20px 10px;
}
.direction .fancybox-close-small{
    color: #fff!important;
}

.direction .direction_info{

}
.direction .direction_info .header{
    background-image: linear-gradient(to right, #e85d0b, #e63b19);
    padding: 20px;
    text-align: center;
}
.direction .direction_info .header h1{
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #f7f7f7;
    margin-bottom: 20px;
}
.direction .direction_info .content{
    
}
.direction .direction_info .content .content_wrap{
    padding: 20px 10px;
}
.direction .direction_info .content .content_wrap p{
    margin-bottom: 20px;
}
.direction .direction_info .content .content_wrap p b{
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.direction .fancybox-close-small{
    color: #fff!important;
}

/*VAN HAN*/

.default_wrap .content .vanhan{
    padding: 0px 10px 10px 10px;
}
.default_wrap .content .vanhan .des{
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}
.default_wrap .content .vanhan .des h2{
    color: #e64016;
    font-size: 20px;
    text-align: center;
    margin: 5px 0px 10px 0px;
    line-height: 26px;
}
.default_wrap .content .vanhan .des p{
    color: #423f3f;
    font-size: 14px;
    line-height: 19px;
}
.default_wrap .content .vanhan .main .congiap{
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
}

/* BLOCK CON GIAP */
.congiap ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.congiap ul li{
    float: left;
    width: 15%;
    position: relative;
    background: #ff6246;
    border-radius: 50%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.congiap ul li:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.congiap ul li a{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    height: 100%;
}
.congiap ul li.code_1{
    background-image: url('/themes/mobile/v1.0/images/ic_ty.png');
}
.congiap ul li.code_2{
    background-image: url('/themes/mobile/v1.0/images/ic_suu.png');
}
.congiap ul li.code_3{
    background-image: url('/themes/mobile/v1.0/images/ic_dan.png');
}
.congiap ul li.code_4{
    background-image: url('/themes/mobile/v1.0/images/ic_mao.png');
}
.congiap ul li.code_5{
    background-image: url('/themes/mobile/v1.0/images/ic_thin.png');
}
.congiap ul li.code_6{
    background-image: url('/themes/mobile/v1.0/images/ic_ti.png');
}
.congiap ul li.code_7{
    background-image: url('/themes/mobile/v1.0/images/ic_ngo.png');
}
.congiap ul li.code_8{
    background-image: url('/themes/mobile/v1.0/images/ic_mui.png');
}
.congiap ul li.code_9{
    background-image: url('/themes/mobile/v1.0/images/ic_than.png');
}
.congiap ul li.code_10{
    background-image: url('/themes/mobile/v1.0/images/ic_dau.png');
}
.congiap ul li.code_11{
    background-image: url('/themes/mobile/v1.0/images/ic_tuat.png');
}
.congiap ul li.code_12{
    background-image: url('/themes/mobile/v1.0/images/ic_hoi.png');
}
.congiap ul li.code_1_active{
    background-image: url('/themes/mobile/v1.0/images/ic_ty_act.png');
}
.congiap ul li.code_2_active{
    background-image: url('/themes/mobile/v1.0/images/ic_suu_act.png');
}
.congiap ul li.code_3_active{
    background-image: url('/themes/mobile/v1.0/images/ic_dan_act.png');
}
.congiap ul li.code_4_active{
    background-image: url('/themes/mobile/v1.0/images/ic_mao_act.png');
}
.congiap ul li.code_5_active{
    background-image: url('/themes/mobile/v1.0/images/ic_thin_act.png');
}
.congiap ul li.code_6_active{
    background-image: url('/themes/mobile/v1.0/images/ic_ti_act.png');
}
.congiap ul li.code_7_active{
    background-image: url('/themes/mobile/v1.0/images/ic_ngo_act.png');
}
.congiap ul li.code_8_active{
    background-image: url('/themes/mobile/v1.0/images/ic_mui_act.png');
}
.congiap ul li.code_9_active{
    background-image: url('/themes/mobile/v1.0/images/ic_than_act.png');
}
.congiap ul li.code_10_active{
    background-image: url('/themes/mobile/v1.0/images/ic_dau_act.png');
}
.congiap ul li.code_11_active{
    background-image: url('/themes/mobile/v1.0/images/ic_tuat_act.png');
}
.congiap ul li.code_12_active{
    background-image: url('/themes/mobile/v1.0/images/ic_hoi_act.png');
}

/*VAN HAN*/
.congiap{
    padding: 0!important;
}
.congiap_popup{
    position: relative;
}
.congiap_popup .close{
    width: 35px;
    height: 35px;
    position: absolute;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    color: #e63c18;
    text-shadow: inherit;
    font-weight: 300;
    opacity: 0.8;
    font-size: 21px;
    border-radius: 50px;
    left: 10px;
    top: 10px;
}
.congiap_popup .congiap_wrap{

}
.congiap_popup .congiap_wrap .congiap ul{
    float: left;
    width: 100%;
    padding: 0px 10px 10px 10px;
}
.congiap_popup .congiap_wrap .congiap ul li{
    height: auto!important;
}
.congiap_popup .congiap_wrap .header .title{

}
.congiap_popup .congiap_wrap .header .title h1{
    font-size: 25px;
    margin: 13px 0px 14px 0px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: capitalize;
    text-align: center;
    line-height: 32px;
}
.congiap_popup .content_wrap{

}
.congiap_popup .content_wrap .tuoi_img{
    background: #fff;
    text-align: center;
    padding: 20px 0px 20px 0px;
    border: none;
}
.congiap_popup .content_wrap .tuoi_img img{
    width: 110px;
}
.congiap_popup .content_wrap .tuoi_danhsach{
    text-align: center;
    padding: 10px 0px;
    background: #fff;
    margin: 0;
    color: #3a3939;
    font-size: 14px;
}
.congiap_popup .content_wrap .luu_nien_van_the{
    background:#fff;
}
.congiap_popup .content_wrap .luu_nien_van_the img{
    
}
.congiap_popup .content_wrap .luu_nien_van_the .content_dtls{
    padding: 10px;
}
.congiap_popup .content_wrap .block_congiap_title{
    height: 120px;
    float: left;
    width: 100%;
}
.congiap_popup .content_wrap .bg_text_red{
    background-image: url(/themes/mobile/v1.0/images/ic_vanhan_detail_body_title_red.png);
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
}
.congiap_popup .content_wrap .bg_text_white{
    background-image: url('/themes/mobile/v1.0/images/ic_vanhan_detail_body_title_white.png');
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
}
.congiap_popup .content_wrap .block_congiap_title h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 49px;
    font-family: 'Roboto Condensed', sans-serif;
}
.congiap_popup .content_wrap .block_congiap_title h2.text_red{
    color: #f75735;
}
.congiap_popup .content_wrap .block_congiap_title h2.text_white{
    color: #fff;
}
.congiap_popup .content_wrap .rslt_dtls{
    
}
.congiap_popup .content_wrap .rslt_dtls .content{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul{
    margin: 10px;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li{
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    height: auto;
    margin: 0;
    margin-bottom: 10px;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li:after{
    padding: 0px!important;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li h3{
    font-size: 17px;
    text-align: center;
    margin: 5px 5px 15px 5px;
    font-weight: 500;
    border-bottom: solid 1px #efefef;
    padding-bottom: 15px;
    line-height: 22px;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li .vote{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li .menh{
    color: #777777;
    font-size: 15px;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li i{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li i.active{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li h3 .cont{
    
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li .vote .fa-star{
    color: #ffb100;
}
.congiap_popup .content_wrap .rslt_dtls .content .content_dtls ul li .vote .fa-star-o{
    color: #525252;
}

/* ACCOUNT */
.account_nav_popup {
    position: relative;
    background-image: linear-gradient(to bottom, #da4322, #e84423);
}
.account_nav_popup .close {
    width: 35px;
    height: 35px;
    position: absolute;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    color: #e63c18;
    text-shadow: inherit;
    font-weight: 300;
    opacity: 0.8;
    font-size: 21px;
    border-radius: 50%;
    left: 10px;
    top: 10px;
}
.account_direct .title{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #ffeeea;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
}
.account_nav_popup .add {
    height: 35px;
    position: absolute;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    color: #e63c18;
    text-shadow: inherit;
    font-weight: 400;
    opacity: 0.8;
    border-radius: 15px;
    right: 10px;
    top: 10px;
    padding: 0px 10px;
}
.account_direct{
    position: relative;
    height: 55px;
}
.account_direct .txt_menu{
    position: absolute;
    color: #fff;
    font-weight: 400;
    left: 53px;
    top: 15px;
}
.account_wrap{
    padding: 10px;
}
.account_info{
    height: 70px;
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.account_info_avatar{
    float: left;
    width: 50px;
    height: 50px;
    margin: 10px;
    background: #eeeeee;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
}
.account_info_avatar span{

}
.account_info_avatar span i{
    color: #c3c3c3;
}
.account_info h1{
    font-size: 17px;
    font-weight: 500;
    left: 70px;
    position: absolute;
    top: 15px;
    margin: 0;
    color: #333333;
}
.account_info span{
    font-size: 15px;
    font-weight: 400;
    left: 70px;
    position: absolute;
    top: 35px;
    color: #9c9c9c;
}
.account_info .premium{
    color: #f7330b!important;
}
.account_info b{
    font-size: 15px;
    font-weight: 400;
    color: #3d7ea5;
}
.account_sidebar{
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}
.account_sidebar ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.account_sidebar ul li{
    border-bottom: solid 1px #f3f0f0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.account_sidebar ul li .order_new{
    font-size: 14px;
    margin-top: 2px;
    color: #0071e6;
}
.account_sidebar ul li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.account_sidebar ul li a{
    display: block;
}
.account_sidebar ul li span{
    color: #383838;
    font-size: 15px;
}

/* AUTH LOGIN */
.register_content .verifyPhoneNote{
    color: #383838;
    margin-top: 15px;
}
.register_content {
    text-align: center;
    padding-top: 15px;
}
.register_content_logo {}
.register_content_logo img {
    width: 100px;
    border-radius: 10px;
}
.register_content_title {
    font-size: 25px;
    margin: 25px 0px;
    font-weight: 300;
    color: #ffcf87;
}
.register_content_social {
    margin: 10px 0px;
}
.register_cont_gg {
    float: right;
    background: #5b78f3;
}
.register_content_social_btn {
    height: 50px;
    border-radius: 4px;
    background-color: #486bb5;
    line-height: 50px;
    text-align: center;
    color: #fff;
    float: left;
}
.register_content_social_btn > a {
    color: #fff;
    display: block;
    font-size: 16px;
}
.register_content_or {
    font-size: 14px;
    color: #4c4c4c;
    text-align: center;
}
.register_content_frm {
    margin-top: 20px;
}
.register_content_frm input {
    height: 50px;
    border-radius: 8px;
    background-color: #ffffff;
    border: none;
    padding: 0px 10px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    font-size: 14px;
}
.register_sbm {
    margin: 10px 0px;
}
.register_sbm button {
    height: 48px;
    border-radius: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    width: 100%;
    font-weight: 400;
    color: #fff;
    border: none;
    background: #dc4423;
    text-transform: uppercase;
}
.register_or_login {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 0;
    line-height: normal;
    float: left;
    text-align: center;
}
.register_or_login a {
    font-size: 17px;
    color: #2682ec;
    font-weight: 400;
}
.alert_err_form .text-danger{
    color: #a94442;
    font-size: 14px;
    text-align: left;
    margin-bottom: 0px;
}
.register_content .text-danger{
    color: #bf4745;
    font-size: 11px;
    padding-left: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.register_content .error_system{
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

/*PICK DATE TIME*/

#pick_time{
    position: relative;
    background: #fff2ef;
    padding: 0;
    border-radius: 8px;
    display: none;
    width: 95%;
    position: relative;
    overflow: hidden;
}
#pick_time form{
    background: #fff2f0;
    padding: 13px;
    margin-bottom: 0;
}
.pick_time_date{

}
.pick_time_date select{
    margin-bottom: 10px;
    border: solid 1px #ffded6;
    box-shadow: none!important;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 4px;
    background: #fdece8;
    -webkit-appearance:none;
}
.pick_time_hour select{
    margin-bottom: 10px;
    border: solid 1px #e6e3e3;
    box-shadow: none!important;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
}
.pick_time_date label{
    font-size: 15px;
}
#pick_time button{
    width: 100%;
    background: #e84423;
    border: solid 1px;
    height: 40px;
}
#pick_time .col-div-3{
    width: 33.33%;
    float: left;
}
#pick_time .col-div-6{
    width: 50%;
    float: left;
}
.pick_timt_view{
    background: #e84423;
    height: 50px;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    border-radius: 5px 5px 0px 0px;
    position: relative;
}
.pick_timt_view span{
    font-weight: 500;
    font-size: 17px;
    color: #ffd9d2;
}
.pick_timt_view .btn-close-popup{
    font-size: 14px;
    position: absolute;
    left: 0;
    width: 38px;
    height: 38px;
    background: #ef5d40;
    border-radius: 50%;
    margin: 6px 13px;
}
.pick_timt_view .btn-close-popup i{
    color: #fff;
    margin-top: 11px;
}   
/* NHI THAP BAT TU */

.ntbt_top_right{
    float: left;
    width: 100%;
    overflow: hidden;
}
.ntbt_top_right ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.ntbt_top_right ul li{
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 10px;
    border-right: solid 1px #ef5134;
}
.ntbt_top_right ul li:last-child{
    border-right: none;
}
.ntbt_top_right ul li .lunar_tit_name{
    font-size: 20px;
    text-align: center;
    color: #2f2f2f;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
}
.ntbt_top_right ul li .lunar_tit_cont{
    font-size: 13px;
    font-weight: 500;
    margin: 8px 0px 8px 0px;
}
.ntbt_y, .ntbt_m, .ntbt_d, .ntbt_h{
    font-weight: 500;
    text-transform: capitalize;
}
.nam_tho_cc span, .thang_tho_cc span, .ngay_tho_cc span, .gio_tho_cc span{
    display: inherit!important;
}
.ntbt_top_right ul li .lunar_tit_cont span{
    font-size: 16px;
    color: black;
    text-transform: capitalize;
}
.content_related_ntbt{
    padding: 10px;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

/* PHI TINH */

.phi_tinh{
    background: #fff;
    border-radius: 8px;
    margin: 10px 0px;
    padding: 10px;
}
.phi_tinh ul{
    padding: 0;
    list-style: none;
}
.phi_tinh ul li{
    margin-right: 2.6%;
    float: left;
    width: 23%;
}
.phi_tinh ul li h3{
    margin: 0;
    font-size: 17px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 5px;
}
.phi_tinh ul li .phi_tinh_main{
    border-top: solid 1px #d0d0d0;
    border-left: solid 1px #d0d0d0;
}
.phi_tinh ul li .phi_tinh_main .item{
    float: left;
    width: 33.33%;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
}
.phi_tinh ul li .phi_tinh_main .item span{
    position: relative;
    display: block;
}
.phi_tinh ul li .phi_tinh_main .item span:after{
    content: "";
    display: block;
    padding-top: 100%;
}
.phi_tinh ul li .phi_tinh_main .item span b{
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
}
.phi_tinh ul li .phi_tinh_main .item span b.danger{
    color: #ff3d32;
}
.phi_tinh .note{
    color: #b3b3b3;
    font-size: 14px;
    text-align: center;
}
.phi_tinh a{
    color: black;
}
.phitinh{
    padding: 0!important;
}
.phitinh_popup{
    background: #da4322;
    height: auto;
    padding-top: 45px;
}
.phitinh_popup .close{
    width: 35px;
    height: 35px;
    position: absolute;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    color: #e63c18;
    text-shadow: inherit;
    font-weight: 300;
    opacity: 0.8;
    font-size: 21px;
    border-radius: 50px;
    left: 10px;
    top: 10px;
}
.phitinh_main{
    text-align: center;
    padding: 0px 0px;
    background: #fff;
    padding-bottom: 200px;
}
.phitinh_direction{
    width: 370px;
    height: 370px;
    position: relative;
    margin: 0 auto;
}
.phitinh_direction img{
    width: 100%;
    height: 100%;
}
.phitinh_chi{
    height: 180px;
    background: #565656;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.phitinh_chi .date{
    width: 100%;
    float: left;
    height: 48px;
    background-image: linear-gradient(to bottom, #da4322, #e84423);
}
.phitinh_chi .date .act_day{
    width: 45px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin: 7px 0px;
}
.phitinh_chi .date .act_day i{
    margin-top: 2px;
    font-size: 23px;
    color: #fff;
}
.phitinh_chi .date .next_day{
    
}
.phitinh_chi .date .previous_day{
    
}
.phitinh_chi .date .view_day{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
    margin-top: 7px;
    margin-bottom: 7px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    color: #fff;
}
.phitinh_chi .date .view_day span{
    float: left;
    width: 105px;
    margin: 0px 82px;
}
.phitinh_chi .date .view_day span i{
    float: right;
    margin-left: 5px;
    margin-top: 3px;
}
.phitinh_chi .main{
    float: left;
    width: 100%;
    background: #fff;
    height: 130px;
}
.phitinh_chi .main ul{
    list-style: none;
    padding: 0px 10px;
    float: left;
    width: 100%;
    margin: 9px 0px;
}
.phitinh_chi .main ul li{
    float: left;
    width: 16.6%;
    height: 56px;
}
.phitinh_chi .main ul li .name{
    height: 25px;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
    color: black;
}
.phitinh_chi .main ul li span{
    display: block;
    text-align: center;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
}
.phitinh_chi .main .active{
    background: #e24322;
    border-radius: 8px;
}
.phitinh_chi .main .active .name{
    color: #fff;
}
.phitinh_chi .main .active span{
    color: #fff;
}
.phitinh_direction{
    position: relative;
}
.phitinh_direction ul{
    position: absolute;
    background: #fff;
    width: 176px;
    height: 175px;
    top: 97px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 97px;
    border-top: solid 1px #f0f0f0;
    border-left: solid 1px #f0f0f0;
}
.phitinh_direction ul li{
    width: 58.3px;
    height: 57.3px;
    float: left;
    border-right: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
}
.phitinh_direction ul li .item{
    
}
.phitinh_direction ul li .item span{
    float: left;
    width: 28.5px;
    height: 28.5px;
    text-align: center;
    line-height: 28.5px;
}
.phitinh_direction ul li .item span b{
    
}
.footer{
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #353535;
}
.app_info{
    background: #fff;
    padding-bottom: 100px;
}
.app_info_title{
    text-align: center;
    padding: 0px 10px;
}
.app_info_title h1{
    font-size: 25px;
    text-transform: uppercase;
    line-height: 31px;
}
.app_info_content{
    padding: 0px 10px;
    text-align: justify;
}
/* Events */
.events_wrap{

}
.events{

}
.events_listing{

}
.events_listing ul{
    padding: 0;
    list-style: none;
}
.events_listing ul li{
    padding: 15px 40px 15px 15px;
    border-bottom: solid 1px #efefef;
    position: relative;
    background: #fff url(/themes/mobile/v1.0/images/ic_arrow_right.png);
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 20px;
}
.events_listing ul li:last-child{
    border-bottom: none;
}
.events_listing ul li a{
    display: block;
    line-height: 23px;
    color: #1d1d1d;
}
.events_listing ul li a i{
    
}
.events_listing ul li a span i{
    color: #f63b0a;
}
.events_listing ul li a span{
    font-size: 14px;
    color: #f63b0a;
}
.events_listing ul li a span i{

}
#event_calendar{

}
#event_calendar .content{
    margin: 10px;
}
#event_calendar .content input{
    width: 100%;
    border: solid 1px #e2e2e2;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    padding: 0px 10px;
    color: #212121;
    font-weight: 500;
}
#event_calendar .content textarea{
    margin-top: 10px;
    width: 100%;
    border: solid 1px #e2e2e2;
    height: 112px;
    resize: none;
    border-radius: 5px;
    padding: 10px 10px;
    color: #505050;
    outline: none;
    -webkit-appearance: none;
}
#event_calendar .date_view{
    text-align: center;
}
#event_calendar .date_view span{
    color: #f7390a;
    font-weight: 500;
}
#event_calendar .date_view select{
    border: solid 1px #d7d7d7;
    background: #dddddd;
    border-radius: 5px;
}
#event_calendar .date_type{
    margin: 10px 0px;
    float: left;
    width: 100%;
}
#event_calendar .date_type ul{
    float: left;
    width: 100%;
    padding: 0;
}
#event_calendar .date_type ul li{
    width: 50%;
    text-align: center;
    float: left;
    list-style: none;
}
#event_calendar .date_time{
    padding: 10px;
    background: #e2e2e2;
}
#event_calendar .date_time span{
    color: #f7390a;
    font-weight: 500;
}
#event_calendar .date_time select{
    color: #f7390a;
    font-weight: 500;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
}
#event_calendar .date_loop ul{
    list-style: none;
    background: #e2e2e2;
    padding: 10px 0px;
    margin: 0;
}
#event_calendar .date_loop .title{
    text-align: center;
    margin: 10px 0px;
    font-weight: 500;
    text-transform: capitalize;
}
#event_calendar .date_loop ul li{
    width: 33.33%;
    float: left;
    text-align: center;
}
#event_calendar .date_loop ul li span{
    
}
#event_calendar .date_noti ul{
    list-style: none;
    background: #e2e2e2;
    padding: 10px 15px;
}
#event_calendar .date_noti .title{
    text-align: center;
    margin: 10px 0px;
    font-weight: 500;
    text-transform: capitalize;
}
#event_calendar .date_noti ul li{
    float: left;
    text-align: center;
}
#event_calendar .date_noti ul li span{
    
}
#event_calendar .date_act{
    margin: 10px 0px;
}
#event_calendar .date_act ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
#event_calendar .date_act ul li{
    float: left;
    width: 33.33%;
    text-align: center;
}
#event_calendar .date_act ul li a{
    background: #ffe8e2;
    padding: 6px 10px;
    border: solid 1px #f44c0a;
    border-radius: 5px;
    color: #272727;
    display: inline-block;
}
#event_calendar .date_act ul li button{
    background: #fff;
    padding: 6px 10px;
    border: solid 1px #f44c0a;
    border-radius: 5px;
    color: #3c3c3c;
    display: inline-block;
}
.event_view{
    padding: 10px 10px 0px 10px;
}
.event_view .main{
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}
.event_view .main .title{
    color: #232323;
    font-weight: 400;
    line-height: 18px;
    font-size: 17px;
}
.event_view .main .title span{
    color: #337ab7;
    font-weight: 500;
    font-size: 15px;
}
.event_view .main .title a{
    color: #3c3c3c;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
}
.event_view .main .title a span{
    color: #337ab7;
    font-weight: 400;
}
.notifications_content{
    padding: 10px;
}
.notifications_content .title{
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
    line-height: 25px;
    color: #f63409;
    text-align: center;
}
.notifications_content .time{
    font-size: 15px;
    color: #5f5f5f;
    border-bottom: solid 1px #cecece;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-align: center;
}
.notifications_content .content{
    text-align: justify;
}
.notifications_content .link{
    margin-top: 10px;
}
.notifications_content .link a{
    
}
/*CHECKOUT*/
.checkout_wrap{

}
.checkout{

}
.checkout_wrap .notification_icon{
    text-align: center;
    margin: 30px 0px;
}
.checkout_wrap .notification_icon i{
    font-size: 150px;
    color: #7ba933;
}
.checkout_wrap .notification_content{
    text-align: center;
    padding: 0px 20px;
    font-size: 17px;
}
.checkout_wrap .notification_icon_fail i{
    color: #d4d4d4;
}
.checkout_wrap .notification_hotline{
    text-align: center;
    padding: 0px 20px;
    margin-top: 15px;
    color: #9c1a00;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
}
.listing_func{
    padding: 0;
    list-style: none;
    margin: 0;
}
.listing_func .odd{
    background: #fff url('/themes/mobile/v1.0/images/ic_verified.png');
    background-repeat: no-repeat!important;
    background-size: 27px!important;
    background-position: 95%;
}
.listing_func li{
    height: 55px;
    line-height: 55px;
    padding: 0px 15px;
    background: url('/themes/mobile/v1.0/images/ic_verified.png');
    background-repeat: no-repeat!important;
    background-size: 27px!important;
    background-position: 95%;
}
.listing_func li span{
    color: #3c3c3c;
}
.update_premium{
    background: #fff;
    padding-top: 50px;
    padding: 30px 15px;
}
.update_premium a{
    display: block;
    width: 100%;
    background: #f7330b;
    border-radius: 8px;
    line-height: 23px;
    text-align: center;
    padding: 13px 0px;
}
.update_premium span{
    font-size: 17px;
    color: #f3f3f3;
    font-weight: 500;
}
.update_premium p{
    color: #ffc9bd;
    font-size: 16px;
    margin: 0;
}
.checkout .hotline{
    text-align: center;
    background: #fff;
    padding-bottom: 25px;
    font-size: 14px;
}
.checkout .danger{
    text-align: center;
    background: #fff;
    margin: 0;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 22px;
}
.active_key{

}
.active_key_content .error_system{
    padding: 5px 15px;
    text-align: center;
    background: #ffc8bd;
    margin: 0px 15px;
    border-radius: 5px;
    font-size: 14px;
}
.active_key_content .tip{
    padding: 15px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    text-align: justify;
}
.active_key_content form{
    padding: 0px 15px 15px 15px;
    margin: 0;
    display: block;
}
.active_key_content form input[name=keys]{
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    color: black;
    font-size: 17px;
}
.buy_premium{
    padding: 15px;
    background: url(/themes/mobile/v1.0/images/bg_lock.png);
    background-size: 100%;
    height: 150px;
}
.buy_premium .note{
    font-size: 15px;
    padding: 40px 40px;
    text-align: center;
}
.buy_premium .note span{
    color: #41a918;
    font-weight: 500;
}
.buy_premium .bottom{
    position: absolute;
    width: 43px;
    height: 251px;
    background-image: linear-gradient(to left, #dedede, #ffffff);
    opacity: 0.5;
    z-index: 9999;
    right: 0;
}


/* --- Bố cục GIỜ XUẤT HÀNH - Dàn ngang, sát mép --- */

/* 1. Dùng Flexbox để dàn các mục theo chiều ngang */
.gio-xuat-hanh ul.block {
    display: flex;
    justify-content: space-between; /* Đây là thuộc tính chính để dàn đều và sát mép */
    align-items: stretch; /* Giúp các ô có chiều cao bằng nhau */
    padding: 0;
    list-style-type: none;
    gap: 15px; /* Giữ lại khoảng cách nhỏ giữa các ô */
}

/* 2. Thiết kế cho mỗi ô (mỗi cột) */
.gio-xuat-hanh li.block {
    flex-basis: 0; /* Cho phép các ô tự co giãn */
    flex-grow: 1; /* Các ô sẽ chia đều không gian còn lại */
    margin: 0 !important;
    border: 1px solid #E9ECEF;
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out;
}

.gio-xuat-hanh li.block:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 3. Tùy chỉnh phần tên giờ (header của ô) */
.gio-xuat-hanh .name {
    padding: 10px;
    font-weight: 500;
    color: white;
    font-size: 0.95rem;
}

/* 4. Tùy chỉnh phần nội dung (dùng Flexbox để căn giữa) */
.gio-xuat-hanh .dtls {
    padding: 15px 10px;
    background-color: #F8F9FA;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gio-xuat-hanh .dtls_date {
    font-weight: 500;
    color: #343A40;
    font-size: 1rem;
    line-height: 1.4;
}

/* 5. Ngăn chữ "Giờ tốt/xấu" bị xuống dòng */
.gio-xuat-hanh .result {
    font-size: 0.85rem;
    margin-top: 5px;
    white-space: nowrap;
}

/* 6. Ánh xạ màu sắc chuyên nghiệp (Giữ nguyên) */
.gio-xuat-hanh .name.bg_tochy, 
.gio-xuat-hanh .name.bg_daian, 
.gio-xuat-hanh .name.bg_tieucat {
    background-color: #28A745 !important;
}
.gio-xuat-hanh .dtls .result.danger {
    color: #28A745 !important;
}
.gio-xuat-hanh .name.bg_xam {
    background-color: #FD7E14 !important;
}
.gio-xuat-hanh .dtls .result {
    color: #FD7E14 !important;
}



/* --- Bố cục chuyên nghiệp cho bảng NGŨ HÀNH --- */
.list-ngu-hanh {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-ngu-hanh li {
    display: flex;
    align-items: flex-start; /* Căn icon và nội dung theo lề trên */
    margin-bottom: 20px; /* Khoảng cách giữa các mục */
}

.list-ngu-hanh li:last-child {
    margin-bottom: 0;
}

/* Thiết kế cho khu vực chứa icon */
.list-ngu-hanh .icon-wrapper {
    font-size: 1.5rem; /* Kích thước icon */
    color: #2C3E50; /* Màu icon (xanh đậm chuyên nghiệp) */
    margin-right: 18px;
    padding-top: 3px;
    min-width: 30px;
    text-align: center;
}

/* Thiết kế cho khu vực chứa nội dung text */
.list-ngu-hanh .content-wrapper {
    display: flex;
    flex-direction: column; /* Sắp xếp tiêu đề và nội dung theo chiều dọc */
    flex-grow: 1;
}

.list-ngu-hanh .content-wrapper strong {
    font-weight: 500;
    color: #343A40; /* Màu tiêu đề */
    margin-bottom: 4px;
    font-size: 1rem;
}

.list-ngu-hanh .content-wrapper p {
    margin: 0;
    color: #6C757D; /* Màu xám cho nội dung, dễ đọc hơn */
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Làm nổi bật các thành phần trong nội dung */
.list-ngu-hanh .content-wrapper p b {
    color: #495057;
    font-weight: 500;
}



/* --- Thiết kế lại tiêu đề các khung thông tin (Phiên bản mạnh hơn) --- */

/* Sử dụng selector dài hơn để tăng độ ưu tiên, 
  đảm bảo ghi đè được các style mặc định của theme hoặc plugin khác.
*/
.box-xem-ngay-dai-quai .info-card > div:first-child,
.box-xem-ngay-dai-quai .col-sm-12.px-sm-0 > div:first-child {
    /* 1. Bỏ màu nền và đổi màu chữ */
    background: transparent !important;
    color: #2C3E50 !important; /* Màu xanh đậm chuyên nghiệp */
    
    /* 2. Căn lề và font chữ */
    text-align: left !important; /* Căn chữ về bên trái */
    text-transform: uppercase; /* VIẾT HOA TIÊU ĐỀ */
    font-size: 1rem;
    font-weight: 700; /* In đậm chữ */
    
    /* 3. Thêm đường gạch chân tinh tế */
    border-bottom: 2px solid #E9ECEF;
    
    /* 4. Điều chỉnh khoảng cách */
    padding: 0 0 12px 0 !important; /* Bỏ padding cũ, chỉ giữ padding dưới */
    margin: 20px 20px 0 20px; /* Tạo khoảng cách 20px ở trong khung */
    width: auto; /* Để chiều rộng tự động co giãn */
}