/**
* @Project NUKEVIET 4.x
* @Author VINADES.,JSC (contact@vinades.vn)
* @Copyright (C) 2014 VINADES.,JSC. All rights reserved
* @License GNU/GPL version 2 or any later version
* @Createdate Wed, 13 Aug 2014 00:24:32 GMT
*/

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}
.warning.show {
    opacity: 1;
    z-index: 10000;
}
.warning {
    position: fixed;
    right: 10px;
    top: 10px;
    padding: 20px;
    background: #fff;
    z-index: -1;
    border-radius: 10px;
    border: solid 1px #dcdcdc;
    color: red;
    min-width: 200px;
    opacity: 0;
    transition: 0.5s;
}
.detail_bar {
    background: #CCCCCC url('../images/bookhouse/background-striped.png');
    width: 100%;
    height: 20px;
    margin: 20px 0 0;
    text-transform: uppercase;
}

.detail_bar span {
    display: inline-block;
    background-color: #FFFFFF;
    padding: 2px 6px 6px 0
}

.hometext {
    font-style: italic;
    font-weight: bold
}

/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l              (normal)
.jssora02r              (normal)
.jssora02l:hover        (normal mouseover)
.jssora02r:hover        (normal mouseover)
.jssora02ldn            (mousedown)
.jssora02rdn            (mousedown)
*/
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url('../images/bookhouse/a02.png') no-repeat;
    overflow: hidden;
}

.jssora02l {
    background-position: -3px -33px;
}

.jssora02r {
    background-position: -63px -33px;
}

.jssora02l:hover {
    background-position: -123px -33px;
}

.jssora02r:hover {
    background-position: -183px -33px;
}

.jssora02ldn {
    background-position: -243px -33px;
}

.jssora02rdn {
    background-position: -303px -33px;
}

/* jssor slider thumbnail navigator skin 03 css */
/*
.jssort03 .p            (normal)
.jssort03 .p:hover      (normal mouseover)
.jssort03 .pav          (active)
.jssort03 .pav:hover    (active mouseover)
.jssort03 .pdn          (mousedown)
*/
.jssort03 .w, .jssort03 .pav:hover .w {
    position: absolute;
    width: 60px;
    height: 30px;
    border: white 1px dashed;
}

* html .jssort03 .w {
    width /**/: 62px;
    height /**/: 32px;
}

.jssort03 .pdn .w, .jssort03 .pav .w {
    border-style: solid;
}

.jssort03 .c {
    width: 62px;
    height: 32px;
    filter: alpha(opacity = 45);
    opacity: .45;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}

.jssort03 .p:hover .c, .jssort03 .pav .c {
    filter: alpha(opacity = 0);
    opacity: 0;
}

.jssort03 .p:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.loading {
    position: absolute;
    display: block;
    background: url('../images/bookhouse/loading.gif') no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

/* maps */
#map-canvas {
    width: 100%;
    height: 300px;
    text-align: center
}

.fb-like {
    height: 30px;
    margin-right: 34px;
}

ul.listnews, ul.list {
    margin: 0;
    padding: 0;
}

ul.listnews li {
    margin-bottom: 10px;
}

ul.listnews li img {
    margin-right: 5px;
}

ul.items_note {
    padding: 10px;
    list-style: circle;
}

.images .plupload_container {
    padding: 0 !important
}

.images .info-image-number, .images .btn-submit, .images #uploader {
    display: none
}

.images .new-images-append {
    border: 1px solid #003794
}

.images #upload {
    position: relative
}

.images .close-upload {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #FFFFFF
}

.thumbnail .caption h3 {
    height: 44px
}

.thumbnail .image {
    margin-bottom: 5px
}

.block_new_items_list .image {
    margin-right: 6px
}

.block_new_items_list .item-detail {
    display: table
}

.block_new_items_list .item-detail label {
    width: 90px
}

.block_new_items_list .item-detail ul {
    font-size: 12px;
    line-height: 12px
}

.tab-pane {
    padding: 10px 0 10px 0
}

table.table-middle td {
    vertical-align: middle !important
}

table.table-middle td span.help-block, table.table-middle td span.help-block ul {
    margin-bottom: 0;
    font-size: 12px
}

ul .vip {
    color: red
}

ul .hot {
    color: blue
}

.viewlist .image {
    margin-right: 10px
}

.viewlist .panel-body ul li {
    margin-bottom: 5px
}

.viewlist ul.list-info {
    font-size: 12px
}

.socialbutton ul li {
    margin: 0
}

.viewlist ul.item-detail li label {
    width: 120px
}

#detail ul.list-info, .payment ul.list-info, .upgrade ul.list-info {
    padding: 0;
    font-size: 14px;
    margin-top: 5px
}

.price_bookhouse {
    color: #af251b;
    font-weight: bold
}

.other-image-item {
    position: relative;
}

.other-image-item .fa-times-circle {
    position: absolute;
    top: -6px;
    right: -7px;
    color: red
}

.panel select {
    font-size: 13px !important
}

td .price_discount {
    margin-top: 10px
}

.project-detail .image {
    margin-right: 5px
}
/* rate */
table.table tr.bg {
    background: #FBF9F9;
}

.money {
    color: #CC3300;
    font-weight: bold;
    padding: 5px;
}

