ul#post_list_box, .footer-socialbox ul li{

    list-style: none;

}



.white {

    color: #fff

}



.space-32,

[class*=vspace-32] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 32px 0 31px

}



.space-30,

[class*=vspace-30] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 30px 0 29px

}



.space-28,

[class*=vspace-28] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 28px 0 27px

}



.space-26,

[class*=vspace-26] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 26px 0 25px

}



.space-24,

[class*=vspace-24] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 24px 0 23px

}



.space-22,

[class*=vspace-22] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 22px 0 21px

}



.space-20,

[class*=vspace-20] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 20px 0 19px

}



.space-18,

[class*=vspace-18] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 18px 0 17px

}



.space-16,

[class*=vspace-16] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 16px 0 15px

}



.space-14,

[class*=vspace-14] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 14px 0 13px

}



.space-12,

[class*=vspace-12] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 12px 0 11px

}



.space-10,

[class*=vspace-10] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 10px 0 9px

}



.space-8,

[class*=vspace-8] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 8px 0 7px

}



.space-6,

[class*=vspace-6] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 6px 0 5px

}



.space-4,

[class*=vspace-4] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 4px 0 3px

}



.space-2,

[class*=vspace-2] {

    max-height: 1px;

    min-height: 1px;

    overflow: hidden;

    margin: 2px 0 1px

}



.max-width-4 {

    max-width: 400px;

}



.max-width-6 {

    max-width: 600px;

}



.max-width-8 {

    max-width: 800px;

}



.w-10 {

    width: 10%;

}



.w-15 {

    width: 15%;

}



.w-20 {

    width: 20%;

}



.w-30 {

    width: 30%;

}



.w-40 {

    width: 40%;

}



.w-50s {

    width: 50%;

}



.w-60 {

    width: 60%;

}



.w-70 {

    width: 70%;

}



.w-80 {

    width: 80%;

}



.w-90 {

    width: 90%;

}



.w-100 {

    width: 100% !important;

}



.w-100px {

    width: 100px;

}



.pt-10 {

    padding-top: 10px;

}



.pd0 {

    padding: 0 !important;

}



.mg0 {

    margin: 0 !important;

}



.mt-5 {

    margin-top: 5px;

}



.mt-10 {

    margin-top: 10px !important;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px !important;

}



.mt-25 {

    margin-top: 25px;

}

.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-50 {

    margin-top: 50px;

}



.mb-10 {

    margin-bottom: 10px !important;

}



.mb-20 {

    margin-bottom: 20px !important;

}



.mgr-10 {

    margin-right: 10px !important;

}



.mgr-20 {

    margin-right: 20px !important;

}



.align-right {

    text-align: right;

}



.pdr-5 {

    padding-right: 5px;

}



.mgl-10 {

    margin-left: 10px;

}



.mgl-20 {

    margin-left: 20px;

}



.pb-80 {

    padding-bottom: 80px !important;

}



.fz-10 {

    font-size: 10px !important;

}



.fz-11 {

    font-size: 11px;

}



.fz-12 {

    font-size: 12px;

}



.fz-14 {

    font-size: 14px;

}



.fz-15 {

    font-size: 15px !important;

}



.fz-16 {

    font-size: 16px;

}



.fz-17 {

    font-size: 17px;

}



.fz-18 {

    font-size: 18px;

}



.fz-19 {

    font-size: 19px;

}



.fz-20 {

    font-size: 20px;

}



.fz-21 {

    font-size: 21px;

}



.fz-22 {

    font-size: 22px !important;

}



.fz-23 {

    font-size: 23px;

}



.fz-24 {

    font-size: 24px;

}



.fz-25 {

    font-size: 25px;

}



.fz-26 {

    font-size: 26px;

}



.fz-28 {

    font-size: 28px;

}



.fz-29 {

    font-size: 29px;

}



.fz-30 {

    font-size: 30px;

}



.fz-31 {

    font-size: 31px;

}



.fz-32 {

    font-size: 32px;

}



.fz-36 {

    font-size: 36px;

}



.gray {

    color: gray

}



blockquote {

    font-size: 14px;

}



.pdl-10 {

    padding-left: 10px;

}



.red-color {

    color: #fd0702;

}



.width-100 {

    width: 100px !important;

}



.width-50 {

    width: 50px !important;

}

.dropdown-menu.pull-right {
    right: -45px;
}

.cusor-text {

    cursor: text !important;

}



.color-666 {

    color: #666 !important;

}



.value-name {

    position: relative;

}



.value-name:before {

    content: '{';

    left: 0;

}



.value-name:after {

    content: '}';

    right: 0;

}



.inline-text {

    margin-bottom: 0;

    text-overflow: ellipsis;

    max-width: 250px;

    overflow: hidden;

    white-space: nowrap;

}



.audian-avatar img {

    width: 35px;

    height: 35px;

    border-radius: 50%;

}



.p-xs {

    padding: 10px;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open>.dropdown-toggle.btn-primary {

    color: #fff;

    background-color: #1d578e;

    border-color: #1d578e;

    outline: none;

}



.border-bottom {

    border-bottom: 1px solid #ebeef0 !important;

}



a:focus,

a:active,

a:visited {

    text-decoration: none !important;

}



table td,

table th,

table tr {

    vertical-align: middle !important;

}



.uid-profile ul li .txt-sm span,

.uid-profile ul li .txt-sm span a {

    font-size: 13px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.lds-ripple {

    display: inline-block;

    position: relative;

    width: 64px;

    height: 64px;

}



.lds-ripple div {

    position: absolute;

    border: 4px solid #000;

    opacity: 1;

    border-radius: 50%;

    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



.lds-ripple div:nth-child(2) {

    animation-delay: -0.5s;

}



@keyframes lds-ripple {

    0% {

        top: 28px;

        left: 28px;

        width: 0;

        height: 0;

        opacity: 1;

    }



    100% {

        top: -1px;

        left: -1px;

        width: 58px;

        height: 58px;

        opacity: 0;

    }

}





.loading {

    width: 100%;

    height: 100%;

}



.spinner {

    width: 40px;

    height: 40px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

}



.double-bounce1,

.double-bounce2 {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-color: #b1afaf;

    opacity: 0.6;

    position: absolute;

    top: 0;

    left: 0;



    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;

    animation: sk-bounce 2.0s infinite ease-in-out;

}



.double-bounce2 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}



@-webkit-keyframes sk-bounce {



    0%,

    100% {

        -webkit-transform: scale(0.0)

    }



    50% {

        -webkit-transform: scale(1.0)

    }

}



@keyframes sk-bounce {



    0%,

    100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }



    50% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}





.alert-box {

    color: #555;

    font-family: Tahoma, Geneva, Arial, sans-serif;

    font-size: 11px;

    padding: 10px 36px;

    margin: 10px;

    color: #fff;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

}



.alert-box span {

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.error {

    background: #e47c68 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC3UlEQVR4Xm2RX0iTXQDGn1c3N2uzbUwvwrpww9jcRW5qlvLdqNCHeKUGaxd+qFdeBUEiSYYYKJ9/SnCwm9puhjGD11ARTOFTIckMW15JGJVDy/xE9y7d9r7ndHZgMsQfPBfnvM/z8PIcnOW/7u6/t/4d9EcGh/27T0f9u89G/ZGhYf+XoSH/cnd3I84gIIMJt7vBeckQUtbWNFAIQCkoE0AAQYCmvFz+GI22zBqNQa/XyzOqdNhbU9Ngk+XQ8aSoobKM80js7KiKq6oCe5ubYATByAKj02ptKCUkRBYXNSeKgi9GIyjAleabyYRj9k1eWlJdTyQCj4uL7yJFk91+e9JecrJeUEDf5efT5UeP6PHREZ2rr6dhdk5pvq6OSvv7dHVkhK6y8wbTnM2WbHU47uC+zeZfY6YPZjN939hICSGUwUvesJL52loeTvOpre20uMdiEbPI4RFYBAoYi4vYCwTASpBz8SJuBYO4MT6OXIOB3/0/MQFlairl58qOxaCiiszDAsBX//rgAWRm1jc38w2gViMmSTiensb2vXsAIenn4yUqWZZBBAECtwvcsPr8OUoqK6HR6bhZjscRZneXFQUC86ZJUEB1QgHCw+AlEasVRQMDSL1GIhrl709Y8GpfHz53duLqxsZpSZwSZEmaHBCA68higbmnByeUIsrC6pUVqObnIUkx/E4mkf/wIQ4dDvDNUp7sbGRtm0yv17XaJAGQd3AAQyIBKSrBEA7jR1cXfvb24tLKW8TYYHmsxMg8CoDNCxfIlsEg8u2qTCZ3q14fKJIktdpshpENuOfzpQfjv2xub4c0M4N4JILvOh0JxGIdcbvdxws8Hg9+LSy4Pbm5gSuHh2qcD1/+h15PXsbjHerqat/LUAgCMvirsND9j1YbuJYqoZQPmMk2C79IJjtcHo/vSX8/zqXO6WoauFEp+ktLxSmXS5wtKxNfOZ2ir6JC9Ny82eIdG0MmfwCjX3/U2vu6zQAAAABJRU5ErkJggg==) no-repeat 10px 50%;

    border: 1px solid #d46c57;

}



.error:hover {

    background-color: #d46c57;

}



.success {

    background: #4cbe83 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNqkk0toE0Ech3+T3aRJX7RpPNgSgzQljYXiC1FbUcFrL9WTqAe96NGce+hF8KA5eVHsSaQni1CR4kHEFwoVxNrW0iJtA9lqk1TJbnZ2d3bGnbWPDT124Fvm9f32v+wMEUJgL02VD/IkASjEQw5IJwiGvd6AR3JzX8HjAwQmIEQRrjdyBcTV0v+AQBuKqpFcpiuTTiWS8eaG5qisz7D0I8vrK4MLxcWLlmPlvanJugq25NaGltFzfWezKpQYsxl0W99aa0x3dDcm25Mdb+fejVZNf94PCW1u6GwIRXJnegeyds2K6boOSmkdz3oeg5lO7GT6RDZCwjnp7AQwMdyzvztNdRozDAOmadZxt3vE3zZ1eNwLYbFUPJmWTjDgdKIpEa9Wq7Asy0dWsfZ7DTejV9BWbkKhUMC1l7cwOzcLTnlcOsGAAwqUqOu6+Hx+ClpZw8qvFaRIF061H4eqqhhbfooXpVdwQg6oTaPSCQaAuQw3Dl7GzMwMpg6N42iiHw/77/ny69J7PCiOATH4MJX5zk6AI1ZLxjod+XYHiqIgHA7jUe99hNUwFms/cXt5BLyZe/8CPjaxqHSCFXxcW9cqSlzB4I8h/61bXFq8DrRhW5bQaq0inWDAxJ/V8lIIxCRdBMe+X/DlvulBYF+9zLlrWpq5JJ2dAC6KrsHy5U/avGDcJCmCvq+enML2d0u4w0x9ujLPa25eOvUnkYtJpln4+1zLRbJN6UimMa6oalQuuRuM2gu1ij1vLHFH5NGqeKeQ7DrKfggvsS/0zcawx+7LpJAJtCjFoEL2ep3/CTAAj+gy+4Yc2yMAAAAASUVORK5CYII=) no-repeat 10px 50%;

    border: 1px solid #36ad6f;

}



.success:hover {

    background-color: #36ad6f;

}



.warning {

    background: #feb742 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABqklEQVR4XqWTvWsUURTFf+/tx7DmA5sUmyB+EGQDCkFRxCFosYWCFgELm2ApCBYW/gOCFpYSrUMsBIv4BwTSCSqaWgsTEDRV2EVBZWffvXIYwhZOEdgLhzmcc+7h3WKCuzPOhI+P80rDzE7WwmAHIHnzVIxxl4qJVaKbkYrBxvyVZQRxaYcq0EmehvePzp5YnD67hCAuzd0PUWB2JNQazzo377D7+auAuDR51QWjZWxYvD2e34DsJw+fbwviSJOnTHWBO5aGt6fa84szF67CzguCIYgjTZ4yuP9fYGqO2avO8j348hSKff4OkiAuDXnKKDsqGD1989jSLWJvA/58g+YUv34Xgrg0eSij7MEpsXx66k62O932wjT030NjAuotXj/YE8SlyUMZZbWj3ejmEFubp69fg711yCYha0GWcXftjCAuTZ4yKKsd7dbNfHXuUk6jeAPNCSBCAJpGb78PiGel7gCmLHMXc76/21oNn57kfm5lFg0W0KBPDag7GoYBEuCUE0uy/fIH4cOjy27J0SlI56DEiSVFFi4dEUUIMRBrQZTzjDFj/87/ACmm3+QFX8sKAAAAAElFTkSuQmCC) no-repeat 10px 50%;

    border: 1px solid #eda93b;

}



.warning:hover {

    background-color: #eda93b;

}



.notice {

    background: #77d3e0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAwFBMVEX///8AVq0CYcADbNEDaMoDa88Das0EcdkFfe0CZMPv9fu/1esFe+kBXbkEdd8Uf+QEb9VRkdAGf/AFeecRacAEc9wBW7QBX7zs6dwFeudRjswGgvUFd+MCZscDbtTl4tIBWbFEo/rh3s7A2/QAVasCZcYEcNcBYL3n5NUFfOsWhe5UqPVCkNvj4NDd2swyhNMGgPIBXLbq59nB4Pw1m/lToOgCY8RBi9Lv9/8FduHm49QxfMfo5dcQYrNTnuVBhMhJU/nRAAAAAXRSTlMAQObYZgAAAMpJREFUeF4lzdVyRTEIQFGI57i7XXet+///VZN2vy0YBrA9HPZeF34v4L/XWXtVdRdIenT+/NheE2W8puxiJ7O2TZSq7jLiTMfm3u53YVXhIHriu3BIEuXVdYBI2Yr4Dex3npd22893KnpdFl9Qp2n3FgTbEZkm/oSQGuVSjiOagwJ9CPNcrodhPCEpb9MygycZDZTz0xyNsYhhkXMhGJuf0XhJXIBj1K/02YTGDQA4F042G7SRDwfs5EVo828qn3+sbW6cEZI1rsUvrDkTPAFMyQwAAAAASUVORK5CYII=) no-repeat 10px 50%;

    border: 1px solid #6cc8d4;

}



.notice:hover {

    background-color: #6cc8d4;

}



.unassigned {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: 10px;

}



.view-history,

.view-facebook {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 50px;

    padding: 0 10px;

    color: #8492a6;

    cursor: pointer;

    color: #006afe;

}



.view-history a,

.view-facebook a {

    color: #8492a6;

}



.view-history a:hover,

.view-facebook a:hover {

    color: #13ce66;

}



.view-history a.active {

    color: #13ce66;

}



.spinner {

    width: 70px;

    text-align: center;

    display: inline-block !important;

}



.text-right {

    text-align: right;

}



.spinner>div {

    width: 10px;

    height: 10px;

    background-color: #3A9EF0;



    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinner .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.spinner .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0)

    }



    40% {

        -webkit-transform: scale(1.0)

    }

}



