@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(15px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}



@-moz-keyframes fadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translateY(15px)

    }



    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}



@-o-keyframes fadeInUp {

    0% {

        opacity: 0;

        -o-transform: translateY(15px)

    }



    100% {

        opacity: 1;

        -o-transform: translateY(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translateY(15px)

    }



    100% {

        opacity: 1;

        transform: translateY(0)

    }

}



@-webkit-keyframes bounceDelay {

    0%,80%,100% {

        -webkit-transform: scale(0)

    }



    40% {

        -webkit-transform: scale(1)

    }

}



@keyframes bounceDelay {

    0%,80%,100% {

        transform: scale(0);

        -webkit-transform: scale(0)

    }



    40% {

        transform: scale(1);

        -webkit-transform: scale(1)

    }

}



.glow {

    font-size: 20px;

    color: #fff;

    text-align: center;

    -webkit-animation: glow 1s ease-in-out infinite alternate;

    -moz-animation: glow 1s ease-in-out infinite alternate;

    animation: glow 1s ease-in-out infinite alternate;

}

  

@keyframes glow {

    from {

        text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 9px #e60073, 0 0 12px #e60073, 0 0 15px #e60073, 0 0 18px #e60073;

    }

    to {

        text-shadow: 0 0 3px #fff, 0 0 6px #ff4da6, 0 0 9px #ff4da6, 0 0 12px #ff4da6, 0 0 15px #ff4da6, 0 0 18px #ff4da6, 0 0 20px #ff4da6;

    }

}



html.no-scroll,html.no-scroll body {

    overflow: hidden!important

}



.minimize_ticket_support:hover {

    color: #000!important;

    text-decoration: none;

    cursor: pointer;

    opacity: .5

}



.modal.fade.ik-poshte {

    transition: .2s all;

    transform: translate(43%,38%) scale(.1);

    overflow: hidden!important

}



.ticket.modal.in.ik-poshte {

    transform: none;

    overflow-y: auto!important;

    overflow-y: overlay!important

}



.page-spinner-bar {

    position: fixed;

    z-index: 10051;

    width: 100px;

    top: 40%;

    left: 50%;

    margin-left: -55px;

    text-align: center

}



.page-spinner-bar>div {

    margin: 0 5px;

    width: 18px;

    height: 18px;

    background: #eee;

    border-radius: 100%!important;

    display: inline-block;

    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;

    animation: bounceDelay 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    background: #e35b5a

}



.page-spinner-bar .bounce1 {

    -webkit-animation-delay: -.32s;

    animation-delay: -.32s

}



.page-spinner-bar .bounce2 {

    -webkit-animation-delay: -.16s;

    animation-delay: -.16s

}



div#ora {

    height: 100%;

    line-height: 47px;

    color: #929292

}



.fade-in-up {

    -webkit-animation: fadeInUp .5s;

    animation: fadeInUp .5s

}



.clockMain {

    padding: 0!important

}



li.unread>a {

    background: 0 0!important

}



.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li a {

    border-bottom: none!important

}



li.notdhem {

    transition: background 1.5s;

    -webkit-transition: background 1.5s;

    -moz-transition: background 1.5s;

    -o-transition: background 1.5s;

    -ms-transition: background 1.5s;

    border-bottom: 1px solid #e7e7e7

}



li.notdhem>a {

    padding-bottom: 19px!important

}



li.unread {

    background: #e4e4e4;

    border-bottom: 1px solid #fff!important

}



.img-circle {

    border-radius: 50%!important

}



.social-icons li.zgjedhur>a {

    background-position: 0 -38px

}



.social-icons li .language_al {

    background: url("/backoffice/assets/source/img/albanian_flag.png") no-repeat

}



.social-icons li .language_en {

    background: url("/backoffice/assets/source/img/english_flag.png") no-repeat

}



.social-icons li .language_it {

    background: url("/backoffice/assets/source/img/italian_flag.png") no-repeat

}



.social-icons li .language_bg {

    background: url("/backoffice/assets/source/img/bulgarian_flag.png") no-repeat

}



.social-icons li .language_fr {

    background: url("/backoffice/assets/source/img/french_flag.png") no-repeat

}



.social-icons li .language_el {

    background: url("/backoffice/assets/source/img/greek_flag.png") no-repeat

}



.social-icons li .language_de {

    background: url("/backoffice/assets/source/img/german_flag.png") no-repeat

}