.discounts_money {
    color: #000000;
    font-weight: normal;
    text-decoration: line-through;
    padding: 5px;
}

.rate-star {
    padding: 5px;
    float: left;
    height: 14px;
    line-height: 14px;
}

.rate-star .width-star-title {
    float: left;
    margin-right: 5px;
}

.rate-star .width-star-num {
    float: left;
    font-weight: bold;
    margin-left: 5px;
}

.rate-star .width-star-bg {
    width: 180px;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    background: #dadada;
}

.rate-star .width-star-value {
    float: left;
    border-radius: 3px;
    background: url("../images/bookhouse/star-png.png") repeat-x;
}

.rateavg_percent {
    font-size: 18px;
    font-weight: bold;
}

.form-review {
    font-size: 13px
}

.form-review .pagination {
    margin-top: 2px
}

.form-review .pagination>li>a {
    padding: 1px 5px;
    font-size: 12px;
}

.form-review .review_row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

.form-review .border {
    padding: 0 10px 0 10px
}

.form-review .border-right {
    border-right: 1px solid #ddd;
}

/*  Second Example with big stars */
.rate-ex2-cnt {
    width: 150px;
    height: 30px;
}

.rate-ex2-cnt .rate-btn {
    width: 30px;
    height: 30px;
    float: left;
    background: url(../images/bookhouse/rate/rate-btn2.png) no-repeat;
    cursor: pointer;
}

.rate-ex2-cnt .rate-btn:hover, .rate-ex2-cnt  .rate-btn-hover, .rate-ex2-cnt  .rate-btn-active {
    background: url(../images/bookhouse/rate/rate-btn2-hover.png) no-repeat;
}
/* End second Example with big stars */

/* rate result */
.rate-result-cnt {
    width: 82px;
    height: 18px;
    position: relative;
}

.rate-stars {
    width: 82px;
    height: 18px;
    background: url(../images/bookhouse/rate/rate-stars.png) no-repeat;
    position: absolute;
}

.rate-bg {
    height: 18px;
    background-color: #ffbe10;
    position: absolute;
}

.star-icon {
    width: 17px;
    height: 17px;
    background: url(../images/bookhouse/rate/rate-btn3-hover.png) no-repeat;
    float: left
}

.red {
    color: red;
}

.plupload_header {
    display: none
}

.plupload_container {
    padding: 0
}

.stv-radio-tabs-wrapper {
    clear: both;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #428bca;
    padding: 0 10px;
    position: relative;
    margin-bottom: 10px
}

input.stv-radio-tab {
    position: absolute;
}

input.stv-radio-tab+label {
    cursor: pointer;
    float: left;
    border: 1px solid #aaa;
    border-bottom: 0;
    background-color: #fff;
    margin-right: -1px;
    padding: 0.5em 1em;
    position: relative;
}

input.stv-radio-tab+label:hover {
    background-color: #eee;
}

input.stv-radio-tab:checked+label {
    box-shadow: 0 3px 0 -1px #fff, inset 0 5px 0 -1px #3F86C4;
    background-color: #fff;
    border-color: #3F86C4;
    z-index: 1;
}

#detail ul.item-list-info{
    list-style: none;
    line-height: 27px;
    border: solid #ddd 1px;
    padding-top: 20px
}

#detail ul.item-list-info label{
    width: 150px;
    text-align: right;
}
.item_filt{
    display: inline-block;
    padding: 5px;
    border: solid 1px #dcdcdc;
}
.box{
   border: solid 1px #dcdcdc;
   border-radius: 5px;

}
#slider_site img{
    max-height: 300px;
    object-fit: cover;
}
div.stars {
    width: auto;
    display: inline-block;
}
input.star {
    display: none;
}
label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
}
label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}
input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}
input.star-5:checked ~ label.star:before {
    color: #FE7;
    text-shadow: 0 0 20px #952;
}
label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}
.eri-btn {
    margin: 30px auto 45px;
    text-align: center;
    max-width: 300px;
    float: none;
}
.eri-btn {
    background-color: #c48c0c;
    border-radius: 4px;
    border: 0px;
    padding: 8px;
    color: #fff;
    margin: 0 auto;
    font-family: 'utm_avoregular',sans-serif;
    font-weight: bolder;
    font-size: 13px;
}
.animate-btn {
    background: #1ca11f;
    color: #fff !important;
    border: 1px solid #1ca11f !important;
}
.danh_gia_1 {
    margin: 0px;
}
.i-checks {
    padding-left: 0;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.i-checks > label {
    margin: 0 !important;
    cursor: pointer;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.i-checks > label {
    margin: 0 !important;
    cursor: pointer;
}
.toggle {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 40px;
}
.toggle input[type="checkbox"] {
  display: none;
}
.toggle .slider {
  background-color: #ccc;
  cursor: pointer;
  width: 100%;
  height: 100%;
  transition: .4s;
  position: relative;
  border-radius: 50px;
}
.toggle .slider:before {
  background-color: #fff;
  bottom: 1px;
  content: "";
  height: 18px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 20px;
  border-radius: 50px;
}
.toggle input[type="checkbox"]:checked + .slider {
 background-color: #07a787;
}
.toggle input[type="checkbox"]:checked + .slider:before {
 transform: translateX(15px);
}

.view_check{
    font-size:15px;
    font-weight:bold;
    vertical-align: middle;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}