@keyframes sk-bouncedelay {



    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }



    40% {

        -webkit-transform: scale(1.0);

        transform: scale(1.0);

    }

}



.pd-20 {

    padding: 20px;

}



.conversation.reading .text-msg,

.conversation.reading .name-uid,

.conversation.reading .convertsation-type,

.conversation.reading .conv-page-name {

    color: #eee

}



.conversation.reading {

    background: #1c6ae1 !important;

}



.content-type.pull-right {

    padding-right: 2px;

}



.txt-chat a {

    color: #006afe !important;

    font-size: 13px;

}

.ul-notes {

    margin-top: 10px;

}



.ul-notes li.items-notes {

    position: relative;

    display: block;

    margin: 0 8px 8px 0;

    padding: 3px 0;

    border-bottom: 1px solid #efefef;

    cursor: default;

    color: #3c4858;

    text-align: left;

    font-size: 12px;

    line-height: 20px;

    padding-right: 30px;

}



.ul-notes li.items-notes i {

    position: absolute;

    font-size: 25px;

    right: 10px;

    cursor: pointer;

    top: 0px;

}



.back-to-dashboard {

    -webkit-box-flex: 0.1;

    -ms-flex-positive: 0.1;

    flex-grow: 0.1;

    background: #fff;

    height: 100%;

}



.back-to-dashboard a:hover {

    background: #006afe;

    color: #fff;

}



.back-to-dashboard a {

    padding: 8px 20px;

    background: #eee;

    border-radius: 4px;

}



.back-to-dashboard a i {

    font-size: 22px;

    position: relative;

    top: 6px;

    left: -5px;

}



.link-color {

    color: #006afe !important;

}



.mg-l5 {

    margin-left: 5px;

}



.mg-r5 {

    margin-right: 5px;

}



.img-show {

    height: 110px;

    width: 110px;

    display: inline-block;

    border-radius: 4px;

    border: solid 1px #e0e6ed;

    background: #fff;

    margin-right: 5px;

    overflow: hidden;

}



.img-show a {

    display: block;

    height: 100%;

    width: 100%;

    background-position: center center;

    background-size: cover;

}



.libraries .img-show {

    height: 80px;

    width: 100px;

    margin-left: 5px;

    position: relative;

}



.libraries .img-show a {

    background-size: contain;

    background-repeat: no-repeat;

}



.libraries .img-show span {

    cursor: pointer;

    position: absolute;

    top: -2px;

    right: 0;

    z-index: 100;

}



.libraries .img-show.active {

    border: solid 1px #13ce66 !important

}



.title-primary {

    display: inline-block

}



.title-primary h2 {

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    line-height: 52px;

    padding-left: 10px;

}



.col-50 {

    position: relative;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

}



.btn-add-tempate {

    display: inline-block;

    height: 34px;

    color: #fff;

    line-height: 32px;

    padding: 0 20px;

    background: #006afe !important;

    background-clip: padding-box;

    border: 1px solid #006afe;

    border-radius: 2px;

    outline: none;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: all .15s ease-in-out

}



.using-page img {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    margin-right: 10px;

}



.items-using {

    margin-bottom: 10px;

}



.makeup-radio input[type=radio].css-checkbox {

    position: absolute;

    z-index: -1000;

    left: -1000px;

    overflow: hidden;

    clip: rect(0 0 0 0);

    height: 1px;

    width: 1px;

    margin: -1px;

    padding: 0;

    border: 0;

}



.makeup-radio input[type=radio].css-checkbox+label.css-label {

    padding-left: 21px;

    height: 16px;

    display: inline-block;

    line-height: 16px;

    background-repeat: no-repeat;

    background-position: 0 0;

    font-size: 16px;

    vertical-align: middle;

    cursor: pointer;

    font-weight: normal;

}



.makeup-radio input[type=radio].css-checkbox:checked+label.css-label {

    background-position: 0 -16px;

}



.makeup-radio label.css-label {

    background-image: url('../images/radio.png');

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



input[type=checkbox].css-checkbox, input[type=checkbox].rating-checkbox {

    position: absolute;

    z-index: -1000;

    left: -1000px;

    overflow: hidden;

    clip: rect(0 0 0 0);

    height: 1px;

    width: 1px;

    margin: -1px;

    padding: 0;

    border: 0;

}



input[type=checkbox].css-checkbox+label.css-label, input[type=checkbox].rating-checkbox+label.rating-label {

    padding-left: 25px;

    height: 20px;

    display: inline-block;

    line-height: 20px;

    background-repeat: no-repeat;

    background-position: 0 0;

    vertical-align: middle;

    cursor: pointer;

    font-weight: normal;

    font-family: "Segoe UI", "Proxima Nova", "Open Sans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

}



input[type=checkbox].css-checkbox:checked+label.css-label, input[type=checkbox].rating-checkbox:checked+label.rating-label {

    background-position: 0 -20px;

}



label.css-label, label.rating-label {

    background-image: url('../images/check.png');

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/*.title-bar-main{background: #78a300; border-bottom: solid 1px #78a300;}*/



.user-drop #face img,

.img-avatar {

    height: 30px;

    width: 30px;

    border-radius: 50%;

}



.user-drop .caret {

    color: #fff;

}



.user-drop:focus {

    text-decoration: none;

}



.user-drop a:hover,

.user-drop a:focus {

    text-decoration: none;

}



.user-options .dropdown-menu {

    position: absolute;

    top: 125%;

    left: 0;

    z-index: 1000;

    float: left;

    min-width: 250px;

    padding: 4px 0;

    margin: 1px 0 0;

    list-style: none;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.2);

    *border-right-width: 2px;

    *border-bottom-width: 2px;

    border-radius: 5px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    background-clip: padding-box;

    border-top-right-radius: 2px;

    border-top-left-radius: 2px;

    border-top: none;

}



.user-options .dropdown-menu {

    right: 0;

    left: auto;

}



.dropdown-menu li {

    position: relative;

}



.dropdown-menu li {

    text-align: left;

}



.user-pane {

    color: #555;

    padding: 7px 20px;

    font-size: 12px;

}



.user-options .dropdown-menu li b.name {

    color: #555;

    display: block;

    font-weight: 600;

    font-size: 14px;

    padding: 5px 0px;

}



.user-options .dropdown-menu li a {

    padding-top: 5px;

    padding-bottom: 5px;

    display: block;

}



.user-options .dropdown-menu>li>a:hover,

.user-options .dropdown-menu>li>a:focus {

    color: #006afe;

}



.user-options .dropdown-menu .divider {

    margin: 2px 0px;

}



.page-active a {

    padding: 0px 10px;

}



.user-pane small {

    font-size: 11px;

}



.page-active,

.item-shop {

    padding: 5px 10px;

    font-size: 12px;

}



.page-active .name img {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    margin-right: 5px;

}



.group-act a {

    display: inline-block;

    padding: 0px 5px;

}



.item-shop a i {

    margin-right: 5px;

}



.emoji .dropdown-menu {

    z-index: 1000;

    padding: 0px 0;

    margin: 0;

    list-style: none;

    background-color: transparent;

    box-shadow: none;

    border: none;

}



.emoji .dropdown-menu .display-emoji {

    min-width: 271px;

    height: 348px;

}



.display-emoji #iframe {

    width: 100%;

    height: 100%;

}