.social-icons li .language_tr {

    background: url("/backoffice/assets/source/img/turkish_flag.png") no-repeat

}



.social-icons li .language_br {

    background: url("/backoffice/assets/source/img/brazilian_flag.png") no-repeat

}



.social-icons li .language_pt {

    background: url("/backoffice/assets/source/img/portugal_flag.png") no-repeat

}



.social-icons li .language_es {

    background: url("/backoffice/assets/source/img/spanish_flag.png") no-repeat

}



.social-icons li .language_sb {

    background: url("/backoffice/assets/source/img/serbian_flag.png") no-repeat

}



thead {

    background: #eee

}



tfoot {

    background: #e9e9e9

}



.chat-form {

    overflow: visible!important

}



li.out.sending .message,li.out.error .message {

    opacity: .3

}



.chats li.out .loading {

    position: absolute;

    left: 50%;

    margin-left: -25px;

    margin-top: 5px;

    display: none

}



.chats li.out.sending .loading {

    display: block

}



.chats li.out .error {

    display: none;

    font-size: 40px;

    margin-top: 20px;

    left: 50%;

    margin-left: -25px;

    position: absolute;

    z-index: 1;

    opacity: .5

}



.chats li.out.error .error {

    display: block

}



.chats li .body {

    -ms-hyphens: auto;

    -moz-hyphens: auto;

    -webkit-hyphens: auto;

    hyphens: auto;

    min-height: 25px;

    overflow-x: auto;

    clear: both;

}



.chats .message{

    /* overflow: hidden; */

}



p.formExp {

    color: #278bf6

}



img.loading {

    position: relative;

    margin: auto;

    display: block;

    margin-top: 30px

}



span.tinfocoll {

    position: relative;

    right: 0;

    top: 0;

    padding-right: 24px;

    font-size: 12px;

    line-height: 16px;

    color: #9b9b9b

}



.portlet>.portlet-title>.tools>a.collapse,.portlet>.portlet-title>.tools>a.expand {

    position: relative

}



.portlet>.portlet-title>.tools>a.collapse>span.tinfocoll.exp,a.collapse>span.tinfocoll.exp,.portlet>.portlet-title>.tools>a.expand>span.tinfocoll.coll,a.collapse.collapsed>span.tinfocoll.coll {

    display: none

}



.portlet>.portlet-title>.tools>a.collapse>span.tinfocoll.coll,a.collapse>span.tinfocoll.coll,.portlet>.portlet-title>.tools>a.expand>span.tinfocoll.exp,a.collapse.collapsed>span.tinfocoll.exp {

    display: block

}



.pace {

    position: absolute;

    top: 46px;

    left: 0;

    width: 100%;

    /* height: 8px; */

    z-index: 10000;

}



@media(max-width: 991px) {

    .pace {

        position:fixed;

        top: 0;

        left: 0

    }

}



.pace .pace-progress {

    background: #d22;

    position: relative;

    top: 0!important;



    width:100%;

    opacity:1;

    transform: translateX(-110%);

    -webkit-transition: transform 200ms, opacity 500ms;

    -moz-transition: transform 200ms, opacity 500ms;

    -o-transition: transform 200ms, opacity 500ms;

    -ms-transition: transform 200ms, opacity 500ms;

    transition: transform 200ms, opacity 500ms;

}



.pace .pace-progress-inner {

    display: block;

    position: absolute;

    right: 1px;

    top: 0;

    width: 400px;

    height: 100%;

    box-shadow: 0 0 6px 2px #d22;

    opacity: 1;

    -webkit-transform: rotate(1deg) translate(0px,-4px);

    -ms-transform: rotate(1deg) translate(0px,-4px);

    transform: rotate(1deg) translate(0px,-4px)

}



.noAccessSpan {

    display: block;

    min-height: 400px

}



.vakata-context,.vakata-context ul {

    border: none

}



.niceViewContents {

    min-height: 600px

}



.text-center {

    text-align: center!important

}



.ccs>div {

    word-break: break-word;

    white-space: pre-line

}



ul.vakata-context.jstree-contextmenu.jstree-default-contextmenu {

    border: 1px solid #dedede

}



li.vakata-context-separator>a {

    border-bottom: 1px solid #dedede!important

}



.open.dropleft>.dropdown-menu {

    left: auto;

    right: 0

}



