a {
    color: #56a737;
}
a:hover {
    color: #333;
}
a:not([href]):not([tabindex]) {
    color: #56a737;
}
b, strong {
    color: #000;
}
.hide {
    display: none;
}
.select2-container .select2-selection--single {
    height: 30px;
}
.theme-layout{
    background: #f4f2f2;
}
.rounder{
    border-radius: 50%;
}
.default {
    background: #777;
}
.error {
    margin-top: 5px;
    color: #ff0000;
}
.color-red {
    color: #a00606;
}
.feature-photo .add-btn .message_header {
    color: #ffffff !important;
    background-color: #56a737;
    border-color: #56a737;
}
.topbar .logo{
    margin-right: 5px;
}
.top-area .icon_right_header {
    width: 20px;
    height: 20px;
}
.form-group input, .form-group textarea {
    border-width: 1px;
    border-color: #ccc;
    height: 35px;
    padding: 5px;
}
.form-group select {
    border: solid 1px #ccc;
    height: 35px;
    font-size: 14px;
}
.about_page .button_subbmit {
    margin-top: 10px;
}
.about_page .edit_info {
    float: right;
}
.tags_friend_div {
    margin-bottom: 10px;
}
.tags_friend_div .select_tags_friend, .tags_friend_div .select2-container {
    width: 100% !important;
}
.friends_tags_show ul{
    list-style: none;
}
.friends_tags_show ul li {
    margin-bottom: 10px;
}
.top-area > ul > li:first-child {
    border-left: solid 1px #359410;
}
.top-area > ul > li {
    border-right: solid 1px #359410;
    margin-right: 0;
    padding: 0 10px;
}
.top-area > ul > li > a {
    color: #fff;
    font-weight: bold;
}
.top-area .icon_bell {
    background: url(../images/icon/bell_ico.png) no-repeat top;
}
.top-area .icon_bell.active {
    background: url(../images/icon/bell_ico_hover.png) no-repeat top;
}
.top-area .icon_message {
    background: url(../images/icon/message_ico.png) no-repeat top;
}
.top-area .icon_message.active {
    background: url(../images/icon/message_ico_hover.png) no-repeat top;
}
.top-area .icon_friends {
    background: url(../images/icon/add_friends_ico.png) no-repeat top;
}
.top-area .icon_friends.active {
    background: url(../images/icon/add_friends_ico_hover.png) no-repeat top;
}
.top-area > ul > li > .arrow-up {
    position: absolute;
    display: none;
    height: 11px;
    width: 20px;
    background: url(../images/icon/arrow_up.png) no-repeat center center;
    top: 23px;
    left: 0;
    z-index: 99999;
}
.top-area > ul > li > a > span {
    padding-top: 3px;
    border-radius: 50%;
    background: #FA3E3E;
    color: #fff;
    bottom: -5px;
    font-size: 11px;
    position: absolute;
    right: -13px;
    width: 20px;
    height: 20px;
    text-align: center;
}
.top-area .dropdowns {
    width: 400px;
    right: 0;
    top: 45px;
    box-shadow: 1px 1px 1px #0a0a0a;
}
.submit_add_friend_menu a{
    margin-right: 10px;
}
.sidebar .widget_menu_left {
    background: transparent;
    border: none;
}
.sidebar .widget_menu_left ul{
    padding: 0;
    height: 750px;
}
.widget_menu_left .followers{
    max-height: initial;
}
.widget_menu_left.is_stuck{
    margin-top: 10px;
}
.sidebar .widget_menu_left li {
    margin-bottom: 10px;
}
.sidebar .widget_menu_left h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
}
.sidebar .widget_menu_left img {
    margin-right: 5px;

}
.sidebar .widget_menu_left img.img_left{
    border-radius: 50%;
}
.friend-meta a strong {
    color: #56a737;
}
.top-area .user-img {
    margin-right: 10px;
    font-weight: bold;
}
.friend-info .handi_score_timeline {
    margin-top: 20px;
    line-height: 25px;
}
.handi_score_timeline a{
    color: #56a737;
}
.table_best_score_more {
    width: 100%;
    margin-top: 10px;
}
.table_best_score_more a {
    color: #333;
}
.table_best_score_more a:hover {
    color: #56a737;
}
.info_content_photo .comment_info{
    margin-top: 20px;
    width: 100%;
    padding-left: 0;
}
.custom-col-left {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 5px;
}