.emoji .dropdown-menu {

    bottom: 100%;

    top: inherit;

}



.temp-toggle .dropdown-menu,

.prd-toggle .dropdown-menu {

    z-index: 1000;

    min-width: 300px;

    padding: 0px 0;

    margin: 1px 0 0;

    list-style: none;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.2);

    *border-right-width: 2px;

    *border-bottom-width: 2px;

    border-radius: 5px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    background-clip: padding-box;

    border-top-right-radius: 2px;

    border-top-left-radius: 2px;

}



.btn-plugin .dropdown-menu li a {

    padding: 4px 20px;

    display: block;

    font-size: 12px;

    color: #006afe;

    line-height: 18px;

}



.btn-plugin .dropdown-menu li a:hover {

    background: #f5f5f5;

}



.header-tmp a {

    padding: 8px 10px !important;

    background: #e0dfe5;

    display: block;

    font-size: 14px !important;

    color: #555 !important;

    border-bottom: solid 1px #ccc;

}



.header-tmp a:hover {

    background: #e0dfe5 !important;

}



.footer-tmp {

    border-top: solid 1px #eee;

}



.footer-tmp {

    text-align: center;

    padding: 10px 5px;

    text-align: center !important;

}



.footer-tmp a {

    color: #333 !important;

}



.footer-tmp a:hover {

    text-decoration: underline;

}



.footer-tmp a i {

    font-size: 12px;

}



.shop-drop i {

    font-size: 22px;

    flex: 0 0 65px;

    position: relative;

    top: 0;

}



.shop-drop small {
    color: #aaa;
    position: relative;
    / top: 0px; /
}



.shop-drop .caret {

    color: #fff;

}



.shop-drop .dropdown-menu {

    position: absolute;

    top: 125%;

    z-index: 1000;

    float: left;

    min-width: 250px;

    padding: 0;

    margin: 0px 0 0;

    list-style: none;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.2);

    *border-right-width: 2px;

    *border-bottom-width: 2px;

    border-radius: 5px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    background-clip: padding-box;

    border-top-right-radius: 2px;

    border-top-left-radius: 2px;

    border-top: none;

    overflow: auto;

    max-height: 100vh;

}



.shop-drop a {

    display: inline-block;

}



.shop-drop a#face span {
    color: #fff;
    position: relative;
    font-size: 14px;
/*    top: -4px;*/

}



.shop-drop a#face span small {

    position: absolute;

    left: 0px;

    top: 15px;

    opacity: .5;

}



.shop-drop a#face i {

    margin-right: 5px;

}



.shop-drop a#face img {

    height: 31px;

    width: 31px;

    border-radius: 50%;

    overflow: hidden;

}



.item-shop i {

    font-size: 14px;

}



.shop-list {

    padding: 0px;

    border-bottom: solid 1px #eee;

}



.shop-drop li a {

    padding: 6px;

}



/*.shop-drop a#face{padding-right: 8px;}*/

.shop-drop a#face .caret {

    margin-top: 0px;

}



.current-sv {

    font-size: 14px;

}



/*.shop-drop a{padding-top: 5px; display: block;}*/



/*.btn-plugin .dropdown-menu ul{height: 200px; overflow-y: scroll;}*/

.search-tmp input {

    border: solid 1px #fff;

    background: #ffff;

    color: #555;

    border-radius: 20px;

    padding: 2px 5px;

    width: 100%;

}



.search-tmp input:focus {

    outline: none;

}



.search-tmp {

    width: 50%;

    position: relative;

}



.header-tmp span {

    max-width: 50%;

}



.search-tmp i {

    position: absolute;

    right: 8px;

    top: 5px;

    font-size: 15px !important;

}



.notes-role p {

    line-height: 8px;

    font-size: 12px;

    color: #90949c;

}



.role-img img {

    /*width: 100%;*/

    max-width: 50px;

}

.w-50 {

    width: 50px;

}



.roles-items {

    border-bottom: 1px solid rgba(0, 0, 0, .10);

    padding: 12px 0px;

}



.role-items .user-name-role {

    margin-bottom: 0;

}



.user-name-role {

    font-size: 14px;

    font-weight: 600;

}



.role-img {

    margin-right: 10px;

}



.input-show {

    width: 80%;

    float: left;

    border: solid 1px #d3d6db;

    border-right: 0;

    padding: 5px;

}



.role-edit-select,

.role-edit-cms {

    width: 20%;

    float: left;

    height: 38px;

    box-shadow: none;

    border-radius: 0px 4px 4px 0px;

    margin-right: -1px;

}



.edit-role-img img {

    width: 26px;

    margin-right: 5px;

}



.act-role a {

    padding: 8px 0px;

}



.act-role .btn {

    margin-left: 10px;

}



.act-role .btn-cancel-role {

    background-color: #dddfe2;

    border-color: #bec2c9;

    color: #4b4f56;

    font-weight: 500;

}



.line-role {

    border-bottom: solid 1px #e5e5e5;

    margin-bottom: 12px;

}



.remove-role {

    color: #b70a0a;

    font-weight: 600;

}



.alert {

    padding: 5px 15px;

}



p.red-note {

    color: #ff5252;

    font-size: 14px;

    font-weight: 600;

}



.add-role .email-role-shop {

    width: 60%;

    float: left;

    border-radius: 0;

    border-right: none;

    box-shadow: none;

}



.add-role .role-shop-select {

    width: 24%;

    float: left;

    border-radius: 0px 4px 4px 0px;

    margin-left: -1px;

    box-shadow: none;

}



.img-page img {

    height: 35px;

    width: 35px;

}



.auto-hide {

    margin-bottom: 5px;

}



.section-title {

    font-size: 16px;

    font-weight: 600;

    margin: 0;

    line-height: 20px;

}



.setting-section {

    padding: 10px;

    margin-bottom: 10px;

}



.txt-cont {

    margin-top: 5px;

}



.section-description {

    color: #818a91;

    font-size: 13px;

}



.auto-reply {

    margin-bottom: 30px;

}



.btn-blue {

    display: inline-block;

    height: 34px;

    color: #fff;

    line-height: 32px;

    padding: 0 20px;

    background: #006afe;

    background-clip: padding-box;

    border: 1px solid #006afe;

    border-radius: 2px;

    outline: none;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: all .15s ease-in-out

}



.btn-blue:hover {

    background: #09569c;

    border-color: #09569c;

    color: #fff;

}



/*.emoji-start{position: fixed; z-index: 1010; top: 133.5px; left: 540.438px; max-height: 509px; display: none;}*/

.emoji-messengers {

    height: 0;

    width: 0;

    visibility: hidden;

    opacity: 0;

}



.emoji.open .emoji-messengers {

    height: auto;

    width: auto;

    visibility: visible;

    opacity: 1;

}



.error-temp {

    text-align: center;

}



.pages-item {

    border-bottom: 1px solid rgba(0, 0, 0, .10);

    padding: 12px 0px;

}



.pages-item .page-img {

    margin-right: 10px;

}



.pages-item .page-img img {

    width: 100%;

    max-width: 50px;

    border: solid 1px #ccc;

    border-radius: 50%;

}



.user-name-page {

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 0px;

    margin-top: 5px;

}



.page-img {

    margin-right: 10px;

}



.group-act {

    display: inline-block;

    padding: 10px;

}



.btn.act-page {

    padding: 3px 10px;

    font-size: 12px;

}



.red-txt {

    color: #d9534f;

    font-size: 12px;

    font-weight: 600;

}



.green-txt {

    color: #5cb85c;

    font-size: 12px;

    font-weight: 600;

}



.act-page i {

    margin-right: 5px;

    position: relative;

    top: 1px;

}



.u-avatar {

    margin-right: 10px;

}



.u-avatar img {

    max-width: 70px;

}



.btn-connect-salemall img {

    height: 18px;

    margin-right: 5px;

    position: relative;

    top: -1px;

}



.btn-upgrade {

    margin-left: 10px;

    padding: 2px 10px;

    margin-top: 6px;

}



.bg-grey {

    background: #eee;

}



.section-title {

    padding: 5px 0px;

}



.time-limit span {

    padding: 0px 5px;

}



.title-left {

    margin-bottom: 20px;

}



.item-svpk {

    border-bottom: 1px solid #e0e6ed;

    padding: 10px 5px;

}



.item-svpk span b {

    color: rgb(136, 136, 136);

    font-size: 16px;

}



.color-red {

    color: rgb(0, 156, 74);

    font-weight: 600;

}



.half-col {

    position: relative;

    -webkit-box-flex: 1;

    -webkit-flex: 1 1 50%;

    -ms-flex: 1 1 50%;

    flex: 1 1 50%;

    width: 50%;

    height: auto;

    overflow: hidden;

    padding-right: 10px;

    text-overflow: ellipsis

}



.subnav ul li {

    display: inline-block;

    margin-right: 2px;

}



.subnav ul li a {

    padding: 8px 15px;

    display: block;

    font-size: 14px;

    background: #eee;

    border-radius: 4px;

}



.subnav ul li a.active {

    background: #4877cb;

    color: #fff;

}



.subnav ul li a i {

    position: relative;

    top: 1px;

}



.subnav {

    padding: 5px 0;

}



.nav-shop .navbar-toggle {

    display: block;

    margin-bottom: 0;

    margin-right: 0;

    margin-left: 20px;

}



.nav-shop .navbar-toggle .icon-bar {

    background: #fff;

}



.nav-shop ul li a {

    padding: 5px 20px;

    color: #818a91;

    padding-left: 10px;

}



.nav-shop ul li a span {

    display: inline-block;

    width: 30px;

    text-align: center;

}



.sub-title-bar {

    border-bottom: 1px solid #e0e6ed;

    padding: 5px 0;

}