div.twofingerscroll {

    position: absolute;

    z-index: 3;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0,0,0,.4);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0s .2s,opacity .2s linear;

    -moz-transition: visibility 0s .2s,opacity .2s linear;

    -o-transition: visibility 0s .2s,opacity .2s linear;

    -ms-transition: visibility 0s .2s,opacity .2s linear;

    transition: visibility 0s .2s,opacity .2s linear

}



div.twofingerscroll.visible {

    visibility: visible;

    opacity: 1;

    -webkit-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    -ms-transition: opacity .2s linear;

    transition: opacity .2s linear

}



.hidden {

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0s .2s,opacity .2s linear;

    -moz-transition: visibility 0s .2s,opacity .2s linear;

    -o-transition: visibility 0s .2s,opacity .2s linear;

    -ms-transition: visibility 0s .2s,opacity .2s linear;

    transition: visibility 0s .2s,opacity .2s linear

}



.centertwof {

    color: #fff;

    position: absolute;

    top: 44%;

    width: 100%;

    text-align: center;

    margin-top: -15px

}



span.texticontfs {

    background: rgba(0,0,0,.85);

    padding: 29px;

    font-weight: 700;

    border-radius: 10px!important;

    background-image: url("/backoffice/assets/source/img/twofingers.png");

    background-repeat: no-repeat;

    background-position: 10px;

    padding-left: 63px;

    display: inline-block

}



input.form-control.clockface_2 {

    cursor: pointer

}



.visible-xxs {

    display: none!important

}



@media(max-width: 580px) {

    .visible-xxs {

        display:block!important

    }

}



@media(max-width: 435px) {

    .hidden-xxxs {

        display:none!important

    }

}



.chats>li.in .message:hover,.chats>li.out .message:hover {

    transition: .5s margin

}



.chats>li.in .message+.after,.chats>li.out .message+.after {

    content: "";

    position: absolute;

    float: right;

    right: 0;

    top: 5px;

    bottom: 5px;

    width: 68px;

    background: rgba(255,0,0,.28);

    border-left: none;

    background-repeat: no-repeat;

    background-position: center;

    transition: .5s all;

    cursor: pointer;

    overflow: hidden;

    transform-origin: right;

    transform: scaleX(0);

    text-align: center;

    z-index: 999

}



.chats>li .message+.after i {

    top: 50%;

    left: 50%;

    display: block;

    position: relative;

    margin-left: -11px;

    margin-top: -8px;

    font-size: 20px;

    text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 4px #fff

}



.chats>li .message+.after.revivemessage {

    background: rgba(0,255,66,.49)

}



.chats>li .message+.after.revivemessage .fa-trash,.chats>li .message+.after.deletemessage .fa-undo {

    display: none

}



.chats>li.out .message+.after {

    left: 0;

    z-index: 9999999;

    transform-origin: left

}



.chats>li.in .message.active+.after,.chats>li.out .message.active+.after {

    width: 68px;

    transform: none

}



a.collapse {

    display: inline-block;

    background-image: url("/backoffice/assets/source/assets/global/img/portlet-collapse-icon.png");

    background-repeat: no-repeat;

    background-position: right;

    min-width: 14px

}



a.collapse.collapsed {

    background-image: url("/backoffice/assets/source/assets/global/img/portlet-expand-icon.png")

}



#feedback-container {

    max-width: 520px!important;

    width: 100%!important;

    margin: 20px auto;

    font-family: whsanslight,open sans,sans-serif

}



.feedback-form {

    padding: 20px;

    background: #fff;

    border-radius: 6px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    position: relative

}



.feedback-form:focus {

    outline: none

}



.close-feedback {

    text-decoration: none;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    z-index: 9999;

    font-size: 25px;

    line-height: 50px;

    text-align: center;

    color: #fff

}



.close-feedback:focus {

    outline: none

}



.feedback-holder {

    position: relative;

    box-shadow: -7px 12px 34px 0 rgba(0,0,0,.2),0 1px 0 0 rgba(156,172,186,.2);

    border-radius: 6px!important

}



#feedback-logo {

    background-color: #01133b;

    position: relative;

    border-top-left-radius: 6px!important;

    border-top-right-radius: 6px!important;

    height: 80px;

    line-height: 80px;

    padding-left: 20px;

    font-size: 24px;

    color: #fff

}



#feedback-container .element_control {

    margin-bottom: 1.4375em

}



.feedback-section-title {

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 7px;

    margin-bottom: 0

}



#feedback-container legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal;

    border: none

}



#feedback-container .rankstars>i {

    font-size: 31px;

    margin-right: 3px

}



