.page-service .item-gallery figcaption h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.modal-service-search .opening .topics .btn {
    width: auto;
    padding: 9px 7px;
    min-width: 72px; }
.modal-service-search .key.hide {
    display: none;
}
.page-service .content {
    bottom: 64px;
}
.page-service .item-gallery figcaption .price {
    color: #000;
}
.truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 182px;
}
.page-service  .item-service-sub .item-inner {
    width: 95%;
}

@media only screen, (min-width: 321px)  and (max-width: 360px) {
    .truncated {
        width: 170px;
    } }
@media only screen and (max-width: 320px) {
    .truncated {
        width: 130px;
    } }
.page-service .search-bar-light .btn-cancel, .page-package .search-bar-light .btn-cancel {
    padding-top: 0;
}
.page-package .btn-cancel {
    visibility: visible;
}
.search-result-item > figure > a {
    width: 100%;
    display: flex;
}
.page-category .click-cate, .search-result-list .click-cate {
    padding: 10px;
}

.btn.registered {
    cursor: default;
}
.btn.registered:active, .btn.registered.active {
    color: #FFF;
    background-color: #2EB2A7;
}
.registered.btn-positive:active, .registered.btn-positive.active {
    color: #fff;
    background-color: #2EB2A7;
    border: 1px solid #2EB2A7;
}
.page-service .lightSlider.layout-actions .slide-text {
    bottom: 25px;
}
.page-category .item-list-thumbnail figcaption {
    width: 50%;
}

#alertModal .message .alert-message {
    color: #f00;
}

#fadein .modal-content {
    background-color: transparent;
}

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}

#vtLoadingIcon .wrap {
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    padding: 3px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

#vtLoadingIcon .spinner {
    background-image: url("./iconloading1.png");
    background-size: 64px auto;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    overflow: hidden;
}

#vtLoadingIcon .spinner.active {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

#vtLoadingIcon .icon {
    background-image: url("./iconloading2.png");
    background-size: 64px auto;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 4px;
}

input[type="search"] {
    padding: 0;
    margin: 0 10px !important;
}

.danger{
    color: red;
}

.modal.active {
    display: block;
}

.text-warning{
    color: #8a6d3b;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.page-package .card .control-content .btn-package {
    text-transform: uppercase;
}
/*body.stop-scrolling{*/
    /*overflow: hidden;*/
    /*height: 100%;*/
    /*position: static;*/
/*}*/

.page-vp-viettel-privilege .hero-image .layout-actions .img img {
  height: 37.5vw;
}

/*
.bar-nav, .filter, .page-package .bar-nav
{
    background: linear-gradient(to right, #a70809, #e93a3b);
}
*/

/*huync2: fix banner tet*/
/*
.bar-nav, .filter, .page-package .bar-nav
{
    
    background: linear-gradient(to right, #dc0203, #ed0304);
}

.title-tet{
    margin-left: -15px;
    margin-right: -15px;
    background: linear-gradient(to right, #ec0500, #f80203);
}
.page-home .btn-sale-off{
    padding: 15px 0px 15px 15px;
    color: white;
}
.page-home .user-tk{
    margin: 0 -15px 0px -15px;
    border-bottom: none;
}

#accountInfo{
    background-image: url(/myvt/img/Mask-Group-10.png);
    background-repeat: no-repeat;
    background-position: 100% 0px;
}
*/