/*the container must be positioned relative:*/

.custom-select {

    position: relative;

    font-family: Arial

}



.custom-select select {

    display: none;

    /*hide original SELECT element:*/

}



.select-selected {

    background-color: #fff;

    border: solid 1px #ccc;

    border-radius: 4px

}



/*style the arrow inside the select element:*/

.select-selected:after {

    position: absolute;

    content: "";

    top: 14px;

    right: 10px;

    width: 0;

    height: 0;

    border: 6px solid transparent;

    border-color: #666 transparent transparent transparent

}



/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {

    border-color: transparent transparent #666 transparent;

    top: 7px

}



/*style the items (options),including the selected item:*/

.select-items div,

.select-selected {

    color: #333;

    padding: 8px 16px;

    cursor: pointer;

    user-select: none

}



/*style items (options):*/

.select-items {

    position: absolute;

    background-color: #fff;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 99;

    max-height: 250px;

    overflow-y: auto;

    border: solid 1px #ccc;

    border-top: none

}



/*hide the items when the select box is closed:*/

.select-hide {

    display: none

}



.select-items div:hover,

.same-as-selected {

    background-color: rgba(0, 0, 0, 0.1)

}



.select-selected.select-arrow-active {

    border-radius: 4px 4px 0 0

}



.package-current {

    height: 52px;

    line-height: 48px;

}



.package-current span {

    margin-right: 10px;

}



.package-current span strong {

    color: #c10000;

}



.money {

    font-weight: 600;

    color: #dc6702fa;

}



.money-count label {

    margin-right: 8px;

}



.checkout-lable {

    padding: 8px 0px;

}



.coupon-add input {

    width: 70%;

    border: solid 1px #dadada;

    border-radius: 0;

}



.coupon-add button {

    width: 28%;

}



.payment-order {

    margin-left: 20px;

    font-size: 16px;

}



.form-group-pay {

    margin-bottom: 10px;

    padding-bottom: 10px;

}



.color-green {

    color: #13ce66;

}



.bank-layout {

    padding: 10px 5px;

    border-bottom: solid 1px #ccc;

    margin-bottom: 10px;

    list-style: none;

}



.to-msg-head a {

    color: #fff;

}



.to-msg-head a span {

    position: relative;

}



.shop-create img {

    height: 20px;

    width: 20px;

}



.img-home-logo {

    text-align: center;

    width: 100%;

    z-index: 1000;

    padding-top: 10px;

}



.img-home-logo img {

    width: 150px;

    margin-bottom: 5px;

}



.logo-home h1 {

    color: #fff;

    margin-top: 0px;

}



.home-login {

    margin-top: 40px;

    padding: 8px 30px;

    font-size: 24px;

}



.text-home {

    text-align: center;

}



.text-home p {

    margin-top: 20px;

    color: #fff;

    font-size: 14px;

}



.logo-home p {

    margin-bottom: 0;

    line-height: 20px;

    color: #fff;

    font-size: 16px;

}



.logo-home {

    padding-bottom: 20px;

}



.home-bottom-btn {

    padding: 12px 30px;

    font-size: 20px;

}



.payment-success {

    text-align: center;

    width: 90%;

    border: solid 1px #e1e1e1;

    margin: auto;

    padding-bottom: 50px;

}



.pay-show {

    padding: 5px 20px;

    text-align: left;

    font-size: 14px;

}



.pay-display {

    padding: 20px

}



.img-ss {

    padding: 40px 20px;

    color: #42a35a;

    padding-bottom: 20px;

}



.img-ss p {

    font-size: 20px;

    font-weight: 600;

}



.img-ss i {

    font-size: 50px;

    margin-bottom: 20px;

}



.pay-display p {

    font-size: 15px;

}



.order-failed .checkout-lable {

    padding: 8px 0px;

    border-bottom: solid 1px #ddd;

}



.account-update {

    width: 55%;

    margin: auto;

}



.page-edit {

    color: #006afe;

    font-weight: 600;

}



.user-role-page img {

    width: 72px;

    height: 72px;

    float: left;

    margin-right: 15px;

}



.user-role-page p {

    margin-bottom: 0px;

}



.account-title {

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 5px;

    mask-type: 0;

}



.album-photo ul li {

    height: 110px;

    width: 125px;

    display: inline-block;

    border-radius: 4px;

    border: solid 1px #e0e6ed;

    background: #fff;

    margin-right: 5px;

    overflow: hidden;

}



.album-photo ul li a {

    display: block;

    height: 100%;

    width: 100%;

    background-position: center center;

    background-size: cover;

}



.content-detail {

    padding-bottom: 20px;

}



table ul li,

.content-detail .content-blog ul li {

    list-style: none;

    line-height: 1.8;

}



/*.fill-page.open .nav-fill-page{background: #d4d4d4; color: #13ce66; border-radius: 4px;}*/

.exits-support {

    height: 30px;

    width: 30px;

    border-radius: 50%;

    font-size: 16px;

    background: #006afe;

    color: #fff;

    display: block;

    text-align: center;

    padding: 4px 0px;

}



.line {

    height: 1px;

    width: 100%;

    background: #ccc;

}



.tags-list li.items-tag {

    position: relative;

    display: inline-block;

    margin: 0 8px 8px 0;

    background-color: #deefff;

    color: #fff;

    border: 1px solid #c7e4ff;

    border-radius: 13px;

    cursor: default;

    text-align: left;

    font-size: 14px;

    line-height: 20px;

    padding-right: 30px

}



.items-tag span {

    display: block;

    padding: 3px 10px;

}



.tags-list li.items-tag i,

.audience_tags_list li.items-tag i {

    position: absolute;

    font-size: 25px;

    right: 10px;

    cursor: pointer;

    top: 0

}



/*.pick-tag{padding: 20px 10px;}*/

.pick-tag {

    position: relative;

    background: #eee;

}



.pick-tag p {

    color: #818a91;

    padding-left: 5px;

}



.pick-tag ul li {

    display: inline-block;

    padding: 5px 10px;

    background: #e0e6ed;

    font-size: 14px;

    cursor: pointer;

    box-shadow: 0 1pt 1pt rgba(0, 0, 0, .15);

}



.pick-tag ul li.pd-0-10 {

    padding: 0 !important

}



/*.pick-tag ul{white-space: nowrap; overflow: hidden;}*/

.pick-tag .leftNav,

.pick-tag .rightNav {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    width: 25px;

    height: 26px;

    text-align: center;

    vertical-align: middle;

    padding-top: 3px;

    background: #29487d;

    color: #fff;

}



.pick-tag .leftNav {

    left: 0;

}



.pick-tag .rightNav {

    right: 0;

}



.tag.active {

    color: #fff;

}



.drop-tags li span {

    color: #fff;

}



.drop-tags li {

    cursor: pointer;

    padding: 2px 10px;

    margin-bottom: 5px;

    border-radius: 4px;

    opacity: .6;

}



.nav-fill-tag i {

    color: rgba(0, 0, 0, .36);

}



.nav-fill-tag {

    padding: 0px 5px;

    position: relative;

    top: 2px;

}



.drop-tags {

    padding: 10px;

}



.fill-favorite {

    padding: 0px 5px;

}



.fill-favorite i {

    position: relative;

    top: 2px;

    color: rgba(0, 0, 0, .36);

    font-size: 15px;

}



.fill-favorite i:hover,

.owl-page .fas {

    color: #f9ac00;

}



.nav-fill-tag i:hover {

    color: #13ce66;

}



.drop-tags li:hover {

    opacity: .8;

}



.fill-favorite a.active i {

    color: #13ce66;

}



.load-post {

    color: #006afe;

    padding: 10px 30px;

    border: dotted 2px #006afe;

    border-radius: 4px;

    text-transform: uppercase;

}



.load-post:hover {

    background: #006afe;

    color: #fff;

}



.img-post {

    position: relative;

    padding-bottom: 56.25%;

    /* 16:9 */

    padding-top: 25px;

    height: 0;

}



.img-fb {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-size: contain;

    background-repeat: no-repeat;

}



.fb-post {

    margin-bottom: 30px;

}



.post-detail {

    border: solid 1px #ccc;

}



.content-post {

    padding: 10px;

    height: 80px;

    overflow: hidden;

}



.date-cre {

    padding: 5px 10px;

    border-bottom: solid 1px #ccc;

    font-size: 12px;

}



.view-fb {

    padding: 5px 10px;

    font-size: 14px;

    border-top: solid 1px #ccc;

    text-align: right;

}



.fc-header-left .to-msg-head {

    float: left;

    margin-left: 30px;

}



.fc-header-left .to-msg-head span {

    position: relative;

    font-size: 14px;

}



.fc-header-left .to-msg-head i {

    font-size: 14px;

    position: relative;

    top: 0px;

}



.fc-header-left .to-msg-head a,

.to-msg-head a {

    padding-right: 15px;

}



.menu-top a {

    padding-right: 8px;

    padding-left: 6px;

}



.to-msg-head a i {

    font-size: 16px;

    margin-right: 3px;

}



.to-msg-head a i.icon-setting {

    margin-top: -1px;    

}



.to-msg-head a i.fa-caret-down {

    font-size: 12px !important;

}



.tags-cons ul li {

    float: left;

    font-size: 10px;

    padding: 2px 5px;

    border-radius: 4px;

    margin-top: 3px;

    margin-right: 2px;

    opacity: .8;

}



.tags-cons ul li span {

    color: #fff;

}



/*------------------------------Blog-----------------------*/



.fc-header {

    background: #2E406F;

}



/*.nav-home ul li{display: inline-block;}*/

.nav-home ul li a {

    display: block;

    padding: 10px 20px;

    color: #fff;

}



.nav-home ul li a i {

    position: relative;

    top: 2px;

    padding-right: 3px;

}



/*.nav-home{text-align: right;}*/

.entry-image img {

    width: 100%;

}



.post-blog {

    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .1);

    box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .1);

    background: #FFF;

    margin-bottom: 20px;

}



.info-blog {

    padding: 10px;

    border-right: solid 1px #eee;

    border-left: solid 1px #eee;

}



.info-blog h3 {

    height: 50px;

    overflow: hidden;

    margin: 0;

    line-height: 20px;

}



.info-blog h3 a {

    font-size: 18px;

    font-weight: 600;

}



.items-blog {

    margin-bottom: 20px;

    font-family: Tahoma, Veranda, Arial;

}



.right-item-blog {

    font-family: Tahoma, Veranda, Arial;

}



.items-blog .img-blog img {

    width: 100%;

    padding-top: 5px;

}



.right-item-blog h2 {

    line-height: 18px;

    margin-top: 0px;

}