#feedback-container .rating {

    list-style: none;

    margin: 0;

    padding: 0

}



#feedback-container .rating input {

    margin-left: -9999em;

    pointer-events: none;

    position: absolute

}



#feedback-container .rating li {

    margin-right: 11px;

    display: inline-block;

    position: relative

}



#feedback-container .rating.rating label {

    background-image: url("/backoffice/assets/source/img/stars.png");

    background-size: 60px;

    background-position: -30px 0;

    opacity: 1

}



#feedback-container .rating.rating .inactive label {

    background-position: -30px 0

}



#feedback-container .rating.rating label:hover,#feedback-container .rating.rating .active label,#feedback-container .rating.rating .hover label {

    background-position: 0 0

}



#feedback-container .rating.rating label {

    background-position: 0 -130px

}



#feedback-container .rating.rating label {

    background-position: 0 0

}



#feedback-container .rating label {

    cursor: pointer;

    display: inline-block;

    height: 30px;

    width: 30px;

    color: transparent

}



#feedback-container select {

    -webkit-appearance: none;

    -moz-appearance: none;

    padding-right: .7em;

    background-position: right center;

    background-repeat: no-repeat;

    background-size: 1ex;

    background-origin: content-box;

    font-size: 13px;

    font-weight: 100

}



#feedback-container input:not([type=radio]):not([type=checkbox]):not([type=range]),#feedback-container select,#feedback-container textarea {

    border: 1px solid rgba(156,172,186,.3);

    border-radius: 4px;

    color: #222;

    background-color: rgba(255,255,255,.7);

    padding: .5em;

    width: 100%

}



#feedback-container input:not([type=radio]):not([type=checkbox]):not([type=range]):hover,#feedback-container select:hover,#feedback-container textarea:hover {

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15)!important

}



#feedback-container textarea {

    min-height: 100px;

    resize: none

}



#feedback-container .nps-score,#feedback-container .radio-rating {

    padding-bottom: 20px

}



#feedback-container .nps-score label,#feedback-container .radio-rating label {

    font-weight: 100;

    display: inline-block;

    position: relative;

    color: transparent;

    margin-right: 1.5px

}



#feedback-container .nps-score input,#feedback-container .radio-rating input {

    -webkit-appearance: none;

    appearance: none;

    vertical-align: middle;

    width: 0;

    height: 0

}



#feedback-container .nps-score .low,#feedback-container .radio-rating .low {

    left: 0

}



#feedback-container .nps-score li div,#feedback-container .nps-score .nps-display,#feedback-container .nps-score .low,#feedback-container .nps-score .high,#feedback-container .radio-rating li div,#feedback-container .radio-rating .nps-display,#feedback-container .radio-rating .low,#feedback-container .radio-rating .high {

    font-size: 10px;

    font-weight: 100;

    position: absolute;

    white-space: nowrap;

    color: #000;

    bottom: -30px;

    pointer-events: none

}



#feedback-container .nps-score label:hover input:after,#feedback-container .radio-rating label:hover input:after {

    transform: translateY(-10%);

    border: 1px solid #248cb3;

    color: #248cb3

}



#feedback-container .nps-score label input:checked:after,#feedback-container .radio-rating label input:checked:after {

    transform: translateY(0);

    color: rgba(255,255,255,.7)

}



#feedback-container .nps-score input:checked:after,#feedback-container .radio-rating input:checked:after {

    border-color: #248cb3;

    background-color: #248cb3;

    color: #fff

}



#feedback-container .nps-score input:after,#feedback-container .nps-score label,#feedback-container .radio-rating input:after,#feedback-container .radio-rating label {

    width: 5.3vw;

    margin-right: 1%;

    height: 5.3vw;

    max-width: 34px;

    max-height: 34px;

    line-height: 250%;

    min-width: 18px;

    min-height: 18px

}



@media(max-width: 400px) {

    #feedback-container .feedback-form {

        padding:0

    }

}



@media(min-width: 605px) {

    #feedback-container .nps-score label,#feedback-container .radio-rating label {

        margin-right:7px

    }



    #feedback-container .feedback-form {

        padding: 33px

    }



    #feedback-container .nps-score input:after,#feedback-container .radio-rating input:after {

        font-size: 13px

    }

}



#feedback-container .nps-score {

    font-size: 0;

    position: relative;

    width: 100%;

    height: 47px

}



