﻿/* Add Css */
[class^="fa-"],[class*=" fa-"]{display:inline-block;width:1.25em;text-align:center}
.badge{display:inline-block;padding:0.25em 0.4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem}
.badge{-webkit-border-radius:12px!important;-moz-border-radius:12px!important;border-radius:12px!important}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.badge-pill{padding-right:0.6em;padding-left:0.6em;border-radius:10rem}
.badge-primary{color:#fff;background-color:#007bff}
.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}
.badge-secondary{color:#fff;background-color:#868e96}
.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#6c757d}
.badge-success{color:#fff;background-color:#28a745}
.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}
.badge-info{color:#fff;background-color:#17a2b8}
.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}
.badge-warning{color:#111;background-color:#ffc107}
.badge-warning[href]:focus,.badge-warning[href]:hover{color:#111;text-decoration:none;background-color:#d39e00}
.badge-danger{color:#fff;background-color:#dc3545}
.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}
.badge-light{color:#111;background-color:#f8f9fa}
.badge-light[href]:focus,.badge-light[href]:hover{color:#111;text-decoration:none;background-color:#dae0e5}
.badge-dark{color:#fff;background-color:#343a40}
.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}
.tab-content > .tab-pane{display:none;visibility:hidden}
.tab-content > .active{display:block;visibility:visible}
.btn-postnews{background:#fdd504;color:#333}
.btn-postnews:hover{background:#f6da47}
.btn-phone{color:#fff;background-color:#33a837;border-color:#2d9431;display:block;font-weight:bold!important;font-size:14px;padding:10px 12px}
.list-priority .owl-prev,.list-priority .owl-next{width:30px;height:50px;font-size:50px;line-height:40px;text-align:center;background:rgba(255,255,255,0.8);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;font-family:-webkit-body;opacity:0;filter:alpha(opacity=0);visibility:hidden;background:#f3652a;color:#fff}
.list-priority .owl-next{right:0}
.list-priority .owl-prev{left:0}
.list-priority:hover .owl-next,.list-priority:hover .owl-prev{opacity:1;filter:alpha(opacity=100);visibility:visible}
.list-priority:hover .owl-next{right:10px}
.list-priority:hover .owl-prev{left:10px}
.pd-picture_slick .owl-prev,.pd-picture_slick .owl-next{width:30px;height:50px;font-size:50px;line-height:40px;text-align:center;background:rgba(255,255,255,0.8);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;font-family:-webkit-body;opacity:0;filter:alpha(opacity=0);visibility:hidden;background:#f3652a;color:#fff}
.pd-picture_slick .owl-next{right:0}
.pd-picture_slick .owl-prev{left:0}
.pd-picture_slick:hover .owl-next,.pd-picture_slick:hover .owl-prev{opacity:1;filter:alpha(opacity=100);visibility:visible}
.pd-picture_slick:hover .owl-next{right:10px}
.pd-picture_slick:hover .owl-prev{left:10px}
.pd-picture_slick.owl-theme .owl-controls .owl-pagination{bottom:60px}
.btn-lg{padding:0.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:0.3rem}
.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}
.btn-block{display:block;width:100%}
.btn-block + .btn-block{margin-top:0.5rem}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.main-manage{display:flex;flex-wrap:wrap}
.manage-left{flex:0 0 20%;max-width:20%}
.manage-left .profiles{background:0 0;color:#fff;padding:10px 5px 5px;font-family:'Roboto',sans-serif}
.manage-left .profiles .image{width:45px;height:45px;overflow:hidden;float:left;margin-right:10px;margin-bottom:0;position:relative}
.manage-left .profiles .image img{border-radius:50%;-webkit-border-radius:50%;object-fit:cover;margin:auto;position:absolute;width:100%;height:100%;top:0;left:0}
.manage-left .profiles .acof{font-size:13px;margin-bottom:5px;color:#242424;margin-top:5px;font-weight:300}
.manage-left .profiles .name{margin:0;font-size:16px;font-weight:400;color:#242424}
.manage-right{flex:0 0 80%;max-width:80%;padding-left:20px}
.menu-list{padding-top:10px}
.menu-list .item a{white-space:nowrap;font-size:13px;font-weight:400;text-align:left;color:#4a4a4a;padding-top:10px;padding-bottom:10px;padding-left:60px;position:relative;display:block}
.menu-list .item a i{font-size:18px;height:30px;text-align:center;width:40px;position:absolute;top:0;left:7px;bottom:0;margin:auto;line-height:30px;color:#999}
.menu-list .item.active a,.menu-list .item:hover a{color:#000;text-decoration:none;background:#ececec;border-radius:2px;-webkit-border-radius:2px}
.title-manage{margin-bottom:15px;font-family:'Roboto',sans-serif;font-size:20px;font-weight:300;color:#333;background:#ececec;line-height:30px;padding:6px 10px}
.bgmanage-content{display:block;padding:15px 15px 20px;background:#fff;border-radius:4px;-webkit-border-radius:4px}
.birthday-picker .form-control{width:30%}
.form-list select[name="birth[month]"]{margin:0 5%}
#password-group{display:none;float:left;width:100%}
.account-profile .form-list .col-md-3{padding-left:0}
.form-list label{font-weight:400}
.form-list .form-control{box-shadow:none;font-size:13px;color:#555}
.form-list .itemCheckBox span{font-weight:400;font-style:italic}
.avatar-uploader{display:flex;flex-wrap:wrap;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.avatar-uploader_avatar{display:flex;flex-wrap:wrap;height:150px;width:150px;margin:20px 0;position:relative}
.avatar-uploader_avatar-image{background-image:url(images/avata_upload.png);width:100%;height:100%;border-radius:50%;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer}
.avatar-uploader_file-input{/* position:absolute;*/

/* bottom:0;*/

/* opacity:0;*/

/* height:100%;*/

/* width:100%;*/

/* left:0;*/

/* cursor:pointer;*/}
.avatar-uploader_button{color:#333;line-height:30px;font-size:14px;font-weight:bold;text-transform:uppercase}
.avatar-uploader_text{margin-top:12px;display:block;color:#999;font-size:13px;line-height:20px}
.avatar-uploader_text p{margin:0}
.list_upload_image{display:flex;flex-wrap:wrap}
.list_upload_image .item-upload{display:flex;padding:0 3px}
.list_upload_image .item-upload .avatar-uploader_avatar{margin:0;border:1px solid #ccc}
.list_upload_image .item-upload .avatar-uploader_avatar-image{border-radius:0%;background-position:0%}
.btn-close{color:#fff;background-color:#000;border-color:#fff;position:absolute;right:-10px;top:-10px;border-radius:50%;border:none;padding:0;height:20px;width:20px}
.year-filter_title{float:left;line-height:30px;font-size:14px;font-weight:400;color:#202020;padding-right:6px}
.year-filter_select{font-size:13px;font-weight:lighter;color:#202020;width:150px}
.year-filter_select .form-control{height:30px!important;padding:0 12px;border-radius:0;font-size:13px}
.list-order-teaser .item_order{background-color:#fff;box-shadow:0 1px 1px #dadada;margin-bottom:14px}
.list-order-teaser .item_order .item_order_header{padding:9px 20px;background:#fafafa;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.list-order-teaser .item_order .item_order_header p{margin-bottom:3px}
.list-order-teaser .item_order .item_order_header .order_tt{display:block;font-size:14px;color:#202020}
.list-order-teaser .item_order .item_order_header .order_tt a{color:red}
.list-order-teaser .item_order .item_order_header .order_subtitle{display:block;font-size:13px;font-weight:300;color:#202020}
.list-order-teaser .item_order .item_order_header .order_link{text-transform:uppercase;color:#1a9cb7;font-size:14px}
.list-order-teaser .item_order .item_order_body{padding:10px}
.order-teaser_rows{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start}
.order-teaser_rows .order-teaser_product{flex:0 0 50%;max-width:50%}
@media (max-width:991px){.order-teaser_rows .order-teaser_product{flex:0 0 100%;max-width:100%}}
.order-teaser_rows .order-teaser_product .order-product-bg{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:10px}
.order-teaser_rows .order-teaser_product .order-product-bg .img{width:80px;height:65px;text-align:center;float:left;overflow:hidden;border:1px solid #e5e5e5}
.order-teaser_rows .order-teaser_product .order-product-bg .img img{max-height:100%}
.order-teaser_rows .order-teaser_product .order-product-bg .name{width:calc(100% - 80px);float:left;padding-left:10px}
.order-teaser_rows .order-teaser_product .order-product-bg .name .name-product{font-size:14px;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status{float:left;width:100%;display:block;margin-top:8px}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li{display:inline-block;float:left;margin-bottom:10px}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li:after{content:"|";padding:0 8px;float:right;color:#808080}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li:last-child:after{content:none;padding:0}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li a i.fa{padding-right:5px}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li .status-pro{background-color:#f8f8f8;border:1px solid #dadada;border-radius:12px;font-size:12px;color:gray;padding:5px 12px}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li .gift{color:#199cb7}
.order-teaser_rows .order-teaser_product .order-product-bg .name .status li .remove{color:#e23a24}
.order-details_section{display:flex;flex-wrap:wrap;justify-content:space-between!important;background:#ececec;margin-bottom:15px;box-shadow:0 1px 1px 0 #dadada;white-space:nowrap;padding:18px 15px}
.order-details_shipping{background:#fff;margin-bottom:15px;box-shadow:0 1px 1px 0 #dadada}
.order-details_shipping_header{border-bottom:1px solid #f1f1f1;padding:12px 20px;background:#ececec;display:flex;flex-wrap:wrap;justify-content:space-between}
.order-details_shipping_header .title{font-size:16px}
.order-details_shipping_header .title i.fa{padding-right:6px;color:#FF6600;font-size:18px}
.order-details_shipping_header .seller{color:#FF0000;font-size:14px}
.order-details_shipping_wrapper{padding:12px 20px}
@media (max-width:991px){.order-details_shipping_wrapper{padding:10px 10px}}
.order-details_shipping_wrapper .order-details_state{padding:10px 100px 20px}
@media (max-width:991px){.order-details_shipping_wrapper .order-details_state{padding:10px 10px 20px}}
.order-details_progress{margin:0 25px 34px;position:relative}
.order-details_progress-bar,.order-details_progress-states{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between}
.order-details_progress-bar{height:4px;margin-top:-2px;padding:0 8px;position:absolute;top:50%;width:100%}
.order-details_progress-bar-item{background:#e9e9e9;-ms-flex-preferred-size:100%;flex-basis:100%;height:100%;background:gray}
.order-details_progress-states{position:relative}
.order-details_progress-states-item{background:gray;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;height:14px;position:relative;width:14px}
.order-details_progress-states-item.is-current{background:#fff;border:5px solid #FF6600;height:20px;width:20px}
.order-details_progress-states-name{left:50%;padding:10px 0;position:absolute;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;color:gray;font-size:12px;display:none}
.order-details_progress-states-name.is-current{font-size:14px;color:#FF6600;display:block!important}
.order-pro-table-img img{height:auto;max-height:100%;width:80px}
@media (max-width:991px){.order-pro-table-img{display:none}}
.order-pro-table-detail{width:50%}
.order-pro-table-detail .title{font-size:14px;line-height:1.2;overflow:hidden;color:#202020;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;font-weight:bold}
.order-pro-table-price{font-size:14px;line-height:1.2;text-align:right}
.order-pro-table-quantity{padding-left:40px!important}
.order-pro-table-quantity .value{font-size:14px;line-height:1.2}
.order-pro-table-actions{text-align:right;font-weight:bold;color:red}
@media (max-width:991px){.order-pro-table-actions{display:none}}
.order-details_footer{display:flex;flex-wrap:wrap;border:1px solid #dadada}
.order-details_footer-column{padding:12px 16px;box-sizing:border-box;box-shadow:0 1px 1px 0 #dadada;flex:0 0 25%;max-width:25%}
.order-details_footer-column:last-of-type{flex:0 0 50%;max-width:50%}
@media (max-width:991px){.order-details_footer-column:last-of-type{flex:0 0 100%;max-width:100%;padding:12px 15px}}
@media (max-width:991px){.order-details_footer-column{flex:0 0 100%;max-width:100%;padding:12px 15px}}
.order-details_footer-column .title{font-size:16px;line-height:1.2;margin-bottom:11px}
.order-details_footer-column .order-details_address{line-height:18px}
.order-details_footer-column .order-details_address p{margin-bottom:3px}
.order-details_footer-column .order-details_receipt{font-size:13px;line-height:1.6}
.order-details_footer-column .order-details_receipt-row{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;margin-bottom:3px;font-weight:bold}
.order-details_footer-column .order-details_receipt-summary{border-top:1px solid rgba(217,217,217,0.7);margin-top:10px;padding-top:12px}
.cont-receive-address .des{color:#e5101d;line-height:17px;padding-top:12px;display:block}
.cont-receive-address .address-blocks,.cont-receive-address .bank_account{display:flex;flex-wrap:wrap;width:100%}
.cont-receive-address .address-blocks .item,.cont-receive-address .bank_account .item{flex:0 0 50%;max-width:50%;padding:15px;background-color:#DCEAFA;border:1px solid #ccc;position:relative}
.cont-receive-address .address-blocks .item .buttons2{top:84%;color:#e5101d;font-size:18px;position:absolute;right:2px}
@media (max-width:991px){.cont-receive-address .address-blocks .item,.cont-receive-address .bank_account .item{flex:0 0 100%;max-width:100%}}
.cont-receive-address .address-blocks .item p,.cont-receive-address .bank_account .item p{margin-bottom:5px}
.cont-receive-address .address-blocks .item .cus-name,.cont-receive-address .bank_account .item .cus-name{font-weight:bold}
.cont-receive-address .address-blocks .item .buttons,.cont-receive-address .bank_account .item .buttons{position:absolute;top:2px;right:2px;color:#e5101d;font-size:18px}
.cont-receive-address .bank_account .item .buttons2{top:88%;color:#e5101d;font-size:18px;position:absolute;right:2px}
.add-address-block .bt-add{background:#ff4444;padding:8px 15px 8px 15px;color:#fff;font-weight:bold;position:relative;border:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:15px;cursor:pointer;margin-bottom:10px;white-space:nowrap;display:inline-block}
.add-address-block .bt-add .fa{padding-right:6px}
.tracking-order-form{min-height:222px;padding:15px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;width:100%}
.tracking-order-form h4{font-size:24px;text-align:center;padding:0 15px;color:#007FF0;margin-bottom:10px}
.tracking-order-form .form-inline .form-group{display:inline-block;padding:0 5px}
.tracking-order-form a{color:#0067bf}
.tracking-order-form .description{font-size:12px;text-align:center;padding-bottom:10px;padding-left:15px;padding-right:15px;margin-bottom:30px}
.notification_user{display:flex;flex-wrap:wrap;border:1px solid #eee;background-color:#FFF;margin-bottom:20px}
.list-notification{width:250px;margin:0;list-style:none;font-size:14px;border-right:1px solid #eee;min-height:650px;overflow-y:scroll}
.list-notification .item{background-color:#fafafa;border-left:3px solid #fafafa;color:#82949a;margin-bottom:7px;padding:10px 8px}
.list-notification .item.active{background:#ecf4fc;border-left:3px solid #ccc}
.list-notification .item a{display:flex;flex-wrap:wrap;justify-content:space-between!important}
.list-notification .item .col1{width:100%;position:relative;min-height:20px;line-height:20px}
.list-notification .item .col1 .badge{display:block;padding:5px 4px 6px 5px;vertical-align:middle;position:absolute;top:0;left:0}
.list-notification .item .col1 .badge i.fa{color:#fff}
.list-notification .item .col1 .desc{display:inline-block;color:#288ad6;font-size:13px;padding-left:30px;vertical-align:middle}
.list-notification .item .date{font-style:italic;color:#c1cbd0;font-size:14px;padding-left:30px;margin-top:3px}
.tab-content-notification{-webkit-flex:1;-ms-flex:1;flex:1}
.details_sms{padding:30px;position:relative}
.details_sms p{line-height:24px}
.details_sms .name_user{font-size:22px;font-weight:600}
.details_sms .phone_user,.details_sms .email_user{font-size:16px}
.details_sms .cfm{color:#f1632b;font-weight:600;font-size:16px}
.details_sms .description_sms{font-size:14px;font-weight:500}
.details_sms .description_sms .destn{font-size:16px;font-weight:bold}
.rowtopused{display:block;position:relative;height:45px;background:#fff;margin-bottom:10px;border-bottom:1px solid #d9d9d9}
.naviused{float:left;overflow:hidden;width:60%;background:#f4f4f4;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:none;border-top-left-radius:3px;border-top-right-radius:3px}
.naviused .item{float:left;width:20%;overflow:hidden;height:44px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing:border-box}
.naviused .item a{display:block;font-size:12px;padding:15px 5px 5px 0;text-align:center;text-transform:uppercase;color:#288ad6}
.naviused .item.active{border-bottom:1px solid #fff;background:#fff;border-top:2px solid #288ad6}
.naviused .item.active a{color:#333;font-weight:600}
.colchoosecity{float:left;position:relative;top:-7px;margin-left:15px}
.colchoosecity span.txt{display:inline-block;float:left;font-size:14px;color:#4a4a4a;padding:14px 10px}
.colchoosecity span.txt i.fa{font-size:16px}
.colchoosecity .choosecity{float:left;padding:15px 0;font-size:13px;color:#4a4a4a;cursor:pointer}
.colchoosecity .choosecity b{float:right;margin:6px 0 0 6px;width:0;height:0;border-top:6px solid #4a4a4a;border-left:6px solid transparent;border-right:6px solid transparent}
.colchoosecity .dropcity{width:416px;position:absolute;top:50px;left:-50%;z-index:10;background:#f6f6f6;box-shadow:0 2px 6px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 6px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 6px 2px rgba(0,0,0,0.15)}
.colchoosecity .dropcity b{position:absolute;top:-10px;left:0;right:0;width:0;height:0;border-bottom:10px solid #f6f6f6;border-left:10px solid transparent;border-right:10px solid transparent;display:block;margin:auto}
.colchoosecity .dropcity form{display:block;height:42px;position:relative;margin:10px 12px}
.colchoosecity .dropcity form input{display:block;padding:8px 2%;height:35px;width:100%;background:#fff;font-size:14px;color:#333;border:1px solid #e9e9e9;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.colchoosecity .dropcity form button{position:absolute;top:1px;right:1px;width:35px;height:33px;background:#fff;border:0}
.colchoosecity .dropcity ul.listcity{display:block;overflow:hidden;margin:10px;max-height:350px;background:#f6f6f6;overflow-x:hidden;overflow-y:auto}
.colchoosecity .dropcity ul.listcity li{float:left;width:33.33%;overflow:hidden}
.colchoosecity .dropcity ul.listcity li a{display:block;font-size:12px;color:#4a4a4a;text-transform:capitalize;padding:10px}
.colchoosecity .dropcity ul.listcity li a.active{color:#4a90e2!important}
.feature-cate-name{padding:20px 0 5px 0;line-height:1.5;width:100%;display:block}
.feature-cate-name .txth{text-transform:uppercase;font-weight:bold;font-size:16px}
.list-priority{margin:15px 0 20px;border:1px solid #ccc;padding:10px 0;border-top:3px solid #fdd504}
.list-priority .item{padding:0 15px}
.list-priority .bglipro .c-product-item_info{padding:6px 8px 10px;height:130px;position:relative}
.list-priority .bglipro .c-product-item_info .txtname{display:block;line-height:1.3em;font-size:13px;color:#333;font-weight:600;margin:5px 35px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.list-priority .bglipro .c-product-item_info label{display:block;padding:3px 0 0;font-size:13px;color:#ababab;font-weight:400;text-align:left}
.consignmentold-detail{display:flex;flex-wrap:wrap}
.consignmentold-detail .cd-left{flex:0 0 75%;max-width:70%;padding-right:20px}
.consignmentold-detail .cd-right{flex:0 0 25%;max-width:30%}
.block-picture{position:relative}
.pd-picture_slick{text-align:center;background:#eeeeee}
.note-picture{background:black;position:absolute;bottom:0;width:100%;opacity:.8;text-align:right;padding:8px 4px;font-size:13px}
.note-picture span{display:inline-block;vertical-align:middle;color:whitesmoke;margin-right:4px}
.consignmentold-pro-info .description{font-size:14px;line-height:25px;margin:10px 0}
.consignmentold-pro-info .area_price .status{margin-left:0}
.consignmentold-pro-info .area_price .new-price{font-size:14px;line-height:20px;padding:4px 0;font-weight:600}
.chu-y{margin:7px auto 3px;border:2px solid #f28007;padding:8px;font-size:14px;color:#363636;overflow:hidden;max-width:100%;text-align:center}
.info-feedback{padding-bottom:15px;/* overflow:hidden;*/
height:auto;line-height:40px}
.info-feedback a{display:inline-block;color:#636363;margin-right:10px}
.info-feedback a i.fa{font-size:20px;color:#999;padding-right:8px}
.fb-like{display:inline-block;position:relative}
.contactPanel{position:relative;border-bottom:1px solid #E5E5E5;padding:0 10px 10px}
.contactPanel:after{content:'';display:block;position:absolute;bottom:-6px;left:-webkit-calc(50% - 5px);left:calc(50% - 5px);width:10px;height:10px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);background:#FFFFFF;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5}
.contactPanel .avarta{position:relative;width:50px;height:50px}
.contactPanel .avarta .img-thumbnail{width:100%;height:100%;border-radius:50%;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer;border:2px solid #E5E5E5}
.contactPanel .meta-contact{float:right;width:-webkit-calc(100% - 60px);width:calc(100% - 60px);padding-bottom:5px;font-family:"Open Sans",sans-serif}
.contactPanel .meta-contact .name{font-weight:bold;font-size:15px;line-height:20px;margin-bottom:5px}
.contactPanel .meta-contact .add{overflow:hidden;line-height:17px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#6a90bc}
.contactPanel .meta-contact .add i.fa{font-size:20px;color:#999}
.contactPanel .meta-contact .date{display:block;margin-bottom:5px;color:#979797}
.contactPanel .meta-contact .linkshop{color:#fe9900;padding:5px 0;margin-top:8px}
.secure_purchase{color:#777}
.secure_purchase p.txt{padding:10px 0 0 0;text-transform:uppercase;margin:10px 0;font-weight:bold;font-size:14px}
.secure_purchase ul{padding-left:16px;line-height:20px;font-size:13px;font-weight:500;list-style-type:disc}
.secure_purchase p.txt2 a{color:#fe9900}
.deta-info{display:none;margin:10px 0 24px;font-weight:bold;text-align:center;font-size:18px}
.deta-info.show{display:block!important}
.btn-phone.hidden{display:none!important}
.main-postnew{max-width:940px;margin:10px auto}
.list-info-post{display:table;width:100%;height:60px;line-height:60px;text-align:center;background:#f5f5f5;margin:0;border-radius:3px 3px 0 0}
.list-info-post li{display:table-cell;border-right:1px solid #e0e0e0;width:25%;border-bottom:1px solid #e0e0e0;position:relative;font-weight:bold;font-size:17px;color:#898989}
.list-info-post li.active{background:#fdd504;color:#333}
.list-info-post li a{display:block}
.list-info-post li:first-child{border-radius:3px 0 0}
.item-contentbanxe{background:#fff;padding:15px 0}
.item-contentbanxe .form-group .control-label{display:block;margin-bottom:10px;line-height:20px;color:#898989}
.alert-info-post{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;background-color:#d9edf7;border-color:#bce8f1;color:#31708f;line-height:20px;font-size:14px}
.alert-info-post ul{padding-left:15px;list-style:disc}
.Setprice{position:relative}
.Setprice .form-control{height:45px;text-align:left;margin:auto;font-size:19px;font-weight:bold;box-shadow:none;border:none;border-bottom:1px solid #ccc;border-radius:0}
.Setprice .akr-over{position:absolute;right:10px;top:0;bottom:0;margin:auto;height:15px;text-align:right;color:#999}
.name-price{font-size:14px;width:100%;padding-top:5px;color:#33333399}
/*# sourceMappingURL=addstyle.css.map */
input.avatar-uploader_file-input.file_view{position:absolute;bottom:0;opacity:0;height:100%;width:100%;left:0;cursor:pointer}
.title-manage{margin-bottom:15px;font-family:'Roboto',sans-serif;font-size:20px;font-weight:300;color:#333;background:#ececec;line-height:30px;padding:6px 10px}
.bgmanage-content{display:block;width:100%;padding:15px 15px 20px;background:#fff;border-radius:4px;-webkit-border-radius:4px;float:left}
.nav-tabs-shop{border-color:transparent;border-radius:3px 3px 0 0;background-clip:padding-box;border-bottom:1px solid #ddd}
.nav-tabs-shop > li{float:left;margin:0 1px}
.nav-tabs-shop > li > a{border-radius:0;background-clip:padding-box;font-size:14px;font-weight:300;outline:none;color:#555;margin-right:3px;padding:8px 14px;background:rgba(219,221,223,.3);border-top:3px solid transparent;border-radius:3px 3px 0 0;display:block}
.nav-tabs-shop > li > a:hover,.nav-tabs-shop > li > a:focus,.nav-tabs-shop > li.active > a{border-radius:3px 3px 0 0;background-clip:padding-box;text-decoration:none;border-left:0;border-top:3px solid #f4786e;border-right:0;background:rgba(219,221,223,.6)}
.table-popcart table{margin-bottom:0}
.table-popcart table th{text-align:center;font-weight:normal;font-size:13px;font-weight:bold;white-space:nowrap;line-height:26px!important;border-bottom:1px solid #d7d7d7!important}
.table-popcart table tr{background-color:#fff}
.table-popcart table td{vertical-align:middle;padding:10px;font-size:13px}
.table-popcart .img {
    width: 80px;
    height: 80px;
    text-align: center;
    float: left;
    overflow: hidden;
    border: 1px solid #d1d5db;
    position: relative;
    border-radius: 10px;
}
.table-popcart .img img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.table-popcart .name{width:calc(100% - 80px);float:left;padding-left:10px}
.table-popcart .name .name-product{font-size:14px;color:#000;display:block;font-weight:bold;text-transform:uppercase;width:100%}
.table-popcart .name .name-product:hover{color:#e23a24}
.table-popcart .name .status{float:left;width:100%;display:block;margin-top:5px}
.table-popcart .name .status li{display:inline-block;float:left}
.table-popcart .name .status li:after{content:"|";padding:0 8px;float:right;color:#808080}
.table-popcart .name .status li:last-child:after{content:none;padding:0}
.table-popcart .name .status li.status-pro{color:#72b656}
.table-popcart .name .status li .gift{color:#199cb7}
.table-popcart .name .status li .remove{color:#e23a24}
.table-popcart strong{color:#303030;font-weight:normal;font-size:13px}
.table-popcart .price{padding:5px 0}
.table-popcart .price strong{color:#dc2121;font-weight:600;font-size:15px;padding-right:5px}
.table-popcart .price label{margin:0;font-weight:500}
.titletk{font-size:16px;line-height:30px;margin-bottom:20px;font-weight:bold;text-transform:uppercase}
.titletk span{display:inline-block;border-bottom:1px solid #ccc}
.alert-au{border-top:1px solid #ccc;padding:20px 0;font-size:14px;border-bottom:1px solid #ccc;line-height:35px}
.alert-au p{line-height:22px}
.alert-au .txt-note{line-height:18px;font-size:12px;color:#ed1c24;font-style:italic}
.au-note{line-height:24px;padding:10px 0;font-size:14px}
.bg-note1{padding:15px;background-color:#dff0d8;font-size:15px}
.bg-note2{padding:15px;background-color:#f2dede;font-size:15px}
.profile-header{position:relative}
.profile-header .cover-photo{background-repeat:no-repeat;width:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:295px}
.profile-info-user{height:80px;background:rgba(0,0,0,.5);width:100%;position:absolute;bottom:0}
.profile-info-user .img_user{height:100px;width:100px;border:3px solid #fff;position:absolute;margin-top:-50px;left:20px;overflow:hidden;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%}
.profile-info-user .img_user a{display:block}
.profile-info-user .img_user img{object-fit:cover;margin:auto;position:absolute;width:100%;height:100%;top:0;left:0}
.profile-info-user .content-user{padding-left:140px;padding-top:7px;color:#fff;line-height:16px}
.profile-info-user .content-user p{margin-bottom:5px}
.content-user p.name{font-weight:bold;font-size:18px}
.hotline-shop{height:30px;line-height:30px;border:1px solid #fff;min-width:100px;text-align:center;color:#fff;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:absolute;right:22px;bottom:15px;cursor:pointer}
.hotline-shop a{color:#fff;font-size:14px;text-decoration:none;display:block;padding:0 10px}
.hotline-shop:hover{background:red}
.h-center span.number-tuongtac{font-size:9px}
.box-zone{float:left;width:100%;margin:10px 0}
.title-zone h2{font-size:1.4em;margin-right:5px;line-height:26px}
a.order-submit{color:#FF0000;float:right;font-size:14px;padding:9px 0}
div#password-group{position:relative;top:10px}
a.btn.btn-primary.delete{background-color:red;border-color:red}
.manufacture ul.listcity{display:block;overflow:hidden;margin-top:25px;max-height:350px;overflow-x:hidden;overflow-y:auto;position:absolute}
.manufacture ul.listcity li{float:left;width:33.33%;overflow:hidden}
.manufacture ul.listcity li a{display:block;font-size:12px;color:#4a4a4a;text-transform:capitalize;padding:10px}
.manufacture ul.listcity li a.active{color:#4a90e2!important}
/*==style tìm kiếm===*/
.sidebar{width:20%;float:right;margin-top:15px}
.fs-dtbox{background:#ffffff;margin-bottom:20px}
.fs-dttop{padding:13px 15px;border-bottom:1px solid #e3e3e3}
.fs-dttop h2{font-size:18px;color:#3d3d3d}
.fs-dtrpk{padding:15px}
.fs-dtrpk{background:#ffffff;margin-bottom:20px}
.fs-dtrpk ul li{margin-bottom:30px}
.fs-dtrpk img{width:80px;float:left}
.fs-dtrpkif{margin-left:90px}
.fs-dtrpkif h3{line-height:1.29;color:#505050;margin-bottom:9px;font-size:13px}
.fs-dtrpkif p{font-weight:bold;color:#d0021b}
.fs-dtrvm{text-align:center}
.fs-dtrvm a{color:#18487a}
.fs-searchtab>ul{margin-bottom:15px;border-bottom:1px solid #e6e6e6}
.fs-searchtab>ul>li{display:inline-block;margin-right:30px}
.fs-searchtab>ul>li>a{display:inline-block;font-size:13px;color:#4a4a4a;padding:3px 0;position:relative;border-bottom:3px solid transparent}
.fs-searchtab>ul>li.active>a{color:#333333;border-bottom:3px solid #fdd504}
.fs-secol1{float:left;width:100%}
.fs-dtbox{background:#ffffff;margin-bottom:20px}
.fs-sehead{padding:8px 15px 3px 15px;border-bottom:1px solid #e3e3e3}
.fs-sehdn-tit{font-size:18px;line-height:1.22;text-align:left;color:#3d3d3d;padding:10px 0}
.fs-sen-img{float:left;width:140px}
.fs-sen-if{display:block;margin-left:150px}
.fs-sen-if > h3 a{font-size:18px;color:#18487a;margin-bottom:5px}
.fs-sen-if > div{font-size:14px;line-height:1.43;color:#4a4a4a;margin-bottom:5px}
.fs-sen-iday{font-size:13px;color:#9b9b9b}
.fs-sen-i{padding:15px;border-bottom:1px solid #f1f1f1}
section.category-images.mt10.mb10.search{float:left}
.show-left{width:80%;float:left}
.fs-dtbox.search{width:20%;float:right;margin-top:5px}
.choosedfilter{display:block;overflow:hidden;background:#fff;margin:10px 0;float:left}
.choosedfilter a{display:inline-table;vertical-align:text-bottom;padding:6px;background:#288ad6;font-size:12px;color:#fff;border-radius:4px;margin-right:5px}
.choosedfilter a h2{display:inline;color:#fff;font-size:12px}
.icontgdd-clearfil{background-position:-249px -31px;width:10px;height:10px;margin:-1px 0 0 3px;vertical-align:middle}
.watching{float:right;white-space:nowrap;line-height:30px}
.watching h1{display:inline;font-weight:bold;text-transform:uppercase}
.ratingLst li.par{position:relative;margin:5px 25px 15px 0}
.ratingLst li .rh span{font-weight:bold;margin-bottom:5px;display:inline-block;text-transform:capitalize}
.ratingLst li .rh label{cursor:pointer;color:#2ba832;font-size:13px}
.ratingLst li .rc{margin:0 0 5px 0}
.ratingLst li .rc p span{margin-right:10px}
.ratingLst li .rc i{margin-top:-3px;font-style:normal;line-height:1.5}
.starRating:not(old){display:inline-block;width:8.5em;height:1.7em;overflow:hidden;vertical-align:bottom}
.item-chiendich{width:50%;float:left;padding:0 15px;margin-bottom:20px}
.bx-chiendich-items{border-radius:5px;border:1px solid #ddd;position:relative;min-width:348px;min-height:210px;height:310px}
.bx-chiendich-items:hover{-webkit-box-shadow:0 1px 5px 2px rgba(0,0,0,0.08);-moz-box-shadow:0 1px 5px 2px rgba(0,0,0,0.08);box-shadow:0 1px 5px 2px rgba(0,0,0,0.08)}
.cam-top .activity{display:table;padding:20px 15px;background:#f2f2f2;width:100%;padding-bottom:20px}
.left-activity{width:60px}
.activity a.left-activity{display:table-cell;padding-right:10px;vertical-align:middle}
.activity a.left-activity img{width:40px;height:40px;border-radius:40px}
.right-activity{display:table-cell}
.text-info{color:#1f3853!important}
.fs-fix-title{font-size:18px!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:22px;overflow:hidden}
.fw-600{font-weight:600!important}
.list-item-chiendich br{line-height:normal;clear:both}
.partner-list-product{padding:15px;position:relative;top:10px}
.text-danger{color:#e95555!important}
.font-bold{font-weight:700;font-size:15px}
.btn-complete,.btn-complete:focus{color:#fff;background-color:#0594dd;border-color:#0594dd}
.partner-list-info a{position:absolute;top:173px;right:6px;display:block;float:right}
.txt-bx-top a{color:#3c8dbc}
.txt-bx-top{line-height:20px;color:gray}
.bgmanage-content{display:block;padding:0}
.box-detail-chiendich{-webkit-box-shadow:0 0 10px 0 #ccc;/* Safari 3-4,iOS 4.0.2 - 4.2,Android 2.3+ */
  -moz-box-shadow:0 0 10px 0 #ccc;/* Firefox 3.5 - 3.6 */
  box-shadow:0 0 10px 0 #ccc;/* Opera 10.5,IE 9,Firefox 4+,Chrome 6+,iOS 5 */
	padding:30px 20px}
.titlerelate2{display:block;overflow:hidden;font-size:18px;font-weight:600;color:#333;font-family:'Roboto Condensed',sans-serif;line-height:26px;text-transform:uppercase}
.list-other-news{margin:40px 0 10px}
.other-detail-chiendich .img-thumb .hm-reponsive{padding-top:100%}
.title-chiendich-detail .title{font-size:18px;font-weight:600;margin-bottom:20px;text-transform:uppercase}
.mota-chiendich{font-size:14px;color:gray;line-height:1.6;margin-bottom:20px}
.footer-box-chiendich{padding-top:20px}
.btn-dangkychiendich{background:#fdd504}
.controls{display:-webkit-inline-box}
/*popup detail*/
.boxFormPayment{padding:15px}
.body-popup-cart{min-height:220px;background:#fff;margin:0 auto;position:relative;border:4px solid #5cb85c;-ms-border-radius:6px;border-radius:6px}
.body-popup-cart .header-pop{height:40px;background:#fdd504;text-align:center;line-height:100%;float:left;width:100%;color:#fff;text-transform:uppercase;font-size:18px;font-weight:400;line-height:1.3em;padding-top:7px;display:block}
#popup-cart form{height:100%;width:100%;overflow:hidden}
#popup-cart .content-pop{height:calc(100% - 90px);float:left;width:100%;padding:15px}
#popup-cart .notify-cart{float:left;color:#72b656;font-weight:400;font-size:15px;margin-bottom:10px;display:block;width:100%}
#popup-cart .notify-cart span{font-size:18px;padding-right:10px}
#popup-cart .bt-option-pop-cart{float:left;width:100%}
#popup-cart .footer-pop{height:69px;border-top:1px solid #e5e5e5;padding:12px 15px;text-align:center;float:left;width:100%}
.btn-default{background-color:#fff;border-color:#ccc;color:#333}
.btn-default:hover{background-color:#e6e6e6;border-color:#adadad;color:#333}
.btn-success{background-color:#5cb85c;border-color:#4cae4c;color:#fff}
.btn-success:hover{background-color:#449d44;border-color:#398439;color:#fff}
.main-popup-cart{padding:10px 15px}
.main-popup-cart .itemCart .name a{color:#000}
.main-popup-cart .itemCart .option .quantity a:nth-child(2){border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;color:#333}
.main-popup-cart .itemCart .option .quantity{border:1px solid #e1e1e1}
.main-popup-cart .itemCart .option .bt-remove{color:#fff;background:#ed161d}
.body-popup-cart iframe{width:100%}
#popup-cart .giohang{max-height:500px;width:100%;overflow:hidden;overflow-y:scroll}
istItemCart{float:left;width:100%}
.listItemCart .itemCart:first-child{padding-top:0}
.listItemCart .itemCart:last-child{border-bottom:0 none}
.itemCart{border-bottom:1px dashed #e1e1e1;float:left;padding:15px 0;width:100%}
.itemCart .img{border:1px solid #e1e1e1;float:left;height:70px;line-height:65px;text-align:center;width:90px}
.itemCart .img img{display:inline-block;vertical-align:middle;max-height:100%}
.itemCart .name{float:right;padding-left:10px;width:calc(100% - 92px)}
.itemCart .name a{color:#fff;display:block;font-size:16px;line-height:20px}
.itemCart .name a:hover,.itemCart .name a:focus{color:#fc0}
.itemCart .name .price{display:block;font-weight:700;margin-top:5px;font-size:15px;color:#000}
.itemCart .option{float:left;margin-top:10px;width:100%}
.itemCart .option .bt-remove{background-color:transparent;border:none;border-radius:3px;color:#fff;display:inline-block;float:left;height:30px;text-align:center;width:30px}
.itemCart .option .bt-remove span{font-size:20px;line-height:27px}
.itemCart .option .bt-remove:hover,.itemCart .option .bt-remove:focus{background-color:#e23a24;border-color:#e23a24;color:#fff}
.itemCart .option .quantity{float:right}
.itemCart .option .quantity a{display:inline-block;float:left;height:30px;line-height:32px;text-align:center;width:30px}
@media (max-width:767px){.boxFormPayment{padding:0}}
.boxFormPayment .title{color:red;float:left;font-size:15px;margin-bottom:15px;text-transform:uppercase;width:100%;font-weight:700}
.boxFormPayment label{display:block;font-weight:400;margin-bottom:10px}
.boxFormPayment .gender{display:inline-block;padding-right:20px}
.boxFormPayment .form-group{float:left;margin-bottom:20px;width:100%}
.boxFormPayment .form-control{border-radius:0}
.buttons.active{right:40px!important;top:2px!important;color:#42bd15!important}
table.admintable{width:100%}
td.multiple{padding:10px}
.iltDBORq0FT_OjmouT7Ui ._3fyh_DVQsq_lOU3atjDEh6{color:#8f8297;border-bottom:#ebebeb solid 1px;padding-bottom:5px}
.margin-top-05{margin-top:.5em}
.media-middle{vertical-align:middle}
.kmXQJuUqqBoWPBml6BPgO{background:url(https://static.chotot.com.vn/storage/C2C_CDN_PRODUCTION/6a7bcfb….png) no-repeat;background-size:contain}
.bbSilz7S-LgZRr7NIj_5V{display:inline-block;height:30px;width:30px;vertical-align:middle}
.media-middle{vertical-align:middle}
.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}
.media-body{width:10000px}
.media,.media-body{zoom:1;overflow:hidden}
h5._3fyh_DVQsq_lOU3atjDEh6{color:#8f8297;border-bottom:#ebebeb solid 1px;padding-bottom:5px}
.margin-top-10{margin-top:1em}
@media (min-width:480px){.iINXMo{margin:10px 10px 0 10px}}
.iINXMo{cursor:pointer;margin:10px 5px 0 10px;display:inline-block}
.post_content .bg-ft + [data-readmore-toggle],.post_content .bg-ft[data-readmore]{display:inline-block}
.post_content .bg-ft[data-readmore]{transition:height 500ms;overflow:hidden}
.show-more.mt10{margin-left:40%}
a.export.mng-data-set{top:2px;font-size:20px;color:green;right:40px}
a.add-code.mng-data-set{top:2px;font-size:20px;color:#3c8dc7;right:75px}
input#CodePromotion{width:50%;float:left}
button.bt-btnPromotion{background-color:#1aaf3a;border:0 none;border-radius:2px;color:#fff;font-size:13px;font-weight:bold;padding:9px 13px;text-align:center}
a.fs-fix-title.notcomiss{left:14px!important;font-weight:700;font-size:16px!important;top:0!important}
a.fs-fix-title.commis{left:14px!important;top:0;font-weight:700;font-size:16px!important}
a.btn.btn-complete.click-register-campaign.ng-scope{top:261px;z-index:999}
/*CSS linhlv*/
.boxhocgiday>.box{background:#455c67;padding:40px 20px 40px}
.boxhocgiday .title{color:#fff;font-weight:bold;text-align:center;margin-bottom:20px}
.wrapper-tags .item{width:20%;float:left;padding:7px}
.wrapper-tags .item .box{background-color:gray;height:125px;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-position:center;background-size:cover;background-repeat:no-repeat}
.wrapper-tags .item .box a{z-index:20;position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:100%;font-size:18px;line-height:1.3;font-weight:700;color:#fff;height:100%}
.wrapper-tags .item .box a span{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.clearfix{clear:both}
.pricekhoahoc{padding:20px 0}
.table_title h1,.table_title p{text-align:center}
.table_title > p{font-size:21px}
.table_title > hr{border-color:#e3e3e3;border-width:3px;max-width:3%;width:100%}
.table_title h1,.table_title p{text-align:center}
.table_title > h1{font-size:33px!important}
.center{text-align:center}
.panel-success{border:1px solid #e4e4e4}
.panel-success > .panel-heading{background:#f5f5f5 none repeat scroll 0 0;color:#0c0c0c;padding:13px 15px}
.panel-body{padding:15px 0 0 0}
.panel-body.text-center > p{margin-bottom:0}
.panel-body.text-center strong{font-size:24px}
.panel > .list-group,.panel > .panel-collapse > .list-group{margin-bottom:0}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item{font-size:20px;padding-bottom:18px;border-left:0;border-right:0}
.list-group + .panel-footer{border-top-width:0}
.panel-footer{background-color:#f5f5f5;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #ddd;padding:10px 15px}
.btn.btn-lg.btn-block.btn-success{background:#ffffff none repeat scroll 0 0;color:#2196F3!important;border-radius:0;border:1px solid #2196F3;font-size:13px;padding:7px 45px}
.btn{border:0 none;font-weight:600;text-transform:uppercase}
.table_title > h1{font-size:33px!important;padding-bottom:20px}
.panel-success > .panel-heading h3{font-weight:bold;font-size:18px}
h3.name-study{text-align:center;font-size:18px;margin-bottom:5px}
.s{display:table;background-image:url(images/bg.png);background-repeat:no-repeat;font-weight:700;height:20px;width:70px;margin:0 auto}
.s5{background-position:-367px -175px}
.s4{background-position:-367px -145px}
.s3{background-position:-367px -126px}
.s2{background-position:-367px -107px}
.s1{background-position:-367px -90px}
.list-group .list-group-item{padding:0;text-align:left}
.left-sale{background:#ca0000;color:#fff;padding:10px;font-weight:600;text-align:center}
.left-sale span:nth-child(1){font-size:18px}
.left-sale span{font-size:13px;display:block}
.price-rightsale{text-align:right;display:block;width:100%;padding:10px}
.flexbox{display:flex}
.price-rightsale span{display:block;color:#da0000;font-size:18px;font-weight:600}
.price-rightsale span:nth-child(1){color:gray;font-weight:400;text-decoration:line-through;font-size:14px}
.list-group .list-group-item .text{padding:20px 10px;font-size:15px;font-weight:600;height:57px!important}
.divfindTop{margin:0 0 30px;border-bottom:1px solid #eaeaea;padding:10px;background:whitesmoke;box-shadow:0 5px 10px -5px #afafaf;text-align:center}
.page-giasu .title{text-align:center;font-weight:600;margin-bottom:10px}
.fomrFindTeacher .btn{background:#fdd504;border-radius:0}
.hm-responsive{position:relative;height:auto!important;width:100%;padding-top:55%;overflow:hidden}
.hm-responsive img{object-fit:cover;margin:auto;position:absolute;width:100%;height:100%;top:0;left:0}
.avt-circle{width:150px;height:150px;border-radius:100%;overflow:hidden;margin:0 auto;background:black}
.avt-circle .hm-responsive{padding-top:100%}
.listitem li{padding:20px 0;min-height:190px;border-right:1px solid gray}
.listitem li:last-child{border-right:0;padding:0}
.ul_listgiasu>li .item-lager{width:100%;box-shadow:5px 5px 20px -5px #333;float:left}
.ul_listgiasu>li{/* position:relative;*/
margin-bottom:20px}
.ifgiasu{padding:0 20px}
.ifgiasu .name{text-transform:uppercase;font-size:24px;font-weight:bold;margin-bottom:20px;color:#FF9800}
.ifgiasu .name a:hover{color:#03A9F4}
.ifgiasu .txt{font-size:16px;line-height:1.4;color:#4c4c4c}
.social:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
.social{-webkit-transform:scale(0.8);/* Browser Variations:*/
     
     -moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s}
#social li a{display:block}
#social-fb:hover{color:#3B5998}
#social-tw:hover{color:#4099FF}
#social-gp:hover{color:#d34836}
#social-em:hover{color:#f39c12}
.fa-3x{font-size:2.5em}
.price-giasu{padding:0 20px}
p.priceTime{font-size:24px;color:#b50000;font-weight:bold}
.price-giasu p strong{font-size:26px}
#stars-existing .fa{font-size:24px;color:font-size:24px;color:#ffb100}
.leadstar{padding:0 15px}
#stars-existing{margin-bottom:10px}
.btn-viewcol{align-items:center;justify-content:center;display:block;font-size:18px;line-height:190px;text-align:center}
.btn-viewcol:hover{background:#fdd504;color:#333;cursor:pointer;font-weight:600}
.subitem-giaovien{margin-top:10px;padding-top:20px;border-top:3px solid #fd6b04;border-bottom:3px solid #fd6b04;padding-bottom:20px}
/*Flex Box*/
.flexBet{align-items:center;display:flex;justify-content:space-between}
.flexCen{display:flex;justify-content:center}
.flexAr{display:flex;justify-content:space-around}
.gv01{font-size:20px;margin-bottom:20px}
.gv01 p{margin-bottom:0}
.gv02,.gv03{font-size:15px;line-height:1.6;margin-bottom:15px}
.gv02 strong,.gv03 strong{font-size:20px;margin-bottom:20px}
.lvteacher{background:#FF9800;padding:5px 10px;font-size:17px;font-weight:600;color:#fff}
.mb0{margin-bottom:0!important}
.txtdt{font-size:16px}
.table-tkb th{text-align:center}
.busy{background-color:#4CAF50}
.legend{display:inline-block;width:25pt;height:18pt;background-color:#4CAF50}
.btn-click{padding:10px 40px;border-radius:0;background:-webkit-linear-gradient(top,#f59000,#fd6e1d);color:#fff;font-size:16px}
.checkbox-inline,.radio-inline{margin-left:10px}
.btn-submit{background:#fdd504}
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:0.35s;transition-duration:0.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
ul.pagination{display:inline-block}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color:#fdd504;border-color:#fdd504;color:#fff;cursor:default;z-index:2}
#social{float:left;padding:5px;width:80px;height:500px;text-align:center;margin:0 0 0 10px;background:rgb(230,183,4);background:-moz-linear-gradient(45deg,rgb(222,176,4) 0%,rgb(254,204,5) 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(0,165,215,1)),color-stop(100%,rgba(0,125,163,1)));background:-webkit-linear-gradient(45deg,rgb(222,176,4) 0%,rgb(254,204,5) 100%);background:-o-linear-gradient(45deg,rgb(222,176,4) 0%,rgb(254,204,5) 100%);background:-ms-linear-gradient(45deg,rgb(222,176,4) 0%,rgb(254,204,5) 100%);background:linear-gradient(45deg,rgb(222,176,4) 0%,rgb(254,204,5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5d7',endColorstr='#007da3',GradientType=1 );box-shadow:1px 0 3px 2px rgba(0,0,0,0.2)}
#social li{margin:5px auto;font-size:2em;color:#fff;padding:5px;border:1px solid rgba(255,255,255,0.4);height:60px;line-height:1.7;cursor:pointer}
#logo2{width:60px;margin:100px auto 0 auto}
#logo2 img{width:80%}
.profile{width:335px;height:500px;position:relative;overflow:hidden;background:#fff;margin:0 auto 15px 10px;box-shadow:1px 0 3px 2px rgba(0,0,0,0.2);float:left}
#cover{width:150%;height:100%;position:absolute;transform:rotate(60deg);top:-60.5%;left:-20%;background:rgb(254,202,6);background:-moz-linear-gradient(45deg,rgb(253,213,4) 0%,#FFC107 100%);background:-webkit-gradient(left bottom,right top,color-stop(0%,rgba(0,165,215,1)),color-stop(100%,rgba(0,125,163,1)));background:-webkit-linear-gradient(45deg,rgb(253,213,4) 0%,#FFC107 100%);background:-o-linear-gradient(45deg,rgb(253,213,4) 0%,#FFC107 100%);background:-ms-linear-gradient(45deg,rgb(253,213,4) 0%,#FFC107 100%);background:linear-gradient(45deg,rgb(253,213,4) 0%,#FFC107 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5d7',endColorstr='#007da3',GradientType=1 )}
#cover:before{content:"";position:absolute;border-width:150px 20px 30px 30px;border-style:solid;border-color:#e8b700 transparent transparent transparent;top:70%;left:95.92%;transform:rotate(11.4deg)}
#cover2{border-style:solid;border-width:40px 80px 40px 40px;border-color:transparent transparent #fec706 transparent;position:absolute;top:229.5px;left:77px;transform:rotate(-37.4deg)}
#cover2:before{content:"";border-style:solid;border-width:20px 24.2px 20px 20px;border-color:transparent transparent #e8b700 transparent;position:absolute;top:18.9px;left:-60.2px;transform:rotate(-39.3deg)}
#shadow{clear:both;height:10px;bottom:200px;overflow:hidden;margin:356px 0 0 0}
#shadow img{width:80%;height:10px;padding:0 0 0 20px;opacity:0.5}
#info{margin:360px auto;width:100%;border-top:1px solid #ccc;padding:10px 10px 0 10px}
#info ul{}
#info li{padding:2px 0 2px 0;margin:3px auto;font-size:10pt;display:flex}
#username{text-align:center;font-size:1.5em!important;line-height:1;font-weight:bold}
#avatar{width:150px;height:150px;position:absolute;z-index:1;border:solid 5px rgba(0,0,0,0.2);border-radius:50%;overflow:hidden;margin:20px;cursor:pointer;transition:.3s}
#info i{font-size:14pt;margin:0 5px;color:#057091;width:20px;height:20px;margin-left:0}
#avatar img{width:100%;height:100%}
#avatar:hover{solid 5px rgba(0,0,0,0.2)}
#logo{position:absolute;top:20px;right:23px}
#logo img{width:110px;opacity:0.6}
#twitter:hover{background-color:#1DB5F6}
#twitter i{transition:.5s}
#twitter:hover  > i{transform:scale(1.3);transition:.5s}
#facebook:hover{background-color:#4267B2}
#facebook i{transition:.5s}
#facebook:hover  > i{transform:scale(1.3);transition:.5s}
#instagram:hover{background-color:#E23F5F}
#instagram i{transition:.5s}
#instagram:hover  > i{transform:scale(1.3);transition:.5s}
#google-plus:hover{background-color:#DC4A38}
#google-plus i{transition:.5s}
#google-plus:hover  > i{transform:scale(1.3);transition:.5s}
#linkedin:hover{background-color:#0077B5}
#linkedin i{transition:.5s}
#linkedin:hover  > i{transform:scale(1.3);transition:.5s}
.otheteacher{position:absolute;top:70px;right:30px;color:#333;font-weight:bold;font-size:20px}
.infotcher{font-size:16px}
.bx-thanhqua,.bx-cmtvote{margin-top:20px}
.titlebox{font-weight:600;text-transform:uppercase;font-size:19px;position:relative;margin-bottom:30px}
.bx-thanhqua .titlebox:before{position:absolute;content:"";width:10%;height:5px;background:#e3b404;bottom:-10px}
#listthanhqua li{padding:2px}
#listthanhqua li .itemvideo{background:#fff;padding:5px;border:1px solid #d4d4d4;border-radius:5px}
/*Custom button Owl*/
.owl-prev{background:#0000002e;width:30px;height:50px;line-height:45px;text-align:center;color:#fff;font-size:30px;position:absolute;top:25%;left:5px}
.owl-next{background:#0000002e;width:30px;height:50px;line-height:45px;text-align:center;color:#fff;font-size:30px;position:absolute;top:25%;right:5px}
.owl-next:hover,.owl-prev:hover{background:#e3b404}
.listClass{}
.listClass li{}
.k-box-card-list{margin:0}
.k-box-card-list .k-box-card .k-box-card-wrap{background:white;margin-bottom:35px;border:1px solid #ddd;position:relative}
.k-box-card-list .k-box-card .k-box-card-wrap .img{position:relative;height:auto!important;width:100%;padding-top:56.25%;/* 16:9 Aspect Ratio */
      overflow:hidden}
.k-box-card-list .k-box-card .k-box-card-wrap .img a{display:block}
.k-box-card-list .k-box-card .k-box-card-wrap .img .img-fluid,.k-box-card-list .k-box-card .k-box-card-wrap .img .carousel-inner > .carousel-item > img,.k-box-card-list .k-box-card .k-box-card-wrap .img .carousel-inner > .carousel-item > a > img{margin:0 auto;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
@media (max-width:767px){.k-box-card-list .k-box-card .k-box-card-wrap .img .img-fluid,.k-box-card-list .k-box-card .k-box-card-wrap .img .carousel-inner > .carousel-item > img,.k-box-card-list .k-box-card .k-box-card-wrap .img .carousel-inner > .carousel-item > a > img{border-radius:4px}}
.k-box-card-list .k-box-card .k-box-card-wrap .img .time{border-radius:3px;position:absolute;bottom:8px;right:8px;display:inline-block;color:#fff;background:#a7b3c1;font-size:13px;text-align:center;height:22px;line-height:22px;padding:0 5px}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail{position:absolute;z-index:1;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.2);display:none}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail .inner{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a{color:white;border:2px solid white;padding:0;display:inline-block;min-width:100px;height:35px;line-height:33px;text-align:center;margin:5px;border-radius:3px;transition:background-color 100ms ease-in-out,color 100ms ease-in-out,border-color 100ms ease-in-out}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a:active,.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a:hover{background:white;color:inherit}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a:focus{outline:none}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a.view-detail{background:#50ad4e;border:none;border-bottom:2px solid #489b46}
.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a.view-detail:active,.k-box-card-list .k-box-card .k-box-card-wrap .background-detail a.view-detail:hover{background:#489b46;color:#fff}
.k-box-card-list .k-box-card .k-box-card-wrap .wrap-position{display:inline-block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}
.k-box-card-list .k-box-card .k-box-card-wrap .content{padding:10px 10px 5px;border-bottom:1px solid #DDD;position:relative}
.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span{border-radius:3px;width:auto;color:white;font-size:13px;display:inline-block;height:22px;line-height:22px;text-align:center;padding:0 5px}
.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-video{background-color:#f84b2f}
.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-app{background-color:#053d92}
.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-combo{background-color:#fb6a00}
.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.time{background-color:#a7b3c1}
.k-box-card-list .k-box-card .k-box-card-wrap .content .combo{background:#50ad4e;color:white;padding:5px 15px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-bottom:2px solid #389a36;margin:0 0 35px;display:inline-block}
.k-box-card-list .k-box-card .k-box-card-wrap .content .combo:hover{background:#389a36;border-bottom:2px solid #237721}
.k-box-card-list .k-box-card .k-box-card-wrap .content .combo h4{margin:5px 0 10px;font-size:16px;line-height:20px;font-weight:600}
.k-box-card-list .k-box-card .k-box-card-wrap .content h4{margin:10px 0;font-size:18px;line-height:20px;font-weight:600;color:#2371af;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-box-card-list .k-box-card .k-box-card-wrap .content span{display:inline-block;width:100%;font-size:14px;line-height:23px;font-weight:500}
.k-box-card-list .k-box-card .k-box-card-wrap .content .author{color:#000000}
.k-box-card-list .k-box-card .k-box-card-wrap .content ul{padding:0;display:inline-block;width:100%;margin:5px 0 0}
.k-box-card-list .k-box-card .k-box-card-wrap .content ul li{float:left;margin-right:5px}
.k-box-card-list .k-box-card .k-box-card-wrap .content ul li img{margin-top:3px}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price{padding:10px;text-align:right}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price ul{display:table;padding:0;margin:0;width:100%;min-height:25px}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price ul .price{float:left;color:#FF7816;font-size:16px;font-weight:500}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price ul .icon-view{font-size:12px}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price ul .sale{padding-top:2px;float:right;display:flex;font-size:14px}
.k-box-card-list .k-box-card .k-box-card-wrap .view-price ul .sale span{text-decoration:line-through;margin-right:3px;font-weight:400}
.k-box-card-list .k-box-card .card-popup{position:absolute;top:0;left:0;height:100%;width:100%}
@media (min-width:544px){.k-box-card-list .k-box-card .k-box-card-wrap .content-mb,.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb{display:none}}
@media (max-width:543px){.k-box-card-list .k-box-card .k-box-card-wrap{padding:10px}.k-box-card-list .k-box-card .k-box-card-wrap .img{width:40%;padding:16vw 0 6vw;float:left;overflow:unset;box-shadow:0 5px 15px #bbb;margin-bottom:10px}.k-box-card-list .k-box-card .k-box-card-wrap .img img{position:static}.k-box-card-list .k-box-card .k-box-card-wrap .img .label-wrap{display:none}.k-box-card-list .k-box-card .k-box-card-wrap .img .rating-box{display:flex;justify-content:center;left:0;box-shadow:none;bottom:-15px}.k-box-card-list .k-box-card .k-box-card-wrap .img .rating-box .rating-text span{display:none!important}.k-box-card-list .k-box-card .k-box-card-wrap .img .rating-box .number-student{display:none}.k-box-card-list .k-box-card .k-box-card-wrap .content{width:60%;float:right;padding:0 0 0 10px;border:none}.k-box-card-list .k-box-card .k-box-card-wrap .content h4{font-size:15px}.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span{font-size:15px;padding:0;font-weight:700}.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-video{background-color:#fff;color:#f84b2f}.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-app{background-color:#fff;color:#053d92}.k-box-card-list .k-box-card .k-box-card-wrap .content .box-style span.st-combo{background-color:#fff;color:#fb6a00}.k-box-card-list .k-box-card .k-box-card-wrap .content .author,.k-box-card-list .k-box-card .k-box-card-wrap .content .major{display:none}.k-box-card-list .k-box-card .k-box-card-wrap .content-mb{width:100%;float:left;color:#999;border-bottom:1px solid #999;padding:5px 0}.k-box-card-list .k-box-card .k-box-card-wrap .content-mb b{color:#000}.k-box-card-list .k-box-card .k-box-card-wrap .view-price{display:none}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb{width:100%;float:left;display:flex;flex-wrap:nowrap;font-size:15px;padding:10px 0}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .number{font-weight:bold;line-height:1.2}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .text{color:#999;line-height:1.2}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .student{flex:2}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .time{flex:2}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .count-items{flex:4}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .price{flex:3}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .price .label-price{background-color:#fb6a00;text-align:center;border-radius:99px;color:white;font-weight:bold;height:38px;display:table-cell;width:300px;vertical-align:middle;line-height:1.2}.k-box-card-list .k-box-card .k-box-card-wrap .view-price-mb .price .label-price .last{font-size:12px;font-weight:100}}
.k-box-card-list .k-box-card .k-box-card-wrap.block{box-shadow:0 3px 14px rgba(0,0,0,0.3)}
@media (max-width:767px){.k-box-card-list .k-box-card .k-box-card-wrap.block{box-shadow:none}}
.k-box-card-list .k-box-card .k-box-card-wrap.block .background-detail{display:block}
@media (max-width:767px){.k-box-card-list .k-box-card .k-box-card-wrap.block .background-detail{display:none!important}}
@media (max-width:580px){.k-box-card .k-box-card-wrap .content{height:auto!important}.k-box-card .k-box-card-wrap .content ul{position:absolute;left:10px;height:100%;padding:10px}.k-box-card .k-box-card-wrap .content ul li .icon-star-list{position:relative;top:10px}.teacher{background-color:rgba(255,255,255,0.2);height:100%;width:100%;left:0;top:0;padding:15px;position:absolute;display:inline-block}.teacher li{float:left;margin-right:10px;line-height:35px;color:#50ad4e;font-weight:500;text-shadow:0 0 3px #fff,0 0 3px #fff}.teacher li .img-teacher{border-radius:50%;width:35px;height:35px;border:2px solid white}}
.time .fa{color:#fff!important;margin-right:0!important}
.label-discount{font-weight:bold;color:red}
.rating-box{position:absolute;padding:0 10px 3px;width:100%;bottom:0;-moz-box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5);box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5)}
/* Rating all Page */
.rating-box{position:absolute;padding:0 10px 5px;width:100%;bottom:0;-moz-box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5);box-shadow:inset 0 -25px 25px -10px rgba(0,0,0,0.5)}
.rating-box .rating-text{color:#fff;float:left}
@media (max-width:767px){.rating-box .rating-text{font-size:13px}}
.rating-box .rating-text b{background-color:#489b46;padding:3px 10px;border-radius:3px;margin-right:5px}
.rating-box .rating-text i{color:#fff;position:relative;top:-1px}
.rating-box span{display:inline!important}
.rating-box .number-student{float:right;color:#fff}
@media (max-width:767px){.rating-box .number-student{font-size:13px}}
.rating-box .dot{float:left}
.rating-box .dot i{font-size:5px;padding:0 10px;position:relative;top:-3px}
.k-box-card-wrap .rating-box .dot,.k-box-card-wrap .rating-box detail{display:none}
.k-combo-title-md{margin-bottom:15px}
.k-combo-title-md .rating-box,.k-course-details-title .rating-box{position:static;width:auto;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.k-combo-title-md .rating-box .number-student,.k-course-details-title .rating-box .number-student{float:left;color:#272727}
.k-combo-title-md .rating-box .number-student span,.k-course-details-title .rating-box .number-student span{font-weight:bold}
.k-combo-title-md .rating-box .number-student span detail,.k-course-details-title .rating-box .number-student span detail{font-weight:400}
@media (min-width:992px){.k-combo-title-md .rating-box,.k-course-details-title .rating-box{display:inline-flex}}
@media (max-width:991px) and (min-width:544px){.k-combo-title-md .rating-box,.k-course-details-title .rating-box{margin-bottom:15px}}
@media (max-width:991px){.k-combo-title-md .rating-box .dot[position="1"],.k-course-details-title .rating-box .dot[position="1"]{display:none}}
@media (max-width:767px){.none_on_mobile{display:none}}
@media (min-width:768px){.none_on_desktop{display:none}}
/* Rating all Page */
.k-box-card-list .k-box-card .k-box-card-wrap:hover{box-shadow:0 0 15px 0 #b1b1b1}
.title-col-dt{margin-bottom:15px}
.infoClassdt{background:#fdd50454;border:2px solid #fdd504;min-height:300px;background:url('images/bgrClass.jpg');background-size:cover;background-repeat:no-repeat;position:relative;height:100%;display:-webkit-box}
.infoClassdt:before{position:absolute;content:"";width:100%;height:100%;background:#ffffff;opacity:0.8;z-index:1}
.txt-ifClass{position:relative;z-index:2;width:100%;height:100%;display:grid;align-items:center;padding:20px;font-size:14px}
.txt-ifClass p{margin-bottom:0}
.txt-ifClass label .fa{color:#333;width:20px;margin:0;text-align:left}
.cmtClass .bx-cmtvote{margin-top:40px}
.ContentdtLeft{width:100%;float:left}
.ContentdtLeft .title{font-size:24px;font-weight:600;margin-bottom:10px}
.controlslist{margin-bottom:20px}
.controlslist .vote .fa{color:#ffbe00}
.listrow .box-style span{border-radius:3px;width:auto;color:white;font-size:12px;display:inline-block;line-height:1.35;text-align:center;padding:5px 13px;font-weight:bold}
.listrow .box-style span.st-video{background-color:#f84b2f}
.listrow .box-style span.time{background-color:#a7b3c1}
.listrow>li{margin-bottom:15px}
.liPrice{display:flex;align-items:center}
.liPrice .pricelg{font-size:20px;font-weight:600;color:red}
.liPrice .priceun{text-decoration:line-through;color:#a2a2a2;font-size:15px}
.liPrice .prpercent{color:red;font-weight:bold}
.liPrice div{padding:0 10px 0 0}
.listrow .info{width:100%;display:inline-block}
.listrow .info .detail-info{padding:15px;border:1px solid #ddd}
.listrow .info .detail-info li{position:relative;padding:10px 0 10px 30px;font-size:14px;color:#333;line-height:1}
.listrow .info .detail-info li i{font-size:15px;position:absolute;top:calc(50% - 7.5px);left:0;line-height:1}
.listrow li.button .btn{display:block;margin-bottom:10px;border:1px solid transparent}
.listrow li.button .btn.btnbuynow{padding:10px;font-size:20px;background:-webkit-linear-gradient(top,#f59000,#fd6e1d);border-radius:5px;color:#fff}
.listrow li.button .btn.btnaddCart{border:1px solid #bfbfbf;padding:10px;font-size:20px;border-radius:5px;background:linear-gradient(#5ab452,#49a342);color:#fff}
.listrow li.button .btn:hover{opacity:0.9;border:1px solid gray}
.listrow .boxSocial{margin-top:20px}
.ss-contentdetail{background:#f7f7f7;padding:20px 0;margin-top:20px}
.bxWhite{background:#fff;width:100%;float:left}
.menuTabClass li{display:table-cell;width:1%;text-align:center}
.menuTabClass li a{display:block;padding:15px 0;font-size:16px;font-weight:400;color:#525252}
.menuTabClass li:hover{background:#eee}
.menuTabClass li.active,.menuTabClass li.active:hover{/*  background:#ecb100;*/}
.menuTabClass li.active a{color:#525252}
.aboutkhoahoc{padding:15px;line-height:1.6;font-size:16px}
.fixbxText h1,.fixbxText h2,.fixbxText h3,.fixbxText h4,.fixbxText h5,.fixbxText h6{font-size:22px;margin-bottom:15px}
.noidungkhoahoc{padding:15px}
h4.panel-title{background:#ffffff;padding:0;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:15px}
.panel-heading a{display:block}
.list-group{}
.list-group .list-group-item{font-size:16px;padding:10px}
.noidungkhoahoc .panel-body{padding:0}
.noidungkhoahoc .panel.panel-default{border:0;/* padding:10px 0; */}
.noidungkhoahoc .panel-title{margin-bottom:0}
.col-panel{display:flex;align-items:center}
.col-panel .col1{width:70%}
.col-panel .col2{width:15%}
.col-panel .col3{width:15%}
.btnsm_hocthu{border-radius:0;background:#4CAF50;color:#fff;font-size:12px}
.btnsm_hocthu:hover{opacity:0.9}
.it-baihoc{font-size:15px}
.k-course-details-author h4{font-size:24px;font-weight:bold}
.k-course-details-author ul{margin:15px 0 0;padding:0;display:inline-block;width:100%}
.k-course-details-author ul .k-course-details-author-img{width:170px;min-height:1px;display:inline-block;float:left;padding-right:15px}
.k-course-details-author ul .k-course-details-author-img img{width:150px;height:150px;position:relative;border-radius:50%;z-index:1;object-fit:cover}
.k-course-details-author ul .k-course-details-author-teacher{position:relative;width:calc(100% - 170px);display:inline-block;float:left;padding-left:20px}
.k-course-details-author ul .k-course-details-author-teacher .k-course-details-author-teacher-title{float:left;width:calc(100% - 220px)}
.k-course-details-author ul .k-course-details-author-teacher .k-course-details-author-teacher-title .name{display:block;font-size:16px;font-weight:700;margin-bottom:10px;/* color:#4caf50 */}
.k-course-details-author ul .k-course-details-author-teacher .k-course-details-author-teacher-title .info{display:block;color:#929292;margin-bottom:10px}
.k-course-details-author{padding:15px}
.content-teacher{font-size:15px;line-height:1.6;text-align:left}
.mt0{margin-top:20px!important}
.widgetcmtFB{padding:15px}
.k-course-details-related{display:block}
.k-course-details-related h3{margin:0;background:#e6e6e6;padding:15px;font-size:16px;color:black;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;font-weight:600}
.k-course-details-related .k-course-details-related-list{display:inline-block;margin:0;background-color:whitesmoke;width:100%;padding-left:0;border-right:1px solid #e6e5e8;border-left:1px solid #e6e5e8;border-top:none}
.k-course-details-related .k-course-details-related-list .list{padding:10px 15px 15px;border-bottom:1px solid #e6e5e8;display:inline-block;float:left;background-color:white;width:100%}
.k-course-details-related .k-course-details-related-list .list .item-list{background-color:white}
.k-course-details-related-list .list .k-related-courses-img{padding:0}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-text{margin:0 0 5px;padding-right:0}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-text ul li{float:left;width:100%}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-text ul li:first-child{color:#FF7816;font-weight:600}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-img img.img-fluid,.k-course-details-related .k-course-details-related-list .list .k-related-courses-img .carousel-inner > .carousel-item > img,.k-course-details-related .k-course-details-related-list .list .k-related-courses-img .carousel-inner > .carousel-item > a > img{width:100%;object-fit:cover}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-text a{color:#272727;font-size:14px;line-height:17px;margin-bottom:5px;display:block}
.k-course-details-related .k-course-details-related-list .list .k-related-courses-text a:hover{color:#FF9800}
.col-fix-padding{padding:0}
.ullistTitle{position:relative}
.ul-titleLeft{position:absolute;top:0;left:-100%;width:100%;display:block;border-top:1px solid #e4e4e4}
.ul-titleLeft li{width:100%;padding:10px;height:78px;border-bottom:1px solid #e4e4e4}
.icon-chatfb{width:30px;height:30px}
.fxicmes{margin-top:-15px;margin-left:1px}
.ifsm em{font-style:normal}
.btnChatWith{background:#3a5795;padding:5px 10px;color:#fff}
.btnChatWith .fa{color:#fff!important}
ul.menuTabClass{background:#e6e6e6}
.boxEventList{width:100%;float:left;background:#f6f6f6}
/* .boxEventList .title{padding:20px 0 40px;text-align:center;font-weight:bold;text-transform:uppercase;font-size:40px;position:relative;background:#fff;font-family:sans-serif}
*/
.boxEventList .boxtitle{background:#fff;padding:20px 0;border-bottom:1px solid #e7e7e7}
.boxEventList .boxtitle .title{text-align:center;font-weight:600;margin-bottom:10px}
/* .boxEventList .title:before{content:"";height:6px;width:10%;background:#f1ca00;margin:0 auto;position:absolute;bottom:20px;left:0;right:0}
*/
.bx-list-event{padding:0 0 40px 0}
.item-ev{width:100%;float:left;background:#fff;position:relative;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);border-radius:2px;margin-bottom:30px}
.item-ev:hover{box-shadow:0 0 15px 0 #b1b1b1}
.click-all{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:9999}
.item-ev .hm-reponsive{padding-top:35%}
.item-ev .hm-reponsive img{object-fit:cover}
.infoBottomEv{padding:15px}
.infoBottomEv .table{display:table}
.w-100{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.margin-bottom-0{margin-bottom:0!important}
.infoBottomEv .card-body .table{table-layout:fixed}
.infoBottomEv .table-cell{display:table-cell}
.infoBottomEv .event-price{padding:10px 0}
.infoBottomEv .date-month,.event-date-contaniner>a,.event-tags{display:block}
.infoBottomEv .event-tags{max-width:100%;width:100%;overflow:hidden}
.infoBottomEv .tag-kinds,.tag-venue{font-size:12px;color:#666}
.infoBottomEv .inline-block{display:inline-block}
.infoBottomEv .name{font-size:18px;font-weight:600;height:45px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tag-venue{margin-right:6px;padding:2px 4px;cursor:pointer;border:1px solid #ccc;border-radius:2px;font-size:13px;display:inline-block}
.color-c{color:#ccc}
.tag-kinds a:hover{color:green}
.event-price{font-size:16px}
.event-date{cursor:pointer;width:67px;text-align:center;bottom:10px;right:10px;border-radius:2px;position:absolute}
.date-month{font-size:7px;text-transform:uppercase;border-radius:2px 2px 0 0;background:#EB1212;color:#fff;font-weight:700;height:14px;line-height:15px}
.date-day,.date-month{font-size:9px}
.date-detail{display:inline-block;height:39px;width:48px;background:#FFF;border:1px solid #CCC;border-bottom-width:3px;border-top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.date-detail{width:67px;height:46px}
.date-num{font-size:20px;height:26px;line-height:27px}
.date-day{height:14px;line-height:14px}
.event-name .calendar-image{float:left}
.banner .event-name .calendar-image{width:85px;z-index:7;position:relative;border-radius:2px;border:1px solid #ccc}
.single-border{border-bottom:5px solid #ccc;text-align:center;width:65%;margin:0 auto;border:1px solid #d2d2d2;box-shadow:0 5px 4px -2px #8c8c8c}
.calendar-image .month{text-transform:uppercase;font-weight:bold;padding:5px;color:#fff;font-size:12px;background-color:#eb1212}
.calendar-image .date{margin-top:5px;margin-bottom:5px;font-size:42px;font-weight:normal;color:#666666}
.calendar-image .day{margin:0;color:#666;font-size:12px;font-weight:normal}
.calendaTop .date{width:unset}
.bx-title .name{font-size:22px;font-weight:600}
.bx-title .titme,.bx-title .address{font-size:16px;font-weight:600;display:flex}
.bx-title .fa{margin:0;color:#000!important;margin-right:0!important;font-size:14px!important;text-align:center;width:25px}
.bx-title .name{font-size:22px;font-weight:600;margin-bottom:15px}
.boxthongtinev{padding:20px 0 0}
.btn-buynow{background:-webkit-linear-gradient(top,#f59000,#fd6e1d);color:#fff;font-size:22px;font-weight:bold;padding:10px;width:100%;display:block;text-align:center}
.bx-like-share{margin:10px 0}
.nav-detaiev{margin-top:0}
.nav-detaiev ul li{float:left;font-size:16px;color:gray}
.nav-detaiev ul li a{display:block;padding:15px;border-bottom:3px solid transparent}
.body-event{padding-top:20px}
.body-event .titlebox{font-size:16px}
.box-aboutx{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ececec;background:#fff;padding:1px 15px 20px;width:100%;float:left}
.post_media{display:flex}
.post_media .img-thumg-left{width:150px;text-align:center;border:1px solid #d8d8d8;padding:10px;margin-right:15px}
.post_media .col-right-txt{width:80%}
.post_media .col-right-txt h2{font-size:20px;font-weight:600;margin-bottom:10px}
.post_media .col-right-txt p{font-size:14px;line-height:1.4}
.box-ticket-right ul li{border-bottom:1px solid gainsboro;padding:15px;line-height:1.4}
.box-ticket-right ul li:last-child{/* border-bottom:none;*/

/* background:whitesmoke;*/

/* font-size:16px */}
.box-ticket-right ul li .fa{margin-right:0;color:#929292;width:15px}
.box-ticket-right ul li:nth-child(2){color:#929292}
.box-ticket-right{box-shadow:0 10px 30px -18px black}
@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}}
/*update*/
.img-giasu{margin-bottom:50px;text-align:center}
.img-giasu img{height:150px;width:150px;border-radius:50%}
.upload-img-giasu input[type="file"]{height:0.1px;width:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.blah{border-radius:50%}
.chonanh-giasu{background:#fdd504;padding:5px 10px;/*color:white;*/
    border-radius:5px}
.chonanh-giasu:hover{opacity:0.8}
.frm-giasu .form-group{width:100%;padding:0 15px;float:left}
.frm-giasu .form-group .control-div input{}
.frm-l-giasu{width:50%}
.frm-r-giasu{width:50%;float:right}
.gia-dhoc-giasu{width:50%!important;float:left}
.busy{background-color:#4CAF50}
.lich-gday-giasu tr,.lich-gday-giasu td,.lich-gday-giasu th{border:1px solid #cecece!important}
.btn-capnhat-gs{text-align:center}
.capnhat-giasu{text-align:center;padding:10px 30px;background:#e7361f;color:white;font-weight:bold;border:0;border-radius:5px}
.capnhat-giasu:hover{opacity:0.8}
.upload-img-giasu{margin-top:15px}
.legend{display:inline-block;width:25pt;height:18pt;background-color:#4CAF50}
.frm-left-khoc-video{width:33%;float:left;margin-bottom:20px}
.sl-trinhdo{height:35px;width:100%;border:1px solid #cecece}
.sl-baihoc{height:35px;width:100%;border:1px solid #cecece}
.add-video-kh-r{width:65%;float:right}
.item-upload-video{position:relative;width:49%;float:left;height:170px;/*  padding:5px;*/
  margin-right:1%;margin-bottom:5px}
.item-upload-video [type="file"]{height:unset;width:70px;overflow:hidden;position:absolute;z-index:1;top:0;width:100%;height:130px;opacity:0}
.tieude-baihoc-video{width:100%;height:30px;text-indent:5px}
.add-video-kh-r{padding:10px;height:510px;overflow-x:hidden;border:1px solid #d5d5d5}
.chon-video-bh{font-size:15px;font-weight:bold;margin-bottom:15px}
.giadagiam-kh-video{width:49%;float:right}
.giagoc-kh-video{width:49%;float:left}
.gioithieu-kh-video{width:100%;margin:10px 0;margin-top:20px;clear:left}
.noidung-kh-video{width:100%;margin:10px 0}
.thongtin-giangvien{width:100%;margin:10px 0;clear:left}
.btn-dang-kh-video{text-align:center;padding:10px 30px;background:#e7361f;color:white;font-weight:bold;border:0;border-radius:5px}
.btn-dang-kh-video:hover{opacity:0.8}
.frm-kh-tt-l{width:40%;float:left;min-height:500px}
.frm-kh-tt-r{width:58%;float:right;min-height:500px}
.box-upload-img-tt{height:260px;margin-bottom:15px}
.thongtin-ttam{width:100%;float:left}
.tit-lb{font-size:13px;font-weight:bold}
.box-video-tqua-hv{height:55%;float:left;width:100%;position:relative}
.uploadPreview>div{width:110px;height:110px;float:left;margin-right:10px;margin-bottom:10px}
.uploadPreview>div>img{width:100%;height:100%}
.input-them-kh-tt{width:110px;height:110px;/* position:relative;*/
    float:left;background-image:url(../../../css/images/avata_upload.png);background-size:cover;border:1px solid #d0d0d0;margin-right:10px}
.input-them-kh-tt>input{width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:0}
.themanhtt{width:100%;float:left;overflow-x:hidden;height:100%;padding:15px;border:1px solid #d8cdcd;margin:10px 0}
/*upload video sp học viên*/
.item-sp-hv{position:relative;width:210px;height:95px;background-image:url(../../../Content/images/âdd.png);background-repeat:no-repeat;border:1px solid #cecaca;float:left;margin-right:15px;margin-bottom:60px}
.item-baihoc{position:relative;width:210px;height:95px;background-image:url(../../../Content/images/âdd.png);background-repeat:no-repeat;border:1px solid #cecaca;float:left;margin-right:5px;margin-bottom:15px}
.box-video-tqua-hv .input-sp-hv{position:absolute;width:210px;height:100%;left:0;bottom:0;opacity:0}
.boxx-video-baihoc .input-sp-hv{position:absolute;width:210px;height:95px;left:0;top:0;opacity:0}
.boxx-video-hv{border:1px solid #cecaca;padding:10px;margin-bottom:5px;margin-right:5px;min-height:230px;overflow-y:scroll;max-height:325px}
.name-bhoc{text-indent:5px;width:340px;height:35px;border:1px solid #c5c4c4}
.dangtinn ul li{width:33.3%;float:left;text-align:center;padding:15px}
.dangtinn ul li h3{font-size:18px;font-weight:bold;margin-bottom:15px;margin-top:10px;color:#d71616}
.dangtinn ul li p{line-height:1.4;color:#686868}
.box-dangtin-giasu,.box-dangtin-video,.box-dangtin-sp-hv{background:#bcbbb5a6;border-radius:5px;padding:10px;border:1px solid #cecece;box-shadow:2px 2px 4px grey;height:280px;position:relative}
.clickall{position:absolute;width:100%;height:100%;top:0;left:0}
.dangtinn ul li:hover>div{background:#d7c86da6;transition:1s}
a.collapsed{display:unset}
div[id^='headingpart'] h4 a{color:red;font-weight:bold}
a.collapsed:hover{text-decoration:underline}
input[id^='headingpart']{margin-bottom:unset}
/*css add lesson*/
h4.panel-title.addLesson{text-align:center;background:#4b77be;color:white;width:40%;margin:auto;padding:5px;border-radius:5px}
a.add-lesson{background:#4b77be;color:white!important;padding:5px 10px;border-radius:5px;margin:auto;display:block;width:20%;text-align:center;margin-top:5px}
button.addVideo.btn.btn-info{margin:auto;display:block}
.panel-group .panel{border-radius:4px}
.panel-group .panel .panel-title a{display:initial}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid #0000001a;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.scroll-item li{padding:15px;border-bottom:1px solid #ddd}
button.addVideo.btn.btn-info{margin:auto;display:block}
.portlet .portlet-title-sub{font-weight:bold;line-height:30px;font-size:15px;text-transform:uppercase;margin-bottom:15px}
.scroll-item li a{font-size:14px;position:relative;padding-left:20px}
.scroll-item li a:before{position:absolute;content:"\f144";top:1px;left:0;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1}
.like-rep span{margin-right:10px}
.view-danhgia1,.view-danhgia2,.view-danhgia3{width:33.3%;float:left}
.view-danhgia3{padding-top:20px}
.view-danhgia1,.view-danhgia3{text-align:center}
.view-danhgia2{padding:20px 0}
.tit-view-danhgia1{font-size:16px}
.sosao-danhgia{font-weight:bold;font-size:30px;color:red}
.so-nhanxet{color:gray}
.rating-num{position:relative;width:45px;float:left}
.propress-sao{width:275px;height:10px;border-radius:5px;float:left;background:#d7d6d6;margin-top:2px}
.propress-bar-sao{width:0;height:10px;background:#18ad5a;border-radius:5px}
.propress-bar-sao5{width:100%}
.phantram-sao{margin-left:10px}
.view-danhgia-item{margin-bottom:10px}
.btn-nx-sp{padding:8px 15px;color:white;font-size:15px;font-weight:500;height:40px;background:#18ad5a;border:0;width:180px;margin-top:15px;border-radius:5px}
.view-danhgia-content{clear:left;margin-bottom:20px}
.name-sec-detail{margin-bottom:15px;font-size:18px;text-transform:uppercase;font-weight:400;margin:40px 0 10px;display:inline-block;width:100%}
.frm-loc-nx select{width:150px;height:30px;margin-right:10px}
.frm-loc-nx>span{margin-right:10px}
.item-nx-detail{margin-bottom:15px}
.item-nx-detail .tt-nx-l{width:150px;float:left;text-align:center}
.tt-nx-l .img-user-nx{width:60px;height:60px;border-radius:50%;margin-bottom:5px}
.tt-nx-l .name-user-nx{font-weight:bold;font-size:13px;margin-bottom:5px}
.tt-nx-l .diachi-user-nx{margin-bottom:5px;color:gray;font-size:11px}
.tt-nx-l .diachi-user-nx span{font-size:13px;color:black}
.date-nx-detail{color:gray;font-size:11px}
.tt-nx-r{width:80%;float:left}
.tt-nx-r .sao-danhgia{margin-bottom:5px}
.nx-sp-user{font-size:15px}
.xacnhandamua-user{color:green}
.xacnhandamua-user img{width:15px;margin-right:5px}
.rep-share-like .rep-nx-user,.rep-share-like .share-nx-user{color:blue;margin-right:10px}
.rep-share-like span{color:gray}
a.like-nx-user{padding:5px 10px;background:#18ad5a;color:white;margin-left:10px}
.tieude-nx input{height:40px;border:1px solid #d8d8d8;text-indent:5px}
.nd-nx-kh textarea{border:1px solid #d8d8d8;padding:5px}
.nx-ofkhachhang label{margin-bottom:10px;font-size:15px}
.guinhanxet-kh{color:white;font-size:15px;font-weight:500;height:40px;background:#18ad5a;border:0;width:229px;margin-top:15px;float:right;border-radius:5px}
.luyy-nx{font-size:12px;clear:right;padding:20px 0}
.tt-sp-nx{margin-bottom:30px}
.tt-sp-nx img{width:150px;height:150px;float:left;margin-right:10px}
.tt-sp-nx .name-sp-nx{width:65%;float:left;margin-top:30px}
.name-sp-nx h4{font-size:16px;font-weight:400}
.name-sp-nx .thuonghieu span{color:green}
.tt-lhe-nx{clear:both}
.tt-lhe-nx li{margin-bottom:10px}
.tt-lhe-nx li a{color:blue}
.nx-ofkhachhang.all{padding:20px;margin:0;border-radius:5px;background:#fff;margin-bottom:20px}
input.name-bhoc.url-youtube{width:100%}
.txt-ifClass div{margin:4px 0}
.row.price{width:84%;float:right}
.row.price div{margin:0}
section.heading_title{background:#4083b9;padding:20px 0;color:#fff;line-height:1.6;text-align:justify}
.post-sidebar{border:1px solid #d7d7d7;border-radius:5px;background:#fff;padding:20px 15px 5px 15px;top:0;position:relative}
.block-price{width:100%;height:50px}
.big-price{font-size:32px;font-weight:bold;float:left}
.small-price{font-size:20px;text-decoration:line-through;margin-left:10px;display:inline-block;margin-top:10px}
.discount-price{font-size:14px;background:#f26c4f;padding:5px;color:#fff;display:inline-block;float:right;margin-top:10px}
.time-uudai{text-align:left;display:inline-block;width:100%;color:#04620f;font-weight:bold;margin:10px 0}
.btn-buy-course{background:#ff0000;border-radius:5px;padding:14px 20px;display:inline-block;width:100%;color:#fff;font-size:18px;font-weight:bold;text-align:center;margin-bottom:10px;text-transform:uppercase}
.btn-cart-course{background:#fff;border-radius:5px;padding:10px 20px;display:inline-block;width:100%;color:#545454;font-size:18px;font-weight:bold;text-align:center;border:1px solid #b7b7b7}
.btn-cart-course i{font-size:30px;margin-right:10px;vertical-align:sub}
.block-btn p{color:#858585;font-size:12px;margin:10px 0}
.u-combo-buy{background:#fff;border:1px solid #d7d7d7;border-radius:3px;padding:15px;display:inline-block;margin-top:10px;width:100%}
.u-combo-buy h3,.u-cm-hv h3,.u-rate-hv h3{font-size:16px;font-weight:bold;margin-bottom:10px}
.u-combo-usua{border-bottom:1px solid #c8c8c8;padding-bottom:10px;display:inline-block;padding-top:10px;width:100%}
.img-combo{float:left;margin-right:10px;margin-top:3px;width:30%}
.des-combo{display:inline-block;width:50%}
.des-combo a{font-size:16px;font-weight:bold;color:#545454;margin-bottom:20px;display:block}
.rate-combo{margin-top:12px;font-weight:bold}
.rate-combo p{float:left;margin-right:15px}
.star-rate{float:left;margin-right:5px}
.co-or{color:#f26c4f}
.star-rate i{font-size:16px}
.price-combo{display:inline-block;text-align:center;margin-top:-4px;float:right}
.price-combo-a{font-size:24px;font-weight:bold}
.price-combo-b{text-decoration:line-through;font-size:16px;margin:10px 0 10px 0}
.price-combo-c{color:#f00}
.row.price div.title{margin-left:13px;margin-bottom:4px}
.bx-thanhqua .titlebox:before{position:absolute;content:"";width:10%;height:4px;background:#e3b404;bottom:-7px}
/* .bx-thanhqua .titlebox{border-bottom:1px solid #cecece}
*/
.sticky{position:fixed;top:0;width:100%;background:#fff;z-index:99999;margin:0}
.nav-detaiev ul li:hover a{color:black}
.gias{text-align:right;float:right;font-size:15px}
.name-giaves{font-weight:500}
.h4.panel-title{padding:15px 10px}
.panel-body{padding:15px;border:1px solid #f8f8f8}
.chiase-bx,.themlich-bx{width:50%;float:left;text-align:center}
.chiase-bx:hover{color:#0053a9}
.themlich-bx:hover{color:#fd6e1d}
.chiase-bx{border-right:1px solid #cecece}
.bx-like-share{border:1px solid #cecece;width:100%;float:left;height:30px;line-height:30px}
.name-r-bx-ticket{border-bottom:0;padding-bottom:0}
.lh-ntcc{height:30px;border:1px solid orange;line-height:30px;width:30%;text-align:center;color:orange}
.sticky1{position:relative;top:0}
.events-press-cta{background:#fff;z-index:9999;margin-bottom:0}
.btn-buynow{float:left}
.btn-mua-now{height:40px;width:100%;float:left;line-height:40px}
.box-ticket-right{margin-top:0}
.btn-mua-now a{padding:0!important}
.body-event{margin-bottom:50px;background:#e8e8e8}
#profile-description{width:100%;margin-top:20px;position:relative}
#profile-description .text{width:100%;margin-bottom:5px;color:#777;padding:0 0;position:relative;font-family:Arial;font-size:14px;line-height:1.4;display:block}
#profile-description .show-more{width:100%;position:relative;font-size:20px;padding-top:5px;height:20px;text-align:center;background:unset;cursor:pointer;color:#cecece}
#profile-description .show-more:hover{color:#bebebe}
#profile-description .show-more-height{height:80px;overflow:hidden}
.kh-trang{height:100px}
.btn-viewcol a{width:100%;height:100%;display:block}
.bx-list-event .divfindTop{background:#fff}
.banner-dtev img{width:100%}
.box-nd-event{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
.noidungkhoahoc .panel-heading .panel-title{background:#ebebeb;padding-top:10px;padding-left:10px;padding-bottom:10px}
#box-aboutx2 h4.panel-title{border-bottom:1px solid #9d9d9d33;width:100%;float:left;padding-bottom:5px}
#box-aboutx2 .panel{border:none}
/* add css new*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,700i&subset=vietnamese');.page_taisao{padding:40px 0;width:100%;float:left;clear:left;background:#ecececd1}
.titletop h2{text-align:center;font-size:24px;font-weight:bold;margin-bottom:30px}
.reason-4{text-align:center}
.img-reason img{margin:0 auto}
.txt-reason{margin-top:10px;font-weight:bold;font-size:20px}
.txt-reason span{display:block;font-size:14px;font-weight:100;margin-top:5px;line-height:1.4;color:#828282}
.pageImgRegis{height:284px;background-size:cover;position:relative;text-align:center;background-image:url('https://unica.vn/media/img/bg-f.jpg');background-repeat:no-repeat;clear:left}
.unica-be-teacher-txt{position:absolute;top:20%;width:100%;color:#fff}
.unica-be-teacher-txt p{font-size:20px;margin-bottom:15px}
.unica-be-teacher-txt h4{font-size:55px;font-weight:bold;margin-bottom:15px;word-spacing:10px}
.unica-be-teacher-txt a{border:1px solid #fff;border-radius:5px;padding:10px 40px;font-size:16px;margin-top:10px;display:inline-block;color:#fff}
.wrapper-tags .item{width:100%}
#nghanhghoc .owl-prev{background:#ff4638;color:white;font-size:34px;font-weight:600;left:-15px;width:30px;height:70px;line-height:70px;top:38%;border-radius:5px 0 0 5px}
#nghanhghoc .owl-next{background:#ff4638;color:white;font-size:34px;font-weight:600;right:-15px;width:30px;height:70px;line-height:70px;top:38%;border-radius:0 5px 5px 0}
.boxhocgiday>.box{background:#455c67;padding:40px 20px 40px}
.listClass{width:100%;float:left}
.pricekhoahoc{padding:40px 0;width:100%;float:left}
.pricekhoahoc *{font-family:'Roboto Condensed',sans-serif;box-shadow:none}
.ul-titleLeft p.text{padding:20px 10px;font-size:18px;font-weight:600;color:#545454;text-align:right;padding-right:40px}
.list-group .list-group-item{font-size:16px;padding:10px}
.pricekhoahoc .list-group .list-group-item{height:80px}
.panel-success > .panel-heading{padding:13px 15px}
.list-group .list-group-item .text{padding:20px 10px;font-size:16px;font-weight:unset}
.btn.btn-lg.btn-block.btn-success{border-radius:5px}
h3.name-study{text-align:center}
.list-group .list-group-item .text{text-align:center;display:block;width:100%}
#avatar:hover{border:solid 5px rgba(0,0,0,0.2)}
#nghanhghoc [class*=" fa-"]{width:unset}
.wrapper-tags .item .box{position:relative}
.wrapper-tags .item .box:before{content:"";width:100%;height:100%;background:#0000005c;position:absolute;top:0;bottom:0;left:0;right:0;z-index:10}
.lichsukien .panel{border:none}
#menu-center ul li a.active{font-weight:bold;color:#000;border-bottom:3px solid #e3b404}
.box-nd-event.content-pd-head{background:#fff;max-height:53px;z-index:999}
.fixed{position:fixed;top:0}
.pricekhoahoc .panel-body.fix-head{padding-top:38px!important}
.windows8{position:fixed;width:78px;height:78px;margin:auto;left:50%;top:50%;z-index:1000000}
.windows8 .wBall{position:absolute;width:74px;height:74px;opacity:0;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);animation:orbit 6.96s infinite;-o-animation:orbit 6.96s infinite;-ms-animation:orbit 6.96s infinite;-webkit-animation:orbit 6.96s infinite;-moz-animation:orbit 6.96s infinite}
.windows8 .wBall .wInnerBall{position:absolute;width:10px;height:10px;background:#fff;left:0;top:0;border-radius:10px}
.windows8 #wBall_1{animation-delay:1.52s;-o-animation-delay:1.52s;-ms-animation-delay:1.52s;-webkit-animation-delay:1.52s;-moz-animation-delay:1.52s}
.windows8 #wBall_2{animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s}
.windows8 #wBall_3{animation-delay:.61s;-o-animation-delay:.61s;-ms-animation-delay:.61s;-webkit-animation-delay:.61s;-moz-animation-delay:.61s}
.windows8 #wBall_4{animation-delay:.91s;-o-animation-delay:.91s;-ms-animation-delay:.91s;-webkit-animation-delay:.91s;-moz-animation-delay:.91s}
.windows8 #wBall_5{animation-delay:1.22s;-o-animation-delay:1.22s;-ms-animation-delay:1.22s;-webkit-animation-delay:1.22s;-moz-animation-delay:1.22s}
@keyframes orbit{0%{opacity:1;z-index:99;transform:rotate(180deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(300deg);animation-timing-function:linear;origin:0}30%{opacity:1;transform:rotate(410deg);animation-timing-function:ease-in-out;origin:7%}39%{opacity:1;transform:rotate(645deg);animation-timing-function:linear;origin:30%}70%{opacity:1;transform:rotate(770deg);animation-timing-function:ease-out;origin:39%}75%{opacity:1;transform:rotate(900deg);animation-timing-function:ease-out;origin:70%}76%{opacity:0;transform:rotate(900deg)}100%{opacity:0;transform:rotate(900deg)}}
@-o-keyframes orbit{0%{opacity:1;z-index:99;-o-transform:rotate(180deg);-o-animation-timing-function:ease-out}7%{opacity:1;-o-transform:rotate(300deg);-o-animation-timing-function:linear;-o-origin:0}30%{opacity:1;-o-transform:rotate(410deg);-o-animation-timing-function:ease-in-out;-o-origin:7%}39%{opacity:1;-o-transform:rotate(645deg);-o-animation-timing-function:linear;-o-origin:30%}70%{opacity:1;-o-transform:rotate(770deg);-o-animation-timing-function:ease-out;-o-origin:39%}75%{opacity:1;-o-transform:rotate(900deg);-o-animation-timing-function:ease-out;-o-origin:70%}76%{opacity:0;-o-transform:rotate(900deg)}100%{opacity:0;-o-transform:rotate(900deg)}}
@-ms-keyframes orbit{0%{opacity:1;z-index:99;-ms-transform:rotate(180deg);-ms-animation-timing-function:ease-out}7%{opacity:1;-ms-transform:rotate(300deg);-ms-animation-timing-function:linear;-ms-origin:0}30%{opacity:1;-ms-transform:rotate(410deg);-ms-animation-timing-function:ease-in-out;-ms-origin:7%}39%{opacity:1;-ms-transform:rotate(645deg);-ms-animation-timing-function:linear;-ms-origin:30%}70%{opacity:1;-ms-transform:rotate(770deg);-ms-animation-timing-function:ease-out;-ms-origin:39%}75%{opacity:1;-ms-transform:rotate(900deg);-ms-animation-timing-function:ease-out;-ms-origin:70%}76%{opacity:0;-ms-transform:rotate(900deg)}100%{opacity:0;-ms-transform:rotate(900deg)}}
@-webkit-keyframes orbit{0%{opacity:1;z-index:99;-webkit-transform:rotate(180deg);-webkit-animation-timing-function:ease-out}7%{opacity:1;-webkit-transform:rotate(300deg);-webkit-animation-timing-function:linear;-webkit-origin:0}30%{opacity:1;-webkit-transform:rotate(410deg);-webkit-animation-timing-function:ease-in-out;-webkit-origin:7%}39%{opacity:1;-webkit-transform:rotate(645deg);-webkit-animation-timing-function:linear;-webkit-origin:30%}70%{opacity:1;-webkit-transform:rotate(770deg);-webkit-animation-timing-function:ease-out;-webkit-origin:39%}75%{opacity:1;-webkit-transform:rotate(900deg);-webkit-animation-timing-function:ease-out;-webkit-origin:70%}76%{opacity:0;-webkit-transform:rotate(900deg)}100%{opacity:0;-webkit-transform:rotate(900deg)}}
@-moz-keyframes orbit{0%{opacity:1;z-index:99;-moz-transform:rotate(180deg);-moz-animation-timing-function:ease-out}7%{opacity:1;-moz-transform:rotate(300deg);-moz-animation-timing-function:linear;-moz-origin:0}30%{opacity:1;-moz-transform:rotate(410deg);-moz-animation-timing-function:ease-in-out;-moz-origin:7%}39%{opacity:1;-moz-transform:rotate(645deg);-moz-animation-timing-function:linear;-moz-origin:30%}70%{opacity:1;-moz-transform:rotate(770deg);-moz-animation-timing-function:ease-out;-moz-origin:39%}75%{opacity:1;-moz-transform:rotate(900deg);-moz-animation-timing-function:ease-out;-moz-origin:70%}76%{opacity:0;-moz-transform:rotate(900deg)}100%{opacity:0;-moz-transform:rotate(900deg)}}
/*Flex Box*/
.flexBet{display:flex;justify-content:space-between;align-items:center}
.flexCen{display:flex;align-items:center;justify-content:center}
.flexAr{display:flex;justify-content:space-around}
.flexLeft{display:flex;align-items:left;justify-content:left}
label.containerlabel{display:block;position:relative;padding-left:25px;padding-top:2px;margin-bottom:0;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* Hide the browser's default checkbox */
label.containerlabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
/* Create a custom checkbox */
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ccc}
/* On mouse-over,add a grey background color */
label.containerlabel:hover input ~ .checkmark{background-color:#ccc}
/* When the checkbox is checked,add a blue background */
label.containerlabel input:checked ~ .checkmark{background-color:#2196F3}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after{content:"";position:absolute;display:none}
/* Show the checkmark when checked */
label.containerlabel input:checked ~ .checkmark:after{display:block}
/* Style the checkmark/indicator */
label.containerlabel .checkmark:after{left:7px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-numberspiner,.inputSpiner{border:1px solid lightgrey;border-radius:0}
.boxnumber_spiner{margin-left:15px}
.inputSpiner{border-left:none;border-right:none}
.inputSpiner,.btn-numberspiner{width:33px;height:22px;font-size:13px;padding:0;line-height:13px}
.btn-numberspiner{background:#607D8B;color:#fff}
.btn-numberspiner .fa{margin:0;margin-right:0!important;color:#fff!important}
.lable_disabel_ticker{display:block;font-size:11px;border:1px solid #e70000;padding:5px 10px;color:#e70000;margin-top:5px;text-align:center;text-transform:uppercase;background:#fff}
.noRadius{border-radius:0}
.coupon-submit{border-color:#4cae4c;border:1px solid #5cb85c}
.dropdown-coupon:hover{color:#fd6e1d}
.dropdown-input-coupon{display:none}
.Page_detailEv #accordion .fa{color:#b2b2b2;margin-right:5px;font-size:16px}
.Page_detailEv #accordion .panel-heading{border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:10px}
.Page_detailEv #accordion h4.panel-title{padding:0;margin:0}
.Page_detailEv #accordion .panel-body{border:none;margin-bottom:20px;margin-right:-15px;margin-left:-15px;background:whitesmoke}
h4.panel-title.addPart{margin-top:15px;padding-bottom:0!important}
div#headingAddPart{text-align:center}
div#collapseAddPart{text-align:center}
a.add-part.btn.btn-success{margin-top:10px}
.panel-heading{/* padding:8px; */}