.right-item-blog h2 a {

    font-size: 18px;

    color: #0a0a0a;

    font-weight: 500;

    font-family: Tahoma, Veranda, Arial;

}



.right-item-blog h2 a span {

    color: #9a9a9a;

    font-size: 14px;

}



.right-item-blog #view-detail {

    display: inline-block;

    color: #428bca;

    padding-left: 20px;

}



.right-item-blog p {

    font-size: 14px;

    color: #4c4c4c;

    line-height: 22px;

    margin-bottom: 10px;

    text-align: justify;

}



.img-blog {

    width: 30%;

    float: left;

    margin-right: 10px;

}



.footer {

    padding: 20px 0px;

    font-family: 'Roboto', sans-serif;

}



.footer .column-footer h4 {

    font-family: 'Roboto', sans-serif;

    ;

    color: #595959;

    text-transform: uppercase;

    font-size: 14px;

    padding-bottom: 5px;

    margin: 0;

    min-height: 27px;

}



.footer .column-footer a {

    font-family: 'Roboto', sans-serif;

    ;

    line-height: 30px;

    font-size: 14px;

}



.column-footer li {

    font-family: 'Roboto', sans-serif;

    ;

    line-height: 30px;

    font-size: 14px;

    list-style: none;

}



.column-footer p {

    font-family: 'Roboto', sans-serif;

    ;

    line-height: 20px;

    margin-bottom: 0px;

}



.footer .box-social ul li a {

    width: 30px !important;

    height: 30px !important;

    background-color: #ababab;

    color: #484848;

    font-size: 18px;

    border: none;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

}



.box-social ul li {

    float: left;

    margin-right: 10px;

}



.social {

    margin-bottom: 10px;

}



.info-contact-footer .logo-footer {

    margin-right: 15px;

}



.info-contact-footer {

    font-family: 'Roboto', sans-serif;

    ;

}



.info-contact-footer .contact {

    margin-top: 10px;

    font-size: 14px;

}



.phone-rp-ul li {

    font-size: 14px;

    list-style: none;

}



.footer-socialbox p {

    margin-top: 10px;

}



.footer-socialbox p a {

    font-size: 14px;

    color: #595959;

}



.copyright p {

    margin-bottom: 0px;

    color: #fff;

    font-size: 14px;

}



.copyright {

    background: #484848;

    padding: 5px 0px;

}



.pagination li {

    margin: 0px 5px !important;

    display: inline-block;

}



.pagination li a {

    font-size: 12px;

}



.items-blog {

    background: #fff;

    padding: 10px;

    box-shadow: 0 0.2px 0 0 #ffffff inset, 0 0.4px 1px 0 #ccc;

    list-style: none;

}



.moudle-right {

    margin-bottom: 20px;

}



#moudle-right {}



.moudle-right h3 {

    background: #ccc;

    color: #555;

    line-height: 20px;

    border-radius: 4px 4px 0px 0px;

    padding: 10px 20px;

    text-transform: uppercase;

    font-size: 13px;

    margin: 0;

}



.moudle-right ul li {

    padding: 7px 10px;

    font-weight: 400;

}



.nav-ui-right ul li .sm-item-img img {

    height: auto;

    margin-top: 5px;

}



.nav-ui-right ul li {

    margin-left: 0;

    padding-left: 0;

    padding-right: 0;

    margin-bottom: 0;

    list-style: none;

}



.nav-ui-right ul li .sm-item-img {

    width: 30%;

    float: left;

}



.nav-ui-right ul li .sm-title-right {

    width: 65%;

    float: right;

    margin-top: 2px;

}



.nav-ui-right ul li .sm-title-right h4 {

    font-size: 13px;

    margin: 0;

    font-family: Tahoma, Veranda, Arial;

    line-height: 18px;

    font-weight: 500;

}



.nav-ui-right ul li .title-right {

    margin-top: 2px;

}



.nav-ui-right ul li .title-right h4 {

    font-size: 14px;

    margin: 0;

    font-family: Tahoma, Veranda, Arial;

    line-height: 18px;

    font-weight: 500;

}



.nav-ui-right ul li {

    margin-left: 20px;

    list-style-type: decimal;

    padding-left: 0px;

}



.bold {

    font-weight: 600 !important;

}



.nav-ui-right {

    background: #fff;

    padding: 10px;

}



.left-blog .content-detail,

.content-news .content-detail {

    padding: 15px;

    background: #fff;

}



#title-name-blog {

    font-size: 26px;

    margin-bottom: 10px;

    font-weight: 500;

    margin-top: 0;

}



.decsrt-blog {

    font-style: italic;

    font-size: 15px;

    margin-bottom: 10px;

}



.social-detail {

    margin-top: 10px;

}



.content-blog {

    font-size: 14px;

}



.banner-blog img {

    width: 100%;

}



.img-preview img {

    max-height: 100px;

    float: left;

    border: solid 1px #eee;

    padding: 5px;

    margin-right: 10px;

}



.main-grey {

    background: #e8e8e8;

}



.white-bg {

    background: #fff;

}



.breadcrumb_list .breadcrumb {

    background: #e8e8e8;

    margin: 10px 0px;

}



.content-blog img {

    max-width: 100%;

}



/*------------------------------Blog-----------------------*/







/*------------------------------CMS-----------------------*/

.cms-nav ul li {

    display: inline-block;

}



.cms-nav ul li a {

    color: #fff;

    display: block;

    padding: 3px 30px;

    border: solid 1px #ccc;

    border-radius: 4px;

}



.cms-nav {

    margin-right: 30px;

}



.info-shop p {

    margin-bottom: 0;

}



/*------------------------------CMS-----------------------*/





/*----------------Faq---------------------*/

.content-faq {

    background: #fff;

    padding: 15px;

}



.content-faq h1 {

    margin: 10px 5px;

    text-align: center;

    text-transform: uppercase;

    font-size: 24px;

    line-height: 1.5

}



.content-faq h2 {

    font-size: 20px;

    line-height: 1.5

}



.noidung-hoidap li a {

    font-size: 14px;

    color: #555;

}



.noidung-hoidap li a:hover {

    color: #2a6496;

}



.noidung-hoidap li.name-faq {

    margin-bottom: 10px;

    position: relative;

    border-bottom: 1px solid #ddd !important;

    padding-bottom: 10px;

    list-style: none;

}



.noidung-hoidap li.name-faq span {

    background-color: #2E406F;

    color: #ffffff;

    padding-top: 5px;

    padding-bottom: 5px;

    margin-right: 10px;

    line-height: 1.0;

    font-size: 18px !important;

    text-align: center !important;

    width: 32px !important;

    display: inline-block;

}



.noidung-hoidap li.name-faq a {

    font-size: 16px !important;

    font-weight: 600;

    color: #555;

}



/*.noidung-hoidap li.name-faq:before{content: '\f0da'; width: 5px; height: 5px; position: absolute; left: -15px; top: 3px; font: normal normal normal 14px/1 FontAwesome;}*/

.tt-faq {

    padding-bottom: 5px;

    margin-bottom: 20px;

    /* border-bottom: solid 1px #ccc; */

    font-size: 35px;

    margin-top: 0;

    /* text-transform: uppercase; */

    text-align: center;

    font-weight: 600;

}



.traloi {

    padding: 10px 15px;

    border: solid 1px #eee;

    margin-bottom: 20px;

}



.traloi p {

    margin: 10px 0px;

}



.traloi ul li {

    list-style: outside;

    margin-bottom: 10px;

}



.traloi ul {

    margin-left: 20px;

}



.copy-faq {

    position: absolute;

    top: 5px;

    right: 10px;

    cursor: pointer;

    color: #999999;

}