#feedback-container .nps-score input:after,#feedback-container .radio-rating input:after {

    font-size: 13px;

    line-height: 31px;

    font-weight: 100;

    border-radius: 50%;

    background-color: rgba(255,255,255,.7);

    border: 1px solid rgba(156,172,186,.3);

    position: absolute;

    top: 0;

    left: 0;

    color: #222;

    text-align: center;

    cursor: pointer;

    transition: transform 100ms ease-in-out;

    width: 100%;

    height: 100%

}



@media(max-width: 605px) {

    #feedback-container .nps-score input:after,#feedback-container .radio-rating input:after {

        font-size:98%;

        line-height: 128%

    }

}



#feedback-container .nps-score label:nth-child(1) input:after {

    content: "0"

}



#feedback-container .nps-score label:nth-child(2) input:after {

    content: "1"

}



#feedback-container .nps-score label:nth-child(3) input:after {

    content: "2"

}



#feedback-container .nps-score label:nth-child(4) input:after {

    content: "3"

}



#feedback-container .nps-score label:nth-child(5) input:after {

    content: "4"

}



#feedback-container .nps-score label:nth-child(6) input:after {

    content: "5"

}



#feedback-container .nps-score label:nth-child(7) input:after {

    content: "6"

}



#feedback-container .nps-score label:nth-child(8) input:after {

    content: "7"

}



#feedback-container .nps-score label:nth-child(9) input:after {

    content: "8"

}



#feedback-container .nps-score label:nth-child(10) input:after {

    content: "9"

}



#feedback-container .nps-score label:nth-child(11) input:after {

    content: "10"

}



#feedback-container button:hover,.feedback-btn:hover {

    background-color: #399018;

    color: #fff;

    box-shadow: 0 1px 0 0 #286511;

    transform: translateY(-3px)

}



.feedback-btn {

    display: inline-block;

    background-color: #42a61c;

    border: 0;

    border-radius: 2px;

    box-shadow: 0 1px 0 0 #317a15;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    padding: 9px 16px;

    text-decoration: none;

    transition: all 100ms ease-in-out;

    cursor: pointer;

    text-align: right

}



.powered-by {

    font-size: 11px;

    font-weight: 100;

    color: #000;

    display: block;

    text-decoration: none;

    text-align: initial;

    position: absolute;

    bottom: 20px

}



@media(min-width: 605px) {

    .powered-by {

        bottom:33px

    }

}



#feedback-container ::before,#feedback-container ::after {

    text-decoration: inherit;

    vertical-align: inherit

}



#feedback-container *,#feedback-container ::before,#feedback-container ::after {

    background-repeat: no-repeat;

    box-sizing: border-box

}



.feedback-error {

    font-size: 12px;

    color: #f4606e;

    margin: 0

}



#feedback-container {

    line-height: 22px

}



.ticket .close,.ticket i.minimize_ticket_support {

    color: #fff

}



.fdb-select {

    line-height: normal!important;

    -webkit-appearance: none;

    -moz-appearance: none;

    padding-right: .7em;

    background-position: right center;

    background-repeat: no-repeat;

    background-size: 1ex;

    background-origin: content-box;

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)

}



#feedback-container .high {

    right: 0

}



.page-footer-fixed.chat-footer .page-footer {

    z-index: 99999!important

}



@media(min-width: 1600px) {

    .visible-lg {

        display:none!important

    }



    .hidden-lg {

        display: block!important

    }



    table.hidden-lg {

        display: table

    }



    tr.hidden-lg {

        display: table-row!important

    }



    th.hidden-lg,td.hidden-lg {

        display: table-cell!important

    }

}



@media(min-width: 1600px) {

    .container {

        width:1530px

    }

}



@media(min-width: 1920px) {

    .container {

        width:1830px

    }

}



.col-xl-1,.col-xxl-1,.col-xl-2,.col-xxl-2,.col-md-2,.col-xl-3,.col-xxl-3,.col-md-3,.col-xl-4,.col-xxl-4,.col-md-4,.col-xl-5,.col-xxl-5,.col-md-5,.col-xl-6,.col-xxl-6,.col-md-6,.col-xl-7,.col-xxl-7,.col-md-7,.col-xl-8,.col-xxl-8,.col-md-8,.col-xl-9,.col-xxl-9,.col-md-9,.col-xl-10,.col-xxl-100,.col-xl-11,.col-xxl-111,.col-xl-12,.col-xxl-122 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



