/* The container */
.container_tt {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom:7px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container_tt input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_tt:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_tt input:checked ~ .checkmark {
    background-color: #00918d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_tt input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_tt .checkmark:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}


.cart_table{display: table;width:100%;color:#555;border-bottom:#dcdcdc 1px solid;padding-bottom: 10px}
.cart_tr{display: table-row;}
.cart_td{display: table-cell;padding:15px 0px;vertical-align: middle;text-align: center;}
.cart_tr:nth-child(1) .cart_td{font-size: 16px;color:#555;background: #ededed;padding:10px 10px;
}
.cart_tr:last-child .cart_td{}
.cart_td .link_t{display: inline-block;padding:7px 10px;color:#666;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.cart_td .link_t:hover{background: #ededed;}
.cart_tr:nth-child(1) .cart_td:nth-child(1){width:150px;}

.cart_tb .title{margin:10px 0px;}
.cart_tb .title span{color:#f00;font-weight: bold;font-size: 16px;}
.thanhtoan{float:right;padding:15px;border:#dcdcdc 1px solid;border-radius: 5px;margin-top:40px;
line-height: 30px;margin-bottom:40px;}
.thanhtoan .sub_tt .link_t{display: inline-block;background: #00918d;color:#FFF;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding:7px 20px;
    border-radius: 3px;
    border:none;
}
.cart_td .thumb img{width:100px;height:80px;}
.cart_table .dongia{font-size: 14px;color:#F00;}
.cart_table .title_a a{color:#555;}
.cart_table .title_a a:hover{text-decoration: underline;}
.thanhtoan .sub_tt .link_t:hover{background: #333;}
.thanhtoan .tong{margin-bottom:10px;font-family: RobotoB}
.thanhtoan .tong span{font-size: 18px;color:#f00;}
.cart_table .sub_nb{border:#dcdcdc 1px solid;padding-left: 5px;height:45px;width:30px;text-align: center;border-radius: 5px;}
.sub_cn{
    display: inline-block;background: #555;color:#FFF;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding:7px 15px;
    border-radius: 3px;
    border:none;
}
.sub_cn:hover{background: #A70808;}
.cart_table .thanhtien{font-size: 14px;color:#F00;font-family: RobotoB;}
.form_thongtin{color:#555;  }
.form_dathang .title{font-weight: bold;text-transform: uppercase;color:#555;margin-bottom:15px;}
.form_thongtin .text_in{border:#dcdcdc 1px solid;border-radius: 3px;height:36px;width:88%;padding-left: 12%;}
.form_thongtin input{margin-bottom:10px;}
.form_thongtin .text_area{border:#dcdcdc 1px solid;height:100px;width:98%;border-radius: 3px;padding-left: 2%;padding-top:5px;}
.form_thongtin p{position: relative}
.form_thongtin p i{position: absolute;left:0px;background: #ededed;padding:11px 0px;width:36px;text-align: center;}


.thanhtoan .sub_cn{cursor: pointer;text-align: center;padding:  14px 20px;font-size: 14px;}
.tt_hinhthuc{line-height: 24px;color:#555;}

.tt_right .cart_tr:last-child .cart_td{background: #FFF;}
.back_gh{margin-bottom:30px;}
.back_gh a{border-radius: 3px;background: #00918d;padding:7px 20px;color:#FFF;}
.tt_right{}

.bt_thanhtoan{margin:30px 0px;}
.box_buoc{margin:60px 0px;}
.box_buoc a{color:#bbb;display: inline-block;position: relative;}
.buoc1{width:50%;border-bottom:#bbb 1px solid;text-align: center;}
.buoc1 span{display: inline-block;}
.buoc1 .num{color:#fff;background: #bbb;display: inline-block;height:24px;width:24px;border-radius: 24px;line-height: 24px;
position: relative;top:12px;font-size: 12px;
}
.box_buoc .active{border-bottom:#333 1px solid;}
.box_buoc .active .num{background:#333;}
.box_buoc .active a{color:#333;}


.title_gh{text-align: center;color:#00918d;margin:30px 0px;}
.title_dem{font-family: RobotoR;font-weight: normal;font-size: 16px;}
.title_dem span{font-family: RobotoB;font-size: 18px;}
.tt_left{width:400px;}
.tt_right{width:650px;}


.ql{color:#f00;text-align: center;font-size: 14px;text-transform: none;}
.error_mess{margin-bottom:0px;text-align: center;}
.error_mess span{display: inline-block;margin-bottom:10px;}
.tt_hinhthuc .title{margin-bottom:20px;}
.form_tt{padding-bottom:50px;}
.text_hinhthuc .title{text-align: center;border-bottom:#00918d 1px solid;}
.text_hinhthuc .title span{color:#fff;background: #00918d;display: inline-block;padding:10px 20px;font-size: 16px;border-radius: 5px 5px 0px 0px;}
.col_cs{width:346px;margin-right:30px;}
.col_cs:nth-child(3){margin-right:0;}
.tb_hoantat{margin:40px 0px;}
.title_cs{text-align: center;margin-bottom:20px;text-transform: uppercase;font-size: 16px;color:#00918d;}
.text_cs p{margin-bottom:10px;}
.text_cs{font-size: 14px;}
.box_cs{background: #ededed;padding:20px;}
.cont_cstt{text-align: center;}
.cont_cstt li{list-style: none;display: inline-block;}
.cont_cstt li a{display: inline-block;background:#00918d;color:#FFF;margin: 0px 5px;padding:10px 20px;border-radius: 30px;}



@media all  and (max-width:768px){

    .tt_right{width:100%;}
    .col_cs{width:100%;margin-bottom:20px;}

}