.registry-fchat {

    position: relative;

    padding: 90px 0px;

    color: #fff;

    text-align: center;

    background: #79cae5;

    /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(left, #79cae5, #0082ad);

    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(right, #79cae5, #0082ad);

    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(right, #79cae5, #0082ad);

    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to right, #79cae5, #0082ad);

    /* Standard syntax */

}



.registry-fchat h2 {

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

    font-weight: 800;

    font-size: 30px;

}



.registry-fchat h4 {

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

    font-weight: 600;

    font-size: 20px;

}



.registry-fchat p {

    margin-top: 20px;

    position: relative;

    z-index: 1000;

}



.btn-register-fchat {

    background: #cc0033;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    font-weight: 800;

    padding: 12px 30px;

    border-radius: 8px;

}



.btn-register-fchat:hover {

    color: #fff;

    text-decoration: none;

}



#particles-js {

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

}



.navbar-blue {

    background: #053589;

    margin-bottom: 0;

    border: none;

    border-radius: 0;

}



.nav-left-home {

    padding-top: 5px;

}



.navbar-brand {

    height: auto;

}



.fc-logo img {

    max-width: 100%;

    height: 25px;

    position: relative;

    top: 5px;

}



.fc-logo {

    padding: 5px !important;

    padding-top: 10px;

}



.nav-home ul li a:hover,

.nav-home ul li a:focus {

    color: #fff !important;

}



.nav-home ul li a {

    color: #fff !important;

}



.home-login-btn {

    padding: 5px 15px !important;

    margin-top: 10px !important;

    font-size: 14px;

}



.home-login-btn i {

    position: relative;

    top: 1px !important;

}



.user-panel-home ul li a {

    color: #333 !important

}



.user-panel-home ul li a:hover,

.user-panel-home ul li a:focus,

.user-panel-home ul li a.active {

    color: #777 !important;

}



.user-panel-home .open>a,

.user-panel-home .open>a:hover,

.user-panel-home .open>a:focus {

    background-color: transparent !important;

}



.user-panel-home.user-options .dropdown-menu {

    top: 100%;

}



/*----------------Faq---------------------*/



.error-alert span {

    /* background: #ff3c3c; */

    color: #ff3c3c;

    /* padding: 2px 20px; */

    margin-top: 5px;

    display: inline-block;

    border-radius: 4px;

    font-size: 14px;

    font-weight: 600;

}



.title-lib i {

    font-size: 22px;

    color: #4eb76e;

    cursor: pointer;

    position: relative;

    top: 2px;

    margin-left: 10px;

}



.title-lib {

    font-size: 16px;

}



.paraia-multi-select .form-control {

    height: auto;

}



.custom-control {

    position: relative;

    display: block;

    min-height: 32px;

    padding-left: 32px;

}



.custom-control-input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}



.custom-control-label {

    margin-bottom: 0;

}



.custom-control-label::before {

    position: absolute;

    top: 0.25rem;

    left: 0;

    display: block;

    width: 16px;

    height: 16px;

    pointer-events: none;

    content: "";

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #dee2e6;

    border-radius: 4px;

}



.custom-control-label::after {

    position: absolute;

    top: 0.25rem;

    left: 0;

    display: block;

    width: 16px;

    height: 16px;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 50% 50%;

    border-radius: 4px;

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #2C3E50;

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");

}



.fstElement {

    font-size: 1.2em;

}



.fstToggleBtn {

    min-width: 16.5em;

}



.submitBtn {

    display: none;

}



.fstMultipleMode {

    display: block;

}



.fstMultipleMode .fstControls {

    width: 100%;

}



.requeried-star {

    color: #ff0039;

}



.prd-toggle .footer-tmp a {

    display: inline-block;

}







.tag-primary .nav>li .nav-tabs>li.active>a {

    border: none;

}



.tag-primary .nav>li.active a {

    border-bottom: 3px solid #006AFE !important;

    transition: all .3s cubic-bezier(.6, -.15, .35, 1.2);

    font-weight: bold;

    color: #3c4858;

    /*will-change: left,width;*/

}



.tag-primary .nav-tabs>li>a {

    display: inline-block;

    padding: 15px 0;

    transition: all .3s cubic-bezier(.6, -.15, .35, 1.2);

    margin: 0 10px;

    font-size: 16px;

    overflow: hidden;

    vertical-align: bottom;

    border: none;

}



.tag-primary .nav-tabs>li:first-child a {

    margin-left: 0px !important;

}



.tag-primary .nav>li>a:hover {

    background-color: none;

}



.tag-primary .tab-content>.tab-pane {

    padding: 20px;

}



.tag-primary .nav-tabs>li.active>a,

.tag-primary .nav-tabs>li.active>a:hover,

.tag-primary .nav-tabs>li.active>a:focus {

    border: none;

    background: transparent;

}



.tag-primary .nav>li>a:hover,

.tag-primary .nav>li>a:focus {

    background: transparent;

    border-color: transparent;

}



/*---------------------Cart------------------*/

.img-cart-left img {

    width: 100%;

}



.info-cart-right h3 {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #333;

    margin-bottom: 5px;

}



.quality {

    padding: 2px 5px;

    border: solid 1px #ccc;

    text-align: center;

    width: 50px;

}



.quality:focus {

    outline: none;

}



.last-col .price-cart,

.total-price {

    font-weight: 600;

    color: #c70000;

}



.total-payment {

    font-weight: 600;

    color: #13ce66;

}



.items-cart {

    padding: 5px;

    margin-bottom: 5px;

    border-bottom: solid 1px #ccc;

}



/*.items-cart:last-child{border-bottom: none;}*/



.modal-result {

    color: #434e65;

    width: 480px

}



.modal-result .modal-content {

    padding: 20px;

    font-size: 16px;

    border-radius: 5px;

    border: none

}



.modal-result .modal-header {

    background: #47c9a2;

    border-bottom: none;

    position: relative;

    text-align: center;

    margin: -20px -20px 0;

    border-radius: 5px 5px 0 0;

    padding: 10px;

}



.modal-result h4 {

    text-align: center;

    font-size: 36px;

    margin: 10px 0

}



.modal-result .form-control,

.modal-result .btn {

    min-height: 40px;

    border-radius: 3px

}



.modal-result .close {

    position: absolute;

    top: 15px;

    right: 15px;

    color: #fff;

    text-shadow: none;

    opacity: .5

}



.modal-result .close:hover {

    opacity: .8

}



.modal-result .icon-box {

    color: #fff;

    width: 55px;

    height: 55px;

    display: inline-block;

    border-radius: 50%;

    z-index: 9;

    border: 5px solid #fff;

    padding: 15px;

    text-align: center

}



.modal-result .icon-box i {

    font-size: 22px;

    margin: -4px 0 0 -4px

}



.modal-result.modal-dialog {

    margin-top: 80px

}



.modal-result .btn {

    color: #fff;

    border-radius: 4px;

    background: #eeb711;

    text-decoration: none;

    transition: all .4s;

    line-height: normal;

    border-radius: 30px;

    margin-top: 10px;

    padding: 6px 20px;

    border: none

}



.modal-result .btn:hover,

.modal-result .btn:focus {

    background: #eda645;

    outline: none

}



.modal-result .btn span {

    margin: 1px 3px 0;

    float: left

}



.modal-result .btn i {

    margin-left: 1px;

    font-size: 20px;

    float: right

}



.trigger-btn {

    display: inline-block;

    margin: 100px auto

}



.order-list h3 {

    font-size: 14px;

    margin: 0;

    margin-bottom: 10px;

}



.order-list h3 i {

    position: relative;

    top: 2px;

    font-size: 16px;

}



.order-list ul li a {

    font-size: 12px;

}



.navbar-default .navbar-nav>li>a:hover {

    background-color: #399efd;

    border-radius: 4px !important;

}



.video-guide {

    background: #fff;

    padding: 10px;

    margin-bottom: 20px;

}



.video-guide .videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0

}



.video-guide .videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.video-guide-main {

    border: solid 10px #eee;

    border-radius: 4px;

    margin-bottom: 20px;

    width: 75%;

}



.video-guide-main .videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0

}



.video-guide-main .videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.messenger_checkbox_box {

    position: relative;

    display: inline-block;

}



.warning-tt {

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

}



.messenger_checkbox_box {

    margin-top: -12px;

}



.sub-plugin {

    padding: 10px 0px;

}



.f-content-chat.disabled {

    text-decoration: line-through;

}



.note-first-msg {

    font-size: 10px;

    margin-bottom: 0;

}



.note-first-msg a {

    font-size: 10px;

    margin-bottom: 0;

    background: #a0c8f9;

    display: inline-block;

    padding: 2px 10px;

    border-radius: 4px;

    color: #000 !important;

}



._btn_buttons {

    display: block;

    margin-top: 5px;

    margin-right: 0;

    width: 100%;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 13px;

    line-height: 2;

    padding: 3px 20px;

    color: #0084fc;

    background-color: #fff;

    border: 1px solid #e0e6ed;

    border-radius: 8px;

    cursor: pointer;

    outline: none !important;

    text-align: center;

}



._btn_buttons:hover {

    background-color: #dfe5ec;

}



.error-temp img {

    max-width: 100%;

}



.widget_left_col {

    position: absolute;

    width: 460px;

    top: 0;

    bottom: 0;

    left: 0;

    will-change: width;

    transition: width .2s ease-out;

    background-color: #f9fafc;

}



._head_widget_right {

    padding: 20px 35px;

}



._main_content_widget_right {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

}



._desc_show {

    padding-top: 30px;

}



._input_status_dcr {

    position: relative;

    display: inline-block;

    width: 44px;

}



._input_status_dcr input {

    position: absolute;

    cursor: pointer;

    width: 36px;

    height: 21px;

    z-index: 1;

    opacity: 0;

    left: 0;

}



._input_status_dcr i {

    position: relative;

    display: inline-block;

    width: 0;

    height: 18px;

    margin: -2px 44px 0 0;

    line-height: 1;

    vertical-align: text-bottom;

}



._input_status_dcr input:checked+i {
    color: #fff;
    background-color: #006afe;
}
._input_status_dcr.green input:checked+i {
    color: #fff;
    background-color: #13ce66;
}



._input_status_dcr i:before,

._input_status_dcr i:after {

    content: "";

    left: 1px;

    width: 34px;

    top: 3px;

    height: 14px;

    border-radius: 8px;

    position: absolute;

    background-color: #9e9e9e;

    transition: all .2s

}



._input_status_dcr input:checked+i:before {

    background: inherit;

    opacity: .5

}



._input_status_dcr input:checked+i:after {

    background: inherit;

    left: 16px

}



._input_status_dcr i:after {

    margin: 0;

    left: 0;

    top: 0;

    outline: none;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    background-color: #fff;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)

}



._btn_type_label {

    font-size: 16px;

    font-weight: 600;

    margin: 20px 0px 10px 0px;

}



._btn_send_to_msg_type {

    margin-top: 5px;

}



._btn_send_to_msg_type label {

    font-size: 15px !important;

    color: rgba(0, 0, 0, .87) !important

}



._color_opt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



._opt_color_select {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 7px;

    margin-left: -7px;

    border-radius: 4px;

    cursor: pointer

}



._color_opt>a {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%

}



._color_opt>a:nth-child(odd) {

    margin-right: 10px

}



._color_selected {

    position: relative;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 10px;

    height: 28px;

    width: 28px

}



._opt_color_select span {

    text-transform: capitalize;

    color: rgba(0, 0, 0, .87);

    font-size: 14px

}



._opt_color_select svg {

    width: 100%;

    height: 100%;

    fill: #e3e3e3;

    stroke: #e3e3e3

}



._display_color_selected {

    position: absolute;

    visibility: hidden;

    opacity: 0;

    top: 100%;

    left: 50%;

    padding: 5px 10px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    font-size: 14px;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .12);

    border-radius: 3px;

    line-height: 1.3rem;

    font-weight: 400;

    white-space: pre-wrap;

    text-align: left;

    box-shadow: 0 1px 12px rgba(0, 80, 200, .15);

    z-index: 1;

    color: #333;

}



._opt_color_select:hover {

    transition: background-color .2s linear;

    background-color: rgba(0, 0, 0, .05)

}





._opt_color_select ._display_color_selected:after,

._opt_color_select ._display_color_selected:before {

    bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none

}



._opt_color_select ._display_color_selected:before {

    border-color: rgba(194, 225, 245, 0);

    border-bottom-color: rgba(0, 0, 0, .12);

    border-width: 6px;

    margin-left: -6px

}



._opt_color_select ._display_color_selected:after {

    border-color: hsla(0, 0%, 100%, 0);

    border-bottom-color: #fff;

    border-width: 5px;

    margin-left: -5px

}



._opt_color_select:hover ._display_color_selected {

    visibility: visible;

    opacity: 1;

    transition: opacity .2s linear .3s

}



._select_box_dgn {

    width: 100%;

    margin: 0;

    padding: 5px 9px;

    height: 32px;

    padding-right: 24px;

    color: rgba(0, 0, 0, .87);

    background-color: #fff;

    outline: none !important;

    box-shadow: none;

    border: 1px solid rgba(0, 0, 0, .12);

    border-radius: 3px;

    font-size: 14px;

    line-height: 21px

}



._main_content_widget {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    overflow: scroll;

    /*margin-right: -17px; margin-bottom: -17px;*/

}



._drop_img_box {

    width: 100%;

    color: rgba(0, 0, 0, .34);

    text-align: center;

    border: 1px dashed rgba(0, 0, 0, .12);

    border-radius: 11px;

    overflow: hidden;

    cursor: pointer;

    transition: all .2s ease-out

}



._drop_img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 14px;

    text-align: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: rgba(0, 0, 0, .34);

    transition: color .2s ease-out

}



._drop_img i {

    font-size: 34px

}