@media(min-width: 1600px) {

    .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {

        float:left

    }



    .col-xl-12 {

        width: 100%

    }



    .col-xl-11 {

        width: 91.66666667%

    }



    .col-xl-10 {

        width: 83.33333333%

    }



    .col-xl-9 {

        width: 75%

    }



    .col-xl-8 {

        width: 66.66666667%

    }



    .col-xl-7 {

        width: 58.33333333%

    }



    .col-xl-6 {

        width: 50%

    }



    .col-xl-5 {

        width: 41.66666667%

    }



    .col-xl-4 {

        width: 33.33333333%

    }



    .col-xl-3 {

        width: 25%

    }



    .col-xl-2 {

        width: 16.66666667%

    }



    .col-xl-1 {

        width: 8.33333333%

    }



    .col-xl-pull-12 {

        right: 100%

    }



    .col-xl-pull-11 {

        right: 91.66666667%

    }



    .col-xl-pull-10 {

        right: 83.33333333%

    }



    .col-xl-pull-9 {

        right: 75%

    }



    .col-xl-pull-8 {

        right: 66.66666667%

    }



    .col-xl-pull-7 {

        right: 58.33333333%

    }



    .col-xl-pull-6 {

        right: 50%

    }



    .col-xl-pull-5 {

        right: 41.66666667%

    }



    .col-xl-pull-4 {

        right: 33.33333333%

    }



    .col-xl-pull-3 {

        right: 25%

    }



    .col-xl-pull-2 {

        right: 16.66666667%

    }



    .col-xl-pull-1 {

        right: 8.33333333%

    }



    .col-xl-pull-0 {

        right: 0

    }



    .col-xl-push-12 {

        left: 100%

    }



    .col-xl-push-11 {

        left: 91.66666667%

    }



    .col-xl-push-10 {

        left: 83.33333333%

    }



    .col-xl-push-9 {

        left: 75%

    }



    .col-xl-push-8 {

        left: 66.66666667%

    }



    .col-xl-push-7 {

        left: 58.33333333%

    }



    .col-xl-push-6 {

        left: 50%

    }



    .col-xl-push-5 {

        left: 41.66666667%

    }



    .col-xl-push-4 {

        left: 33.33333333%

    }



    .col-xl-push-3 {

        left: 25%

    }



    .col-xl-push-2 {

        left: 16.66666667%

    }



    .col-xl-push-1 {

        left: 8.33333333%

    }



    .col-xl-push-0 {

        left: 0

    }



    .col-xl-offset-12 {

        margin-left: 100%

    }



    .col-xl-offset-11 {

        margin-left: 91.66666667%

    }



    .col-xl-offset-10 {

        margin-left: 83.33333333%

    }



    .col-xl-offset-9 {

        margin-left: 75%

    }



    .col-xl-offset-8 {

        margin-left: 66.66666667%

    }



    .col-xl-offset-7 {

        margin-left: 58.33333333%

    }



    .col-xl-offset-6 {

        margin-left: 50%

    }



    .col-xl-offset-5 {

        margin-left: 41.66666667%

    }



    .col-xl-offset-4 {

        margin-left: 33.33333333%

    }



    .col-xl-offset-3 {

        margin-left: 25%

    }



    .col-xl-offset-2 {

        margin-left: 16.66666667%

    }



    .col-xl-offset-1 {

        margin-left: 8.33333333%

    }



    .col-xl-offset-0 {

        margin-left: 0

    }

}



@media(min-width: 1920px) {

    .col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12 {

        float:left

    }



    .col-xxl-12 {

        width: 100%

    }



    .col-xxl-11 {

        width: 91.66666667%

    }



    .col-xxl-10 {

        width: 83.33333333%

    }



    .col-xxl-9 {

        width: 75%

    }



    .col-xxl-8 {

        width: 66.66666667%

    }



    .col-xxl-7 {

        width: 58.33333333%

    }



    .col-xxl-6 {

        width: 50%

    }



    .col-xxl-5 {

        width: 41.66666667%

    }



    .col-xxl-4 {

        width: 33.33333333%

    }



    .col-xxl-3 {

        width: 25%

    }



    .col-xxl-2 {

        width: 16.66666667%

    }



    .col-xxl-1 {

        width: 8.33333333%

    }



    .col-xxl-pull-12 {

        right: 100%

    }



    .col-xxl-pull-11 {

        right: 91.66666667%

    }



    .col-xxl-pull-10 {

        right: 83.33333333%

    }



    .col-xxl-pull-9 {

        right: 75%

    }



    .col-xxl-pull-8 {

        right: 66.66666667%

    }



    .col-xxl-pull-7 {

        right: 58.33333333%

    }



    .col-xxl-pull-6 {

        right: 50%

    }



    .col-xxl-pull-5 {

        right: 41.66666667%

    }



    .col-xxl-pull-4 {

        right: 33.33333333%

    }



    .col-xxl-pull-3 {

        right: 25%

    }



    .col-xxl-pull-2 {

        right: 16.66666667%

    }



    .col-xxl-pull-1 {

        right: 8.33333333%

    }



    .col-xxl-pull-0 {

        right: 0

    }



    .col-xxl-push-12 {

        left: 100%

    }



    .col-xxl-push-11 {

        left: 91.66666667%

    }



    .col-xxl-push-10 {

        left: 83.33333333%

    }



    .col-xxl-push-9 {

        left: 75%

    }

}