.custom-col-right {
    padding: 0 5px;
}
.chat-box {
    position: fixed;
    right: 0;
}
.info_content_photo .followers {
    max-height: 260px;
    padding-right: 20px;
}
#hello {
    padding: 20px;
}
.comment_input {
    margin-top: 10px;
}
.info_content_photo .post-comt-box {
    width: 88%;
    padding-left: 0;
}
.info_content_photo .info_user_box img{
    border-radius: 50%;
}
.info_content_photo .info_user_box p {
    margin-bottom: 0;
}
.comment_input .comet-avatar{
    display: inline-block;
    max-width: 10%;
    width: 10%;
}
#topcontrol {
    transform: rotate(0);
}
.res-menu .sidebar {
    padding: 20px;
}
#add_score_form {
    padding: 0 0 15px 0;
}
#add_score_form.fancybox-content {
    overflow: initial;
}
#add_score_form .form_box_info {
    padding: 0 25px 0 15px;
}
.form_box_info .form-check {
    width: 18%;
    float: left;
}
.form_box_info .form-check.add_score_check{
    width: 36%;
    font-size: 14px;
}
#add_score_form .title {
    text-align: center;
    padding: 10px 0;
    background: #56a737;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#add_score_form p label {
    width: 25%;
    margin-right: 10px;
    float: left;
}
#add_score_form .form-control {
    width: 73%;
}
#add_score_form .chosen-container {
    width: 73% !important;
    border: solid 1px #CCc;
    box-shadow: none;
}
#add_score_form .chosen-container-single .chosen-single {
    color: #545454 !important;
    border-style: none;
}
.list_course_played .course_info {
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
.list_course_played .course_info div {
    padding-bottom: 5px;
}
.list_course_played .course_info .course_name {
    font-weight: bold;
    font-size: 16px;
    color: #56a737;
}
.course_list_page {
    padding: 25px;
}
.course_list_page .groups {
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
}
.course_list_page .nav {
    margin-top: 10px;
    border-bottom: solid 1px #ccc;
}
.course_list_page .nav li {
    margin-bottom: -1px;
}
.course_list_page .nav .nav-link {
    font-weight: bold;
}
.course_list_page .nav .nav-link.active {
    background-color: #fff;
    color: #545454;
    border: solid 1px #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
.course_list_page .frnds {
    margin-top: 10px;
}
.course_list_page .nav_no_border {
    border-bottom: none;
}
.new-postbox {
    padding: 10px 15px 0 15px;
}
.new-postbox textarea{
    border: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
    background: #fdfdfd;
}
.new-postbox .attachments {
    border: none;
    background: #fdfdfd;
}
.new-postbox .attachments label {
    font-size: 12px;
    color: #5e5e5e;
    line-height: 25px;
    font-weight: bold;
    cursor: pointer;
}
.new-postbox .attachments .li_label {
    background: #eaeaea;
    border-radius: 20px;
    padding: 5px 10px;
    cursor: pointer;

}
.new-postbox .attachments .li_label:hover {
    background: #ccc;
}
.new-postbox .attachments .choose_post a {
    color: #333;
}
.feature-photo .add-btn > a {
    background: #f5f6f7;
    color: #5e5e5e;
}
.feature-photo .add-btn > a:hover {
    background: #adadad;
    border: none;
}
.create_post_box {
    padding: 0;
}
.create_post_box .title_header_box {
    text-align: center;
    padding: 5px 0 0 0;
    border-bottom: solid 1px #ccc;
    background: #eaeaea;
}
.create_post_box .title_header_box h5 {
    font-size: 13px;
    font-weight: bold;
}
.we-video-info > ul li .comment {
    background: url(../images/icon/comment.png) no-repeat top left;
    width: 90px;
    height: 25px;
    padding-left: 30px;
}
.we-video-info > ul li .like {
    background: url(../images/icon/like_ico.png) no-repeat top left;
    width: 25px;
    height: 25px;
    padding-left: 30px;
}
.we-video-info > ul li .like.active {
    background: url(../images/icon/like_ico_active.png) no-repeat top left;
}
.table_list_course th, .table_list_course tbody {
    text-align: center;
}
.info_like_comment {
    margin: 10px 0;
}
.info_like_comment a {
    color: #333;
}
.about_page h5 {
    margin: 10px 0;
}
.about_page .form-group{
    margin: 5px 0;
}
.about_page .form-group span {
    font-weight: bold;
}
.about_page .tab-content {
    background: #fff;
    padding-left: 15px;
}
.about_page .nav .nav-link.active{
    background-color: #ececec;
    color: #545454;
    border: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-radius: 5px;
}
.about_page .nav {
    border-bottom: none;
    border-right: solid 1px #ccc;
    margin-top: 0;
    padding-top: 10px;
}
.about_page .nav li {
    padding-right: 5px;
}
.about_page .widget {
    border: none;
}
.about_page .info_work ul {
    padding-top: 20px;
}
.about_tab_1 .col-sm-6 {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.best_score_right .page-meta a {
    color: #ff0000;
}
.sidebar .widget_menu_left_timeline .widget-title{
    padding: 20px 10px 10px;
}
.sidebar .widget_menu_left_timeline .widget-title::before {
    left: 10px;
}
.sidebar .widget_menu_left_timeline > ul {
    padding: 0 10px 20px;
}
.sidebar .list_news_right > ul {
    padding: 0 20px 20px;
}
.sidebar .list_news_right ul li {
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
    margin-bottom: 0;
}
.sidebar .list_news_right .image {
    float: left;
    width: 23%;
}
.sidebar .list_news_right .news_info {
    float: left;
    width: 72%;
    margin-left: 10px;
}
.sidebar .list_news_right .news_info h5 {
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}
.sidebar .list_news_right .news_info p{
    margin-bottom: 0;
}
.post-meta a img{
    cursor: pointer;
}
.handi_score_timeline_box {
    padding: 20px 0;
}
#add_score_form .date_play_add_scrore .chosen-container {
    width: 23% !important;
}
.course_item  {
    overflow: hidden;
    position: relative;
    border: 1px #ccc solid;
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
}
.course_item .product-name {
    margin-top: 0;
    padding: 5px 10px;
}
.course_item .product-name h5 {
    margin: 5px 0 0 0;
    font-size: 16px;
    font-weight: normal;
}
.course_item .product-name h5 a{
    color: #35465A;
}
.course_item p {
    margin-bottom: 0;
    color: #6E6E6E;
    font-size: 13px;
}
.course_item .prices {
    border-top: solid 1px #ccc;
    padding-top: 5px;
}
.course_item .prices ins {
    float: right;
    color: #FF3940;
}
.course_item .details {
    text-align: center;
    margin-bottom: 10px;

}
.course_item .details a {
    padding: 5px 20px;
}
.course_item .product_date {
    float: left;
}
.course_item .product_free {
    float: right;
    color: #FD6F44;
}
.course_item .product_free span {
    padding-left: 10px;
}
.course_item .product_ads .sale_off{
    color: #FD6F44;
}
.course_item .product_ads .price_old {
    padding-left: 20px;
    text-decoration: line-through;
}
.course_item .product_ads .price_new {
    float: right;
    color: #000;
    font-weight: bold;
}
.course_item .product-name .hole {
    background: #74B70E;
    padding: 5px 10px 5px 10px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: -10px;
}
.course_item .product-name-ads {
    padding-bottom: 0;
}
.course_item .button_details {
    position: relative;
}
.course_item .details_ads {
    margin: 0 -10px;
}
.course_item .details_ads a {
    color: #fff;
    background: #98CE44;
    padding: 5px 10px 5px 40px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.course_item .details_ads a:hover {
    background: #558210;
}
.course_item .prices_highlights {
    border-top: solid 2px #797979;
}
.course_item .prices_highlights p {
    border-bottom: dashed 1px #ccc;
}
.course_item .prices_highlights ins {
    text-decoration: none;
    color: #FF3940;
}
.course_item .prices_highlights .price {
    float: right;
}
.course_item .details_booking {
    text-align: center;
}
.course_item .details_booking a {
    display: block;
    background: #98CE44;
    color: #fff;
    padding: 5px 0;
}
.course_item .details_booking a:hover {
    background: #558210;
}
/*.course_item .a_image .info {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    color: white;
    border-top: 1px solid #DDDED3;
    padding: 5px 10px;
    height: 35px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.course_item .info ul {
    padding-left: 15px;
}
.course_item .info .name {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: bold;
}*/
.course_item figure:hover .info {
    height: 120px;
}
.course_tee_time_item:hover {
    background: #cccccc4f;
}
.course_tee_time_item {
    width: calc(17.5% - 28px);
    overflow: hidden;
    border: 1px solid #CCC5C2;
    float: left;
    margin: 7px 9px;
    /*padding: 4px;*/
    text-align: center;
    cursor: pointer;
    position: relative;
    line-height: 25px;
    border-radius: 5px;
}
.course_tee_time_item p {
    margin-bottom: 0;
}
.course_tee_time_item .price_news {
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
}
.course_tee_time_item .price_news_single {
    color: #FE6B59;
    font-size: 18px;
    font-weight: bold;
    margin: 13px 0;
}
.course_tee_time_item .price_old .old{
    text-decoration: line-through;
    padding-right: 7px;
}
.course_tee_time_item .price_old .sale_off {
    font-weight: bold;
    color: #FD6F44;
}
.course_tee_time_item .date {
    font-weight: bold;
}
.course_tee_time_item .free {
    color: #8dbf41;
}
.course_tee_time_item .name {
    color: #636363;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.course_tee_time_item .time {
    color: #8dbf41;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}
.course_tee_time_item .price-promotion {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    border: 0px solid;
    line-height: 22px;
}

.list-tee-time .free {
    text-align: center;
    overflow: hidden;
    border: 0px solid;
    height: 20px;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
}
.form_custom {
    margin-bottom: 15px;
    margin-top: 15px;
}
body.compensate-for-scrollbar {
    overflow-y: scroll;
}
.gap_custom {
    padding-bottom: 50px;
}
.cart_golf {
    padding: 20px;
    background: #fff;
    margin-top: 6px;
}
.cart_golf .total_cart ul {
    list-style: none;
    padding-left: 0;
}
.cart_golf .total_cart ul li {
    padding-bottom: 10px;
    text-align: right;
}
.cart_golf .total_cart ul li span {
    font-weight: bold;
}
.cart_golf .payment_method_golf {
    float: right;
}
.cart_golf .payment-method .form-radio > .radio {
    display: block;
}
.submit_order {
    text-align: right;
}
/*.coach_find .nearby-contct li {
    width: 100%;
}*/
.count_down {
    overflow: hidden;
    text-align: right;
    clear: both;
    line-height: 30px;
}
.count_down_number {
    font-size: 20px;
    color: #73BF45;
    float: right;
    margin-left: 5px;
}
#order_form_popup  {
    padding: 25px 30px;
}
#footer_landing {
    background: #000;
    padding: 10px 0;
    text-align: center;
    clear: both;
}
#footer_landing p {
    color: #fff;
}
.check_choose_service ul {
    margin-top: 10px;
}
.check_choose_service ul li {
    margin-bottom: 10px;
}
.payment_content .box-package-payment {
    width: 100%;
    float: left;
}
.payment_content .group-choice-radio-package.tmargin {
    margin: 0 50px 32px 0;
}
.payment_content .group-choice-radio-package input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.payment_content .group-choice-radio-package {
    width: 460px;
    height: 90px;
    background: #ccd0d5;
    background: -moz-linear-gradient(left, #ccd0d5 0%, #e9ecee 100%);
    background: -webkit-linear-gradient(left, #ccd0d5 0%,#e9ecee 100%);
    background: linear-gradient(to right, #ccd0d5 0%,#e9ecee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd0d5', endColorstr='#e9ecee',GradientType=1 );
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0 0 32px 0;
}
.payment_content .group-choice-radio-package .group-choice-radio-package-bg {
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0 8px 30px -8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 8px 30px -8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 30px -8px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 8px 30px -8px rgba(0,0,0,0.3);
    -o-box-shadow: 0 8px 30px -8px rgba(0,0,0,0.3);
}
.payment_content .group-choice-radio-package input:checked ~ .group-choice-radio-package-bg {
    background: #f2af12;
    background: -moz-linear-gradient(left, #f2af12 0%, #ffd200 100%);
    background: -webkit-linear-gradient(left, #f2af12 0%,#ffd200 100%);
    background: linear-gradient(to right, #f2af12 0%,#ffd200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2af12', endColorstr='#ffd200',GradientType=1 );
    box-shadow: 0 8px 16px rgba(255,196,14,0.4);
    -webkit-box-shadow: 0 8px 16px rgba(255,196,14,0.4);
    -moz-box-shadow: 0 8px 16px rgba(255,196,14,0.4);
    -ms-box-shadow: 0 8px 16px rgba(255,196,14,0.4);
    -o-box-shadow: 0 8px 16px rgba(255,196,14,0.4);
}
.payment_content .group-choice-radio-package input:checked ~ .group-choice-radio-package-bg:after {
    background: url(../images/bg-deco-active.png) top center no-repeat;
    background-size: contain;
}
.payment_content .group-choice-radio-package .group-choice-radio-package-bg:after {
    content: '';
    width: 180px;
    height: 90px;
    display: block;
    background: url(../images/bg-deco.png) top center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.payment_content .group-choice-radio-package .circle-big-out {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 25px;
    right: 28px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 3;
}
.payment_content .group-choice-radio-package .circle-big-out:before {
    content: '';
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    position: absolute;
    left: -2px;
    top: -4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.payment_content .group-choice-radio-package .ic-visa-card {
    background: url(../images/ic_visa_card.png) center center no-repeat;
    background-size: contain;
}
.group-choice-radio-package .ic-atm-card {
    background: url(../images/ic_atm_card.png) center center no-repeat;
    background-size: contain;
}
.group-choice-radio-package .ic-momo {
    background: url(../images/ic_momo.png) center center no-repeat;
    background-size: contain;
}
.group-choice-radio-package .ic-viettel-pay {
    background: url(../images/ic_viettel_pay.png) center center no-repeat;
    background-size: contain;
}
.payment_content .group-choice-radio-package .ic-payment-method {
    display: block;
    width: 84px;
    height: 54px;
    position: absolute;
    top: 18px;
    left: 24px;
    z-index: 3;
}
.payment_content .group-choice-radio-package .payment-package-desc {
    width: auto;
    font-size: 16px;
    color: #000000;
    line-height: 1.4;
    position: absolute;
    top: 18px;
    left: 124px;
    z-index: 3;
}
.payment_content .group-choice-radio-package .payment-package-name {
    width: auto;
    font-size: 24px;
    color: #000000;
    line-height: 1.4;
    position: absolute;
    top: 42px;
    left: 124px;
    z-index: 3;
    font-weight: bold;
    text-transform: capitalize;
}
.payment_content .group-choice-radio-package input:checked ~ .ic-checked {
    transform-origin: center center;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.payment_content .group-choice-radio-package .ic-checked {
    display: block;
    width: 20px;
    height: 30px;
    background: url(../images/ic_checked.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 33px;
    top: 27px;
    transform-origin: center center;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    opacity: 0;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    z-index: 4;
}
.course_list_page .title_cate {
    background: #35465A;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
}
.course_list_page .title_cate h3 {
    font-size: 16px;
}
.banner_select {
    background: #56a7379e;
    position: relative;
    padding-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 60px;
}
.banner_select .filter_top {
   /* position: absolute;
    width: 100%;
    bottom: 0;*/
    position: relative;
}
.banner_select .action_search {
    position: absolute;
    width: 100%;
}
.banner_select .filter_top .container {
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px 3px;
    border-radius: 16px;
    background-color: rgb(248, 247, 249);
    padding: 32px 100px 25px;
}
.banner_select .filter_top h1 {
    color: rgb(42, 42, 46);
    font-style: italic;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}
.filter_booking_course .search_course {
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    padding-left: 10px;
}
.shop-filter-sec {
    text-align: center;
}
.shop-filter-sec .button_search {
    width: 50%;
    padding: 20px 0;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
}
.course_book_details .golf_details {
    margin-top: 10px;
}
.course_book_details .details_info {
    border: solid 1px #ccc;
}
.course_book_details .details_info .info_course_golf {
    padding: 10px;
    border-bottom: solid 1px #ccc;
}
.course_book_details .details_info .image {
    float: left;
    margin-right: 10px;
}
.course_book_details .details_info .time_access {
    padding: 10px 10px 0 10px;
}
.course_book_details .details_info .time_access p span{
    margin-right: 30px;
}
.course_book_details .details_info .info_club {
    float: left;
    width: 410px;
}
.course_book_details .details_info .info_club h5 {
    font-weight: bold;
}
.course_book_details .details_info .info_tabs .tab-content {
    overflow-y: scroll;
    height: 192px;
}
.course_book_details .shop-filter {
    width: auto;
}
.course_book_details .shop-filter .label {
    float: left;
    background: #666666;
    padding: 6px;
    color: #fff;
}
.course_book_details .shop-filter input {
    float: left;
    width: 180px;
    padding: 4px;
    text-align: center;
}
.course_book_details .shop-filter select {
    float: left;
    width: 180px;
    padding: 6px;
    border-left: none;
}
.course_book_details .shop-filter button {
    border-radius: 0;
}
.details_step_booking .step-line .mt-step-col {
    padding: 30px 0;
    text-align: center;
}
.details_step_booking .step-line .mt-step-number {
    font-size: 26px;
    border-radius: 50%!important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 9px;
    border: 3px solid #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center;
}
.details_step_booking .step-line .mt-step-number a {
    color: #333;
}
.details_step_booking .step-line .mt-step-number>i {
    position: relative;
    top: 50%;
    transform: translateY(-120%);
    display: inline-block;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}
.details_step_booking .step-line .mt-step-title {
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.details_step_booking .step-line .mt-step-title:after {
    left: 50%;
}
.details_step_booking .step-line .mt-step-title:after, .details_step_booking .step-line .mt-step-title:before {
    content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: -32px;
    z-index: 4;
    transform: translateY(-100%);
}
.details_step_booking .step-line .mt-step-title:before {
    right: 50%;
}
.details_step_booking .first .mt-step-title:before {
    content: none;
}
.details_step_booking .last .mt-step-title:after {
    content: none;
}
.details_step_booking .step-line .first .mt-step-number {
    background: #FE6B59;
    border: solid 3px #FE6B59;
    color: #fff;
}
.details_step_booking .step-line .first .mt-step-number a, .details_step_booking .step-line .active .mt-step-number a{
    color: #fff;
}
.details_step_booking .step-line .first .mt-step-title:after {
    background-color: #FE6B59;
}

.details_step_booking .step-line .active .mt-step-number {
    background: #8dbf41;
    border: solid 3px #8dbf41;
}
.details_step_booking .step-line .active .mt-step-title:after, .details_step_booking .step-line .active .mt-step-title:before {
    background: #8dbf41;
}
.course_book_details fieldset{
    border: solid 1px #8dbf41;
}
.course_book_details fieldset legend {
    width: auto;
    margin-left: 30px;
    padding-right: 21px;
    font-size: 14px;
}
.course_book_details fieldset legend span {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}
.course_book_details .list_holes {
    float: left;
    width: 400px;
}
.course_book_details .list_holes .step-line .mt-step-col {
    text-align: center;
}
.course_book_details .list_holes .step-line .mt-step-number {
    border-radius: 50%!important;
    display: inline-block;
    padding: 5px;
    border: 1px solid #868686;
    position: relative;
    z-index: 5;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}
.course_book_details .list_holes .step-line .active .mt-step-number {
    background: #8dbf41;
}
.course_book_details .list_holes .mt-step-col:after {
    content: '';
    height: 1px;
    width: 73%;
    position: absolute;
    background-color: #868686;
    top: 16px;
    z-index: 4;
    right: -40px;
    transform: translateY(-100%);
}
.course_book_details .list_holes .mt-step-col.last:after{
    background-color: #8dbf41;
}
.course_book_details .view_all{
    text-align: right;
    margin: 10px 15px;
}
.tee_time_weeken {
    border: solid 1px #ccc;
    margin-top: 20px;
    padding: 10px 0;
    background: #d8d8d8;
}
.tee_time_weeken .course_tee_time_item {
    background: #fff;
    width: calc(15.2% - 28px);
}
.tee_time_weeken .course_tee_time_item .price_news {
    color: #FE6B59;
    font-size: 18px;
}
.tee_time_weeken .title {
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
}
.tee_time_weeken .title span {
    border-bottom: solid 1px #4e4e4e;
    padding-bottom: 5px;
}
.booking_package .info_package .title_td{
    background: #EDEDED;
    font-weight: bold;
}
.booking_package .table_details_package .title_td {
    background: #EDEDED;
    font-weight: bold;
}
.booking_package .table_details_package td {
    padding: 16px;
}
.calendar_select #datepicker_inline_from {
    float: left;
}
.calendar_select #datepicker_inline_to {
    float: right;
}
.calendar_select .datepicker-inline {
    width: 100%;
}
.calendar_select .datepicker table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.calendar_select .datepicker table td, .calendar_select .datepicker table th {
    padding: .75rem;
    vertical-align: top;
    width: 45px;
    border: solid 1px #dee2e6;
}
.booking_package .select_package .label {
    float: left;
    border: solid 1px #ccc;
    background: #eee;
    padding: 5px 11px;
}
.booking_package .select_package .label_week {
    background: #418BCA;
}
.booking_package .select_package input {
    float: left;
    padding: 4px 10px;
    width: 143px;
}
.booking_package .select_package select {
    float: left;
    height: 31px;
    line-height: 31px;
    padding: 4px 10px;
    width: 62%;
}
.booking_package .select_package .package_option_first {
    width: 33%;
    float: left;
}
.booking_package .select_package .package_option_second {
    margin-top: 10px;
    overflow: hidden;
    width: 33%;
    float: left;
}
.booking_package .content_tab_ui {
    margin-top: 20px;
}
.booking_package .content_tab_ui ul{
    list-style: none;
    padding-left: 0;
    display: flex;
}
.booking_package .content_tab_ui ul a {
    padding: 15px 10.5px;
    background: #dee2e6;
    color: #545454;
    border: solid 1px #555;
    display: block;
    min-width: 155px;
    text-align: center;
}
.booking_package .content_tab_ui ul a.active {
    background: #8dbf41;
    color: #fff;
}
.booking_package .content_tab .content_tab_info {
    margin-bottom: 10px;
}
.booking_package .content_tab .tab_info {
    display: none;
}
.booking_package .content_tab .tab_info.active {
    display: block;
}
.booking_package .content_tab .content_tab_info .content {
    padding: 10px;
    background: #EDEDED;
    display: none;
}
.booking_package .content_tab .content_tab_info .content.active {
    display: block;
}
.booking_package .content_tab .content_tab_info .title {
    background: #D1E9AF;
    padding: 10px 0;
}
.booking_package .content_tab .content_tab_info .title a {
    float: right;
    margin-right: 20px;
}
.booking_package .content_tab .content_tab_info span.date{
    background: #8dbf41;
    padding: 11px 20px;
    color: #fff;
    margin-right: 20px;
}
.booking_package .booking_hotel_content .choose_hotel .content {
    padding: 10px;
    background: #EDEDED;
}
.booking_package .booking_hotel_content .choose_hotel .box{
    float: left;
    width: 20%;
    background: #CAD3DA;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}
.booking_package .booking_hotel_content .choose_hotel .box:nth-child(3) {
   /* width: 34%;*/
}
.booking_package .booking_hotel_content .choose_hotel .box.active {
    background: #838E94;
}
.booking_package .booking_hotel_content .choose_hotel .box .hotel_rate {
    margin-bottom: 10px;
}
.booking_package .booking_hotel_content .choose_hotel .box .hotel_rate span{
    background: #363A43;
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
    text-transform: uppercase;
}
.booking_package .booking_hotel_content .choose_hotel .box .title h3 {
    font-size: 16px;
}
.booking_package .booking_hotel_content .choose_hotel .box .title_note {
    font-weight: 500;
}
.booking_package .booking_policy {
    margin-top: 10px;
    padding: 10px;
    border: solid 1px #ccc;
    background: #EDEDED;
}
.booking_package .booking_policy .box_content {
    background: #fff;
}
.booking_package .booking_policy .box_content.service_dif .content{
    border-left: solid 2px #57683B;
    padding-left: 10px;
}
.booking_package .booking_policy .box_left {
    float: left;
    width: 52%;
    margin-right: 10px;
}
.booking_package .booking_policy .box_right {
    float: left;
    width: 46.5%;
}
.booking_package .booking_policy .box_full {
    margin: 10px 0;
}
.booking_package .booking_policy .box {
    padding: 10px;
}
.booking_package .booking_policy .box .title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.booking_package .booking_policy .box .title span {
    background: #57683B;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.booking_package .booking_policy .box .content p{
    margin-bottom: 0;
}
.booking_package .booking_policy .box_content ol{
    padding-left: 20px;
    margin-bottom: 0;
}
.booking_package .booking_policy .box_content ol li{
    padding-bottom: 10px;
}
.booking_package .list_item_relate {
    margin-top: 20px;
}
.booking_package .content_tab .info_box img{
    width: 100%;
}
.order_package .order_info_table {
    border: solid 2px #56a736;
    margin-bottom: 10px;
}
.order_package .order_info_table .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: #56a736;
    margin-bottom: 0;
    color: #fff;
}
.order_package .order_info_table .table_order_package {
    padding: 10px 10px 0 10px;
}
.order_package .order_info_table .title_td {
    background: #EDEDED;
    font-weight: bold;
}
.order_package .order_info_table .price_td {
    font-weight: bold;
    color: #FE6B59;
}
.order_package .order_info_table .price_td.total {
    color: #ff0000;
    font-size: 15px;
}
.order_package .submit_order {
    padding: 0 10px 10px 10px;
}
.order_package .attention {
    padding: 10px 10px 0 10px;
    font-style: italic;
}
.order_package .form_info {
    padding: 10px;
}
.order_package .form_info .form_group_custom {
    float: left;
    margin-bottom: 15px;
}
.order_package .form_info .form_group_custom.first {
    margin-left: 21px;
}
.order_package .form_info .form_group_custom .label {
    float: left;
    padding-top: 5px;
}
.order_package .form_info .form_group_custom input {
    width: 267px;
    padding: 3px 10px;
    margin: 0 10px;
}
.order_package .form_group_full {
    margin-bottom: 20px;
}
.order_package .form_group_full .label {
    float: left;
    padding: 5px 10px;
    background: #EDEDED;
    border: solid 1px #ccc;
}
.order_package .form_group_full input {
    padding: 4px 10px;
    width: 90%;
}
.order_package .form_group_full textarea {
    border-radius: 0;
    border: solid 1px #ccc !important;
    width: 99%;
}
.order_package .form_group_choose {
    margin-bottom: 20px;
}
.order_package .form_group_choose input{
    margin-right: 5px;
}
.order_package .form_group_choose span{
    margin-right: 30px;
}
.payment_page .checkout_box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}
.payment_page .checkout_box h5 {
    padding: 10px;
    background: #8dbf41;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.payment_page .info_box {
    padding: 10px;
}
.payment_page .total_info {
    border-bottom: dashed 1px #ccc;
    margin-bottom: 10px;
}
.payment_page .total_info > ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.payment_page .total_info > ul > li {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.payment_page .total_info > ul > li span{
    float: right;
    font-weight: bold;
}
.payment_page .title_middle {
    text-align: center;
    font-size: 15px;
    color: #FE6B59;
    padding: 10px 0;
    border-bottom: dashed 1px #ccc;
}
.payment_page .checkout_service ul {
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
}
.payment_page .checkout_service ul li {
    color: #FE6B59;
    padding: 5px 0;
}
.payment_page .checkout_service ul li .multiply {
    color: #333;
    padding-left: 10px;
}
.payment_page .checkout_service ul li .total_last {
    float: right;
    color: #FE6B59;
    font-weight: bold;
}
.payment_page .checkout_total ul{
    list-style: none;
    padding-left: 0;
}
.payment_page .checkout_total ul li span {
    float: right;
    color: #ff0000;
    font-weight: bold;
}
.payment_page .attention {
    font-style: italic;
}
.payment_page .nav-tabs {
    float: left;
    display: block;
    background: #8dbe41;
    margin-right: 20px;
    min-height: 460px;
    width: 215px;
    padding: 10px;
}
.payment_page .nav-tabs li {
    margin-bottom: 10px;
}
.payment_page .nav-tabs a{
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #fff;
}
.payment_page .nav-tabs  a.active {
    background: #fff;
    color: #333;
}
.payment_page .tab-content {
    float: left;
    width: 460px;
}
.order_success {
    padding-bottom: 25px;
    border: solid 1px #56a736;
}
.order_success h3 {
    text-align: center;
    color: #ff0000;
    font-style: italic;
}
.order_success .form_order_success {
    border: solid 1px #56a736;
    margin-top: 20px;
}
.order_success .form_order_success h4 {
    text-align: center;
    background: #eaeaea;
    padding: 10px 0;
    font-size: 16px;
    border-bottom: solid 1px #ccc;
}
.order_success .form_order_success .title_table {
    background: #56a736;
    padding: 10px;
    color: #fff;
    font-size: 16px;
}

.order_success .form_order_success .table_custom {
    padding: 10px 10px 0 10px;
}
.order_success .form_order_success .table_service tbody{
    text-align: center;
}
.order_success .form_order_success .tr_cospan {
    background: #eaeaea;
}
.order_success .form_order_success .price_total {
    color: #FE6B59;
    font-weight: bold;
}
.order_success .form_order_success .table_info_customer tbody{
    text-align: center;
}
.order_success .form_order_success .tr_cospan.note {
    text-align: left;
}
.order_success .form_order_success .table_total tbody {
    text-align: center;
}
.order_success .table_total .price{
    color: #ff0000;
    font-weight: bold;
}
.order_success .total_success {
    padding: 0 10px 10px 10px;
}
.order_success .total_success .attention {
    font-style: italic;
    color: #FE6B59;
    float: left;
}
.order_success .total_success .total {
    float: right;
}
.order_success .total_success .total p {
    margin-bottom: 0;
}
.order_success .total_success .total p .price_promotion {
    color: #8dbf41;
}
.order_success .thankyou {
    text-align: center;
    color: #ff0000;
    margin-top: 20px;
    font-size: 22px;
    font-style: italic;
}
.order_page .order_info_table {
    border: solid 1px #ccc;
    margin-bottom: 20px;
}
.order_package .form_golf_single_left {
    float: left;
    width: 65%;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.order_package .form_golf_single_right {
    float: left;
    width: 35%;
    padding-bottom: 1px;
    border-bottom: solid 1px #ccc;
}
.order_package .title_form_hourse {
    background: #eaeaea;
    padding: 10px;
    font-weight: bold;
    width: 65%;
    float: left;
    border-right: solid 1px #ccc;
}
.order_package .form_golf_single_left .form_box {
    padding: 10px;
}
.order_package .form_golf_single_left .form_box p {
    margin-bottom: 5px;
}

.order_package .form_golf_single_left .form_box p .time, .order_package .form_golf_single_left .form_box p .date {
    padding: 0 20px;
    color: #8dbf41;
}
.order_package .hole_info {
    margin: 15px 0;
}
.order_package .hole_info span {
    float: left;
    margin-top: 5px;
    margin-right: 17px;
}
.order_package .hole_info .step-line .mt-step-col {
    text-align: center;
}
.order_package .hole_info .step-line .mt-step-number {
    border-radius: 50%!important;
    display: inline-block;
    padding: 5px;
    border: 1px solid #868686;
    position: relative;
    z-index: 5;
    height: 30px;
    width: 30px;
    text-align: center;
}
.order_package .hole_info .mt-step-col:after {
    content: '';
    height: 1px;
    width: 72%;
    position: absolute;
    background-color: #868686;
    top: 16px;
    z-index: 4;
    right: -37px;
    transform: translateY(-100%);
}
.order_package .hole_info .mt-step-col.last:after {
    content: none;
}
.order_package .hole_info .step-line .active .mt-step-number {
    background: #8dbf41;
}
.order_package .people_play {
    float: left;
    margin-right: 20px;
}
.order_package .people_play input,.order_package .car_electric input {
    padding: 0 10px;
    width: 150px;
}
.order_package .order_info_table img {
    margin-left: 5px;
}
.order_package .title_form_payment {
    background: #eaeaea;
    padding: 10px;
    font-weight: bold;
    width: 35%;
    float: right;
}
.order_package .form_golf_single_right .price_details_payment {
    padding: 10px;
}
.order_package .form_golf_single_right .price_details_payment .price_people {
    text-align: right;
}
.order_package .form_golf_single_right .price_details_payment .price {
    color: #ff0000;
    font-weight: bold;
}
.order_package .form_golf_single_right .price_details_payment .price_total {
    font-size: 16px;
    border-top: solid 1px #ccc;
    padding-top: 10px;
}
.order_package .form_golf_single_right .price_details_payment .attention_order {
    color: #ff0000;
    font-style: italic;
}
.form_group_custom {
    margin-bottom: 10px;
}
.form_custom_input {
    width: 320px;
    border: solid 1px #ccc;
    padding: 5px;
    margin-left: 5px
}
.course_list_page .click_add_img {
    margin-top: -7px;
}
.form_upload_photo {
    clear: both;
    margin-bottom: 20px;
}
#submit-upload-img {
    margin-top: 10px;
    float: right;
}
.modal-backdrop {
    display: none;
}
.modal-open .modal {
    background: #00000052;
}
.modal .modal-header .close {
    margin-top: 0!important;
}
.modal-header {
    display: block;
}
.edit-phto input{
    background: transparent;
    border: none;
    cursor: pointer;
}
.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(../images/icon/remove-icon-small.png) !important;
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.upload_avatar_modal .myavatar img.active{
    background: #28a745;
    padding: 5px;
}
.upload_avatar_modal .myavatar .title {
    padding: 10px 0;
    border-top: solid 1px #ccc;
    margin-top: 10px;
}
.upload_avatar_modal .myavatar {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
.upload_avatar_modal .upload_avatar {
    text-align: center;
    border: solid 1px #ccc;
    font-size: 30px;
    cursor: pointer;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.upload_avatar_modal .upload_avatar i {
    margin-top: 30px;
}
.upload_avatar_modal .button_submit{
    margin-top: 10px;
    text-align: right;
}
.submit_change_bg {
    position: absolute;
    bottom: 0;
    left: 120px;
    width: 200px;
}
.submit_change_bg button {
    margin-left: 10px;
}
.hidden {
    display: none;
}
.like_user_click {
    cursor: pointer;
}
.like_user_click i{
    font-size: 22px;
}
.like_user_click.active {
    color: rgb(255, 103, 103);
}
.choose_score_point {
    margin-bottom: 20px;
}
.choose_score_point a {
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    border: solid 1px #fff;
}
.active_tr {
    background: #ff4400 !important;
    color: #fff;
}
.top-search form select {
    background: #f4f2f2 none repeat scroll 0 0;
    border: medium none;
    font-size: 13px;
    padding: 6px 10px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.new-postbox .attachments .image_attachment_post {
    margin: 0 0 0 5px;
    position: relative;
    text-transform: capitalize;
}
.find_image_user {
    float: left;
    margin-right: 10px;
}
.find_image_user img {
    border-radius: 50%;
}
.select2-results__option {
    border-bottom: solid 1px #ccc;
}
.post_timeline {
    float: none !important;
    margin-top: 0 !important;
}
.timeline_img_bg {
    position: relative;
}
.timeline_img_bg .full_name_timeline {
    position: absolute;
    bottom: 2px;
    left: 200px;
    font-size: 28px;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
}
.we-video-info .comment {
    cursor: pointer;
}
.fancy_popup_post .image_photo {
    position: relative;
}
.fancy_popup_post .control_button {
    font-size: 120px;

}
.fancy_popup_post .control_button .prev_timeline {
    position: absolute;
    top: 35%;
}
.fancy_popup_post .control_button .next_timeline {
    position: absolute;
    top: 35%;
    right: 0;
}
.fancy_popup_post .control_button a {
    color: #fff;
}
.group_quantri {
    list-style: none;
    padding-left: 0;
    display: flex;
}
.group_quantri li {
    margin: 10px 20px 0 0;
}
.group_quantri li img {
    border-radius: 50%;
}
.group_quantri li a {
    padding-left: 20px;
}
.like_post_popup ul {
    list-style: none;
    padding-left: 0;
}
.like_post_popup ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
}
.like_post_popup ul li img {
    border-radius: 50%;
}
.like_post_popup ul li span {
    margin-left: 10px;
    font-weight: bold;
}
.group_community_left .li_image {
    border-bottom: solid 1px #ccc;
}
.group_community_left .li_image a {
    margin-bottom: 10px;
}
.group_community_left .li_image img {
    border: solid 8px #fff;
    padding: 0;
}
.group_community_left .li_image .friend-meta {
    text-align: center;
    display: block;
    width: 100%;
}
.tab_right_member.tab-content .tab-pane > span i {
    font-size: 22px;
}
.sidebar .widget_menu_left .group_for_me img {
    padding-right: 0;
    margin-right: 5px;
}
.hcp_image_timeline a, .hcp_image_popup{
    display: block;
    position: relative;
}
.hcp_image_timeline a .table_hcp_details_img, .hcp_image_popup .table_hcp_details_img{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #ff000087;
    padding: 5px 10px 10px 10px;
}
.hcp_image_timeline a .table_hcp_details_img .total_hit, .hcp_image_popup .table_hcp_details_img .total_hit {
    font-size: 24px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
}
.hcp_image_timeline a .table_hcp_details_img .total_over, .hcp_image_popup .table_hcp_details_img .total_over {
    font-weight: normal;
}
.hcp_image_timeline a .table_hcp_details_img .table_hcp, .hcp_image_popup .table_hcp_details_img .table_hcp {
    padding-top: 5px;
}
.hcp_image_timeline a .table_hcp_details_img .table_hcp span, .hcp_image_popup .table_hcp_details_img .table_hcp span {
    padding-right: 12px;
    font-size: 16px;
}
.hcp_image_timeline a .table_hcp_details_img .table_hcp span.over_loop, .hcp_image_popup .table_hcp_details_img .table_hcp span.over_loop {
    font-weight: bold;
    font-size: 20px;
}
.handi_score_timeline .tee_box_color {
    background: #000;
    width: 25px;
    height: 15px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    border: solid 1px black;
}
.tee_box_color.black {
    background: black;
}
.tee_box_color.blue {
    background: blue;
}
.tee_box_color.gold {
    background: gold;
}
.tee_box_color.red {
    background: red;
}
.tee_box_color.white {
    background: white;
}
.table_tee_black {
    background: #00000094 !important;
}
.table_tee_blue {
    background: #0000ff6e !important;
}
.table_tee_gold {
    background: #ffd7006e !important;
}
.table_tee_red {
    background: #ff000087 !important;
}
.table_tee_white {
    background: #ffffff4f !important;
}
.hcp_image_popup .image_popup {
    min-height: 500px;
    background: #000;
    align-items: center;
    display: flex;
}
.friends_tags_timeline{
    display: flex;
    padding-left: 1px;
}
.friends_tags_timeline span {
    padding-right: 20px;
}
.friends_tags_timeline li {
    padding-right: 25px;
}
.we-video-info > ul li {
    margin-right: 20px;
}
.mt-radio-inline .mt-radio {
    display: flex;
    width: 50px;
    float: left;
    margin-right: 20px;
}
.mt-radio-inline .mt-radio span {
    padding-top: 3px;
}
.dropzone .dz-preview {
    margin: 5px;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0px;
}
.cancel_button_friends {
    background: none;
    color: #d03c3c !important;
}
.timeline-info {
    border-bottom: solid 4px #56a737;
}
.timeline-info > ul li a {
    padding: 0 18px;
    font-weight: bold;
}
.chat-list > ul {
    height: 290px;
}
.about_tab_fix_1 h5{
    background: #56a737;
    padding: 8px;
    margin: 0;
}
.about_tab_fix_1 h5 strong {
    color: #fff;
}
.table_score_timeline thead{
    background: #56a737;
    color: #fff;
}
.social-media .menu .trigger{
    background: none;
    margin-top: 5px;
    color: #333;
}
.social-media .menu .trigger i {
    color: #333;
    font-size: 22px;
}
.social-media .menu .rotater .btn{
    background: #333;
}
.social-media .zalo-share-button {
    margin-top: 2px;
}
#specifications .table_speci {
    margin-top: 10px;
}
#specifications .table_speci .table_details{
    width: 100%;
}
#specifications .table_speci .table_details .title_spec {
    text-align: center;
    background: #ffdb1f;
    padding: 10px 0;
}
.keep_booking:before,.booking_success:before {
    content: '';
    /*background: #8dbf4130 url(../images/booking_icon/waiting_book.png) no-repeat center;*/
    background: #56a7377a;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
}
.span_booking_success {
    position: absolute;
    background: #1f7104;
    width: 100%;
    color: #fff;
    top: 50%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}
.select_people_play, .select_number_electrict {
    width: 50px;
    height: calc(2.25rem + 1px);
}
.select_card_electrict {
    width: 80px;
    height: calc(2.25rem + 1px);
}
.total_golf_price {
    padding: 10px;
    margin-bottom: 10px;
    text-align: right;
}
.total_golf_price div {
    font-size: 14px;
    padding-bottom: 10px;
}
.total_golf_price .price {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
}
.waiting_book {
    position: absolute;
    background: #ff0000b8;
    width: 100%;
    color: #fff;
    top: 50%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}
.table_order_history .tr_details a{
    font-size: 14px;
}
.calendar-select-1 {
    float: left;
    width: 48%;
    margin-bottom: 10px;
}
.calendar-select-2 {
    float: right;
    width: 48%;
}
.pignose-calendar {
    width: 100% !important;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #28a745 !important;
}
.hotel_star_span {
    color: #ff9109;
    font-size: 14px;
}
.booking_hotel_content {
    margin-top: 20px;
}
.alert_golf_package {
    margin: 0 10px;
}
.navbar_login {
    background: #56a7379e;
}
.navbar_login .navbar-nav {
    display: block;
}
.navbar_login .navbar-nav li {
    float: left;
    margin-left: 15px;
}
.navbar_login .form-control {
    color: #333;
}
.navbar_login .navbar-nav li span {
    line-height: 30px;
    font-weight: bold;

}
.navbar_login .navbar-nav li span a {
    color: #333;
}
.table_order_package .title_table {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: solid 3px #000;
}
.table_order_package .tr_details .title, .table_order_package .total_price_td {
    font-weight: bold;
}
.table_order_package .tr_details .td_title {
    background: #ccc;
}
.table_order_package .tr_details .info_td {
    font-weight: bold;
}
.table_order_package .tr_details .title_info {
    font-size: 16px;
}
.table_order_info, .table_lichtrinh {
    border: solid 2px #56a736 !important;
    font-size: 14px;
}
.table_order_package .tr_title {
    background: #56a736;
    color: #fff;
    font-weight: bold;
}
.table_order_package .tr_day_number {
    color: #ff0000;
    font-weight: bold;
}
.table_order_package  .total_price_span, .total_1_person_span, .total_all_sale_span {
    color: #FE6B59;
    font-weight: bold;
}
.table_lichtrinh td{
    padding-top: 15px;
}
.table_lichtrinh .day_number {
    background: #56a736;
    color: #fff;
    text-align: center;
}
.table_lichtrinh .tr_day_number_info {
    border: solid 2px #56a736;
}
.table_lichtrinh .title_place {
    font-weight: bold;
    font-size: 16px;

}
.table_lichtrinh .title_lichtrinh {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.person_form_number .title_person {
    font-weight: bold;
    border-bottom: solid 2px #333;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.back_link {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;

}
.back_link a, .status_package_1,.status_order_1 {
    color: #ff0000;
}
.status_package_3 {
    color: #333;
}
.payment_ajax_modal .modal-dialog {
    max-width: 840px;
}
.content_tab_info .title_program {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: #bfbfbf;
    padding: 8px 5px 5px 10px;
}
.content_tab_info .info_car_place ul {
    padding-left: 22px;
}
.booking_process .title_info_process{
    font-weight: bold;
}
.table_order_package .type_place h5 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
.course_tee_time_item .sale_icon{
    position: absolute;
    top: -2px;
    right: 2px;
}
.course_tee_time_item .price_holiday {
    color: #2196F3;
}
.title_request_login {
    margin-top: 10px;
    text-align: center;
}
.form_login_request {
    border: solid 1px #ccc;
    padding: 20px;
    margin-top: 50px;
    background: #fff;
}
.holiday_banner {
    background: #ff6a06;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.sale_banner {
    background: #0586ff;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #28a745cc !important;
    color: #fff;
}
.payment_ck {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.payment_ck li {
    margin-bottom: 20px;
}
.image_bank {
    margin-right: 10px;
}
.button_payment_table {
    text-align: center;
}
.button_payment_table form {
    padding-top: 5px;
    margin-bottom: 0;
}
.button_payment_table button {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
}
.form_order_transfer .title{
    background: #56a736;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.form_order_transfer .info_form {
    border: solid 1px #56a736;
    border-top: none;
    margin-bottom: 40px;
}
.payment_method_list_table {
    background: #25650c;
}
.payment_method_list_table td {
    padding: 15px 0;
}
.payment_method_list_table ul {
    list-style: none;
}
.payment_method_list_table ul li {
    float: left;
    width: 33%;
    color: #fff;
}
.payment_method_list_table .active_payment {
    color: #06e2ec;
}
.info_company_box {
    padding: 10px;
    background: #ecffe5;
}
.info_company_box .logo_img {
    width: 40%;
    float: left;
}
.info_company_box .logo_img img {
    padding: 5px;
}
.info_company_box .info_company {
    float: left;
    padding-left: 20px;
}
.info_company_box .info_company h5 {
    color: #25650c;
    font-size: 20px;
}
.voucher_view_order {
    border: none;
}
.voucher_view_order .form_order_success .table_custom {
    padding: 0;
}
.status_list ul {
    list-style: none;
}
.status_list ul li {
    padding-bottom: 10px;
    font-weight: bold;
}
.status_list ul li input {
    margin-right: 10px;
}
.show_all_info {
    float: right;
    margin-bottom: 20px;
}
.table_custom .info_policy {
    padding: 10px;
}
.menu_request ul{
    list-style: none;
    padding-left: 0;
    float: right;
    margin-bottom: 20px;
}
.menu_agency {
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
}
.menu_agency ul {
    list-style: none;
    padding-left: 0;
    display: flex;
}
.menu_agency ul li {
    margin-right: 20px;
}
.menu_agency ul li a {
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    background: #dec10f;
    color: #fff;
}
.menu_agency .logout_agency {
    background: #ff1c1c;
}
.login_page_agency {
    position: relative;
    min-height: 92vh;
    background: url(../images/bg_login/bg_login_agency.jpg) no-repeat top left;
    background-attachment: fixed;
}
.fc-day-grid-event.tee_time_close {
    background: #ff0000;
    border: solid 1px #ff0000;
}
.md-radio-inline {
    display: flex;
    margin-top: 45px;
}
.md-radio-inline .md-radio {
    margin-right: 20px;
}
.fc-popover {
    width: 100%;
}
.fc-more-popover .fc-h-event {
    float: left;
}
.fc-event-container .fc-day-grid-event {
    cursor: pointer;
}
@media screen and (min-width: 1025px) {
    .custom-col-center {
        flex: 0 0 55%;
        max-width: 55%;
        padding: 0 5px;
    }
    .custom-col-center-9 {
        padding: 0 5px;
    }
    .col-lg-9.custom-col-center-9 {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .feature-photo .background_info_user {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .banner_select {
        position: initial;
    }
    .banner_select img {
        display: none;
    }
    .banner_select .filter_top {
        position: initial;
        padding-bottom: 20px;
    }
    .banner_select .filter_top h1 {
        color: #000;
    }
    .calendar-select-1, .calendar-select-2 {
        width: 100%;
    }
    .booking_package .content_tab_ui {
        overflow: scroll;
    }
    .payment_page .nav-tabs {
        width: 100%;
        margin-bottom: 20px;
    }
    .payment_content .group-choice-radio-package {
        width: 77%;
    }
    .image_bank {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}