._drop_img div {

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0;

    text-align: center

}



._drop_img_box:hover {

    border-color: rgba(0, 0, 0, .54);

    color: rgba(0, 0, 0, .54);

}



._display_when_input,

._display_again_opt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



._input_display_time,

._display_again_input {

    display: inline-block;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 30%;

    flex: 0 0 30%;

    overflow: hidden;

    padding-right: 14px;

    transition: all .4s ease-in-out

}



._input_display_time input,

._display_again_input input {

    transition: all .4s ease-in-out

}



._dpl_when,

._sl_dpl_again {

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0;

    display: inline-block

}



._input_display_time.unactive,

._display_again_input.unactive,

._display_again_input.unactive {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 0;

    flex: 0 0 0;

    padding-right: 0

}



._input_display_time.unactive input,

._display_again_input.unactive input {

    opacity: 0;

    visibility: collapse

}



.input_dgn {

    width: 100%;

    margin: 0;

    padding: 5px 9px;

    color: rgba(0, 0, 0, .87);

    background: transparent none;

    outline: none !important;

    box-shadow: none;

    border: 1px solid rgba(0, 0, 0, .12);

    border-radius: 3px;

    font-size: 14px;

    line-height: 20px;

    background-color: #fff

}



._desc_show_smt {

    margin-top: 30px

}



.widget_left_col:after {

    content: " ";

    position: absolute;

    display: block;

    width: 30px;

    top: 0;

    bottom: 0;

    left: 100%;

    box-shadow: inset 15px 0 20px -15px rgba(0, 0, 0, .25);

    pointer-events: none

}





.widget_right_col {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 460px;

    overflow: hidden;

}



.__demo_iframe_widget {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    max-width: 100%;

    background: url(../images/temp_late_demo.jpg) center 0 no-repeat;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    background-size: 100%

}



/*._inner_demo{border-collapse:separate!important;border-spacing:0!important;caption-side:top!important;cursor:auto!important;direction:ltr!important;empty-cells:show!important;font-size:medium!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;font-stretch:normal!important;line-height:normal!important;-webkit-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important;letter-spacing:normal!important;list-style:disc outside none!important;-moz-tab-size:8!important;-o-tab-size:8!important;tab-size:8!important;text-align:left!important;text-align-last:auto!important;text-indent:0!important;text-shadow:none!important;text-transform:none!important;visibility:visible!important;white-space:normal!important;widows:2!important;word-spacing:normal!important;all:initial!important}*/

._backg_ovrley {

    z-index: 2147483636 !important;

    position: fixed !important;

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    outline: 0 !important;

    -webkit-overflow-scrolling: touch !important;

    zoom: 1 !important;

    overflow: auto !important;

    background: #000 !important;

    background: 0 0 9 !important;

    background: rgba(0, 0, 0, .42) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transition: opacity .2s cubic-bezier(.455, .03, .515, .955) .2s, visibility 0 linear .8s !important

}



._backg_ovrley._inner_demo_ifram {

    opacity: 1 !important;

    visibility: visible !important;

    transition: opacity .4s cubic-bezier(.455, .03, .515, .955) .8s !important

}



._popup_wrapper,

._popup_wrapper h2,

._popup_wrapper p {

    border-collapse: separate !important;

    border-spacing: 0 !important;

    caption-side: top !important;

    cursor: auto !important;

    direction: ltr !important;

    empty-cells: show !important;

    /*font-size:medium!important;*/

    font-style: normal !important;

    font-variant: normal !important;

    font-weight: 400 !important;

    font-stretch: normal !important;

    line-height: normal !important;

    -webkit-hyphens: none !important;

    -ms-hyphens: none !important;

    hyphens: none !important;

    letter-spacing: normal !important;

    list-style: disc outside none !important;

    -moz-tab-size: 8 !important;

    -o-tab-size: 8 !important;

    tab-size: 8 !important;

    text-align: left !important;

    text-align-last: auto !important;

    text-indent: 0 !important;

    text-shadow: none !important;

    text-transform: none !important;

    visibility: visible !important;

    white-space: normal !important;

    widows: 2 !important;

    word-spacing: normal !important;

}



._customzie_popup {

    display: block !important;

    padding: 35px 40px 50px !important;

    width: 430px !important;

    max-width: 430px !important;

    z-index: 2147483634 !important;

    overflow: visible !important;

    text-align: center !important;

    box-sizing: border-box !important;

    max-height: 80vh !important;

    overflow-y: auto !important

}



._posistion_wp {

    border-radius: 4px !important;

    box-shadow: 0 3px 10px rgba(0, 0, 0, .16) !important;

    z-index: 2147483634 !important;

    position: fixed !important;

    top: 50% !important;

    left: 50% !important;

    transition: -webkit-transform .4s cubic-bezier(.455, .03, .515, .955) !important;

    transition: transform .4s cubic-bezier(.455, .03, .515, .955) !important;

    transition: transform .4s cubic-bezier(.455, .03, .515, .955), -webkit-transform .4s cubic-bezier(.455, .03, .515, .955) !important;

    -webkit-transform: translate(-50%, 100vh) !important;

    transform: translate(-50%, 100vh) !important;

    transition: -webkit-transform .4s cubic-bezier(.455, .03, .515, .955) 1.2s !important;

    transition: transform .4s cubic-bezier(.455, .03, .515, .955) 1.2s !important;

    transition: transform .4s cubic-bezier(.455, .03, .515, .955) 1.2s, -webkit-transform .4s cubic-bezier(.455, .03, .515, .955) 1.2s !important;

    -webkit-transform: translate(-50%, -50%) !important;

    transform: translate(-50%, -50%) !important;

    background-color: #fff !important

}





._main_popup_content h2 {

    font-weight: 500 !important;

    line-height: 32px !important;

    font-size: 25px !important;

    -webkit-user-modify: read-write !important;

    -moz-user-modify: read-write !important;

    user-modify: read-write !important;

    text-align: inherit !important;

    padding: 10px;

    border: 1px solid transparent;

    color: #000;

}



._edit_title_widget:focus,

._edit_title_widget:hover,

._edit_descrpt_widget:focus,

._edit_descrpt_widget:hover {

    background-color: rgba(0, 0, 0, .05) !important;

    border: 1px dashed rgba(0, 0, 0, .12) !important;

    border-radius: 3px !important;

    cursor: pointer !important;

    outline: none;

}



._edit_title_widget:focus,

._edit_descrpt_widget:focus {

    border: 1px dashed #006afe !important;

    cursor: text !important;

}



p._edit_descrpt_widget {

    font-weight: 400 !important;

    line-height: 20px !important;

    font-size: 15px !important;

    -webkit-user-modify: read-write !important;

    -moz-user-modify: read-write !important;

    user-modify: read-write !important;

    text-align: inherit !important;

    padding: 10px;

    font-family: inherit;

    border: 1px solid transparent;

}



._block_btn_type {

    width: 177px !important;

    min-height: 68px !important;

    margin: auto;

}



._btn_send_Insights {

    position: relative !important;

    display: inline-block !important;

    box-sizing: border-box !important;

    border-radius: 4px !important;

    border: none !important;

    padding: 15px 20px !important;

    font-weight: 700 !important;

    font-size: 16px !important;

    cursor: pointer !important;

    text-decoration: none !important;

    transition: box-shadow .2s linear !important;

    text-align: center !important;

    box-shadow: 0 4px 14px 0 !important;

    z-index: 999 !important;

    width: 100% !important;

}



._send_a_Insights {

    max-width: 280px;

}



._cnt_Insight {

    display: inline-block;

    margin: -3px 5px;

    position: relative !important;

}



._txt_insight {

    display: block;

    width: 100%;

    margin: 0;

    padding: 2px 1px;

    color: inherit;

    background: transparent none;

    outline: none !important;

    box-shadow: none;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    background: none;

    border: 1px dashed transparent !important;

    font-family: "Segoe UI", "Proxima Nova", "Open Sans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

}



.__demo_iframe_widget {

    font-family: "Segoe UI", "Proxima Nova", "Open Sans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

}



.fb-messenger-checkbox {

    width: 200px;

}



._txt_insight:focus,

._txt_insight:hover {

    background-color: rgba(0, 0, 0, .05) !important;

    border: 1px dashed rgba(0, 0, 0, .12) !important;

    border-radius: 3px !important;

    cursor: pointer !important;

}



._cnt_Insight:after {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\E919";

    position: absolute !important;

    display: block !important;

    left: 100% !important;

    left: calc(100% + 3px) !important;

    top: 4px !important;

    color: rgba(0, 0, 0, .12) !important;

    font-size: 14px !important;

}



._image_popup_display {

    position: relative;

    padding-top: 66.66666667%;

    min-width: 58px;

    min-height: 58px;

}



._img_show_img {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    text-align: center;

}