.visible-xl,.visible-xxl {

    display: none!important

}



@media(min-width: 1600px) and (max-width:1919px) {

    .visible-xl {

        display:block!important

    }



    table.visible-xl {

        display: table

    }



    tr.visible-xl {

        display: table-row!important

    }



    th.visible-xl,td.visible-xl {

        display: table-cell!important

    }

}



@media(min-width: 1920px) and (max-width:2559px) {

    .visible-xxl {

        display:block!important

    }



    table.visible-xxl {

        display: table

    }



    tr.visible-xxl {

        display: table-row!important

    }



    th.visible-xxl,td.visible-xxl {

        display: table-cell!important

    }

}



@media(min-width: 1600px) and (max-width:1919px) {

    .hidden-xl {

        display:none!important

    }

}



@media(min-width: 1920px) and (max-width:2559px) {

    .hidden-xxl {

        display:none!important

    }

}



.message .date {

    background: linear-gradient(90deg,#FAFAFA,#EFEFEF);

    text-align: right;

    padding: 0 6px;

    color: #b3b3b3;

    font-style: italic;

    font-size: 11px

}



.out .message .date {

    text-align: left;

    background: linear-gradient(90deg,#EFEFEF,#FAFAFA);

    padding: 0

}



.message .date {

    background: linear-gradient(90deg,#FAFAFA,#EFEFEF);

    text-align: right;

    color: #b3b3b3;

    font-style: italic;

    font-size: 11px;

    padding: 0;

    padding: 0 2px

}



.out .message .date {

    text-align: left;

    background: linear-gradient(90deg,#EFEFEF,#FAFAFA);

    padding: 0 2px;

    clear: both

}



.message .message-count {

    float: left

}



.out .message .message-count {

    float: right

}



.deleted span.body {

    text-decoration: line-through

}



.deleted .message,.deleted>img {

    opacity: .4

}



.tooltip-inner {

    text-indent: 0

}



.desktop-only {

    background: url("/backoffice/assets/source/img/desktop-frame.png") 0 0;

    background-origin: border-box;

    background-size: 100%;

    padding: 0;

    width: 488px;

    height: 292px;

    box-sizing: content-box;

    transform-origin: 0 0;

    overflow-y: auto;

    overflow-x: hidden;

    border-left: 32px solid transparent;

    border-top: 32px solid transparent;

    border-right: 32px solid transparent;

    border-bottom: 128px solid transparent;

    transform: scale(.8);

    margin-top: 8px;

}



.mobile-only {

    background: url("/backoffice/assets/source/img/mobile-frame.png");

    background-size: 100%;

    padding: 0;

    width: 278px;

    height: 540px;

    box-sizing: content-box;

    border-left: 26px solid transparent;

    border-top: 55px solid transparent;

    border-right: 26px solid transparent;

    border-bottom: 52px solid transparent;

    margin-top: 40px;

    background-origin: border-box;

    overflow-x: hidden;

    overflow-y: auto

}



.mobile-only .desktop-show,.desktop-only .mobile-show,.mobile-only .mobile-show:before,.desktop-only .desktop-show:before {

    display: none

}



.mobile-only .mobile-show,.desktop-only .desktop-show {

    background: 0 0

}



.attach_msg_cont {

    overflow: hidden;

    padding: 10px 1px

}



.attach_msg_wrap {

    display: inline-block;

    position: relative;

    background: #f3f3f3;

    width: 100%

}



.inmsg_file {

    margin: 0 auto;

    display: block;

    background: #fff;

    max-width: 100%

}



video.inmsg_file {

    width: 100%!important;

    height: auto

}



.inmsg_file_wrap {

    max-width: 100%;

    max-height: 400px;

    overflow: hidden;

    text-align: left;

    width: 100%

}



.inmsg_file_wrap.video_wrap.loaded-video {

    max-height: none

}



.expand_attach_img_btn,.expand_attach_video_btn {

    width: 40px;

    height: 31px;

    position: absolute;

    right: 10px;

    top: 30px;

    padding: 5px;

    box-sizing: border-box;

    background: #fafafa;

    opacity: 0;

    z-index: 2

}



.attach_msg_wrap:hover .expand_attach_img_btn,.attach_msg_wrap:hover .expand_attach_video_btn {

    opacity: 1

}



.inmsg_full_img_cont {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.7);

    z-index: 10051

}



.inmsg_full_img_cont .inmsg_file {

    max-width: 100%;

    max-height: 100%

}



.insg_full_img_frame {

    width: 99%;

    height: 100%;

    max-width: 800px;

    max-height: 650px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    padding: 40px 10px 10px;

    box-sizing: border-box;

    background: #fff

}



.full_img_wrap {

    width: 100%;

    height: 100%;

    position: relative;

    border: 1px solid #dedede;

    display: flex;

    align-items: center

}



.inmsg_attach_caption {

    padding: 5px;

    font-weight: 700;

    color: #4db3a2

}



table.attach_msg_table {

    margin-bottom: 0!important

}



.attach_msg_table .inmsg_attach_caption {

    border: 1px solid #e0e0e0;

    border-bottom: none

}



.expand_attach_btn {

    width: 40px;

    height: 31px;

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 5px;

    box-sizing: border-box;

    background: #fdfdfd;

    opacity: 0;

    z-index: 2

}



.attach_msg_wrap:hover .expand_attach_btn {

    opacity: 1

}



.full_img_view_close_btn {

    position: absolute;

    top: 0;

    right: 0;

    width: 36px;

    height: 36px;

    cursor: pointer;

    background-image: url("/backoffice/assets/source/assets/global/plugins/fancybox/source/fancybox_sprite.png")

}



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

    .chats .avatar.img-responsive {

        display:none

    }



    .chats>li.in .message {

        margin-left: 0;

        margin-right: 29px

    }



    .chats>li.out .message {

        margin-right: 0;

        margin-left: 29px

    }

}



.ticket.modal .modal-header {

    position: fixed;

    top: 32px;

    z-index: 10000;

    opacity: 0

}



.ticket.modal .modal-body {

    padding: 15px;

    padding-top: 36px

}



.ticket.modal {

    border-top: 46px solid transparent

}



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

    .bootbox.modal.ticket .modal-dialog {

        margin:0

    }



    .ticket.modal .modal-header .modal-title {

        font-size: 14px

    }



    .ticket.modal .modal-header {

        top: 0;

        z-index: 10000;

        left: 0!important;

        position: fixed;

        width: 100%!important

    }



    .ticket.modal .modal-body {

        padding: 12px;

        padding-top: 68px

    }



    .ticket.modal {

        border-top: none

    }



    .modal.fade.ik-poshte {

        transition: .2s all;

        transform: translate(25%,48%) scale(.1);

        overflow: hidden!important

    }

}



.ticket.modal.in .modal-dialog,.ticket.modal.ik-poshte .modal-dialog {

    -webkit-transform: none;

    transform: none

}



.mobile-desk-sel {

    float: right

}



.has-mobile-desktop .mobile-desk-sel {

    display: block

}





.chats>li.in .avatar {

    position: absolute;

    top: 5px;

    left: 0px;

}

.chats>li.out .avatar{

    position: absolute;

    top: 5px;

    right: 0;

}



.crypto-mode .hideWhenCrypto {

    display: none;

}



.hideWhenNotCrypto,

.hideWhenNotCryptoTableRow,

.hideWhenClassicTCELL {

    display: none;

}

.crypto-mode .hideWhenNotCrypto {

    display: inline;

}

.crypto-mode .hideWhenNotCryptoTableRow {

    display: table-row;

}

.crypto-mode .hideWhenClassicTCELL {

    display: table-cell;

}



@-webkit-keyframes spin-anim {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes spin-anim {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

.spin-anim {

    -webkit-animation: spin-anim 1s infinite linear;

    animation: spin-anim 1s infinite linear

}