._space_img {

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



._img_show_img img {

    display: inline-block;

    max-width: 90%;

    max-height: 100%;

    vertical-align: middle;

}



.remove_dl_img {

    position: absolute;

    display: none;

    top: 3px;

    right: 3px;

    padding: 2px;

    height: 20px;

    background-color: #fff;

    border-radius: 50%;

    z-index: 1001;

}



.remove_dl_img svg {

    fill: #999;

    transition: fill .2s linear;

    vertical-align: super;

    width: 16px;

    height: 16px;

}



._image_popup_display:hover>.remove_dl_img {

    display: block;

}



._top_col_right {

    border-bottom: 1px solid #e0e6ed;

    padding: 5px 35px;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    z-index: 999;

}



._top_col_right input {

    width: 100%;

    border-radius: 4px;

    border: 1px solid #e0e6ed;

    padding: 5px 10px;

    font-weight: 600;

    font-size: 16px;

}



._top_col_right input:focus {

    outline: none;

}



.img_on_pp {

    text-align: center;

    margin-bottom: 10px;

}



._btn_view_msg_smt:hover {

    box-shadow: 0 0 21px 0 !important;

}



._btn_view_msg_smt {

    background-color: #fff !important;

    border-radius: 4px !important;

    border: none !important;

    padding: 15px 22px !important;

    font-weight: 700 !important;

    font-size: 16px !important;

    cursor: pointer !important;

    color: #000 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-shadow: 0 0 10px 0 !important;

    transition: box-shadow .2s linear !important;

    display: inline-block;

    width: 100%;

}



._btn_ctn_smt {

    display: inline-block !important;

    padding-right: 12px !important;

    text-align: center !important;

}



._inner_btn_smt {

    display: inline-block;

    margin: -3px 5px;

    position: relative !important;

}



._txt_btn_smt {

    display: block;

    width: 100%;

    margin: 0;

    padding: 2px 1px;

    color: inherit;

    background: transparent none;

    outline: none !important;

    box-shadow: none;

    font-size: 15px;

    font-weight: 600;

    text-align: center;

    background: none;

    border: 1px dashed transparent !important;

}



._inner_btn_smt:after {

    position: absolute !important;

    display: block !important;

    left: 100% !important;

    left: calc(100% + 3px) !important;

    top: 4px !important;

    color: rgba(0, 0, 0, .12) !important;

    font-size: 1rem !important;

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\E919";

}



._btn_ctn_smt ._txt_btn_smt:focus,

._btn_ctn_smt ._txt_btn_smt:hover {

    border: 1px dashed #006afe !important;

    cursor: text !important;

    background-color: rgba(0, 0, 0, .05) !important;

    border: 1px dashed rgba(0, 0, 0, .12) !important;

    border-radius: 3px !important;

    cursor: pointer !important;

}



.notes_setup h4 {

    color: #8492a6 !important;

    font-size: 16px;

    font-weight: 600;

    padding: 20px 0px;

}



.btn_setting_javascript {

    display: inline-block;

    height: 34px;

    line-height: 32px;

    padding: 0 20px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #e0e6ed;

    border-radius: 2px;

    outline: none;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    text-transform: capitalize;

    white-space: nowrap;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: all .15s ease-in-out;

    background-color: #006afe;

    border-color: #006afe;

    width: 100%;

    color: #fff;

    font-size: 14px;

}



.tab-config-script li {

    display: inline-block;

    width: 48%;

    text-align: center;

}



.title-setting-yws {

    text-align: center;

    font-size: 24px;

    font-weight: 400;

    color: #3c4858;

    padding: 20px 0px;

}



.content-tab {

    padding: 20px;

}



._content_script pre {

    margin: 0;

    padding: 20px;

    border-left: 3px solid #006afe;

    white-space: pre-wrap;

    word-wrap: break-word;

    background-color: transparent;

}



._copy_script {

    margin-top: 10px;

}



._item_domain {

    position: relative;

    display: inline-block;

    margin: 0 8px 8px 0;

    padding: 3px 10px;

    background-color: #deefff;

    border: 1px solid #b3d9ff;

    border-radius: 13px;

    cursor: default;

    color: #3c4858;

    text-align: left;

    font-size: 14px;

    line-height: 20px;

    background: #f9fafc;

    border-color: #e0e6ed;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-right: 32px;

}



._inner_domain {

    position: absolute;

    padding: 3px 9px;

    top: 0;

    right: 0;

    color: #818a91;

    cursor: pointer;

}



._inner_domain:hover {

    color: #ff6249;

}



.wldm-content-add {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.wldm-col-left {

    width: 400px;

    display: inline-block;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 30%;

    overflow: hidden;

    padding-right: 14px;

    transition: all .4s ease-in-out;

}



.wldm-col-right {

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0;

    display: inline-block;

}



.wldm-content-add {

    width: 80%;

    margin: auto;

    margin-top: 20px;

}



._note_checkbox .alert span {

    position: relative;

    padding: 0px 5px;

}



._note_checkbox .alert span:before {

    content: '{'

}



._note_checkbox .alert span:after {

    content: '}'

}



._top_col_right input:hover {

    border: solid 1px #006afe;

}



.odometer {

    font-size: 49px;

    margin-bottom: 20px;

}



.random-el {

    text-align: center;

}



.wldm-content-add-setting {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



/*.whitelisted_domains_list{text-align: center;}*/

.media .videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0

}



.media .videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.media {

    margin-bottom: 20px;

}



.display-api li {

    padding: 8px 0px;

}



.display-api .token-input input {

    display: inline-block;

}



.desc-code h3 {

    text-transform: uppercase;

    font-size: 14px;

}



.title-viral .show-viral {

    position: relative;

    z-index: 3;

    padding-left: 10px;

    cursor: pointer;

}



.wizard {

    margin-top: 40px;

}



.page-tab {

    margin-top: 20px;

}



.midle-width {

    width: 80%;

    margin: auto;

}



.clone-group {

    border-radius: 4px;

    padding: 20px;

    min-height: 450px;

}



.copy-block {

    cursor: pointer;

    color: #aaa;

    position: relative;

    top: -2px;

}



.copy-block:hover {

    color: #4CAF50;

}



.tag-info {

    padding: 5px 15px;

}



.detail-audience {

    cursor: pointer;

}



.toast__container {

    display: table-cell;

    vertical-align: middle

}



.toast__cell {

    display: inline-block

}



.add-margin {

    margin-top: 20px

}



.toast__svg {

    fill: #fff

}



.toast {

    text-align: left;

    padding: 21px 0;

    background-color: #fff;

    border-radius: 4px;

    top: 0;

    position: relative;

    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2)

}



.toast:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px

}



.toast__icon {

    position: absolute;

    top: 50%;

    left: 22px;

    transform: translateY(-50%);

    width: 28px;

    height: 28px;

    padding: 2px 7px;

    border-radius: 50%;

    display: inline-block

}



.toast__type {

    color: #3e3e3e;

    font-weight: 700;

    margin-top: 0;

    margin-bottom: 8px

}



.toast__message {

    font-size: 14px;

    margin-top: 0;

    margin-bottom: 0;

    color: #878787

}



.toast__content {

    padding-left: 70px;

    padding-right: 60px

}



.toast__close {

    position: absolute;

    right: 22px;

    top: 50%;

    width: 14px;

    cursor: pointer;

    height: 14px;

    fill: #878787;

    transform: translateY(-50%)

}



.toast--green .toast__icon {

    background-color: #2BDE3F

}



.toast--green:before {

    background-color: #2BDE3F

}



.toast--blue .toast__icon {

    background-color: #1D72F3

}



.toast--blue:before {

    background-color: #1D72F3

}



.toast--yellow .toast__icon {

    background-color: #FFC007

}



.toast--yellow:before {

    background-color: #FFC007

}



.alert-news {

    position: relative;

}



.alert-news .left-alr {

    position: absolute;

    top: 50%;

    left: 22px;

    transform: translateY(-50%);

    display: inline-block;

}



.alert-news .left-alr i {

    font-size: 25px;

}



.alert-news .right-alr {

    padding-left: 50px;

}



.alert-news .right-alr p {

    margin-bottom: 0;

}



/*.activities{display:flex;flex-wrap:wrap}

.activities .activity{width:100%;display:flex;position:relative}

.activities .activity:before{content:' ';position:absolute;left:25px;top:0;width:2px;height:100%;background-color:#6777ef}

.activities .activity:last-child:before{display:none}

.activities .activity .activity-icon{width:50px;height:50px;border-radius:3px;line-height:50px;font-size:20px;text-align:center;margin-right:20px;border-radius:50%;flex-shrink:0;text-align:center;z-index:1;background: #acb5f6; margin-top: 5px;}

.activities .activity .activity-detail{box-shadow:0 4px 8px #d8d8d8;background-color:#fff;border-radius:3px;border:none;position:relative;margin-bottom:30px;position:relative;padding:15px;width: 85%;}

.activities .activity .activity-detail:before{content:'\f0d9';font-family:'Font Awesome 5 Free';font-weight:900;font-size:20px;position:absolute;left:-8px;color:#adadad87}

.activities .activity .activity-detail h4{font-size:18px;color:#191d21}

.activities .activity .activity-detail p{margin-bottom:0;font-size: 14px;font-weight: 600;margin-top: 5px; word-wrap: break-word; overflow: hidden;white-space: nowrap !important;width: 88%;text-overflow: ellipsis;overflow: hidden;}

.bullet:after {

    content: '\2022';

}*/





.activities ul li {

    display: block;

    /* box-shadow:0 4px 8px #d8d8d8; */

    background-color: #fff;

    border-radius: 3px;

    border: none;

    position: relative;

    margin-bottom: 5px;

    position: relative;

    padding: 5px 15px;

    width: 100%;

}



.activities ul li p {

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 600;

    margin-top: 5px;

    word-wrap: break-word;

    overflow: hidden;

    white-space: nowrap !important;

    width: 88%;

    text-overflow: ellipsis;

    overflow: hidden;

}



@media screen and (max-width:767px) {

    .account-update {

        width: 100%;

    }



    .midle-width {

        width: 100%;

    }



    .traloi {

        margin-bottom: 0

    }

}



.popup-input-head {

    display: inline-block;

    width: 70%;

}



a.pack_name_head:hover {

    color: #fff

}



.pack_name_head {

    /*background: linear-gradient(90deg, rgb(255, 134, 0), rgb(255, 219, 0));

    border-radius: 4px;*/

    color: rgb(8 152 61);

    /*padding: 3px 10px;

    text-transform: uppercase;

    font-size: 12px;*/

}



.head_livechat .logo {

    float: left

}






.w-110 {

    width: 100px;

}



.content-detail .content-blog ul li {

    list-style: disc;

    font-size: 15px;

}



.content-blog p {

    font-size: 15px;

}



.content-blog p a {

    color: blue;

}





.app-content .nav-tabs {

    border-bottom: 1px solid #ddd;
padding: 0;
    border-radius: 6px 6px 0 0;

}



.app-content .tab-content {

    padding: 8px;

}

.app-content .page-setting.tab-content {

    padding: 15px;

}

@media (min-width: 992px) and (max-width: 1100px) {

    #config {

        display: inline-block;

        padding: 0px

    }



    #config .frm-config {

        width: 100% !important

    }

}

.mt-12{

    margin-top: 12px;

}

g.highcharts-button.highcharts-contextbutton {

    display: none;

}

.shop-drop img {
    width: 40px; 
    height: 40px; 
    float: left;
}


.packge_display .pack_name_head {
    float: left;
    padding: 3px 0;
    font-size: 10px;
}
.packge_display small {
    margin-left: 5px;
    top: -1px;
    font-size: 10px;
    text-transform: uppercase;
}

.packge_display .pack_name_head span{
    border-right: 1px solid #aaa;
    padding-right: 5px;
}

.check-code-active{
    display: flex;
    justify-content: center;
}

@media (max-width: 550px) {
    .check-code-active {
        display: block;
    }
    .active-code-box select.form-control-custom.select-shop {
        float: left;
    }
    
}


.text-success {
    color: rgb(0, 156, 74) !important;
    font-weight: 600;
}
.text-pending {
    font-weight: 600;
    color: rgb(94, 59, 219);
}
.text-cancelled {
    font-weight: 600;
    color: red;
}
.text-deleted {
    font-weight: 600;
    color: red;
}
.text-refunded {
    font-weight: 600;
    color: darkorange;
}

ul#list_page_search li {
    display: flex;
    padding-left: 5px;
}
img.avatar-search {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    margin-top: 8px;
}
    

#list_page_search .active{
    background:rgb(51, 122, 183);
}