@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face {
    font-family: 'Graphik Regular';
    src: url('./../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),  
        /*        url('./../fonts/Graphik-Regular.otf')  format('opentype'),
                url('./../fonts/Graphik-Regular.woff') format('woff'), */
        url('./../fonts/Graphik-Regular.ttf')  format('truetype'), 
        url('./../fonts/Graphik-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Medium';
    src: url('./../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),  
        /*        url('./../fonts/Graphik-Medium.otf')  format('opentype'),
                url('./../fonts/Graphik-Medium.woff') format('woff'),*/
        url('./../fonts/Graphik-Medium.ttf')  format('truetype'),
        url('./../fonts/Graphik-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Bold';
    src: url('./../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'), 
        /*            url('./../fonts/Graphik-Bold.otf')  format('opentype'),
                    url('./../fonts/Graphik-Bold.woff') format('woff'),*/
        url('./../fonts/Graphik-Bold.ttf')  format('truetype'),
        url('./../fonts/Graphik-Bold.svg') format('svg');
    src: url('./../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Graphik-Semibold.otf')  format('opentype'),
        url('./../fonts/Graphik-Semibold.woff') format('woff'),
        url('./../fonts/Graphik-Semibold.ttf')  format('truetype'),
        url('./../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik Semibold';
    src: url('./../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        /*        url('./../fonts/Graphik-Semibold.otf')  format('opentype'),
                url('./../fonts/Graphik-Semibold.woff') format('woff'),*/
        url('./../fonts/Graphik-Semibold.ttf')  format('truetype'),
        url('./../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

html,body{min-height:100vh;max-height:100vh; font-family:'Graphik Regular';font-size: 14.25px;line-height: 1.75;word-break: break-word;color:#111111;overflow-x: auto;overflow-y: hidden;}
body #app:not(.registration-page) {min-width: 1280px;overflow-x: auto;overflow-y:hidden;}
body #app.kb-page-wrapper {min-width: 0;}
.btn:not(.card-link) {font-family: 'Graphik Regular';padding: 0px 25px;border-radius: 0;font-size: 14px;border-radius: 5px;border: 1px solid #cbd6e2;color: #111111;background: transparent;min-height: 40px;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
.btn:not(.dropdown-toggle){border: none ;}
.btn-live{background-color: #aaa !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Graphik Regular';}
button, input, optgroup, select, textarea{font-family: 'Graphik Regular';;}
ul {list-style: disc;}
.form-control ~ span:empty{display:none}
*:focus{outline: none;}
a, a:focus, a:hover {color: #1360b3;}
a:hover,a:focus,
button:hover,button:focus,.btn:hover,.btn:focus,
.btn:not(:disabled):not(.disabled):active:focus, 
.btn:not(:disabled):not(.disabled).active:focus, 
.show > .btn-danger.dropdown-toggle:focus,.btn:not(.card-link){text-decoration: none;outline: none;box-shadow: none;}
button:hover,.btn:hover,a[class*='btn']:hover{opacity: 0.75;cursor: pointer;}
.window-design-wrapper .te-form-wrap-btn button:nth-child(2){opacity: 0.5;}
.window-design-wrapper .te-form-wrap-btn button.publish-btn-active{opacity: 1;}
/*.app-title{font-family: 'Montserrat', sans-serif;text-transform: capitalize;letter-spacing: 2px;font-size: 110%;line-height: 1.5;}*/
button:focus,.btn:focus,a[class*='btn']:focus{opacity: 1}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus{background-color: #e3ebf1 !important;}
img{max-width: 100%;}
a.text-primary:focus, a.text-primary:hover {color: #286efa !important;text-decoration: underline;}
.table td, .table th{vertical-align: middle;padding:0.5rem;}
.text-blue{color: #4e89c4 !important}
.text-ellipsis{white-space: nowrap;overflow-x: hidden;text-overflow:ellipsis;max-width: 100%;}
.text-tranform-none{text-transform: none !important;}
.text-dim,.opac-50{opacity: 0.5 !important;}
.opac-75{opacity: 0.75 !important;}
.opac-1{opacity: 1 !important;}
.bg-transparent{background-color: transparent !important;}
.bg-success-dark{background-color: #207e35 !important}
.bg-orange{background-color: #ff6600 !important}
.bg-xlblue{background-color:  #edf3f7 !important;}
.bg-lblue{background-color:  #4181bc !important}
.bg-blue,.bg-app-6{background-color: #446DC4 !important}
.bg-dblue{background-color: #002864 !important}
.bg-white{background-color: #fff !important;}
.bg-light {background-color: #F5F8FA !important;}
.bg-black {background-color: #111 !important;}
.bg-xdgray {background-color: #333 !important;}
.bg-dgray {background-color: #999 !important;}
.bg-gray {background-color: #aaa !important;}
.bg-lgray {background-color: #ddd !important;}
.bg-xlgray {background-color: #f1f1f1 !important;}
.bg-yellow,.bg-app-2 {background-color: #ffbc00 !important;}
.bg-icon-messenger{background-color: #0279f7 !important;}
.bg-icon-sms,.bg-app-3{background-color: #00B950 !important;}
.bg-icon-sms-1,.bg-app-1{background-color: #fe0574 !important;}
.bg-icon-sms-2{background-color: #f47e32 !important;}
.bg-icon-sms-3,.bg-app-5{background-color: #F56A49 !important;}
.bg-icon-sms-4{background-color: #3376ee !important;}
.bg-icon-sms-5{background-color: #c80000 !important;}
.bg-icon-chat{background-color: #dd5b05 !important;}
.bg-icon-email{background-color: #0696bb !important;}
.bg-icon-task{background-color: #a828a2 !important;}
.bg-icon-email-gs{background-color: #00b050 !important;}
.bg-icon-form{background-color: #ffac33 !important;}
.bg-icon-calendar{background-color: #586994 !important;}
.bg-purple,.bg-app-4{background-color: #7030a0 !important;}
.bg-app-7{background-color: #32A3AB !important;}
.bg-app-8{background-color: #BE28A2 !important;}
.bg-app-9{background-color: #00A1DA !important;}
.bg-app-10{background-color: #FF4A64 !important;}
.bg-app-11{background-color: #FFC261 !important;}
.bg-app-12{background-color: #7B7BF9 !important;}
.align-self-center{align-self: center;}
*[class*="border"]:not(.btn-orange-border).border-black {border-color: #111111 !important;}
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef !important;opacity: 1;}
.border-black{border-color: #111111 !important;}
.border-dgray{border-color: #555 !important;}
.border-orange{border-color: #ff6600 !important;}
.btn-orange{background: linear-gradient(to left,   #e66512 65%,#f78d47  ) !important;color: #fff !important; }
.btn-orange-border{color: #f78d47 !important;border: 1px solid #f78d47 !important;background: #fff !important}
.btn-black-border{color: #111111 !important;border: 1px solid #111111 !important;background: #fff !important;}
.btn-success{background: linear-gradient(to right, #74c774  , #419641) !important;color: #fff !important;}
.ele-centered{position: absolute;top: 50%;transform: translate(-50%,-50%) !important;left: 50%;}
.btn-primary {color: #fff !important;background: linear-gradient(to right, #4989ef , #2259b1) !important;border-color: #4e89c4 !important;}
.flxdir-col{flex-direction: column;}
.btn-grey{background: linear-gradient(to right, #aaa , #777) !important;color: #555;}
.btn-danger{background: linear-gradient(to right, #f39f9d , #d9534f) !important;}
.btn-lgrey{background: linear-gradient(to right, #e9e9e9  , #ccc) !important;}
.btn-lgrey:focus,.btn-lgrey:hover{background-color: #777;}
.w-break-all{word-break: break-all !important;}
.text-normal{white-space:normal !important;}
.text-black{color:#111111 !important;}
.text-white{color:#fff !important;}
.text-xxdgray{color:#222 !important;}
.text-xdgray{color:#333 !important;}
.text-dgray{color:#555 !important;}
.text-gray{color:#999 !important;}
.text-lgray{color:#aaa !important;}
.text-xlgray{color:#eee !important;}
.text-orange{color:#ff6600 !important;}
.text-gray:hover,.text-gray:focus{color:#999 !important;}
.text-yellow{color:#efe74c !important;}
.text-yellow:hover,.text-yellow:focus{color:#efe74c !important;}
.text-blue{color:#4181bc !important;}
.text-blue:hover,.text-blue:focus{color:#4181bc !important;}
.font-normal{font-style: normal !important;}
.text-danger:empty {display: none;}
.btn-primary:hover,.btn-primary:focus{color: #fff;background-color: #4e89c4;border-color: #4e89c4;-webkit-box-shadow: none !important;box-shadow:none !important;}
.fw-300{font-family: 'Graphik Regular' !important;}
.fw-400{font-family: 'Graphik Regular' !important;}
.fw-600,.fw-sbd{font-family: 'Graphik Medium' !important;}
.fw-700{font-family: 'Graphik Medium' !important;}
.fw-s-bold{font-family: 'Graphik Semibold' !important;}
.border-gray{border: 1px solid #cbd6e2 !important;}
.border-blue{border: 1px solid #cbd6e2 !important;}
.border-gray.rounded{border: none !important;}
.btn.border-gray {border: 1px solid #cbd6e2 !important;}
.overflow-x-visible {overflow-x: visible;}
.px-65{padding: 0 45px;}
.h-auto{height:auto !important;}
.min-h-0{min-height:0 !important;}
.min-w-0{min-width:0 !important;}
.w-auto{width:auto !important;}
.mh-100{height:100% !important;}
.mw-1600{max-width: 1600px !important;}
.mw-1400{max-width: 1400px !important;}
.mw-1280{max-width: 1280px !important;}
.mw-1200{max-width: 1200px !important;}
.mw-1100{max-width: 1100px !important;}
.mw-1000{max-width: 1000px !important;}
.mw-875{max-width: 875px !important;}
.mw-800{max-width: 800px !important;}
.mw-750{max-width: 750px !important;}
.mw-640{max-width: 640px !important;}
.mw-600{max-width: 600px !important;}
.mw-560{max-width: 560px !important;}
.mw-500{max-width: 500px !important;}
.mw-450{max-width: 450px !important;}
.mw-420{max-width: 420px !important;}
.mw-360{max-width: 360px !important;}
.mw-250{max-width: 250px !important;}
.mw-200{max-width: 200px !important;}								 
.mw-150{max-width: 150px !important;}
.fs-10{font-size:10px !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}
.fs-15{font-size:15px !important;}
.fs-16{font-size:16px !important;}
.fs-18{font-size:18px !important;}
.fs-20{font-size:20px !important;}
.fs-22{font-size:22px !important;}
.fs-24{font-size:24px !important;}
.fs-26{font-size:26px !important;}
.fs-28{font-size:28px !important;}
.fs-30{font-size:30px !important;}
.fs-32{font-size:32px !important;}
.fs-34{font-size:34px !important;}
.fs-36{font-size:36px !important;}
.fs-38{font-size:38px !important;}
.fs-40{font-size:40px !important;}
.fs-42{font-size:42px !important;}
.fs-48{font-size:48px !important;}
.fs-60{font-size:60px !important;}
.fs-64{font-size:64px !important;}
.br-0{border-radius:0px !important;}
.br-1{border-radius:1px !important;}
.br-2{border-radius:2px !important;}
.br-3{border-radius:3px !important;}
.br-4{border-radius:4px !important;}
.br-5{border-radius:5px !important;}
.br-6{border-radius:6px !important;}
.br-8{border-radius:8px !important;}
.br-10 {border-radius: 10px !important;}
.br-25{border-radius:25px !important;}
.br-50{border-radius:50% !important;}
.brl-0,.brl-0 .btn{border-top-left-radius:0% !important;border-bottom-left-radius:0% !important;}
.brr-0,.brr-0 .mx-input{border-top-right-radius:0% !important;border-bottom-right-radius:0% !important;}
.dd-right-0{right:0 !important;}
.dd-left-0{left:0 !important;}
.rtt-45{transform: rotate(45deg)}
.rtt-90{transform: rotate(90deg)}
.link-disabled{cursor:not-allowed;pointer-events: none;}
.overflow-visible{overflow: visible !important;}
.overflow-hidden{overflow: hidden !important;}
.lh-1{line-height: 1 !important;}
.lh-1-25{line-height: 1.25 !important;}
.lh-1-4{line-height: 1.4 !important;}
.lh-1-5{line-height: 1.5 !important;}
.lh-1-75{line-height: 1.75 !important;}
.lh-2{line-height: 2 !important;}
.lh-2-25{line-height: 2.25 !important;}
.pos-rel{position: relative !important;}
.pos-stt{position: static !important;}
.va-middle{vertical-align: middle !important;}
.va-top{vertical-align: top !important;}
.va-bottom{vertical-align: bottom !important;}
.min-w-0{min-width: 0 !important;}
.max-w-none{max-width: none !important;}
.translate-0-0{transform: translate(0,0) !important;}
.width-1rem {width: calc(100% - 1rem);}
.btn.disabled,.card-link.disabled, .btn:disabled {opacity: 0.25;pointer-events: none;}
.pxt-1{margin-top: 1px;}
.no-box-shadow{box-shadow : none !important;}
.transform-0{transform: translate(0,0) !important;}
.modal-backdrop {min-width: 100%;}
.btn-site-blue{background-color: #4354ff !important;color:#fff;}
.btn-site-blue:hover,.btn-site-blue:focus{background-color: #4354ffee !important;color: #fff;opacity: 1 !important;}
.btn-site-blue-bordered{border-collapse:#4354ff !important;color:#4354ff !important; }
span.info-icon {text-transform: lowercase;font-family: 'Graphik Medium';width: 36px;height: 36px;justify-content: center;display: flex;align-items: center;border-radius: 50%;border: 2px solid #e66512;color: #e66512;}
.select-border-0 .dropdown-toggle{border:none !important;min-width: 0 !important;width: auto;padding: 7px 30px 7px 10px !important;}
.select-border-0 .bootstrap-select.btn-group .dropdown-menu {min-width: 0;width: auto;right: 0;left: auto !important;transform: translateX(0px) !important;top: 100% !important;padding: 5px 0;}
.dropdown-divider {margin: 0.5rem 2rem;}
.box-shadow-none{box-shadow: none !important;}
.box-shadow--default{box-shadow: 4px 4px 15px #aaa;}
.dropdown-menu {width: 100%;margin-top: -1px;border-radius: 0;/*border: 1px solid #cbd6e2 !important;*/}
.dropdown-menu > .dropdown-menu {padding: 0 !important;border: 0 !important;}
.container-fluid{padding: 0 15px;}
.code-install .special-offer-tag{background: #e86b1a;padding: 6px 30px;top: 22px;font-size: 13px;left: -38px;}
.app-setup .special-offer-tag{background: #05803c;padding: 6px 25px;top: 24px;}
table{font-size: 1rem;}
.table{width: 100%  !important;padding: 1px;margin-bottom: 0;}
.table-width-full {width: 100% !important;}
/*.navbar-brand {line-height: 42px;}*/
.content-toggle-dd{display: none;}
.btn-sm {padding: 0.25rem 0.5rem;font-size: 0.875rem;}
.custom-file {width: 100%;}
.b-dropdown.show .dropdown-menu{display:block !important;}
p {color: inherit;    margin-bottom: 0.5rem;}
p:last-child{margin-bottom: 0;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {-webkit-box-shadow: none;box-shadow: none;color: inherit;background-color: transparent;border-color: transparent;}
.table-sm th, .table-sm td {padding: 0.65rem;}
.modal .col-form-label,.modal .form-control:not(.min-w-0){font-size: 15px !important;color:#333;    min-width: 100% !important;text-align: left !important;}
.col-form-label{text-align: right;white-space: nowrap;font-family: 'Graphik Medium';text-transform: capitalize;}
.col-form-label.min-w-0{min-width: 0 !important;}
.resize-none{resize: none;}
.btn-accordion .col-form-label{text-align: left;}
.btn-accordion .card-header a.text-primary:not(.link) {color: #333 !important;}
.btn-accordion .card a.text-primary:hover, .btn-accordion .card a.text-primary:focus {color: #1360b3 !important;}
.data-label{color:#555;}
.site-table td,.site-table th{white-space: nowrap;}
.list-custom-bullets li{position: relative;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {color: inherit;background-color: initial;border-color: initial;}
.code-step-list.list-custom-bullets li:before{top:23px;left:-30px;}
.modal .label-sub-title{color: #111;}
.rounded {border-radius: 6px !important;}
.table thead th{text-transform: capitalize;    border-bottom-width: 1px;}
.table thead th,.table tbody td,.table tbody td span.notranslate{white-space: nowrap;overflow-x: hidden;text-overflow:ellipsis;max-width: 100%;vertical-align: middle;}
.table.table-w-icon tbody td:last-child{overflow-x: visible;}
table.b-table > thead > tr > th.sorting, table.b-table > tfoot > tr > th.sorting{padding-right: 0.75rem !important;}
span {font-size: inherit;}
.rounded-0{border-radius: 0 !important;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{filter: brightness(100%);border-color:#e66512}
.login-page form label.label-custom, .register-page form label.label-custom{position: static;margin-top: 15px;}
.login-page .form-inner, .register-page .form-inner {margin: 0 auto 20px;}
.login-page form input, .register-page form input {margin-top: 0;}
.login-page .form-inner, .register-page .form-inner {min-width: 360px;}
.login-wrap-left, .login-wrap-right {height: 100vh;}
.login-slider-skin img,.login-slider  video {max-height: calc(100vh - 320px);}
.form-inner .checkbox input{width: auto;}
.form-inner .checkbox label{float: left;line-height: 12px;}
.checkbox:after{display: block;content: "";clear: both;}
.checkbox{margin-bottom: 15px;}
.full-view .side-navbar{display: none;}
.full-view .page{width: 100%;}
nav.side-navbar .sidenav-header,nav.side-navbar  {background: #002864;margin-bottom: 0;}
nav.side-navbar.shrink {overflow: visible;width: 55px;}
#side-main-menu li .side-menu-group {display: none;left: calc(100% + 10px);top: 0;z-index: 99;position: absolute;border-radius:6px;z-index: 99999;border: 1px solid #cbd6e2 !important;box-shadow: 7px 7px 14px #999;}
#side-main-menu li:hover .side-menu-group,#side-main-menu li:focus .side-menu-group{display: block;}
nav.navbar {padding: 0.16rem 0;}
/*.no-left-space-header .header ul.nav-menu {margin-left: -10px !important;padding-left: 0 !important;}*/
.side-menu-group h2{ padding: 22px 2rem 12px !important;margin: 0;border-radius: 6px 6px 0 0;text-transform: capitalize;}
.side-menu-group .btn-collapse-sm,
.side-menu-group .btn-collapse-sm:hover,
.side-menu-group .btn-collapse-sm:focus {position: absolute;width: 30px !important;height: 30px !important;text-align: center;border-radius: 50% !important;left: 100%;transform: translateX(-50%);color: #fff !important;background: #8693AE !important;border: none !important;}
.side-menu-group .btn-collapse-sm .fa {min-width: 0 !important;float: left;line-height: 28px;}
.side-menu-group{position: relative;}
.side-menu-group ul.list-unstyled {padding: 8px 0;}
nav.side-navbar a {padding-left: 25px;color: #fff !important;padding-top: 4px;padding-bottom: 4px;display: flex;align-items: center;text-transform: capitalize;}
nav.side-navbar a.side-menu-icon.active,#side-main-menu li:hover a,#side-main-menu li:hover a{background:rgba(255,255,255,0.25) !important;color:#333;}
nav.side-navbar .active-page a.side-menu-icon{background:rgba(255,255,255,0.25) !important;color:#fff;}
#side-main-menu li .side-menu-group:after {right: auto !important;top: 25px !important;box-shadow:-1px 1px 0px #cbd6e2 !important;}
nav.side-navbar.shrink  a {padding: 8px 0;border-radius: 0;width: auto;min-width: 39px;}
nav.side-navbar.shrink  a:not(.sm-link){margin: 8px;border-radius: 2px;}
nav.side-navbar.shrink a img {max-width: 100%;}
nav.side-navbar.shrink a span:hover, nav.side-navbar.shrink a span:focus,aside .sm-link.active,aside .sm-link:hover,aside .sm-link:focus {color: #111111 !important;font-family: 'Graphik Medium';background: #fff;opacity: 1 !important;}
nav.side-navbar.shrink li ul.collapse a {padding-left: 0px;}
nav.side-navbar.shrink a[aria-expanded="false"] .arrow,nav.side-navbar.shrink a[aria-expanded="true"] .arrow,nav.side-navbar.shrink span{display: none;}
nav.side-navbar.shrink i {width: 100%;font-size: 22px;float: none;text-align: center;}
.sidebar-window {min-width: 0;flex: 1 0 auto;padding: 18px 0px 20px;background: #fbfcfd;color: #333;background-color: rgb(245,247,250);width: 0;overflow: hidden;transition: all 0.5s;    margin-top: 65px;transform: translateX(-100%);}
aside .side-menu-icon{min-width: 39px;}
aside .sm-link {background: transparent;color: #222 !important;font-weight: 400 !important;line-height: 1;padding:  0 !important;font-size: 16px;width: 100%;   white-space: nowrap;}
aside .sm-link.active,aside .sm-link.active:hover,aside .sm-link.active:hover {    opacity: 1 !important;}
aside.collaboration-left-holder .sm-link .sm-link-text {padding-left: 2.5rem !important;padding-right: 3rem !important;}
aside.collaboration-left-holder .sm-link.active .sm-link-text,
aside.collaboration-left-holder .sm-link .sm-link-text:hover,
aside.collaboration-left-holder .sm-link .sm-link-text:focus{background: #fff;font-family: 'Graphik Medium';}
aside .dropdown-menu .sm-link {text-indent: 8px;}
aside .sm-link .sm-link-text {padding: 12px 1rem !important;}
aside .sm-link .sm-link-text {padding: 14px 2rem !important;font-size: 15px !important;display: block !important;color: #111 !important;width: 100%;font-weight: 400;text-align: left;}
aside .dropdown-menu .dropdown-menu .sm-link .sm-link-text {padding: 14px 2.75rem !important;}
aside .sm-link.dropdown-toggle .sm-link-text {padding-right: 3rem !important;}
aside .sm-link.active .sm-link-text {font-family: 'Graphik Medium';}
.btn-collapse-sm{color: #cbd6e2 !important}
nav.side-navbar .sidenav-header{display: none !important;}
.ct-dropdown-toggle::after,
button.sm-link.dropdown-toggle::after ,#conSettingAcc.btn-accordion .card-header h5 a .arrow .fa:before,
#conSettingAcc.btn-accordion .card-header .card-link .arrow .fa:before{right: 12px!important;margin: 0;font-size: 24px;line-height: 16px;}
aside nav.side-navbar a:hover{background-color: rgba(255,255,255,0.25);color: #fff !important;opacity: 1;}
aside nav.side-navbar a:focus{background: transparent;}
aside .dropdown-menu.show,aside .dropdown-menu.show-active {display: block !important;position: static !important;transform: translate(0,0) !important;border: 0;background: transparent;float: none;min-width: 0;padding: 0;}
.not-app-layout-wrapper main.page  aside{min-width: 200px;}
nav.side-navbar.shrink .collapse,nav.side-navbar.shrink .collapsing {display: none !important;}
nav.side-navbar li.active a ,
nav.navbar {background-image: linear-gradient(to left,   #e66512 65%,#f78d47  );border-top: 3px Solid #e86b1a;height: 65px;background: #fff;border-bottom: 1px Solid #cbd6e2;padding: 0;}
.text-primary,a.text-primary,button.text-primary { color: #4354b6  !important;}
.ct-dropdown-toggle::after,
.side-menu-group button.sm-link.dropdown-toggle::after {right: 24px !important;}
nav.side-navbar .arrow i {margin: 0 0 0 0;font-size: 24px;}
.btn-op-sub-menu{padding: 3px 3px 3px 0px;display: block;}
.btn-op-sub-menu span{height:2px;background-color:#555;display:block;margin-top:5px;}
.btn-op-sub-menu span:nth-child(1){width:14px;margin-top:0px;}
.btn-op-sub-menu span:nth-child(2){width:19px;}
.btn-op-sub-menu span:nth-child(3){width:24px;}
.main-menu {height: calc(100vh - 200px);background-color: #002864;flex: 1 1;overflow: auto;}
nav.side-navbar a > i { min-width: 30px;font-size: 24px;}
nav.navbar a.menu-btn {background: #03363D;}
nav.navbar a.menu-btn:hover {background: #03363D;opacity: 0.75;}
nav.side-navbar .waiting-chat,.header .waiting-chat {font-size: 16px;display: block;color: #111111;text-align: center;padding: 2px 10px;}
nav.side-navbar .waiting-chat{position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);}
nav.side-navbar.shrink .waiting-chat {display: none;}
.page.active .header .waiting-chat{display: block;border-radius: 0;padding: 6px 12px;background-color: transparent;}
#ddown1__BV_toggle_{border: 1px solid #fff;padding: 8px 25px !important;font-family: 'Graphik Medium';color: #009021;font-size: 15px;min-height: 0;}
#ddown1__BV_toggle_:after {color: inherit;}
button#ddown1__BV_toggle_:hover,button#ddown1__BV_toggle_:focus {color: inherit;background: transparent;}
nav.side-navbar .waiting-chat:hover,nav.side-navbar .waiting-chat:focus{ background-color: #08243e;color: #999;border-radius: 20px 20px 20px 20px;}
nav.side-navbar ul#side-main-menu .badge {width: 25px;height: 25px;margin-left: 4px;line-height: 25px;font-size: 12px;padding: 0;vertical-align: 3px;}
nav.side-navbar a.chat-group-menu-link[aria-expanded="true"] .badge { display: none;}
nav.side-navbar li ul.collapse a{padding-left: 78px;border-left: 2px solid transparent;color: #999;border-radius: 0;}
nav.side-navbar .sidenav-header{padding: 12px 5px 16px;}
nav.side-navbar.shrink .sidenav-header-inner {display: block;}
nav.side-navbar.shrink .sidenav-header-inner > a{margin-left: 0 !important;background: transparent !important;}
nav.side-navbar.shrink .sidenav-header-inner > .navbar-header{display:none !important;}
nav.side-navbar.shrink  .sidenav-header img {width: 24px;height: 24px;}
nav.side-navbar.shrink .sidenav-header {flex-direction: column;}
.nav-menu .nav-item .fa {font-size: 18px;color: #1658b9;}
nav.navbar #users + .dropdown-menu .fa-bell {position: relative;left: -2px;}
nav.navbar a.nav-link{border: 1px solid #e86b1a;background-color: transparent;text-align: center;display: flex;align-items: center;font-size: 15px;padding: 5px 21px;border-radius: 4px;line-height: 24px;color: #111111;}
nav.navbar .badge {border-radius: 50%;width: 20px; height: 20px;line-height: 20px; padding: 0;}
nav.navbar a#users {border:none;}
nav.navbar a#users img {min-height: 25px;min-width: 25px;}
.nav-menu > .nav-item + .nav-item {margin-left: 10px;}
.page{background-color: #fff;width: 100vw;height: 100vh;max-height: 100vh;overflow-y: hidden;display: flex;flex-direction: column;padding-bottom: 0;padding-left: 60px;}
main.page > header + .container-fluid {height: calc(100vh - 65px);}
.bg-addon-box-wrapper{background-color: rgb(245,245,245) !important;}
nav.navbar.design-nav .dropdown-menu {margin-top: 4px;border-radius: 0;border-top: 0;right: auto;border-top: 1px solid rgba(0,0,0,.15);}
#navbarDropdownMenuLink {border: 1px solid rgba(0,0,0,.15);}
nav.navbar #status + .dropdown-menu,nav.navbar #users + .dropdown-menu {left: 0;right: auto;padding: 10px 0px;;width: auto;margin-top: 8px;border:none}
nav.navbar #status + .dropdown-menu {margin-top: 12px;margin-left: -13px;}
nav.navbar #users + .dropdown-menu{right: 0;white-space: nowrap;margin-top: 10px;min-width: 300px;left: auto;transform: translate(0);padding: 0;border:1px solid #cbd6e2 !important;}
nav.navbar .dropdown-menu a span {color: inherit;}
nav.navbar a#status {font-size: 16px;padding: 4px 0 3px 0px;}
nav.navbar a#status span {font-size: 20px;}
.header-search input.form-control {width: 0;padding: 8px 0;border: none;transition: all 0.5s;color: #999;background-color: transparent;transition: all 0.5s;}
.header-search #search-icon{position: absolute;right: 5px;padding: 0;pointer-events: none;}
.header-search input.form-control:hover,.header-search input.form-control:focus{width: 400px;background-color: #eee;}
.header-search input.form-control:focus + #search-icon{pointer-events: all;}
nav.side-navbar a > i {	min-width: 24px;margin-right: 15px;float: left;}
nav.navbar #status + .dropdown-menu a {text-align: left !important;padding-left: 15px;}
nav.navbar #status + .dropdown-menu {min-width: 100px;}
nav.side-navbar span, nav.side-navbar li ul a {font-size: 20px;font-weight: 400;color: #999;}
nav.side-navbar a.active span{color: #fff;font-weight: 400;}
nav.side-navbar a[aria-expanded="false"] .arrow {transform: none;transform: rotate(90deg) translateY(30px);}
nav.side-navbar a[aria-expanded="true"] .arrow {transform: rotate(0deg) translateX(-30px);}
#toggle-btn .fa {font-size: 36px;}
.main-wrapper{max-height:calc(100vh - 96px);}
.app-footer{margin-top: auto;background-color: #eee;}
.check-list .done span.cnt {left: 10px;top: 4px;width: 9px;height: 16px;font-size: 0;border: solid #1360b3;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.check-list span.cnt {font-size: 18px;position: absolute;font-family: 'Graphik Medium';left: 50%;top: 50%;transform: translate(-50%,-50%);color: #919396;}
.check-list label {border: 2px solid #cbd6e2 !important;border-radius: 4px;position: relative;width: 32px;height: 32px;margin-bottom: 3px;}
.check-list .done span.cnt,
.check-list .done .desc {opacity: 0.50;filter: grayscale(1);}
nav.navbar .dropdown-menu {margin-top: 0;width: 100%;padding: 10px 15px;border-radius: 4px;margin-top: 15px;right: auto;left: 50%;transform: translateX(-50%);box-shadow: 0 0 20px #ccc;}
#helps .custom-icon-info {background-image: url('../images/new-info-icon.png');    background-repeat: no-repeat;background-position: center;background-size: 33px;display: inline-block;position: relative;top: -3px;min-width: 33px;min-height: 40px;}
#inhousemsgg .fa-bell {background-image: url('../images/report-icon.png');background-repeat: no-repeat;background-position: center; background-size: 42px auto;display: inline-block;    min-width: 100%;}
#appointment .fa-bell {background-image: url('../images/appointment-icon.png');background-repeat: no-repeat;background-position: center; background-size: 32px auto;display: inline-block;    min-width: 100%;}
#feedbackPage .fa-bell {background-image: url('../images/feedback-icon.png');background-repeat: no-repeat;background-position: center; background-size: 32px auto;display: inline-block;    min-width: 100%;}
#inhousemsgg .fa-bell:before,#appointment .fa-bell:before{color:transparent;}
#feedbackPage .fa-bell:before,#appointment .fa-bell:before{color:transparent;}
#users .fa.fa-angle-down {position: relative;top: 6px;}
#users .fa.fa-angle-down {position: relative;top: 6px;}
#users + ul.dropdown-menu.show {display: block !important;    max-height: none;}
#users + ul.dropdown-menu li .col-auto:last-child {max-width: 160px;}
#users + ul.dropdown-menu li .col-auto:last-child p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
header #helps + .dropdown-menu {width: 360px;left: auto;}
header .dropdown-menu{min-width: 0;}
nav.navbar .dropdown-menu a {font-size: 15px;color: #111111;padding: 5px 20px;display: block;line-height: 1}
button#googleDDTranslate {padding: 0;}
.goog-te-gadget img {display: none;}
.goog-te-menu-value {padding: 0 !important;margin: 0 !important;}
.goog-te-gadget-simple {border: none;}
div.goog-te-gadget {line-height: 1 !important;height: auto !important;padding: 0.75rem 1rem !important;margin: 8px 0;border: 1px solid #ccc;border-radius: 4px;position:relative;}
.goog-te-gadget-simple {border: none;border: none !important;background: transparent !important;padding: 0 !important;width: 100%;}
nav.navbar .dropdown-menu a.google-translate-item[aria-expanded="true"],
nav.navbar .dropdown-menu a.google-translate-item[aria-expanded="true"] .fa{color: #fff !important;background: #e86b1a !important;}
nav.navbar div.goog-te-gadget-simple a.goog-te-menu-value, 
nav.navbar div.goog-te-gadget-simple a.goog-te-menu-value:hover {color: #111111 !important;background: transparent !important;}
.goog-te-gadget-simple .goog-te-menu-value img + span {display: none;}
.auth-layout div.goog-te-gadget {margin: 0;background: #fff;min-width: 150px;}
nav.navbar .dropdown-menu .hover-item a:hover span {color: #111111;}
iframe.goog-te-menu-frame {width: 206px !important;box-shadow: none;height: 204px !important;z-index: 9999999999;transform: translateY(calc(-100% - 26px));border: 1px solid #ccc;border-radius: 4px;}
.auth-layout iframe.goog-te-menu-frame.skiptranslate {max-width: 175px;right: 29px !important;bottom: 52px !important;top: auto !important;}
#helpsSett .btn-accordion .card-header h5 a:hover,
#helpsSett .btn-accordion .card-header h5 a:focus,
#helpsSett .btn-accordion .card-header .card-link[aria-expanded="true"],
#helpsSett .btn-accordion .card-header .card-link.active,
nav.navbar .dropdown-menu .hover-item a:hover, nav.navbar .dropdown-menu .hover-item a:focus,
nav.navbar .dropdown-menu .hover-item a:hover .fa,
#helpsSett .btn-accordion a:hover,#helpsSett .btn-accordion a:focus,
#chatConvHubActionDD + .dropdown-menu .list-console-links li a:hover,
#chatConvHubActionDD + .dropdown-menu .list-console-links li a:focus{color: #fff !important;background: #e86b1a !important;}
nav.navbar .dropdown-menu .hover-item a .after-hover,
nav.navbar .dropdown-menu .hover-item a:hover .before-hover,
nav.navbar .dropdown-menu a.google-translate-item[aria-expanded="true"] .before-hover{display: none;}
nav.navbar .dropdown-menu .hover-item a:hover .after-hover,
nav.navbar .dropdown-menu a.google-translate-item[aria-expanded="true"] .after-hover{display: block;}
#helpsSett .btn-accordion .card-header .card-link[aria-expanded="true"] .arrow .fa, #helpsSett .btn-accordion .card-header .card-link.active .arrow .fa,
#helpsSett .btn-accordion .card-header:hover .card-link .arrow .fa,
#helpsSett .btn-accordion .card-header:hover .card-link .arrow .fa{color: #fff !important;}
nav.navbar .dropdown-menu a:active{color: #111111;}
header #notifications + .dropdown-menu {width: auto;}
nav.navbar #notifications  .badge,nav.navbar #inhousemsgg  .badge  {width: 25px;height: 25px;line-height: 25px;font-size: 12px;right: 4px;}
.notice-alert {background-color: #bbb;border-color: #bbb;border-radius: 0;max-width: 580px;margin: 0 auto;color: #fff;margin-left:-50px;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;font-size: 18px;overflow: hidden;}
.notice-alert p{    max-width: 360px;}
.notice-alert p.tranparent{color:transparent;}
.notice-alert p.main-msg{position: absolute;left: -3000px;transition: left 5s;top:0;z-index: 19999999;}
.notice-alert .close {padding: 2px 10px;}
.notice-alert p.main-msg.animated{left: 15px;}
.notice-alert .close span,.notice-alert .close:hover span {font-size: 42px;color: #fff;}
.notice-alert .learn-more,.notice-alert .learn-more:focus,.notice-alert .learn-more:hover{color: #4e89c4;}
#logout-form .logout {padding: 10px;color: #999;}
.btn-accordion .btn-accordion .btn-accordion .card-header .card-link {background: #fff;}
.btn-accordion .btn-accordion .card-header .card-link[aria-expanded="true"] {background: #aaa;border-color: #aaa;}
.btn-accordion .btn-accordion .btn-accordion .card-header .card-link[aria-expanded="true"] {background: #aaa;border-color: #aaa;}
.setting-acc#helpsSett, .setting-acc#usersSett{margin-top: 15px;min-width: 260px !important;max-width: none !important;display: none;z-index: 9999;overflow: visible;bottom: auto;transform:translate(0) !important;padding: 0 1px !important;right: 0 !important;top: 100% !important;box-shadow: 0 0 20px #ccc;}
.setting-acc#helpsSett > *,.setting-acc#usersSett > *{min-width: 0 !important}
.op-show .setting-acc#helpsSett:after,nav.navbar .dropdown-menu:after,
.table-contact .dropdown-menu.show > div:after,#side-main-menu li .side-menu-group:after{content: '';display: block;position: absolute;top: 2px;transform: rotate(45deg) translateX(-50%);background:white;height: 20px;width: 20px;border-radius: 0;z-index: -1;box-shadow: -4.25px -4.25px 10px -3px #ccc;right:20px;margin-left: -3px;}
.table-contact .dropdown-menu.show > div:after{right: auto;left:50%;z-index: -1;}
.op-show .setting-acc#helpsSett, .op-show .setting-acc#usersSett{border-radius: 0;display: block;right: auto;border-radius: 8px;}
.setting-acc#usersSett .dropdown-menu {padding: 0 !important;float: none;position: static;transform: translate(0);max-height: none;}
.setting-acc#usersSett {min-width: 300px !important;padding: 0 !important;}
.table-contact .dropdown-menu.show > div{border-radius: 5px;}
div#helpAccordion {margin: -1px;}
header .whc-part{display:none;position: absolute;right: 0px;height:100vh ;border-radius: 0;z-index:  999;min-width: 480px;top:0;max-width: 480px;}
header.kb-active .whc-part.kb-wrap{display:flex;margin-top:0;}
header.ah-active .whc-part.article-dd{display:block;margin-top:0;}
header .kb-article-head.pb-4 {background: rgb(0, 117, 217);}
.btn-close-kbdd {position: absolute;right: 0; top: -5px;color: #fff;font-size: 48px;width: 25px;height: 25px;display: block;}
.btn-close-kbdd:hover,.btn-close-kbdd:focus{color:#fff;}
.gradient-lgrey{background: linear-gradient(to right, #fff , #eee) !important;}
.gradient-grey{background: linear-gradient(to right, #fff , #c2c2c2) !important;}
.gradient-blue{background: linear-gradient(to right ,#526da4,#415681) !important;}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, 
.custom-file-input.is-valid:focus ~ .custom-file-label{box-shadow:none;}
.j-custm-scroll .table{width: calc(100%) !important;margin-left: 0 !important;}
.whc-part .knowledge-input-search {    min-width: 0;width: 100%;height: auto;line-height: 38px;}
.article-search-form {position: relative;}
.article-search-form button {position: absolute;top: 0;left: 0px;padding: 7px 20px !important;bottom: 0;color: #aaa !important;font-size: 20px !important;}
.main-app-container .article-search-form button {left: auto;right: 0;padding: 7px 10px !important;}
.knowledge-input-search{padding-left: 60px !important;padding-right: 60px !important;font-size: 24px;line-height: 1.26 !important;color: #555 !important;}
.article-search-form button .fa {margin-top: -2px;    font-size: 22px;}
.main-app-container .article-search-form button .fa{ font-size: 18px;}
.whc-part .kb-article-body .j-custm-scroll{height: calc(100vh - 220px);}
#shareApp.modal {z-index: 9999 !important;}
.article-carg{font-family: 'Graphik Medium';}
.at-icon-wrapper {border-radius: 5px !important; background: transparent !important;}
.at-icon-wrapper:hover{transform: scale(1.04);}
.at-svc-compact svg{fill: rgb(255, 101, 80) !important;}
.at-svc-facebook svg{fill: rgb(59, 89, 152) !important;}
.at-svc-twitter svg{fill: rgb(29, 161, 242) !important;}
.at-svc-linkedin svg{fill: rgb(0, 119, 181) !important;}
.at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover {    transform: translateY(0px) scale(1.04) !important;outline-offset: -1px;color: inherit;}
#helpsSett .btn-accordion .card-header h5 a,
#helpsSett .btn-accordion .card-header h5 a:hover,
#helpsSett .btn-accordion .card-header h5 a:focus {padding: 10px 24px !important;display: flex;align-items: center;line-height: 1;}
#helpsSett .btn-accordion a {font-size: 15px !important;padding: 0.25rem 24px !important;}
#helpsSett .btn-accordion .card-body {padding: 5px 0 !important;}
#helpsSett .btn-accordion ul.list-unstyled a{padding-left: 30px !important;}
html.default-web-page, html.default-web-page body, 
html.default-web-page body #app {max-height: none;overflow: auto;min-width: 0;}
.ngg-header-addons div#helpsSett {min-width: 352px !important;}
.ngg-header-addons div#helpsSett img {max-width: 48px;}
.ngg-header-addons div#helpsSett .col-6:nth-child(n + 3) {margin-top: 20px;}
.ngg-header-addons div#helpsSett h3 {color: #111111;}
nav.navbar a#helps {padding: 4px 12px;}
nav.navbar a#helps img {max-width: 10px !important;}
.modal-page-init .modal-dialog{max-width: 1050px !important;}
#getStartedInfoModal .modal-dialog{max-width: 650px !important;}
.modal-page-init .p-5.mx-4.mt-4 {margin-bottom: 1.5rem !important;}


/******************
HEADER
******************/
span.link-tours-icon {width: 32px;height: 32px;display: inline-flex;justify-content: center;align-items: center;border-radius: 4px;background: #ccc;}
#welcomeTourModal li + li {margin-top: 10px;}
#welcomeTourModal li:nth-child(1) .link-tours-icon {background: #6300a5;}
#addEditComAgentHeader label.col-form-label {min-width: 145px;}
.login-wrap-right{background: #eef2f4;}
.login-main-wrapper h2.fs-48{font-size: 43px !important;}
.login-main-wrapper {height: 100vh;position: relative;margin: 0;}
.list-notify li{position: relative;}
form#formSignupHeader, .login-logo {padding: 20px 0;min-height: 140px;display: flex;align-items: center;}
.notify-pics {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 16px !important;}
.notify-close {position: absolute;right: 15px;top: 20px;background: #aaa;border-radius: 50%;color: #fff !important;width: 20px;height: 20px;line-height: 20px;font-size: 18px;text-align: center;}
.notify-close:hover, .notify-close:focus {background: #777;}
.list-notify li a.d-block:hover {background: #edf3f7;}
.list-notify li.list-inline-item {margin-right: 0;float: left;line-height: 1;}
.notify-details {min-width: calc(100% - 56px);max-width: calc(100% - 56px);padding: 4px 0 0;}
.notify-details .list-inline-item + .list-inline-item.border-left {border-color: #111111 !important;}
.list-notify li > a.d-block {padding: 1.25rem 2rem !important;}
#headerReminderModal .card{overflow:visible;}
#headerReminderModal .icon-vertical:not(.outside):after{display:none;}
#HeaderRemInner .card:nth-child(n) .icon-vertical div p {background-color: #e45a12;}
#headerReminderModal .nav-tabs {padding:0 3rem 2rem !important;border-bottom: 1px solid #cbd6e2 !important;}
#headerReminderModal .btn-accordion .card + .card{margin-top:2rem;}
#headerReminderModal #searchClsConvTab .nav-tabs .nav-item + .nav-item {margin-left: 45px;}
#HeaderRemInner .ticket-email-action ul.dropdown-menu > p {padding: 4px 14px 14px !important;margin: 0 -14px 14px;}
#HeaderRemInner .ticket-email-action ul.dropdown-menu table {line-height: 28px !important;}
#HeaderRemInner .ticket-email-action ul.dropdown-menu {min-width: 320px;right: 0;left: auto !important;transform: translate3d(0px, 18px, 0px) !important;padding: 14px !important;}
span.h-notify-count {width: 16px;height: 16px;font-size: 10px;line-height: 16px;border-radius: 50%;position: absolute;right: 0;top: 0;color: #fff;text-align: center;}
div#headerReminderModal .btn-accordion + .btn-accordion {margin-top: 2rem !important;}
#headerReminderModal .chat-detail-inner {padding: 0 42px !important;}
#HeaderEventInner .ticket-email-action .dropdown-menu {min-width: 275px;}
#btnToggleUserStatus {width: 12px;height: 12px;border-radius: 50%;display: block;padding: 0;position: absolute;bottom: 2px;left: 25px;}
#btnToggleUserStatus.bg-success {background-color: #28a745 !important;}
header .kb-article-body .container {width: 100% !important;padding: 0 2rem !important;}
header .kb-article-body .kb-article-wrap {padding: 15px 30px;}
header .kb-article-body .kb-article-wrap + .kb-article-wrap{margin: 20px auto 0;}
header .whc-part .kb-article-body .j-custm-scroll{height: calc(100vh - 150px);padding-bottom: 10px !important;}
.brr-0 button.btn {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.row-agent-detail .col-auto {max-width: calc(100% - 72px);white-space: nowrap;}
.row-agent-detail .col-auto p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#videoRecorder span:after {display: block;content: "";width: 20px;height: 20px;border: 2px solid #ff6600;border-radius: 50%;left: -5px;position: absolute;top: -5px;}
#videoRecorder span {width: 10px;height: 10px;display: block;background: #ff6600;border-radius: 50%;position: relative;}
.event-link-text {white-space: nowrap;display: flex;}
.event-link-text span.text-primary {z-index: 999;position: relative;cursor: pointer;}
.event-link-text span.text-success {text-overflow: ellipsis;overflow: hidden;}
.header .nav-menu .nav-item .fa {font-size: 22px !important;}
.header nav.navbar a.nav-link img {max-width: 20px;max-height: 20px;width: auto;}
nav.navbar a#users img {min-height: 25px;min-width: 25px;}
.nav.side-navbar .sidenav-header {display: none !important;}



/******************
LOGIN PAGE
******************/
.login-page-content:after{position: absolute;z-index: 9;content: "";left: 0;right:0;bottom:0;top:0;display: block;background-color: rgba(0,0,0,0.1);}
.set-password .login-page-content:after{display:none;}
.login-page {background-image: url('../images/login-bg-1.png');background-size: cover;background-position: center center;min-height: 100vh;position: relative;}
.page.login-page:not(.set-password)::after {content: "";display: block;position: absolute;top: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 4;right: 0;}
.login-page-content > .container{position: relative;z-index: 99;}
.login-head{ margin-top: 30px; padding-bottom: 10px;}
.login-first-part {   color: #fff; text-align: center;align-self: center;}
.login-first-part h2 {font-size: 48px;}
.login-first-part p, .login-first-part span.text-success {font-size: 32px;color: #fff;}
.social-list li {float: none;display: inline-block;}
.social-list li + li {margin-left: 5px;}
.social-list a {display: inline-block;padding: 8px; color: #fff;background-color: #d2d2d2; min-width: 50px; line-height: 33px; text-align: center;font-size: 30px;}
.social-list {margin-top: 30px;}
.form-control::placeholder {color: #999;opacity: 1;font-weight:300;font-family: 'Graphik Regular';}
.form-control::-webkit-placeholder {color: #999;opacity: 1;font-weight:300;font-family: 'Graphik Regular';}
.form-control::-moz-placeholder {color: #999;opacity: 1;font-weight:300;font-family: 'Graphik Regular';}
.login-page .login-bottom small, .login-page .login-bottom a.signup, .login-page .login-bottom a.forgot-pass {font-size: 24px;color: #fff;display: inline-block;margin: 0 10px;}
.login-page p.copy-right {font-size: 16px;}
.login-page + .footer {display: none;}
.login-logo img {max-width: 210px;}
.login-logo .login-logo-text{font-family: 'Graphik Bold';font-size: 24px;letter-spacing: 1px;}
#login-form input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; -webkit-text-fill-color: #d2d2d2;}
.table-two-factor-login + .j-custm-scroll{max-height:calc(100vh - 475px)} 
.login-wrap-right .addons-feature-single:nth-child(1), .login-wrap-right .addons-feature-single:nth-child(2) {margin-top: 0;}
.login-wrap-right .addons-feature-single {pointer-events: none;}
.mb-register{display: none;}
.link-show-lr{font-size: 14px;}


/******************
TIME PAGE
******************/
.table-time-plan th:nth-child(1), .table-time-plan td:nth-child(1) {min-width: 120px;max-width: 120px;}
.table-time-plan th:nth-child(2), .table-time-plan td:nth-child(2) {min-width: 195px;max-width: 195px;}
.table-time-plan th:nth-child(3), .table-time-plan td:nth-child(3) {min-width: 245px;max-width: 245px;}
.table-time-plan th:nth-child(3) span, .table-time-plan td:nth-child(3) span {max-width: 225px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; }
.table-time-plan th:nth-child(4), .table-time-plan td:nth-child(4) {min-width: 105px;max-width: 105px;}
.table-time-plan th:nth-child(5), .table-time-plan td:nth-child(5) {min-width: 150px;max-width: 150px;}
.table-time-plan th:nth-child(6), .table-time-plan td:nth-child(6) {min-width: 150px;max-width: 150px;}
.modal[id*='info'] .modal-dialog{max-width: 420px !important}

.modal[id*='delete'] .modal-dialog,
#removebrandmodal .modal-dialog,#infoConfirmArticleSaveModal .modal-dialog{max-width: 375px !important}
.modal[id*='delete'] .modal-body .form-group,
#removebrandmodal .modal-body .form-group{margin-bottom: 0 !important;}
.modal[id*='delete'] .modal-body .p-5,
.modal[id*='info'] .modal-body .p-5,
#removebrandmodal .modal-body .p-5{padding: 20px 3rem 25px !important;}

.modal[id*='delete'] .modal-body lable,
.modal[id*='delete'] .modal-body .text-center,
#removebrandmodal .modal-body *{text-align: left !important;}
.modal[id*='info'] .modal-header,.modal[id*='delete'] .modal-header{padding: 15px 25px 12px 3rem !important;}
.modal[id*='info'] .modal-header, .modal[id*='info'] .modal-footer{padding-left:60px  !important;}
.modal[id*='info'] .modal-body > .px-5,.modal[id*='info'] .modal-body > .p-5{padding-left:60px  !important;padding-right:60px  !important;}
.modal[id*='info'] .modal-header .modal-title ,.modal[id*='delete'] .modal-header .modal-title {font-size: 18px;}
.modal[id*='delete'] .modal-body .btn {min-height: 36px;}
.table-list-holidays th:nth-child(1), .table-list-holidays td:nth-child(1) {min-width: 215px;max-width: 215px;}
.table-list-holidays th:nth-child(2), .table-list-holidays td:nth-child(2) {min-width: 110px;max-width: 110px;}
.table-list-holidays th:nth-child(3), .table-list-holidays td:nth-child(3){min-width: 77px;max-width: 77px;} 
.table-list-holidays th:nth-child(4), .table-list-holidays td:nth-child(4) {min-width: 110px;max-width: 110px;text-align: right;}
.table-list-holidays th:nth-child(4) > span {max-width: calc(100% - 16px);overflow: hidden;text-overflow: ellipsis;float: left;}



/******************
SCRIPT PAGE
******************/
.table-script th:nth-child(1),.table-script td:nth-child(1){min-width: 265px;max-width: 265px;}
.table-script th:nth-child(2),.table-script td:nth-child(2),
.table-script th:nth-child(3),.table-script td:nth-child(3),
.table-script th:nth-child(4),.table-script td:nth-child(4),
.table-script th:nth-child(5),.table-script td:nth-child(5),
.table-script th:nth-child(6),.table-script td:nth-child(6){min-width: 160px;max-width: 160px;}




/******************
SHORTCUT PAGE
******************/
.shortcut-wrapper .table-responsive {max-height: calc(100vh - 280px);}
.no-data-box {padding: 0 15px !important;max-width: 370px;}




/******************
PLAYBOOK PAGE
******************/
.playbook-sms-table-wrap .table-responsive,.playbook-email-table-wrap .table-responsive{max-height: calc(100vh - 260px);}
.table-sms-messaging th:nth-child(1),.table-sms-messaging td:nth-child(1){width:48px;}
.table-sms-messaging th.sms_name,.table-sms-messaging td.sms_name{min-width: 190px;max-width: 190px;}
.table-sms-messaging th.sms_contacts,.table-sms-messaging td.sms_contacts{min-width: 95px;max-width: 95px;}
.table-sms-messaging th.sms_category,.table-sms-messaging td.sms_category{min-width: 190px;max-width: 190px; }
.table-sms-messaging th.sms_message_type,.table-sms-messaging td.sms_message_type{min-width: 110px;max-width: 110px;}
.table-sms-messaging th.sms_keyword,.table-sms-messaging td.sms_keyword{min-width: 140px;max-width: 140px;}
.table-sms-messaging th.sms_stage,.table-sms-messaging td.sms_stage{min-width: 140px;max-width: 140px;}
.table-sms-messaging th.sms_links_clicked,.table-sms-messaging td.sms_links_clicked{min-width: 120px;max-width: 120px;}
.table-sms-messaging th.sms_message_sent,.table-sms-messaging td.sms_message_sent{min-width: 60px;max-width: 60px;}
.table-sms-messaging th.sms_message_dlvd,.table-sms-messaging td.sms_message_dlvd{min-width: 120px;max-width: 120px;text-align:center;}
.table-sms-messaging th.sms_message_rep,.table-sms-messaging td.sms_message_rep{min-width: 80px;max-width: 80px;}
.table-sms-messaging th.sms_created_by,.table-sms-messaging td.sms_created_by{min-width: 150px;max-width: 150px;}
.table-sms-messaging th.sms_updated_on,.table-sms-messaging td.sms_updated_on{min-width: 125px;max-width: 125px;}
.table-sms-messaging th:last-child,.table-sms-messaging td:last-child{min-width: 105px;max-width: 105px;}
.table-email-messaging th:nth-child(1),.table-email-messaging td:nth-child(1){width:48px;}
.table-email-messaging th.email_name,.table-email-messaging td.email_name{min-width: 140px;max-width: 140px;}
.table-email-messaging th.email_category,.table-email-messaging td.email_category{min-width: 190px;max-width: 190px;}
.table-email-messaging th.email_type,.table-email-messaging td.email_type{min-width: 120px;max-width: 120px;}
.table-email-messaging th.email_contacts,.table-email-messaging td.email_contacts{min-width: 100px;max-width: 100px;}
.table-email-messaging th.email_sent,.table-email-messaging td.email_sent{min-width: 60px;max-width: 60px;}
.table-email-messaging th.email_opened,.table-email-messaging td.email_opened,
.table-email-messaging th.email_clicked,.table-email-messaging td.email_clicked{min-width: 80px;max-width: 80px;}
.table-email-messaging th.email_unsubscribed,.table-email-messaging td.email_unsubscribed{min-width: 130px;max-width: 130px;}
.table-email-messaging th.email_bounced,.table-email-messaging td.email_bounced{min-width: 90px;max-width: 90px;}
.table-email-messaging th.email_stage,.table-email-messaging td.email_stage{min-width: 115px;max-width: 115px;}
.table-email-messaging th.email_created_by,.table-email-messaging td.email_created_by,
.table-email-messaging th.email_updated_on,.table-email-messaging td.email_updated_on{min-width: 125px;max-width: 125px;}
.table-email-messaging th:last-child,.table-email-messaging td:last-child{min-width: 75px;max-width: 75px;}
div#sms-campaign-accordion {width: 425px;margin-top: 25px;}
div#sms-campaign-accordion.btn-accordion .card-header a.card-link{font-family: 'Graphik Medium';}
#linkTabs .nav-link {padding: 0;border: none;line-height: 28px;align-self: center;color: #4e89c4 !important;}
#linkTabs .nav-item + .nav-item{margin-left: 8px;}
#linkTabs {border: none;}
.create-campaign-name input.form-control {border-radius: 0;font-size: 24px !important;background: transparent !important;font-family: 'Graphik Medium';padding: 10px 40px 10px 0;transition: all 0.4s;border:none;}
.create-campaign-name input.form-control:focus {background: #F5F8FA !important;font-weight: 400;}
.template-playbook .create-campaign-name input.form-control {padding-left: 15px !important;}
.create-campaign-name .btn-link {position: absolute;padding: 0;margin: 0 !important;top: 0;right: 45px;border-bottom: 1px solid transparent !important;}
#linkTabs .nav-link.active {border-bottom: 1px solid #4e89c4 !important;}
.sms-editor-body .sms-editor{min-height: 160px; position: relative;background-color: #fff !important;padding: 0;}
.list-sms-actions a.list-inline-link {display: flex;align-self: center;}
.more-text-wrap .more-text,
.more-text-wrap.show .btn-show-more{display: none;}
.more-text-wrap.show .more-text {display: block;}
.sms-img-holder {position: relative;}
.sms-img .sms-img-holder{max-width: 330px !important;position: relative;margin: 0 auto !important;}
.sms-img .sms-unit-wrapper{position: absolute;margin: 40px 0px 10px;border-radius: 6px;top: 0;bottom: 0;overflow: auto;flex-direction: column;max-width: 100%;    padding: 0 35px;width: 100%;}
.sms-img .sms-unit-wrapper .messages-wrap{position: absolute;top: 32px;bottom: 0;overflow-y: auto;padding: 10px 35px 0;left: 0;max-width: 100%;height: auto !important;width: 100%;}
.sms-unit-wrapper .messages-head {width: calc(100% + 20px);position: relative;left: 10px;font-family: 'Graphik Medium';}
#phone-nm-accordion .card-header .switch,.btn-accordion[id*='rb-select-'] .card-header .switch {z-index: 99;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.create-sms-playbook-left {width: 475px;}
.collapse.show{display:block !important;}
#sms-campaign-accordion .ctt-tooltip[ctt-placement="right"]:after {width: 210px;white-space: normal;}
.sms-unit{width: 90%;white-space: pre-line;}
.sys-msg{background: #f1f1f1;margin-right: auto;border-radius: 10px 10px 10px 0px !important;}
.cust-msg{margin-left: auto;border-radius: 10px 10px 0px 10px !important;}
.list-sms-actions .dropdown-menu.show { min-width: 350px;top: 13px !important;}
.list-sms-actions .list-inline-item:nth-child(4) .dropdown-menu.show {top: 4px !important;}
.list-sms-actions .sms-img-link{position: absolute;left: 0;top: 0;right: 0;bottom: 0; opacity: 0;width: 100%;}
.list-sms-actions a.list-inline-link:after {display: none;}
#sms-template-accordion.btn-accordion .card-header .arrow {right: 20px;}
.un-btn-w-auto .dropdown-toggle{width: auto !important;}
.list-sb-actions{flex-wrap: wrap;}
#addEditConttSegmentObjective .btn-search-activate {padding: 0 !important;position: absolute;right: 20px;top: 4px;font-size: 18px !important;min-height: 0 !important;}
#addEditConttSegmentObjective  .bootstrap-select.btn-group .dropdown-menu span.tex{text-transform: uppercase;}
#addEditConttSegmentObjective .list-sb-actions .bootstrap-select > .dropdown-toggle {width: auto;text-transform: uppercase;line-height: 1;}
#addEditConttSegmentObjective .list-sb-actions span.text {text-transform: uppercase;}
.btn-accordion .card-header .ele-centered{left: auto !important;right: 15px;margin-top: 2px;    z-index: 99;}
.btn-accordion .card-header .ele-centered + .ele-centered {right: -25px;}
.btn-back_to_sms{display: none;}
.custom-checkbox.disabled{pointer-events: none;filter:grayscale(1);}
.switch.disabled{pointer-events: none;opacity: 0.5;}
.sms-editor-body {height: 174px;overflow: auto;}
.sms-editor-body .ql-toolbar.ql-snow {display: none;}
.sms-editor-body .ql-editor {min-height: 0px;font-size: 14px;padding: 0 !important;}
.sms-editor-body textarea{background-color: #fff !important;padding: 0;}
.sms-editor-body .quillWrapper .ql-container {border: none;min-height: 0;}
.sms-editor-body .ql-snow .ql-editor p,.sms-editor-body .ql-snow .ql-editor p *,
.sms-editor-body .ql-editor ul > li,.sms-editor-body .ql-editor ol > li {font-size: 14px !important;margin: 0 !important;line-height: 20px !important;color: #111;}
.editor-inline{min-width: 40px;display: inline-block;position: relative;}
.editor-inline:after{content:'...';position: absolute;}
.editor-inline.no-placeholder:after {display: none;}
.link-dd .btn {padding-left: 0;border: none;width: auto;min-height: auto;min-width: 0;flex: 0 0 auto;}
.sms-editor-body-sec textarea{max-height: 32px;}
.list-sms-mms a.active,.list-sms-mms a:hover,.list-sms-mms a:focus{color: #4e89c4 !important;}
.list-media .btn-remove-media {width: 20px;height: 20px;line-height: 20px !important;font-size: 20px;text-align: center;position: absolute;right: -10px;background: #ccc !important;color: #fff !important;top: -10px;}
#addEditMessageModal .sms-img .sms-img-holder {margin-top: -80px;}
#addEditMessageModal .drip-single-wrap:nth-child(n+2) .sms-img .sms-img-holder{margin-top: 0px;}
.drip-single-wrap + .drip-single-wrap {padding-top: 20px;}
.drip-single-wrap + .drip-single-wrap:after{content: '';position: absolute;height: 1px;width: calc(100% - 30px);left: 15px;top:-5px;background: #cbd6e2;}
#addEditConttSegmentObjective .modal-dialog .bootstrap-select.btn-group:not(.text-black) .dropdown-toggle .filter-option {color: #4e89c4 !important;}
.setting-acc .te-form-wrap p:last-child {margin-bottom: 0.5rem;}
.single-email-head {background: #edf3f7;}
.modal[id*="addEditEmailModal"] .ql-editor,.quill-editor-reverse .ql-editor {padding: 1rem;}
.modal[id*="addEditEmailModal"] .quillWrapper .ql-container,.quill-editor-reverse .quillWrapper .ql-container {min-height: 330px;}
.modal[id*="addEditEmailModal"] .ql-snow .ql-toolbar button svg, 
.modal[id*="addEditEmailModal"] .quillWrapper .ql-snow.ql-toolbar button svg ,
.modal[id*="addEditTicket"] .ql-snow .ql-toolbar button svg, 
.modal[id*="addEditTicket"] .quillWrapper .ql-snow.ql-toolbar button svg,
.quill-editor-reverse .ql-snow .ql-toolbar button svg, 
.quill-editor-reverse .quillWrapper .ql-snow.ql-toolbar button svg{width: 22px !important;height: 22px !important;}
.modal[id*="addEditEmailModal"] .ql-snow.ql-toolbar button,
.modal[id*="addEditEmailModal"] .ql-snow .ql-toolbar button,
.modal[id*="addEditTicket"] .ql-snow.ql-toolbar button,
.modal[id*="addEditTicket"] .ql-snow .ql-toolbar button, 
.quill-editor-reverse .ql-snow.ql-toolbar button,
.quill-editor-reverse .ql-snow .ql-toolbar button{height: 24px !important;width: 24px !important;padding: 0 !important;}
.modal[id*="addEditEmailModal"] .ql-snow .ql-color-picker,
.modal[id*="addEditEmailModal"] .ql-snow .ql-icon-picker,
.modal[id*="addEditEmailModal"] span.ql-picker.ql-color-picker svg,
.modal[id*="addEditTicket"] .ql-snow .ql-color-picker,
.modal[id*="addEditTicket"] .ql-snow .ql-icon-picker,
.modal[id*="addEditTicket"] span.ql-picker.ql-color-picker svg,
.quill-editor-reverse  .ql-snow .ql-color-picker,
.quill-editor-reverse  .ql-snow .ql-icon-picker,
.quill-editor-reverse  span.ql-picker.ql-color-picker svg{width: 24px !important;height: 24px !important;float: left !important;}
.modal[id*="addEditEmailModal"] .ql-snow .ql-color-picker .ql-picker-label,
.modal[id*="addEditEmailModal"] .ql-snow .ql-icon-picker .ql-picker-label ,
.modal[id*="addEditTicket"] .ql-snow .ql-color-picker .ql-picker-label,
.modal[id*="addEditTicket"] .ql-snow .ql-icon-picker .ql-picker-label,
.quill-editor-reverse .ql-snow .ql-color-picker .ql-picker-label,
.quill-editor-reverse .ql-snow .ql-icon-picker .ql-picker-label{padding: 0;}
.modal[id*="addEditEmailModal"] .ql-picker:not(.ql-background),
.modal[id*="addEditTicket"] .ql-picker:not(.ql-background),
.quill-editor-reverse .ql-picker:not(.ql-background){top: 0px;}
.modal[id*="addEditEmailModal"] .modal-dialog,
.modal[id*="addEditTicket"] .modal-dialog {max-width: 675px;}
.single-email-body {position: relative;}
.quillWrapper + .email-extra-button {position: absolute;top: 49px;display: flex;right: 20px;font-size: 15px;align-items: center;}
.email-extra-button .dropdown {margin-left: 4px;padding-right: 10px;}
.email-extra-button .dropdown .dropdown-toggle {padding-left: 0px;color: #111111 !important;}
.email-extra-button .dropdown .dropdown-toggle:after {right: -5px;}
.email-extra-button .dropdown .dropdown-menu {right: 0;left: auto !important;transform: translate3d(0px, 27px, 0px) !important;}
.email-extra-button .dropdown .dropdown-menu a {color: #111111;padding: 4px 15px;width: 100%;}
.email-extra-button .dropdown .dropdown-menu a:hover,
.email-extra-button .dropdown .dropdown-menu a:hover {font-weight: 700;background: #edf3f7;}
input[type=number]::-webkit-inner-spin-button {cursor: pointer;}
.section-disabled{position: relative}
.section-disabled:after {content: "";display: block;position: absolute;cursor: not-allowed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(255,255,255,0.5);}
img.img-input-field-msg {background: #d7e6f1 !important;}
#addEditEmailModal .quillWrapper, 
#addEditTicket .quillWrapper,
.quill-editor-reverse .quillWrapper{display: flex;flex-direction: column-reverse;border-top: 1px solid #cbd6e2 ;}
#addEditEmailModal .quillWrapper .ql-toolbar, 
#addEditTicket .quillWrapper .ql-toolbar,
.quill-editor-reverse .quillWrapper .ql-toolbar{border-top: 0;}
.playbook-email-wrap .table-responsive {max-height: calc(100vh - 260px);}
#addEditSegmentModal .table-responsive {max-height: calc(100vh - 270px);}
.template-playbook .table-contact-segment th.filter, 
.template-playbook .table-contact-segment td.filter {display: none;}
#fbCreateAdModal .nav-tabs {margin: 0 !important;}
.fb-ad-preview-wrapper iframe {width: 400px;margin: 30px auto 0;display: block;}
.messger-wrapper{max-height: calc(100vh - 200px);overflow: auto;}
.accod-fb-msggr-wrap + .col img.img-fluid {max-height: calc(100vh - 200px);}
.playbook-messenger-wrapper .table-responsive {max-height: calc(100vh - 247px);}
.dd-left-0 .dropdown-menu {left: 0 !important;right: auto !important;}
.btn-fb-login {background-color: #1877F2 !important;color: #fff !important;padding: 8px 15px !important;}
.bots-wrapper .collaboration-content {height: auto;}
.bots-wrapper .list-article-cat .j-custm-scroll{}




/******************
REGISTER PAGE
******************/
.step-list li {float: left;width: 43px;height: 43px;text-align: center;line-height: 40px;}
.step-list li img {max-width: 100%;}
.step-list li.active {color:#33b35a;}
.registration-head {height: 60px;background-color: #333;display: none;}
.rig-row-head {padding: 10px 0;width: calc(100% + 30px);}
.rig-row-head + .container{height: calc(100% - 70px);}
.rig-row-head + .container > .row{height:100% ;}
.rig-row-head + .container > .row > div[class*="col-"]{display: flex;flex-direction: column;justify-content: space-between;}
.btn-prev, .btn-skip {background-color: #aaa;color: #fff;}
.btn-next {margin-left: 10px;}
.registration-page .form-check-input {margin-top: 0;top: 50%;transform: translateY(-50%);margin-left: -1.5rem;}
.step-last-right{background-color: #f2f2f2;}
.btn-activate{color: #fff;}
.registration-form-wrap h2 {font-size: 30px;margin-bottom: 20px;}
.registration-page .form-control::placeholder {color: #bfbfbf;opacity: 1;}
.registration-page .form-control::-moz-placeholder {color: #bfbfbf;opacity: 1;}
.footer .copy-right{line-height: 50px;margin: 0;color:#636c72}
.registration-mid{padding-top: 30px;display: flex;flex-direction: column;flex: 1 1 100%;}
.register-main-content {display: flex;flex: 1 1 auto;position: relative;width: 100%;justify-content: center;align-items: center;background: #fff;flex-direction: column;}
.register-main-content .fs-48{text-transform: capitalize;}
.register-main-body{max-width: 420px;}
.registration-form-wrap .col-form-label{    min-width: 170px;font-family: 'Graphik Medium';font-size: 16px;    padding-bottom: 10px;}
.registration-page .form-check-label {	padding-left: 2.25rem;position: relative;}
.regis-step-title{font-size: 42px;}
.regis-step-sub-text{font-size: 18px;}
.step-2 .btn-skip{display: none;}
.step-2 .form-check,.step-3 .form-check {min-width: 580px;transform: translateX(-50%);left: 50%;}
.step-5 .registration-form .col-form-label {min-width: 180px;}
.step-5 .registration-form .form-group .dragdrop-file input, 
.step-5 .registration-form .form-group .dragdrop-file label {height: 110px;}
.ph-class{font-weight: 300;color: #aaa;}
.form-check {text-align: center;}
.form-check span{font-size: 22px;}
.ctg-input .search-input .form-control {padding: 5px 10px !important;border-radius: 5px !important;font-size: 15px !important;min-height:40px;}
.search-input button {position: absolute;right: 0;border: none;background: none;color: #999;top: 0;height: 40px;right: 10px;top: 9px;padding: 0 8px;font-size: 20px;}
.kb-keywords-holder.with-search .search-input {background: #fff;border-bottom: 0 !important;}
.kb-keywords-holder.single-holder {min-height: 40px;}
.kb-keywords-holder.single-holder .kb-keyword-item {background: none !important;margin: 0;}
.form-control,.mx-input {padding: 7px 10px;font-size: 14px;border-radius: 0;    border-radius: 5px;line-height: 24px;height:auto;    background: #F5F8FA !important;color:#111 !important}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 14px;}
.form-control:focus {border-color: rgba(0,0,0,0.15);box-shadow: none; background: #F5F8FA;}
select {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
.form-group{position: relative;}
.form-group select + .fa-angle-down {position: absolute;right: 10px;top:50%;transform: translateY(-50%);pointer-events: none;}
.browse-file label{padding: 10px;background: transparent; display: table;color: #888;margin: 0;}
.sl-right-inner .form-control{font-size: 16px; }
.browse-file input[type="file"] {display: none;}
.add-row, .delete-row {font-size: 100%;}
.company-select-wrapper{position: absolute !important;z-index: 9999;margin: 0 !important;background: #fff;left: 15px;top: calc(100% - 2px);width: calc(100% - 30px) !important;height: auto !important;overflow: visible !important;max-height: none !important;}
.set-password-wrap ,.container-fluid.step-3.ele-centered ,
.container-fluid.step-4.ele-centered,
.container-fluid.step-2.ele-centered,
.container-fluid.step-5.ele-centered,
.container-fluid.step-1.ele-centered {box-shadow: 0 0px 60px 0px #ccc;border-radius: 7px;}
.features-form-wrap .col-form-label{min-width: 250px;}
.registration-page {flex-direction: column;}
.registration-page .register-main-content {display: flex;flex-direction: column;justify-content: center;margin-top: 15px;max-height: calc(100vh - 200px);margin-left: -15px;margin-right: -15px;width: auto;}
.register-main-content > .row {width: 100%;}
.register-main-content input:checked + .slider {background-color: #111111;}
.connect-wrapper .btn-accordion .card-header .card-link[aria-expanded="true"],
.connect-wrapper .btn-accordion .card-header .card-link[aria-expanded="true"]:hover,
.connect-wrapper .btn-accordion .card-header .card-link[aria-expanded="true"]:focus,
.connect-wrapper .btn-accordion:not(#conSettingAcc) .card-header h5 a:hover, 
.connect-wrapper .btn-accordion:not(#conSettingAcc) .card-header a.card-link:hover{background-color: transparent !important;}
.register-main-left {max-width: 615px;}
.register-main-right {max-width: calc(100% - 500px);}
.register-main-right img {max-height: calc(100vh - 200px);}
.register-main-right video {max-height: calc(100vh - 200px);}
#formAppLogin span.checkmark, #formAppLogin .custom-checkbox .checkmark:after {border-color: #ced4da !important;/* border-width: 1px; */}
#formAppLogin .custom-checkbox input:checked ~ .checkmark {border-color: #4354ffee !important;}
#formAppLogin  .custom-checkbox .checkmark:before {content: "";position: absolute;display: none;left: 11px;top: 5px;width: 3px;height: 12px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#formAppLogin  .custom-checkbox input:checked ~  .checkmark:before{display: block;background-color: #4354ffee;}
#formAppLogin .custom-checkbox input:checked ~ .checkmark:after {display: block;background-color: #4354ffee;border: none !important;height: 3px;top: 12px;left: 3px;}
.signup-with-email-page{background-image: url('../images/ng-db-screen.jpg');background-size: cover;position: relative;height: 100vh;width: 100vw;}
.signup-with-email-page:after{content: "";position: absolute;top:0;left:0;bottom:0;right:0;    background: #161631;opacity: .7;}
.signup-with-email-page .login-main-wrapper {position: absolute;height: auto;top: 50%;left: 50%;z-index: 99;background-color: #fff;transform: translate(-50%,-50%);padding: 70px;border-radius: 10px;width:1060px}
.signup-with-email-page .login-wrap-left,.signup-with-email-page .login-wrap-right {height: auto;}

.list-reg-process-step:not(.list-reg-process-step-inn) > .list-item a.completed:after{
    display: block;
    content: "";
    background-image: url('../images/icon-tick-white.png');
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    left: -10px;
    background-size: contain;
    height: 15px;
    background-repeat: no-repeat;
}
.list-reg-process-step .list-reg-process-step-inn > .list-item a.completed:after{
    display: none;
}



/****************
JSCROLLPANE CSS CUSTOMIZATION
******************/
.jspVerticalBar {width: 10px;background: transparent;transition: all 0.4s;position: absolute !important;right: 0 !important;top:0 !important;bottom:0 !important;}
.jspTrack {background: #f1f1f1;height: 100%;position: absolute !important;border-radius: 6px;width: 100%;top:0 !important;bottom:0 !important;}
.jspDrag {background: #c1c1c1;border-radius: 0;position: relative;border-radius: 6px;}
.jspPane {width: 100% !important;left:0 !important;}
.jspHorizontalBar{display: none;}






/***************************
SELECT DESIGN CUSTOMIZATION
**************************/
.bootstrap-select > .dropdown-toggle {background: none;border: 1px solid #cbd6e2;font-size: 16px;font-weight: 400;color: #111111 !important;min-width: 100%;padding:7px 30px 7px 15px;min-height: 40px;white-space: nowrap;}
.btn-accordion .bootstrap-select.cust_country_code > .dropdown-toggle,
.btn-accordion .bootstrap-select.visitor_country_code > .dropdown-toggle{padding:5px 30px 5px 15px;}
.modal-dialog .bootstrap-select.btn-group .dropdown-toggle .filter-option,.modal-dialog .bootstrap-select.btn-group .dropdown-menu li a span.text {color:#111111;}
.bootstrap-select > .dropdown-toggle:focus{outline: none !important;}
.bootstrap-select > .dropdown-toggle:after{margin-left: 0;}
.sel-down-arr{display: none !important;}
.list-sb-actions .bootstrap-select.text-primary > .dropdown-toggle span {color: #1360b3 !important;}
.bootstrap-select.btn-group .dropdown-menu li a {padding: 0.25rem 0.5rem;line-height: 1.75;display: block;color: #111111;min-width: 120px;}
.bootstrap-select.btn-group .dropdown-menu{margin-top:-1px;border-radius: 0;max-width: 100%;    border: 1px solid #cbd6e2;}
.list-conv-all-dd-other .bootstrap-select.btn-group.show div.dropdown-menu,
td .bootstrap-select.btn-group.show div.dropdown-menu,
.list-sb-actions .bootstrap-select.btn-group.show div.dropdown-menu,
.chat-console-single .bootstrap-select.btn-group.show div.dropdown-menu,
.notification-sett-row .bootstrap-select.btn-group.show div.dropdown-menu{position: absolute !important;transform: translate3d(0,20px,0) !important;}
td .bootstrap-select.btn-group.show div.dropdown-menu,
.notification-sett-row .bootstrap-select.btn-group.show div.dropdown-menu{transform: translate3d(0,40px,0) !important;}
.bootstrap-select.btn-group.show:not(.dd-abs-menu) .dropdown-menu,
.bootstrap-select.btn-group.show:not(.dd-abs-menu) .dropdown-menu ul{position: relative !important;transform: translate(0) !important;}
.bootstrap-select.btn-group.dd-abs-menu.show .dropdown-menu,
.bootstrap-select.btn-group.dd-abs-menu.show .dropdown-menu ul{display: block !important;}



/****************
DESIGN BUTTON PAGE
******************/
.not-app-layout-wrapper aside:not(.report-dashboard-left) {background: #F5F8FA;box-shadow: 0 0 20px #ccc;border-radius: 8px;}
.chat-layout-wrapper  .collaboration-left-holder {background: rgb(245,247,250);}
aside.report-dashboard-left {height: 100%;max-width: 220px;}
.not-app-layout-right {box-shadow: 0 0 20px #ccc;border-radius: 8px;padding: 0 60px !important;max-height: calc(100vh - 255px);height: 100vh;}
.theme-title {margin-bottom: 15px;    font-size: 16px;padding: 8px 0;}
.accordion-wrap{max-width: 480px;padding-left: 15px;position: relative;min-width: 480px;}
.devices-wrap {padding: 0 30px;}
select{font-size: 16px;}
#onLineBarBtn-main{transform: scale(.7);right: -30px;position: relative;}
nav.navbar.design-nav{background-color: transparent;flex-direction: row;}
nav.navbar.design-nav .navbar-brand{font-size: 24px;}
.design-nav .navbar-nav {flex-direction: row;}
nav.design-nav .nav-link {padding: 10px 12px;font-size: 16px;}
select.form-control:not([size]):not([multiple]) { height: auto;}
.form-button-design label.custom-file { width: 100%;}
.card-header h5 a {display: block;}
.btn-accordion .card-header {height:auto;padding: 0;position: relative;}
.site-black-tabs {border: none;}
.site-black-tabs .nav-item { margin-bottom: 0;flex: 1 1 auto;text-align: left;display: flex;}
.site-black-tabs .nav-item + .nav-item{margin-left: 10px;}
.site-black-tabs .nav-link {border-radius: 0;padding: 4px 15px !important;color: #555;border: 1px solid #cbd6e2 !important;font-size: 14px;font-weight: 300;flex: 1 1 auto;border: none;}
.site-main-tabs .nav-item {margin-bottom: 0;padding: 0px 8px;display: flex;align-items: center;}
.site-main-tabs .nav-item:last-child {padding-right: 0;}
.site-main-tabs {border-bottom: none;position: relative;margin: 12px 0;}
.console-head-row .site-main-tabs.border-bottom {padding-bottom: 10px;}
.site-black-tabs .nav-link:hover,.site-black-tabs .nav-link:focus{border: none;}
.site-main-tabs .nav-link {border: none;font-size: 16px;font-weight: 400;padding: 0px !important;color: #333;}
.site-main-tabs .nav-link.right-link {color: #e66512;font-size: 14px;padding: 3px 15px !important;display: flex;align-self: center;align-items: center;border-radius: 4px !important;}
.site-main-tabs .nav-link.right-link:not(.btn-orange){border: 1px solid #e66512 ;padding: 2px 15px !important;}
.site-main-tabs .nav-link.active {color: #111111;border-bottom: 2px solid #111111;font-family: 'Graphik Medium';}
.site-main-tabs .navbar-brand ,.site-header{color: #333 !important;padding-top: 5px !important;padding-bottom: 5px !important;font-size: 22px;font-family: 'Graphik Medium';padding-left: 0 !important;text-transform: capitalize;}
.site-main-tabs .navbar-brand.disabled,#theme___BV_tab_button__{visibility: visible !important;}
.site-main-tabs .nav-link.disabled{visibility: hidden;}
.btn-accordion .card{box-shadow: none;height:auto;}
.btn-accordion .card-body {padding: 15px;background-color: #fff;}
.button-design-wrapper .btn-accordion .card-body:not(.p-0) {padding:15px 25px !important;}
#demo-wndw-6 > .card-body {min-height: 360px;}
.btn-accordion .card:first-child {border-top: 1px solid #cbd6e2;}
.btn-accordion .card {border-bottom: 1px solid #cbd6e2;}
.site-black-tabs .nav-link.active {background-color: #f5f8fa;color: #111;border-color: #f5f8fa;font-family: 'Graphik Medium';}
.btn-accordion .card-header h5 a ,.btn-accordion .card-header a.card-link {border-radius: 0;display: flex;color: #000;font-size: 14px;padding: 19px 0 19px 15px;position: relative;text-align: left;}
.btn-accordion:not(#conSettingAcc) .card-header h5 a:hover, 
.btn-accordion:not(#conSettingAcc) .card-header a.card-link:hover {background-color: #edf3f7 ;}
.btn-accordion .card-header .arrow {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.btn-accordion .card-header .arrow .fa {transform: rotate(90deg);}
.btn-accordion .card-header .card-link[aria-expanded="true"],
.btn-accordion .card-header .card-link.active{font-family: 'Graphik Medium';margin: 0 0px;background-color: #edf3f7 !important;}
.btn-accordion .card-header .card-link[aria-expanded="true"] .arrow .fa,
.btn-accordion .card-header .card-link.active .arrow .fa{transform: rotate(0deg);}
.btn-accordion #collab-more-sett-2-headingFourth .card-header .card-link .ele-centered{display: none;}
.btn-accordion #collab-more-sett-2-headingFourth .card-header .card-link[aria-expanded="true"] .ele-centered{display: block;}
.custom-file-control:before{content: "Browse";}
.custom-file-control:after{content: "Add files..";}
.form-button-design label {align-self: center;white-space: nowrap;}
.form-button-design .form-control,.form-button-design .custom-file-control {border-radius: 5px;padding: 5px 10px;font-size: 14px;font-weight: 300;}
.design-panel{padding: 45px 15px;border: 1px solid #dadada;}
.browser-image > img{max-width: 390px;opacity: 0.45;}
.iphone-image > img{max-width: 150px;}
.site-main-tabs .nav-item[role="presentation"] + .nav-item[role="presentation"]:not(.custm-toggle-dd) {margin-left: 25px;}
.button-design-wrapper li.nav-item.nav-item-with-info .active {margin-right: 25px !important;}
.select-icon-row a{border: 2px solid #ddd;padding: 3px;}
.select-icon-row .selected{border: 2px solid #e86b1a;}
nav.side-navbar .card li a {padding-left: 70px;background-color: #002864;}
input[type="range"]{background: none;border: none;padding-left: 0 !important;padding-right: 0 !important;}
input[type="range"]:focus{background: none;border: none;}
output {text-align: center;display: block;}
.form-button-design .form-group div[class*="col-"] {position: relative;}
.form-button-design .form-group ,.visitor-dd-form select,
.form-chat-box select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-button-design .form-group select + .sel-down-arr {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);line-height: 0;}
.sel-down-arr {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);line-height: 0;}
.design-wrapper .table .btn-link .fa-stamp{background-image: url('../images/clone-icon.png');width: 24px;background-size: contain;height: 24px;}
.form-button-design label.switch {margin: 3px 5px 0;}
.btn-accordion .card-body .form-group:last-child {margin-bottom: 0;}
#addMoreFldsPC .nav-link {border-radius: 0;border: none;}
.table-fields tr td:first-child {max-width: 40px;padding-right: 0;}
.table-fields tr td:first-child .btn-link {padding: 0;}
.btn-add-deptt,.btn-add-dd{font-size: 16px;}
.visitor-wrapper #myVisitorMainTabs__BV_tab_controls_ {margin-bottom: -35px !important;}
.bootstrap-select.form-control:not([class*="col-"]){padding: 0;}
#offline-btn-circle-1 .offline-btn-image-row span {padding: 15px;border-radius: 50%;background: #999;width: 75px;height: 75px;line-height: 40px;}
.off-btn-email .offline-btn-image-row a {padding: 15px;width: 75px;height: 75px;line-height: 40px;}
.on-btn-image-row a img{max-width: 36px;}
.on-btn-image-row a {padding: 15px !important;    background: #fff;}
#on-btn-circle-1 a.rounded-icon span{width: 64px; height: 64px;line-height: 64px;border-radius: 50%;margin: 4px;}
#on-btn-circle-1 a.rounded-icon {padding: 0 !important;border-radius: 50%;}
.row-bg-pattern a img{max-width: 100%; }
.row-bg-pattern .pattern-single a,.row-bg-pattern .pattern-single{padding: 2px !important;    width: 100%;display: flex;}
#on-btn-myTab ,#offline-btn-myTab {margin: 2px 0 20px;}
.theme-group-list td:first-child{overflow: visible;}
.open-sub-menu + .page {width: 100vw !important;padding-left: 240px !important;}
#ITHelpAccordion li.nav-item a.active,
#ITHelpAccordion li.nav-item a:focus,
#ITHelpAccordion li.nav-item a:hover {color: #333 !important;background: #fff;}
#ITHelpAccordion a#search-icon {position: absolute;top: 0;right: 0;padding: 3px 8px 2px 2px;}
.theme-list-wrapper {max-height: calc(100vh - 370px);}
.theme-title.active a:first-child{display: none}
.theme-title.inactive a:last-child{display: none}
.quillWrapper .ql-container#design-template-editor { min-height: 0; max-height: 400px; overflow: auto;}
.theme-activated .form-temp{display:block !important;}
div#infoDropdownFormTemp .te-form-wrap {height: 100vh;max-height: calc(100vh - 250px);}
div#infoDropdownFormTemp .te-form-wrap .j-custm-scroll {max-height: calc(100vh - 375px);}
.form-lib-wrapper-item:nth-child(2n) {box-shadow: 0 0 black;margin-left: 10px !important;}
.form-lib-wrapper-item {width: calc(50% - 5px);margin: 0 0 10px 0 !important;float: left;}
.form-lib-wrapper-item span{display: block;}
.form-lib-wrapper-item a{display: block;}
#formWindowWrap .form-lib-wrapper-item:nth-child(1),#formWindowWrap .form-lib-wrapper-item:nth-child(2){margin-top: 0 !important;}
.form-lib-wrapper-list{display: flex;flex-wrap: wrap;}
.form-lib-wrapper-list + .form-lib-wrapper-list{margin-top: 15px;}
.fl-single-body{min-height: 95px;display: flex;align-items: center;line-height: 1.5;font-size: 13px;padding: 0 10px !important}
.fl-single-head{font-size: 14px;padding: 2px 15px !important;white-space: nowrap;border-radius: 5px !important;text-align: left !important;}
.fl-single-head + .smaller-vertical-icon{background: #fff;border-radius:50%;border: none;position: absolute;top: -5px;right:-5px;font-size: 14px;line-height: 1;width: 18px;height:18px;display:none;}
.form-lib-wrapper-item:hover  .smaller-vertical-icon{display:block;}
.online-btn-wrapper .btn-accordion .col-form-label,.window-design-wrapper .btn-accordion .col-form-label {min-width: 100%;}
.online-btn-wrapper .btn-accordion .col-form-label + .pl-0, .window-design-wrapper .btn-accordion .col-form-label + .pl-0 {padding-left: 15px !important;}
a.btn.btn-select-form {position: absolute;top: 50%;right: 60px;border: 1px solid #fff !important;transform: translateY(-50%);line-height: 1.1;padding: 4px 10px;font-weight: 400;font-size: 16px;background: transparent !important;display: none;color: #fff !important;}
a[aria-expanded="true"] + a.btn.btn-select-form{display: block;}
.list-selected-form li > a.active{background-color: #dfdfdf !important;}
.list-selected-form li > a.active + .arrow .fa{transform: rotateX(0deg);}
.btn-remove-form-part{line-height: 28px;width: 26px;height: 26px;font-size: 20px;background: #ccc !important;color: #fff;text-align: center;position: absolute;top: 0;right: 0;display: none;transform: translate(0%,-120%) rotate(45deg);}
.eo-single-wrap:hover .btn-remove-form-part{display:block}
#windowFormSettAccor.btn-accordion .card{border: none;}
#windowFormSettAccor.btn-accordion > .card > .card-header .arrow{display: none;}
.accordion-wrap > .btn-accordion > .card{margin-right: 10px;}
.acc-activated > .card{display: none;}
.acc-activated .activated{display: block;}
.text-format-list-icon {position: absolute;top: 0px;right: 15px;transform: translateY(-100%) rotateX(90deg);transition: all 0.5s;height: 0;    z-index: 999;}
.text-format-list-icon li.dropdown {position: relative;}
.text-format-list-icon .dropdown-menu {left: auto !important;right: 0;transform: translate3d(0,26px,0) !important;padding: 5px 1px;min-width: 248px;}
.text-format-list-icon .dropdown-menu .dropdown-item {border-radius: 0;border: none;width: 25px;padding: 0;height: 25px;font-size: 18px;line-height: 1.5;}
*:hover ~ .text-format-list-icon ,.text-format-list-icon:hover,textarea:hover ~ .text-format-list-icon{transform: translateY(-100%) rotateX(0deg);height: 26px;}
.text-format-list-icon .list-inline-item {margin: 0;float: left;}
.text-format-list-icon .list-inline-item:first-child .list-inline-link {border-top-left-radius: 4px;}
.text-format-list-icon .list-inline-link {padding: 7px 0;line-height: 10px;width: 28px;border: 1px solid #cbd6e2;text-align: center;color: #333;background: #fff;white-space: nowrap;font-size: 12px;}
.text-format-list-icon .list-inline-link:after{display:none;}
.text-format-list-icon .list-inline-link.active{background:#edf3f7 !important}
.text-format-list-icon .list-inline-item:last-child .list-inline-link {border-top-right-radius: 4px;}
.text-format-list-icon .list-inline-item + .list-inline-item {margin-left: -1px;}
.cwft-default-single {  display: inline-flex;position: relative;margin-bottom: 20px;width: 50%;padding: 0 10px;}
.cwft-default-act{width: 100%;height: 90px;font-weight: 600;padding: 20px;box-shadow: 5px 5px 10px #bfbfbf;display: flex;position: relative;border-radius: 6px;align-items: center;transition:0.5s;}
.cwft-default-contt {position: absolute;width: 0;height: 0;overflow: hidden;transition: all 0.4s;left: 50%;transform: translateX(-50%);top: 110%;z-index: 999;border-radius: 10px;box-shadow: 0 0 35px #555;display: none;}
.cwft-default-name {margin-left: 12px;line-height: 1;font-size: 16px;}
.btn-add-cwft-default{position: absolute;display: flex;align-items: center;justify-content: center;width: 0%;height: 0%;background: rgba(0,0,0,0.75);border-radius: 4px;z-index: 99;overflow: hidden;transition: all 0.4s;top: 50%;left: 50%;bottom: 50%;right: 50%;color: #fff !important;font-size: 18px;z-index: 99;}
.cwft-default-icon img {max-width: 52px;border-radius: 4px;box-shadow: 4px 4px 8px #bfbfbf;}
.cwft-default-single:nth-child(n + 3) .cwft-default-contt {bottom: 110%;top: auto;}
.cwft-default-act:not(.no-blur):hover *:not(.btn-add-cwft-default) {filter: blur(4px);}
.cwft-default-act:hover .btn-add-cwft-default *{filter: blur(0px);}
.cwft-default-act:hover{transform: scale(1.04)}
.cwft-default-act:hover + .cwft-default-contt {height: auto;width: auto;}
.cwft-default-act:hover .btn-add-cwft-default{width: 100%;height: 100%;top: 0%;left: 0%;bottom: -4px;right: 0%;opacity: 1;}
.bg-overlay-form{position: absolute;top: 0%;left: 0%;bottom: 0%;right: 0%;background: rgba(0,0,0,0.25);z-index: 9;display: none;}
.show-overlay .bg-overlay-form{display: block;}
.cwft-default-wrapper .row {margin: 0 -10px !important;}
.cwft-default-single:hover{z-index: 999;}
.cwft-default-wrapper .row:nth-child(1) .cwft-default-single:nth-child(2) .cwft-default-contt {bottom: auto;top: 110%;}
.btn-form-steps {padding: 6px 16px !important;min-height: 0 !important;}
div#chatWindowFormTemplateAccor #listSort th:last-child, div#chatWindowFormTemplateAccor #listSort td:last-child {min-width: 90px;}
.list-gradient {margin: 0 -3px;}
.list-gradient .list-inline-item {width: 16.666667%;margin: 0;padding: 0 3px;height: 50px;float: left;margin-top: 6px;position: relative;}
.list-gradient .list-inline-link:after {content: "";width:0;height: 0;transition: all 0.3s}
.list-gradient .list-inline-link.selected:after {left: 38%;position: absolute;top: 48%;width: 9px;height: 18px;border: solid #fff;border-top-width: medium;border-right-width: medium;border-bottom-width: medium;border-left-width: medium;border-width: 0 3px 3px 0;transform: rotate(45deg) translate(-50%,-50%);z-index: 9;}
.list-gradient .list-inline-link {width:100%;height:100%;border-radius: 4px;position: relative;background-size: 100% 100%;}
.list-gradient .list-inline-link img{max-width: 100%;}
#showGradientColor{position: fixed;width:0px;height: 0px;border-radius: 10px;z-index: 999;transform: translate(62px,-47.5px);transition: all 0.5s;left:auto;top:auto;}
#showGradientColor a{height: 100%;width:100%;border-radius: 10px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.list-header-bg .upload-link{display: flex;justify-content: center;align-items: center;background-color:#eee;color:#ccc;font-weight: 700;font-size: 30px;}
.list-header-bg .upload-link + .custom-file{background:transparent;transform: translateY(-100%);color:transparent;}
.list-header-bg .upload-link + .custom-file .custom-file-label {color:transparent;background:transparent;border: none;}
.list-header-bg .upload-link + .custom-file .custom-file-input {background:transparent;color:transparent;}
.list-header-bg .upload-link + .custom-file .custom-file-label:after {display:none;}
.chat-window-iframe-wrap .list-sb-actions{min-width: 100%;text-align: center;margin-left: -56px;margin-top: -56px;}
.chat-window-iframe-wrap {height: calc(100vh - 135px);overflow: auto;min-width: 460px;}
.btn-rch-img{position: absolute;width: 16px;height: 16px;line-height: 16px;background: #ccc;color: #fff;border-radius: 50%;top: -4px;right: -4px;display: flex;justify-content: center;padding-top: 1px;}
#previewChatWinodwOverWeb .modal-dialog {width: 75vw;height: 75vh;}
.btn-group-form-actions button.btn {max-height: 30px;}
.btn-group-form-actions {margin-top: -44px;text-align: right;}
.all-step-done + .btn-group-form-actions {padding-left: 0;margin-top: 0;}
.ghost {opacity: 0.5;background: #c8ebfb;}    
.inuse-template {display: table;width: 100%;margin-top: 24px;}
.inuse-template .list-group-item {display: table-row;}
.inuse-template .list-group-item div {display: table-cell;white-space: nowrap;border-bottom: 1px solid #cbd6e2 !important;padding: 4px 10px;}
.inuse-template .list-group {display: table-header-group;}
.inuse-template .list-group-item div button {padding: 0 12px;}
.inuse-template .list-group-item div:nth-child(1) {min-width: 40px;max-width: 40px;padding: 0;}
.inuse-template .list-group-item div:nth-child(3) {min-width: 80px;max-width: 80px;}
.inuse-template .list-group-item div:nth-child(4) {min-width: 100px;max-width: 100px;}
.inuse-template .list-group-item:first-child > div {border-top: 1px solid #cbd6e2 !important;}
.form-sample-screen img {box-shadow: rgb(170, 170, 170) 0px 0px 15px;border-radius: 10px;max-width: 250px;}
.list-cc-steps {margin-top: 24px;}
.list-cc-steps li + li {margin-left: 250px;}
.list-cc-steps li {flex-direction: column;align-items: center;position: relative;}
.list-cc-steps li span.tick {border-radius: 6px;border: 2px solid #e66512;width: 24px;height: 24px;text-align: center;line-height: 20px;color: transparent;position: relative;z-index: 9;background: #fff;}
.list-cc-steps li.done span.tick {background-color:  #e66512;color: #fff;}
.list-cc-steps li span.step-page {margin-top: 4px;}
.list-cc-steps li + li:after {content: "";display: block;height: 2px;background: #aaa;width: calc(100% + 260px);position: absolute;top: 12px;right: 47px;}
.list-cc-steps li.done:after {background-color:  #e66512 !important;}
.theme-name{max-width: 410px;}
#previewChatWinodwOverWeb iframe {position: absolute;right: 15px;bottom: 20px;transform: scale(1) !important;}
#previewChatWinodwOverWeb .modal-dialog {width: 100vw;height: 115vh;transform: scale(0.7) translate(-50% ,-50%) !important;margin: -8% 0 0 -14%;bottom: auto !important;}
#previewChatWinodwOverWeb .modal-content {max-height: none;}
#previewChatWinodwOverWeb .modal-dialog.modal-middle .modal-body {max-height: calc(100% - 70px);}
.form-detail-part + .form-detail-part{margin-top: 1.2rem;}
.form-detail-head img {box-shadow: 5px 5px 10px #bfbfbf;border-radius: 8px;max-width: 84px;}
.form-detail-head .d-flex {align-items: center;}
.chat-design-window-wrap{padding-left: 6rem;}
.freechat-671fc86500ae5dd534f859e4483354fe{ display: block !important;}
.modal-open .freechat-671fc86500ae5dd534f859e4483354fe{ display: none !important;}
.row-ad-metrics .slick-arrow {position: absolute;top: 50%;left: -25px;transform: translateY(-50%);z-index: 99;font-size: 120px !important;line-height: 1;padding: 0 0 10px;cursor: pointer;}
.row-ad-metrics .slick-arrow.arrow-next{left:auto;right:-25px;}
.lb-overview-head{background-color: #1673d7;color: #fff;}
.lb-overview-body div[class*="col"] + div[class*="col"] {border-left: 1px solid #ccc;}




/****************
THEME PAGE
******************/
.theme-status-action .fa-check-circle,.theme-active .theme-status-action .fa-times-circle {display: none;}
.theme-active .theme-status{color: #5cb85c !important;}
.theme-active .theme-status-action .fa-check-circle{display: inline;}
.table-w-icon.table td .btn-link ,.table-w-icon.table th .btn-link {padding: 0 8px;color: #999;font-size: 20px;background: none !important;border: none;min-height: 0;min-width: 0;}
.theme-table td,.site-table td ,.website-add-table  td{   font-size: 14px;}
.site-table thead th {border-bottom: 1px solid #cbd6e2;background: #f5f8fa ;}
.theme-table thead th,.site-table thead th,.website-add-table thead th{color: #333;font-size: 14px;font-weight: 400;border-bottom: none; text-transform: uppercase; white-space: nowrap;}
.site-table tbody {border-top: 1px solid #cbd6e2;border-bottom: 1px solid #cbd6e2;}
.table tbody + tbody{border-top:none;margin-top: -1px;}
.site-table tbody tr td:first-child,.site-table thead th:first-child {border-left: 1px solid #cbd6e2;padding-left: 25px;}
.site-table tbody tr td:last-child,.site-table thead th:last-child  {border-right: 1px solid #cbd6e2;}
.bswr_firefox .site-table thead th:last-child ,.bswr_firefox .site-table tbody tr td:last-child {border-right: 2px solid #cbd6e2;}
.site-table thead th:first-child label[class*="custom-"], .site-table tbody td:first-child label[class*="custom-"] {margin-left: -10px !important;}
.site-table tbody tr td:first-child .custom-radio, .site-table thead th:first-child custom-radio {margin-top: -10px;}
/*.theme-group-list {border: 1px solid #cbd6e2;}*/
.table-wrapper .table{margin: 0 auto;}
.add-theme-row {margin: 0 auto 40px;}
.theme-table thead th, .site-table thead th {color: #333;}
.add-theme-row{margin-bottom: 0;}
.theme-table td:nth-child(3) {width: 125px;}
.theme-table td:last-child {text-align: right;width: 150px;}
#themes .design-panel:first-child { max-width: 850px;}
.add-theme-row .btn.btn-primary {font-size: 16px;}
.add-theme-row .btn.btn-primary {font-size: 16px;font-family: 'Graphik Medium';}
.te-form-title {font-family: 'Graphik Medium';margin-bottom: 25px;}
.table-wrapper {padding-left: 75px;padding-right: 75px;}
.te-form-wrap {padding: 3rem !important;}
.te-form-wrap-btn .btn-change-status ,.save-cancel-row .btn-design-cancel{color: #555;font-weight: 400;background-color: #ccc;}
.save-cancel-row{position: absolute;bottom:0;right: 0;}
.table-wrapper .form-control{font-size: 15px;font-weight: 400;}
.chat-layout-wrapper {height: calc(100vh - 131px);}
.theme-table-wrap {max-height: calc(100vh - 245px) !important;}
.button-design-wrapper .accordion-wrap .btn-accordion > .card > .card-header + div .card-body{overflow-y: auto;overflow-x: hidden;}
div#btn-accordion-oq {max-height: calc(100vh - 268px);overflow: auto;}
.button-design-wrapper .accordion-wrap .btn-accordion .btn-accordion {max-height: none;}
.btn-accordion .bootstrap-select > .dropdown-toggle {padding: 7px 10px;}
.template-button-design .theme-table th:nth-child(1), .template-button-design .theme-table .theme-group-list td:nth-child(1) {min-width: 125px;max-width: 125px;}
.template-button-design .theme-table th:nth-child(2), .template-button-design .theme-table .theme-group-list td:nth-child(2) {min-width: 220px;max-width: 220px;text-align: left;}
.template-button-design .theme-table th:nth-child(3), .template-button-design .theme-table .theme-group-list td:nth-child(3) {min-width: 805x;max-width: 85px;text-align: left;}
.template-button-design .theme-table th:nth-child(4), .template-button-design .theme-table .theme-group-list td:nth-child(4) {min-width: 125px;max-width: 125px;}
.table-theme-list tbody {border-top: 0 !important;}
.theme-table-wrapper .j-custm-scroll{max-height: calc(100vh - 230px);}
.list-table-actions-item {text-transform: none;}
.list-table-actions-link {color: #4354b6  !important;}
.list-table-actions-link:hover, .list-table-actions-link:focus {text-decoration: underline;}
#btn-accordion-oq .custm-toggle-dd{position: absolute;left: 60px;top: 15px;}
.site-table thead tr:first-child th.bg-white {border: none !important;}
.not-app-layout-right .site-main-tabs, .not-app-layout-right .site-main-tabs[id*="BV"] {border-bottom: none !important;margin: 15px 0 0 !important}
.not-app-layout-right .site-main-tabs .nav-item {min-height: 52px;}
.not-app-layout-right .console-head-row{padding-top: 0;}
.not-app-layout-right .tab-content {margin-top: 0 !important}








/****************
ADMIN SMS PAGE
******************/
#messageReviewerWindowModalR .box-shadow--default {box-shadow: 2px 2px 8px #ccc;}





/****************
FEATURES DISPLAY PAGE
******************/
#featureSettAccor .card-header .card-link[aria-expanded="true"] {background: #aaa;font-weight: 400;}
.op-show div#infoDropdownFeatures.setting-acc[id*="info"] {min-width: 360px !important;max-width: 360px !important;}
div#infoDropdownFeatures.setting-acc[id*="info"] > * {min-width: 360px !important;}
.features-wrapper .j-custm-scroll{max-height: calc(100vh - 270px) !important;}






/****************
COMPANIES PAGE
******************/
.table-companies th:first-child,.table-companies td:first-child{width: 60px;}
.table-companies th:nth-child(3),.table-companies td:nth-child(3){min-width: 300px;max-width: 300px;}
.table-companies th:nth-child(n+4), .table-companies td:nth-child(n+4) {min-width: 275px; max-width: 275px;}
.dd-fixed-wrapper {position: absolute;right: 1rem;}
.dd-fixed-wrap{float: right;margin: 0 0 0 8px;display: none;}
.table-companies tr:hover > td .dd-fixed-wrap{display: block;}
.table-contact tr:hover > td .dd-fixed-wrap{display: block;}
.btn-dd-fixed{padding:0 16px;border-radius: 5px;}
.list-dd-fixed-holder {display: none;z-index: 999;background: transparent;padding: 10px 0;min-width: 100px;min-width: 100px;position: relative;}
.modal .list-dd-fixed-holder {left: 22px !important;}
.list-dd-fixed-holder .list-dd-fixed{background: #fff;position: relative;border-radius: 6px;padding: 10px 0;box-shadow: 0 0 20px #ccc;border: 1px solid #e1e1e1;}
.list-dd-fixed-holder:after {content: '';display: block;position: absolute;top: 8px;transform: rotate(45deg) translateX(-50%);background: white;height: 20px;width: 20px;border-radius: 0;box-shadow: -4.25px -4.25px 10px -3px #ccc;right: 20px;left: 50%;margin-left: -3px;z-index: 1;}
.list-dd-fixed-holder a{color: #111111;width: 100%;padding:0.25rem 1.5rem;    position: relative;z-index: 9;}
.list-dd-fixed-holder a:hover, .list-dd-fixed-holder a:focus {color: #fff !important;background: #e86b1a !important;}
.list-dd-fixed-holder.dd-top:after {bottom: -6px;box-shadow: 4.25px 4.25px 10px -3px #ccc;top:auto;}
.dd-per-page .bootstrap-select.dropup.show div.dropdown-menu {transform: translate3d(0,calc(-100% - 10px),0) !important;}
.companies-wrapper .table-responsive,.deals-wrapper .table-responsive {max-height: calc(100vh - 230px) !important;}
.bootstrap-select.btn-group.dd-left-0 .dropdown-menu {left: 0 !important;}


/****************
DEALS PAGE
******************/
.table-deals th:nth-child(2),.table-deals td:nth-child(2){min-width: 300px;max-width: 300px;}
.table-deals th:nth-child(n+3), .table-deals td:nth-child(n+3) {min-width: 250px; max-width: 250px;}
.deals-wrapper .col-auto.collaboration-left {width: 240px;}
.deals-wrapper.contact-wrapper .collaboration-right {max-width: calc(100% - 240px) !important;}





/****************
CODE PAGE
******************/
.code-wrapper {font-size: 16px;}
.code-wrapper p{color:#111;font-size: 19px;}
.code-wrapper.table-wrapper .form-control{font-size: 16px;padding: 0 30px 25px;}
#codePlugins {color: #333;}
.code-wrapper code {font-size: 100%;}
#codePlugins {color: #555;width: 210px;padding-left: 15px;padding-right: 15px;text-align: left;position: relative;}
#codePlugins:after{display: none;}
#codePlugins .fa{position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
.btn-sendcode{min-width: 210px;}
.dropdown-info .dropdown-toggle {background-color: transparent !important;}
.modify-msg .ql-toolbar.ql-snow{display: none;}
#sendToDevEditor{border-top: 1px solid #cbd6e2;min-height: 320px !important;max-height: 420px !important;}
#sendToDeveloper .ql-container.ql-snow{border-radius:6px;}
#ctcTextarea{resize: none;overflow-y: visible;}
#doYourself code{font-size: 110%;}
.table-chat-code td:nth-child(1), .table-chat-code th:nth-child(1) {min-width: 305px;max-width: 305px;}
.table-chat-code td:nth-child(2), .table-chat-code th:nth-child(2) {min-width: 105px;max-width: 105px;}
.table-chat-code td:nth-child(3), .table-chat-code th:nth-child(3) {min-width: 100px;max-width:100px;}
.code-website-wrapper .j-custm-scroll{max-height: calc(100vh - 480px);}
div#code-sett-accordion {width: 275px;}
#code-sett-accordion .custom-checkbox .checkmark {background: #fff;border-radius: 5px;}
#code-sett-accordion .custom-checkbox.done  .checkmark {background-color: #419641;border: none !important;}
#code-sett-accordion .custom-checkbox.done .checkmark:after {display: block;left: 9px;top: 6px;border-color: #fff;}
.ctc-main-wrapper .btn-ctc-wrap{position: absolute;transition: all 0.4s;display: flex;justify-content: flex-end;align-items: flex-end;opacity: 0;bottom: 10px;right: 20px;}
.ctc-main-wrapper:hover .btn-ctc-wrap{opacity: 1;}
#sendToDeveloper .ql-editor {padding-left: 0 !important;padding-right: 0 !important;}
#sendToDeveloper .ql-snow .ql-editor p, #sendToDeveloper .ql-snow .ql-editor p *, #sendToDeveloper .ql-editor ul > li, #sendToDeveloper .ql-editor ol > li {font-size: 14px !important;}
.code-wrapper .addons-feature-single .h-wrapper img {max-width: 56px;border-radius: 6px;}
.code-wrapper .addons-feature-single .special-offer-tag {font-size: 10px;top: 18px;left: -32px;}
.table-admin-sms th:nth-child(1),.table-admin-sms td:nth-child(1){min-width: 130px;max-width: 130px;padding-left: 15px !important;}
.table-admin-sms th:nth-child(2),.table-admin-sms td:nth-child(2){min-width: 125px;max-width: 125px;}
.table-admin-sms th:nth-child(3),.table-admin-sms td:nth-child(3){min-width: 130px;max-width: 130px;}
.table-admin-sms th:nth-child(4),.table-admin-sms td:nth-child(4){min-width: 130px;max-width: 130px;}
.table-admin-sms th:nth-child(5),.table-admin-sms td:nth-child(5){min-width: 100px;max-width: 100px;}
.table-admin-sms th:nth-child(6),.table-admin-sms td:nth-child(6){min-width: 100px;max-width: 100px;}
.table-admin-sms th:nth-child(7),.table-admin-sms td:nth-child(7){min-width: 100px;max-width: 100px;}
.table-admin-sms th:nth-child(8),.table-admin-sms td:nth-child(8){min-width: 140px;max-width: 140px;}
.table-admin-sms th:nth-child(9),.table-admin-sms td:nth-child(9){min-width: 180px;max-width: 180px;}
.table-admin-sms th:nth-child(10),.table-admin-sms td:nth-child(10){min-width: 160px;max-width: 160px;}
.table-admin-sms th:nth-child(11),.table-admin-sms td:nth-child(11){min-width: 100px;max-width: 100px;}
.code-website-wrapper .table-responsive {max-height: 230px;}
#allPluginModal .addons-feature-single {padding: 0 15px;}
.accordion-code-wrap {max-height: calc(100vh - 500px);overflow: auto;}


/******************
SWITCH
*******************/
.switch {position: relative;display: inline-block;width: 36px;height: 18px;margin-bottom: 0;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 1px;bottom: 1px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #526da4;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(24px); -ms-transform: translateX(24px);transform: translateX(18px);}
.slider.round {border-radius: 4px;}
.slider.round:before {border-radius: 4px;}
.theme-table td:last-child > :not(div), .site-table td:last-child > :not(div){float: left;}
.theme-table td:last-child.text-right > * {float: none;}



/******************
CUSTOM CHECKBOX
*******************/
.custom-checkbox {display: block;position: relative;padding: 0px;margin-bottom: 0;cursor: pointer;font-size: 22px;width:25px;height:25px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;  user-select: none;}
.custom-checkbox input {position: absolute; opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: transparent;border: 2px solid #cbd6e2;border-radius: 4px;}
.custom-checkbox input:checked ~ .checkmark {border-color: #526da4 !important;}
.checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked ~ .checkmark:after {display: block;}
.custom-checkbox .checkmark:after {left: 7px;top: 3px;width: 7px;height: 12px;border: solid #526da4;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/******************
CUSTOM RADIOBUTTON
*******************/
.custom-radio {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-radio input {position: absolute;opacity: 0;cursor: pointer;}
.custom-radio .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;border-radius: 50%;}
.custom-radio .checkmark:after {content: "";position: absolute;display: none;}
.custom-radio input:checked ~ .checkmark {border-color: #526da4 !important;}
.custom-radio input:checked ~ .checkmark:after {display: block;}
.custom-radio .checkmark:after {top: 50%;left: 52%;width: 13px;height: 13px;border-radius: 50%;background: #526da4 !important;position: absolute;transform: translate(-50%,-50%);}



/****************
CONTACT PAGE
******************/
.table-contt-chat-history thead th:nth-child(3), .table-contt-ticket-history thead th:nth-child(3),
.table-contt-chat-history tbody td:nth-child(3), .table-contt-ticket-history tbody td:nth-child(3){width: 65px;}
.emails-holder {min-height: 400px;}
.contact-all-wrap .j-custm-scroll{max-height: calc(100vh - 310px);overflow: visible !important;}
.table-contact .dropdown-menu.show {    padding:10px 0 0 !important;left: 50% !important;top: 0 !important;transform: translate3d(-50%,25px,0) !important;background: transparent;border: none !important;}
.table-contact .dropdown-menu.show > div{padding: 10px 0 !important;box-shadow: 0 0 20px #ccc;border: 1px solid #e1e1e1;background: #fff;z-index: 9;position: relative;}
.table-contact .make-dd-up .dropdown-menu.show {transform: translate3d(-50%,calc(-100% - 10px),0) !important;}
.table-contact .make-dd-up .dropdown-menu.show > div:after {top: calc(100% - 6px);box-shadow: 4.25px 4.25px 10px -3px #ccc;}
.table-contact .dropdown-menu .dropdown-item:hover,.table-contact .dropdown-menu .dropdown-item:focus{color: #fff !important;background: #e86b1a !important;}
#instructionsUploadCSV.in-out{min-width: 480px !important;max-width: 480px !important;right:0 !important;z-index: 99999 !important;}
#instructionsUploadCSV .jspPane {padding: 0px 45px 0px 0px !important;max-height: 900px !important;}
#instructionsUploadCSV .j-custm-scroll.jspScrollable,#instructionsUploadCSV .jspContainer {width: 100% !important;}
#instructionsMultipleInvite.in-out{min-width: 480px !important;max-width: 480px !important;right:0 !important;z-index: 99999 !important;}
#instructionsMultipleInvite .jspPane {padding: 0px 45px 0px 0px !important;max-height: 650px !important;}
#instructionsMultipleInvite .j-custm-scroll.jspScrollable,#instructionsMultipleInvite .jspContainer {width: 100% !important;}
.table th .fa-sort-amount-asc ,.table th .fa-sort-amount-desc{opacity: 0.5;}
.table-contact th span {white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow-x: hidden;float: left;}
.table-contact .contact_name{overflow: visible;}
.table-contact .contact_name .b-dropdown {float: right;width: auto;display: none;position: relative;}
.table-contact tr:hover .b-dropdown {display: block;}
.table-contact .contact_name .btn,
.table-contact .contact_name .btn:active,
.table-contact .contact_name .btn:focus,
.table-contact .contact_name .btn:hover {padding: 0 10px !important;min-height: 25px !important;border-color: #e66512;color: #e66512;font-weight: 400}
#contactDDActions{margin:0 10px !important;}
.table-contact .contact_name .btn:after{display: none !important;}
.table-contact .del {min-width: 60px;padding-left: 18px;}
.site-table tr:hover {background: #f5f8fa !important;}
.site-table tr:hover td{background: #f5f8fa !important;}
.table-contact .assignee span {max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.table-contact .subscriptions .btn:not(.card-link){float: none;min-height: 0;padding: 0 4px !important;}
.table-contact th:nth-child(3), .table-contact td:nth-child(3){min-width: 350px !important;max-width: 350px !important;}
.table-contact .contact_phone {min-width: 300px !important;max-width: 300px !important;padding-bottom: 0;}
.table-contact .contact_name > a {max-width: calc(100% - 170px);white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;float: left;}
.contact-table .table.table-w-icon tbody th:last-child,.contact-table .table.table-w-icon tbody td:last-child{overflow-x: hidden !important;}
.table-contact th:nth-child(n+4), .table-contact td:nth-child(n+4) {min-width: 260px;max-width: 260px;}
.table-contact th.button_group {color: transparent;}
.table-contact th.table_type,.table-contact td.table_type {display:none;}
.contact-table table{min-width: 100%;max-width: none !important;}
.contact-table .j-custm-scroll1 {height: calc(100vh - 240px);overflow: auto;}
.table-import td:last-child,.table-import td:last-child{min-width: 60px;max-width: 60px;}
.smaller-vertical-icon .icon-vertical div {min-height: 50px;    width: 40px;}
.smaller-vertical-icon .icon-vertical div p img {max-width: 20px;}
.smaller-vertical-icon .icon-vertical div p {width: 40px;height: 40px;}
.smaller-vertical-icon .icon-vertical {left: -85px;}
#csvMappingAcknowledgement label{min-width: 105px;}
.btn-delete-all {position: absolute;top: 13px;right: 50px;padding: 0 !important;}
.table-contact td,.table-contact th{position: relative;}
.in-td-popup{line-height: 1 !important;margin-top: 9px !important;float: right !important;position: absolute;top:10px;right:5px;}
.theme-active .theme-status-action .fa-check-circle{display: inline;}
#myTab .nav-link {padding: 6px 25px;min-width: 120px;border-top-left-radius: 8px;border-top-right-radius: 8px;text-align: center;color:#333;border: 1px solid #cbd6e2;margin-bottom: 0px;background-color: #ccc;color:#999;font-size: 18px;position: relative;z-index: 9;top: 1px;}
#myTab .nav-link:after {content:'';display: block;background-image: url('../images/corner.png');left: -9px;bottom: -8px;width:23px;height:25px;position: absolute;background-position: 0 0;background-repeat: no-repeat;}
#myTab .nav-link.active{background-color: #fff;border-bottom: 0;color:#333;background-image: none;}
#myTab .nav-link.active:after{display: none !important;}
#salesRecordDetailsModal .modal-body{margin-top: -1px;    border-top-left-radius: 0;}
.custm-date-range .btn{min-width:  160px;font-weight: 400;}
#myTab .nav-item:nth-child(1) .nav-link:after {left: calc(100% - 16px);transform: rotate(270deg);bottom: -9px;}
#myTab .nav-item:nth-child(n+2) .nav-link.active {border-left: 0;}
#myTab .nav-item:nth-child(n+2) .nav-link.active:after {background-image: url('../images/border-right.png');display: block !important;left: calc(100% - 7px);bottom: -8px;}
.lead-scoring .btn{min-width:  125px;}
.table-contact-wrap {max-height: calc(100vh - 220px);}
.contact-filter-wrap li a:nth-child(2){width: 16px;height: 16px;}
.contact-filter-wrap li a:nth-child(2) span{position: absolute;top: -18px;right: -2px;}
#conttFtrAccor-1 li a:first-child {font-size: 14px;}
.contact-filter-wrap{min-width: 220px;max-width: 220px;float: left;}
.current-contt-filter-wrap.filters-showing{max-height: calc(100vh - 760px);}
.current-contt-filter-wrap{max-height: calc(100vh - 300px);}
.table-ticket.table-contact .button_group {min-width: 180px;max-width: 180px;padding:10px;display: none;}
.table-contact .subscription, .table-contact .lead_score, .table-contact .campaigns { min-width: 150px;max-width: 150px;}
.table-contact .company{min-width: 150px;max-width: 150px;}
.table-contact .contact_email {min-width: 200px;max-width: 200px;}
.table-contact .timezone {min-width: 175px;max-width: 175px;}
.table-contact-wrap .jspHorizontalBar{display:block;height: 8px;background: transparent;transition: all 0.4s;position: absolute !important;right: 0 !important;bottom:0 !important;}
.table-contact-wrap .table{width:100% !important;}
.table-no-resp-msg + .j-custm-scroll{max-height: calc(100vh - 320px);}
.credit-card-form .col-form-label {min-width: 160px;}
#contactDetailTracking .j-custm-scroll{height: calc(100vh - 520px);}
#contactDetailTracking table th:nth-child(1), #contactDetailTracking table td:nth-child(1) {min-width: 200px;max-width: 200px;}
#contactDetailTracking table th:nth-child(2), #contactDetailTracking table td:nth-child(2) {min-width: 90px;max-width: 90px;}
#contactDetailTracking table th:nth-child(3), #contactDetailTracking table td:nth-child(3) {min-width: 110px;max-width: 110px;}
#contactDetailTracking table th:nth-child(4), #contactDetailTracking table td:nth-child(4) {min-width: 150px;max-width: 150px;}
input#CTDDescription{width:160px;}
input#CTDAtrribute{width:190px;font-size:14px !important;}
input#CTDFormat { width:100px;font-size:14px !important;}
#contactDetailTracking table th, #contactDetailTracking table td {padding: 10px 15px;}
.table-contact th.button_group{color: transparent !important;display: none;}
.contact-all-wrap.active-filter {max-width: calc(100% - 220px);}
#conttFtrAccor .card-link span{font-size: 14px;}
.table-contact-content-wrap{max-width:calc(100% - 205px);overflow-x: auto !important; display:inline-block;vertical-align: top;}
.table-contact-button-wrap{max-width: 205px;display:inline-block;vertical-align: top;}
#contactDD button{min-width: 140px;}
.dropdown-item.disabled, .dropdown-item:disabled{cursor: not-allowed;color: #aaa;}
#contact-segment-accordion .card-header > div {position: absolute;right: 5px;z-index: 9;top: 50%;transform: translateY(-50%);display: none;}
div#contact-segment-accordion {width: 425px;}
#contact-segment-accordion .card-header:hover > div{display: block;}
.table-map-data th:nth-child(1), .table-map-data td:nth-child(1) {min-width: 90px;max-width: 90px;}
.table-map-data th:nth-child(2), .table-map-data td:nth-child(2) {min-width: 150px;max-width: 150px;}
.table-map-data th:nth-child(3), .table-map-data td:nth-child(3) {min-width: 245px;max-width: 245px;}
.table-map-data th:nth-child(4), .table-map-data td:nth-child(4) {min-width: 260px;max-width: 260px;}
.contact-wrapper .collaboration-left {width: 250px;}
.contact-table {max-width: calc(100% - 250px);}
.table-contact-segment th.checkbox, .table-contact-segment td.checkbox {min-width: 55px;max-width: 55px;}
.table-contact-segment th.name, .table-contact-segment td.name {min-width: 140px;max-width: 140px;}
.table-contact-segment th.type, .table-contact-segment td.type {min-width: 95px;max-width: 95px;}
.table-contact-segment th.use, .table-contact-segment td.use {min-width: 100px;max-width: 100px;}
.table-contact-segment th.contacts, .table-contact-segment td.contacts{min-width: 110px;max-width: 110px;}
.table-contact-segment th.playbooks, .table-contact-segment td.playbooks {max-width: 125px;min-width: 125px;}
.table-contact-segment th.updated, .table-contact-segment td.updated {min-width: 112px;max-width: 112px;} 
.table-contact-segment th.owner, .table-contact-segment td.owner {min-width: 140px;max-width: 140px;}
.table-contact-segment th.filter, .table-contact-segment td.filter {min-width: 110px;max-width: 110px;}
.table-contact-segment th.action, .table-contact-segment td.action {min-width: 125px;max-width: 125px;}
.list-segment-contact-info a.selected {background: #edf3f7;}
.contact-wrapper .site-main-tabs .nav-link.right-link,.site-main-tabs .nav-link.with-search {padding: 7px 20px !important;max-height:40px;}
.contact-all-wrap .table-responsive {max-height: calc(100vh - 300px);}
.list-article-cat span.edit-icon {position: absolute;right: 0;}
.list-article-cat span.edit-icon .btn{padding: 0 8px !important}
.table-csv-import th:nth-child(1), .table-csv-import td:nth-child(1) {min-width: 100px;max-width: 100px;padding-left: 15px !important;}
.table-csv-import th:nth-child(2), .table-csv-import td:nth-child(2) {min-width: 80px;max-width: 80px;}
.table-csv-import th:nth-child(3), .table-csv-import td:nth-child(3) ,
.table-csv-import th:nth-child(4), .table-csv-import td:nth-child(4) {min-width: 100px;max-width: 100px;}
.table-csv-import th:nth-child(5), .table-csv-import td:nth-child(5) {min-width: 125px;max-width: 125px;}
.table-csv-import th:nth-child(6), .table-csv-import td:nth-child(6) {min-width: 130px;max-width: 130px;}
#addEditConttSegmentObjective .dropdown-toggle {padding: 0 30px 0 15px !important;}
.card-icon {box-shadow:2px 2px 8px #aaa;}
.modal .chat-detail-inner .btn-accordion .card + .card{margin-top: 1.25rem;}
.multiselect__content-wrapper .multiselect__option--highlight:after{display:none;}
.list-segment-contact-info { overflow: auto;}
.contact-wrapper .j-custm-scroll.jspScrollable ul {width: calc(100% - 8px) !important;}
li.list-inline-item.fltr-active:after {content: "";display: block;position: absolute;top: -5px;left: -16px;right: 0;bottom: -5px;background: #edf3f7;z-index: 0;border-radius: 4px;}
li.list-inline-item.fltr-active .col-form-label + .col {padding-right: 2px;}
li.list-inline-item.fltr-active {position: relative;margin-right: 1.5rem;margin-left: 8px;}
li.list-inline-item.fltr-active:last-child {margin-right: 0;}
li.list-inline-item.fltr-active .form-group {z-index: 9999;}
.table-contact th span.draggable {pointer-events: none;}
.table-contact th span.draggable img {margin-top: -2px;max-width: 7px;}
#addEditSegmentModal .table-contact-segment th.filter, #addEditSegmentModal .table-contact-segment td.filter {position: sticky;right: 120px;background-color: #fff;}
#addEditSegmentModal .table-contact-segment th.filter{background-color: #f5f8fa;}





/****************
CONVERSATION PAGE
******************/
.btn-send-button {border: none;background: none;}
.btn-send-button img {max-width: 20px;}
.transc-tabs .nav-item {flex: 1 1 auto;text-align: center;}
.transc-tabs {border-bottom: none;}
.transc-tabs .nav-item {flex: 1 1 auto;text-align: center;margin: 1px;}
.transc-tabs .nav-item .nav-link {font-size: 14px;border-radius: 2px;padding-left: 0;padding-right: 0;color: #222;background-color: #ddd;border: none;}
.clear-row{max-width: 155px;min-width: 155px;}
.chat-info-form,.table-chat-info td{font-size: 14px;border-top: none;}
.chat-info-form .col-form-label {padding-top: 4px;padding-bottom: 4px;}
.chat-info-form .col-form-label {padding-top: 4px;padding-bottom: 4px;font-size: 14px !important;}
.chat-info-form .form-control, .chat-info-form .bootstrap-select > .dropdown-toggle {padding: 3px 6px;font-size: 14px !important;line-height: 1;}
.modal-dialog .chat-info-form .bootstrap-select.btn-group .dropdown-toggle .filter-option, .modal-dialog .chat-info-form .bootstrap-select.btn-group .dropdown-menu li a span.text{font-size: 14px !important;}
.chat-info-form  .bootstrap-select > .dropdown-toggle{padding: 6px 15px;}
.trans-search-form input{font-size: 16px;}
.trans-search-form .btn {padding: 4px 15px;color: #555;border-radius: 2px;}
.form-chat-box textarea{resize: none;height: 60px;font-size: 14px;}
.form-chat-box .tags{font-size: 14px;}
.console-main-left .btn:not(.dropdown-toggle),
.console-main-left button:not(.dropdown-toggle){font-size: 14px;font-weight: 400;color: #222;background: #ddd;min-width: 55px;transition: all 0.4s;    min-height: 35px;}
.console-main-left .btn:not(.dropdown-toggle):hover,.console-main-left .btn:not(.dropdown-toggle):focus,
.console-main-left button:not(.dropdown-toggle):hover,.console-main-left button:not(.dropdown-toggle):focus{background: #a6a6a6;}
.border-left{border-left: 1px solid #cbd6e2;}
.console-main-left .list-sb-actions .bootstrap-select.btn-group.show div.dropdown-menu {right:auto !important;left:0 !important;}
.setting-acc,.settings-chat {position: fixed;bottom: 0;top: 0;right: 0;min-width: 480px !important;overflow: hidden;background: #fff;line-height: 28px;z-index: 9999999999;display: block;transition: all 0.5s;transform: translateX(100%);}
.setting-acc[id*="info"] {max-width: 390px;}
.setting-acc .te-form-wrap {max-height: calc(100vh - 71px);overflow: auto;}
.op-show .setting-acc[id*="info"] {transform: translateX(0%);display: flex;flex-direction: column;min-width: 0px !important;line-height: 24px !important;max-width: 420px !important;}
.op-show .setting-acc[id*="info"] .modal-header{padding-left: 60px !important;}
.op-show .setting-acc[id*="info"] .te-form-wrap{padding: 3rem 60px !important;}
.op-show #infoDropdownFormTemp.setting-acc[id*="info"] {transform: translateX(0%);}
.op-show .setting-acc {box-shadow: -2px 2px 8px #ccc;transform: translateX(0%);}
.op-show .settings-chat{box-shadow: -2px 2px 8px #ccc;transform: translateX(0%);}
.console-head-row .site-main-tabs .nav-link .fa {font-size: 32px;color: #e66512;text-align: center;}
.console-head-row .site-main-tabs .nav-link .fa-volume-off{color: #aaa;}
.console-right-info{height: 285px;}
.transc-section {height: calc(100vh - 298px);}
.console-wrapper{display: flex;flex-direction: column;    margin: 0 -15px;}
.console-all-wrap button.btn-clear-chat:not(.dropdown-toggle) {background-color: #999 !important;color: #fff !important;}
.transc-section .tab-content,.transc-section .tab-content > .tab-pane{flex: 1 1 auto;height: 100%;}
.transc-section .tab-content{position: static;}
.transc-section .tab-content:after,.transc-section .tab-content:before{position: absolute;z-index: 9;content: "";height: 25px;background-color: #fff;width: calc(100% - 17px);top:0;left: 0;}
.transc-section .tab-content:after{bottom: 0;top:auto;}
.trans-search-wrap {margin-left: -1px;margin-right: -1px;}
.console-all-wrap {height: calc(100vh - 65px);padding: 20px 0;}
.transc-section .tab-content {height: 100%;padding: 25px 0;}
.chat-first-sub-wrap{height: calc(100vh - 565px);}
.transc-section .tab-content > .tab-pane {height: 100%;font-size: 16px;padding: 0 25px !important;line-height: 28px;}
.table-support-wrap {max-height: calc(50% - 25px) !important;position: relative;min-height: calc(50% - 25px) !important;}
.chat-window-wrap{position: relative;font-size: 14px;overflow-y: auto;}
.file-upload-on .chat-window-wrap{height: calc(100vh - 466px);}
.chat-status-wrap{max-height: calc(50% - 25px) !important;position: relative;min-height: calc(50% - 25px) !important;}
.custm-scroll{height:100%;max-height: 100%;width:100%;position: relative;overflow:auto;}
.transc-tabs + .custm-scroll.jspScrollable::after, 
.transc-tabs + .custm-scroll.jspScrollable::before {position: absolute;content: "";background-color: #fff;height: 20px;bottom: 0;width:calc( 100% - 12px);z-index: 9;}
.transc-tabs + .custm-scroll.jspScrollable::before {bottom: auto;top: 0;}
.transc-tabs + .custm-scroll {position: relative;height: calc(100% - 42px);}
.table-chat-status thead tr td:last-child, .table-support-optr thead tr td:last-child {width: 85px;}
.table-chat-status tbody tr td:last-child, .table-support-optr tbody tr td:last-child {padding-left: 15px;}
.table-chat-status thead tr td:nth-child(3) {width: 160px;}
button.close .fa.fa-times {font-size: 24px;}
.modal{z-index: 99999999999999 !important;right: 0;bottom: 0;}
.no-modal-backdrop .modal-backdrop{display: none !important;}
.modal-dialog {max-width: 580px;margin: 30px auto;box-shadow: 0 0 55px 1px #555}
.modal-title {margin-bottom: 0;line-height: 1.5;font-size: 18px;display: flex;white-space: nowrap;max-width: calc(100% - 30px);overflow: hidden;text-overflow: ellipsis;}
.modal-title font {max-width: 100%;text-overflow: ellipsis;overflow: hidden;}
.modal-content {border-radius: 6px;padding: 0px !important;border: none;}
.modal-content .border-gray,.modal-content .design-panel{border-radius: 0;border: 0 !important;}
.modal-body {overflow-x: hidden;overflow-y: auto;padding: 0 !important;position: absolute;top: 70px;width: 100%;bottom: 71px;max-width: 100%;}
.modal-body.bottom-0 {bottom: 0;}
.csfl-item-wrap {display: flex;}
#conSettingAcc.btn-accordion .card-header .card-link {font-size: 15px !important;padding: 12px 30px;color: #fff !important;}
.console-main-left #consoleSetts .card-link + .switch {margin-right: 20px;}
#conSettingAcc.btn-accordion .card-header .arrow {right: 35px;}
#closeConvModel .btn {min-width: 125px;}
#conSettingAcc.btn-accordion .card-header .card-link[aria-expanded="true"] {      background: linear-gradient(to left, #173765,#415681) !important;;color: #fff !important;}
.modal-header {margin-bottom: 0;padding: 15px 25px 14px 3rem !important;background: #002864;display: flex;align-items: center;color: #fff;}
.modal-header .close {padding: 0;width: 36px;height: 36px;border-radius: 50%;background: transparent;z-index: 999;position: relative;margin: 0;opacity: 1;    margin-left: auto;visibility: hidden;}
.modal-content:hover .modal-header .close {visibility: visible !important;}
.csfl-item-wrap span.created-on {font-size: 12px;text-transform: capitalize;}
.csfl-item-wrap span.created-on {font-size: 12px;text-transform: capitalize;color: #4181bc !important;}
.conv-saved-filter-list .csfl-item .dropdown-toggle::after {content: "";left: 100%;margin-left: 10px;font-size: 20px;}
.conv-saved-filter-list .dropdown-menu {padding: 15px 20px;margin-top: 5px;max-width: none !important;font-size: 14px;width: auto !important;}
.conv-saved-filter-list .dropdown-menu li{white-space: nowrap;}
.all-conversation .dropdown-toggle {justify-content: left;}
.console-head-row {padding-top: 0.5rem;}
.conv-left-view .filter-option {max-width: 75px;}
.ct-dropdown-toggle::after,
.dropdown-toggle::after, button[id*="convTagsDD"]::after, 
.kb-keywords-holder.single-holder:after,
div.goog-te-gadget:after{content: "\f0d7" !important;font: normal normal normal 14px/1 FontAwesome;font-size: 14px;line-height: 1;font-size: 14px;right: 5px;font-size: inherit;text-rendering: auto;border: none !important;position: absolute;top: 50%;transform: translateY(-50%);width: 16px !important;height: 16px !important;color: #8693AE;}
.ct-dropdown-toggle::after {font-size: 24px;    margin-top: -5px;}
aside .sm-link.dropdown-toggle .sm-link-text{pointer-events: none;}
aside .sm-link.ct-dropdown-toggle .sm-link-text{pointer-events: none;}
.ct-dropdown-menu {display: none;}
.ct-dropdown-menu.show {display: block;}
aside .ct-dropdown-menu .sm-link .sm-link-text {padding: 0.75rem 2.3rem !important;}
aside .ct-dropdown-menu .ct-dropdown-menu .sm-link .sm-link-text {padding: 0.75rem 2.75rem !important;}
div.goog-te-gadget:after{margin-top: 4px;}
.chat-single-row {align-items: start;padding: 0 26px;margin: 0 0 !important;}
.chat-single-row-head {min-width: 40px;}
.chat-single-row:not(.oth-msg).editing-active,
.chat-single-row:not(.oth-msg):hover, .chat-single-row:not(.oth-msg):focus ,
.single-day-msg-row:not(.oth-msg):hover, .single-day-msg-row:not(.oth-msg):focus {background: #edf3f7;}
.chat-single-row-head .row-timestamp{min-width: 60px;}
.row-timestamp.inn{visibility: hidden;margin-left: -19px;line-height: 2;}
.chat-single-row:hover .row-timestamp.inn, .chat-single-row:focus .row-timestamp.inn{visibility: visible;}
.chat-single-row  .visitor-card-name {width: 40px;height: 40px;line-height: 40px;}
.chat-single-row .rounded {position: relative;padding: 0;max-width: 100%;}
.visitor-row,.agent-row{border-radius: 7px;font-size: 14px;color: #111111;position: relative;max-width: calc(100% - 20px);padding: 0 !important;background: none !important;border: none !important;}
.visitor-row{margin-left: auto;margin-right: 10px;background: #fff9f3;border: 1px solid #fcebe0;}
.agent-row{background-color: #f4f6fa;margin-left: 15px;border: 1px solid #deebf7;padding-right: 60px !important;}
.system-row{color:#a6a6a6;}
.table-chat-transfer td,.table-chat-transfer th{color:#111;}
.table-chat-status th,.table-support-optr th {    color: #222;}
.slider-window{overflow-x: hidden;}
.windows-wrapper{width: calc(200%);}
.popup-first-window,.popup-second-window{max-width: 50%;position: relative;transition: all 0.5s;float:left;}
.slide-me{margin-left: calc(-50% - 2px);}
.transc-tabs .nav-item .nav-link.active,.console-all-wrap .btn:not(.dropdown-toggle):focus {    background-color: #999;    color: #fff;}
.form-visitor-archive .col-form-label{min-width: 120px;}
.row-timestamp{color: #898989;font-size: 12px;margin-left: 5px;}
.dd-icon-tags .bootstrap-select.btn-group .dropdown-menu{min-width:240px;}
.table-chat-status th, .table-chat-status td,
.table-support-optr th, .table-support-optr td{font-size: 14px;padding: 5px 8px;}
.table-chat-status th:nth-child(1), .table-chat-status td:nth-child(1),
.table-chat-status th:nth-child(2), .table-chat-status td:nth-child(2){min-width: 60px;max-width: 60px;}
.table-chat-status th:nth-child(3), .table-chat-status td:nth-child(3) {width: 140px;}
.table-chat-status th:nth-child(4), .table-chat-status td:nth-child(4) ,
.table-support-optr th:nth-child(3), .table-support-optr td:nth-child(3) {width: 60px;}
.table-support-optr th:nth-child(1), .table-support-optr td:nth-child(1),
.table-support-optr th:nth-child(2), .table-support-optr td:nth-child(2){max-width: 150px;}
.btn-audio-video .fa.fa-window-maximize,.minimized .btn-audio-video .fa.fa-window-restore {display: none;}
.minimized .btn-audio-video .fa.fa-window-maximize {display: inline;}
#videoConfrence .close {padding-bottom: 0;padding-top: 12px;}
#videoConfrence .modal-dialog {min-width: 875px  !important;max-width: 875px  !important;}
#videoConfrence .modal-body iframe {height:calc(100vh - 160px) !important;}
.chat-info-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-size: 14px;}
.popup-second-window{display: none}
.slide-me + .popup-second-window{display: block}
.form-ban-visitor label.col-form-label{min-width: 115px;}
#testChatConsoleModal .modal-dialog{max-width: 546px;width: auto !important;min-width: 0 !important;top: 44px;right: 0;position: absolute;margin: 0px 0 0;bottom: 0;}
#testChatConsoleModal{left: calc(100% - 520px);bottom: 0;transform: scale(0.8);margin-right: 2px;margin-top: 12px;}
.ap-time-slot-wrap{height: 150px;overflow-y: auto;overflow-x: hidden;}
#consoleWinSlider .conv-email-msg-attachment-dwld {position: absolute;bottom: 10px;right: 15px;}
.chat-detail-part .form-group > .col-form-label + div.col{max-width:calc(100% - 108px);}
.chat-detail-part .form-group > .col-form-label + div.col li {max-width: 100%;}
.chat-detail-part .engage-script-wrap .form-group > .col-form-label + div.col{max-width:calc(100% - 55px);}
.chat-main-ele textarea {resize: none;padding-right: 48px;}
#chatCollaborate .chat-main-ele .btn-send-button {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.btn-save-console-left{position: absolute;}
.test-chat-open .modal-backdrop{display: none;}
.form-chat-box .chat-console-editor {padding: 10px;word-break: break-word;font-size: 14px;border:1px solid #cbd6e2;border-top: none !important;border-radius: 0 0 4px 4px;min-height:60px;max-height: 320px;}
.console-right-info label.col-form-label {min-width: 100px;}
.console-right-info label.col-form-label + .col {max-width: calc(100% - 100px);}
.chat-console-body{flex:1 1 100%;overflow-y: hidden;background: #F5F8FA;}
.chat-console-inner-wrap{height:100%;}
#transcriptArchiveHeader tbody{display: none;}
#transcriptArchive thead{display: none;}
.chat-console-footer {flex-direction: column-reverse;padding: 5px 15px 15px !important;margin: 0px !important;}
.chat-detail-inner{min-width: 100%;max-width: 100%;padding-right: 22px ;}
.list-picked-chats > li + li,.list-unpicked-chats > li + li {border-top: 6px solid #fff;}
.list-console-links li a {white-space: nowrap;width: 100%;}
.list-chat-window-btns .list-console-links li a {padding: 0.25rem 1.5rem;}
.list-console-links li a:hover,.list-console-links li a:focus {color: #222;font-family: 'Graphik Medium' !important;background: #edf3f7;}
.btn-grid-console {flex-direction: row !important;border-radius: 4px !important;}
.btn-grid-console div{width: 10px;height: 20px;border: 1px solid #e66512;margin: 4px 0;}
.btn-grid-console div + div{margin-left: 4px;}
.list-console-links li + li {margin-top: 5px;}
.chat-console-single .op-show .icon-change-black img:nth-of-type(2){filter: invert(60%);}
.btn-more-setting{display: flex;align-items: center;padding: 4px !important;color: #111 !important;font-weight: 400;}
.btn-more-setting .fa{margin-left: 5px;}
.op-show .btn-more-setting div{background-color: #777;}
.btn-more-setting div + div{margin-top: 4px;}
.bg-success .btn-more-setting div,.bg-warning .btn-more-setting div{background-color: #eee;}
.bg-success .op-show .btn-more-setting div,.bg-warning .op-show .btn-more-setting div{background-color: #fff;}
.console-two-section{background: #415681 !important;padding-left: 27px !important;padding-right: 23px !important;width: 100%;}
.console-two-section .dropdown-toggle::after {line-height: 1;font-size: 20px;margin: 10px 0 0 10px;position: static;color: #fff;}
.console-two-section + .console-two-section {margin-top: 0.5rem;}
.console-visitor-row + .console-visitor-row {margin-top: 8px;}
.console-two-section.show{padding-bottom: 0 !important;}
.console-bg-blue{background: #173765 !important;margin: 0px -24px 0px -27px;width: calc(100% + 66px);border: none;padding: 1rem 0;border:none !important;}
.all-conversation .console-bg-blue{max-height: calc(100% - 40px);}
.console-visitor-row {padding: 0;background: transparent !important;width: auto;max-width: 260px;margin-right: auto;margin-left: auto;}
.console-visitor-row .visitor {width:36px;height:36px;line-height:36px;background: #fff;border-radius: 4px;text-align: center;font-size: 14px;text-transform: uppercase;color: #fff;}
.flash { animation-name: flash;animation-iteration-count: infinite;animation-duration: 1s;}
@keyframes flash {0% {transform:scale(1,1);}50% {transform:scale(1.15,1.15);}100% {transform:scale(1,1);}}
.conc-item-closed.console-visitor-row a{background: transparent !important;color: #fff !important;}
.conc-item-closed.console-visitor-row a .visitor-details .text-black{color: #fff !important;}
.btn-cons-item-close,.conv-open,.conc-item-closed.console-visitor-row:hover .conv-close{display: none;}
.console-visitor-row:hover .btn-cons-item-close,
.conc-item-closed.console-visitor-row:hover .conv-open{display: block;}
/*.console-main-left{position: absolute;z-index: 99;background: #173765;color: #fff;width: 295px;}*/
.console-main-left {position: static;z-index: 99;background: #173765;color: #fff;width: auto;width: 330px;}
.console-main-left .bootstrap-select:not(.dd-abs-menu) .dropdown-menu {background: #415681 !important;}
.all-conversation-dd .dropdown-menu {background: #415681 !important;border: none;z-index: 9999;left: 5px !important;padding-top: 0 !important;}
.all-conversation-dd .bootstrap-select div.dropdown-menu {padding-top: 0.5rem !important;}
.all-conversation-dd > .dropdown > .dropdown-menu {width: 295px;}
.list-conv-all-dd li a {padding: 5px 15px;color:#fff;}
.list-conv-all-dd li a:hover {opacity: 0.75;}
.all-conversation-dd .dropdown-menu .dropdown-item a {color: #fff;font-size: 14px;width: 100%;}
.console-setting-dd{box-shadow: none !important;min-width: 295px !important;max-width: 295px !important;border-radius: 0 !important;height:0 !important;}
.op-show .console-setting-dd{height:auto !important;}
.slide-content-toggle-dd{display: none;   position: absolute;z-index: 9999;right: 1px;top: 100%;padding: 0 !important;border: 0;margin-top:10px;}
#consoleSetts.slide-content-toggle-dd{min-width: 330px;margin-top: 5px;}
#consoleSetts.slide-content-toggle-dd div#conSettingAcc {padding: 0 0 !important;max-height: calc(100vh - 153px);overflow: auto;}
.all-conversation-dd .dropdown-menu .dropdown-item a.actv,
.all-conversation-dd .dropdown-menu .dropdown-item a:hover, 
.all-conversation-dd .dropdown-menu .dropdown-item a:focus{background:#6076a2 !important;}
.all-conversation-dd .dropdown-menu .dropdown-item a :hover,.all-conversation-dd .dropdown-menu .dropdown-item a :focus{color: #333;}
.all-conversation-dd .dropdown-menu a.dropdown-item {padding: 0;}
.all-conversation-dd .dropdown-menu a.dropdown-item a {padding: 0.5rem 2rem;}
.console-main-right{
    /*padding-left: 295px !important;*/
    max-height: 100%;}
#consoleWinSlider .slick-arrow{display:none !important;}
#consoleWinSlider .slick-list,#consoleWinSlider .slick-track{height:100% !important;}
.chat-console-head .list-inline-item{display: flex;}
.btn-grid-console[data-view="1"] div:nth-child(1){background-color:#e66512;}
.btn-grid-console[data-view="2"] div:nth-child(1),
.btn-grid-console[data-view="2"] div:nth-child(2){background-color:#e66512;}
.btn-grid-console[data-view="3"] div:nth-child(1),
.btn-grid-console[data-view="3"] div:nth-child(2),
.btn-grid-console[data-view="3"] div:nth-child(3){background-color:#e66512;}
#consoleWinSlider{overflow: hidden;    max-height: 100%;padding-right: 1px !important;}
#consoleWinSlider[data-view="1"] > .col:nth-child(2){display:none;}
#myTabOptions .btn-console-slider-next.slick-disabled,#myTabOptions .btn-console-slider-prev.slick-disabled{cursor: not-allowed;}
.chat-detail-part .form-group .col-form-label + .col label{max-width: 100%;text-overflow: ellipsis;overflow: hidden;float: left;text-align: left;font-size: 14px !important}
.chat-detail-part .form-group > .col-form-label {padding-left: 0 !important;width: 108px;text-overflow:ellipsis;overflow:hidden;}
.chat-detail-part div[id*="shopify-details-"] .form-group > .col-form-label {width: 112px;padding-right: 112px !important;}
.chat-detail-part div[id*="shopify-details-"] .form-group > .col-form-label + div.col{max-width:calc(100% - 112px);}
a.btn-back-close-crm{display: none;}
div[id*="console-accordion-other-"].btn-accordion .card {overflow: visible;}
.chat-detail-part .form-group .col-form-label,
.chat-detail-inner div[id*="console-accordion-visitor-"].btn-accordion .dropdown-toggle .filter-option {font-family: 'Graphik Medium';font-size: 13.5px !important;line-height: 24px !important;    min-height: 0 !important;}
#hireOurAgents li .dropdown-toggle{border: none;min-width: 100px;display: flex;align-items: center;}
#hireOurAgents .col-form-label .dropdown{display: inline-block;    white-space: normal;}
#hireOurAgents .col-form-label .dropdown-toggle{border: none;min-width: 0;display: inline-block;}
#hireOurAgents .dropdown-toggle:after{display: none;}
#hireOurAgents .dropdown-menu{min-width: 550px;padding: 6px 10px 10px;border-radius: 6px;}
.list-emojis .list-inline-item {vertical-align: top;margin: 0 0 0 6px !important;float: none !important;display: inline-flex;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.cht-msg br {display: none;}
.chat-detail-inner .form-control {padding: 2px 8px !important;font-size: 13px !important;border-color: #cbd6e2;background: #F5F8FA;line-height: 30px !important;}
div[id*="console-accordion-"] .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 14px !important;}
.chat-console-footer .bootstrap-select.btn-group .open .dropdown-menu.inner{max-height: 500px !important;}
.chat-console-head .list-inline-item .company-name {max-width: 240px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.chat-console-footer.active-thumb .chat-console-editor { color: #dc3545 !important;}
.chat-console-footer.active-thumb .btn-collab-agent { background: transparent !important;}
.btn-user-status button{color: inherit;padding: 0 15px 0 0 !important;border: none;font-size: 16px !important;}
.btn-user-status.text-danger button{border:1px solid #dc3545 !important;color: #dc3545 !important;}
.btn-user-status.text-success button{border:1px solid #28a745 !important;color: #28a745 !important;}
.chat-handle .compnay-name{white-space: nowrap;max-width: 140px;text-overflow:ellipsis;overflow: hidden;}
.chat-detail-inner .console-link-wrap{display: none;}     
.chat-detail-inner .btn-accordion .card-header .card-link[aria-expanded="true"] {background: #fff;color: #333 !important;text-align: left;border-bottom: 1px solid #cbd6e2;margin-bottom: 10px;background-color: transparent !important;}
.list-chat-window-btns {height: 36px;background: #F5F8FA;border-radius: 4px 4px 0 0;padding: 0 8px;border:1px solid #cbd6e2;}
.list-chat-window-btns .bootstrap-select.form-control{background: transparent !important;}
.chat-window-btns #uploadForm label.custom-file-label{display: flex;justify-content: center;}
.chat-window-btns #uploadForm label.custom-file-label,
.list-chat-window-btns li button:not(.dropdown-toggle),
.list-chat-window-btns li button:not(.dropdown-toggle):hover,
.list-chat-window-btns li button:not(.dropdown-toggle):focus {background: transparent;min-width: 0;color: #7c98b6;font-size: 20px;line-height: 26px;padding: 5px !important;width: 30px;height: 36px;float: left;display: flex;justify-content: center;align-items: center;}
.list-chat-window-btns li button.btn-conv-toggle-chat:not(.dropdown-toggle){width: auto !important;white-space: nowrap;padding-left: 0 !important;}
.chat-window-btns #uploadForm label.custom-file-label {height: auto !important;width: auto !important;padding: 0 1rem !important;line-height: 1 !important;float: none !important;display: flex;margin: auto;}
.dd-coll-attachment .dropdown-menu {min-width: 120px !important;}
.list-chat-window-btns .btn:not(.card-link) {color: #222;border: none;font-weight: 400;font-size: 14px;height: auto;line-height: 16px;padding: 0 12px 0 10px;min-height: 0;}
.list-chat-window-btns .dropdown-toggle::after{right: 8px;width:auto !important;}
.list-chat-window-btns .dropdown-toggle[aria-expanded="true"]::after {content: "\f0d8" !important;}
.list-chat-window-btns li:not(.dropdown-item){font-size: 23px;}
.list-chat-window-btns .list-emojis li {font-size: 18px;}
.list-chat-window-btns li {display: flex;margin-right: 0 !important;padding: 0 !important;}
.list-chat-window-btns li button.btn-send-conv, 
.list-chat-window-btns li button.btn-send-conv:hover,
.list-chat-window-btns li button.btn-send-conv:focus{height: 24px !important;padding: 5px 10px !important;width: auto !important;font-size: 14px !important;line-height: 1 !important;border-radius: 4px;align-self: center;color: #fff !important;margin-left: 8px;}
img.icon-messenger {filter: invert(1);max-width: 20px;}
.my-conversation .console-visitor-row a.bg-white img.icon-messenger,
.all-conversation .console-visitor-row a.bg-white img.icon-messenger{filter: invert(0);}
.list-chat-window-btns .list-console-links li {padding: 0;}
.list-chat-window-btns .dropdown, 
.list-chat-window-btns .btn-group.bootstrap-select {display: flex;align-self: center;}
ul.list-chat-window-btns .dropdown-menu {min-width: 240px;right: -9px;left: auto !important;transform: translate3d(0,-100%,0) !important;margin-top: 0px;}
.chat-detail-part{background: #F5F8FA;overflow: auto}
.prior-chat-wrap, .visitor-card,.chat-detail-inner .btn-accordion .card {box-shadow: 0 0 10px #ccc;}
.chat-detail-inner .btn-accordion .card-header .arrow {right: 0px;}
a.btn-remove-cd {position: absolute;color: #333;transform: rotate(45deg);line-height: 12px;width: 14px;height: 14px;background: #eee;border-radius: 50%;text-align: center;z-index: 9999999999;left: 8px;top: 10px;font-size: 18px !important;cursor: default;}
div[data-view='2'] .card-body-inner.console-kb,
div[data-view='3'] .card-body-inner.console-kb{display: none;}
div[data-view='1'] .show .card-body-inner{position: static;max-width: none !important;margin: 0 !important;max-height: none !important;}
div[data-view='2'] .show .card-body-inner.console-kb,
div[data-view='3'] .show .card-body-inner.console-kb{background: #fff;position: fixed;max-width: 450px;z-index: 99;display: block;left:auto !important;right: 0;bottom:0;}
.chat-detail-inner .form-group .bootstrap-select.btn-group {width: 100%;padding: 0 !important;    float: left;}
.chat-detail-inner .form-group  {display: flex;align-items: center;}
.chat-detail-inner div[id*="console-accordion-visitor-"].btn-accordion .bootstrap-select > .dropdown-toggle, 
.chat-detail-inner div[id*="console-accordion-visitor-"].btn-accordion .dropdown-toggle, 
.chat-detail-inner .btn-accordion .popout-toggle, 
.chat-detail-inner div[id*="console-accordion-visitor-"].btn-accordion .dropdown-toggle .filter-option {font-size: 14px !important;height: auto;padding: 0px !important;background: #fff;min-height: 28px;border: none !important;font-family: 'Graphik Medium';display: flex;align-items: center;justify-content: left;color: #333 !important;}
.chat-detail-inner .bootstrap-select.btn-group .dropdown-menu li a span.text {font-size: 13px;}
.bootstrap-select.btn-group .dropdown-menu li a.divider {height: 0;padding: 0;border-top: 1px solid #cbd6e2;pointer-events: none;margin: 0 8px;}
form.console-kb-search input.form-control{padding: 7px 15px !important;font-size: 16px !important;}
form.console-kb-search button{line-height: 37px;right: 0;position: absolute;border: none;background: none !important;color: #999 !important;top: 0;font-size: 22px !important;bottom: 0;}
form.console-kb-search{position: relative;}
.btn-close-all-dd{position: relative;color: #fff;background: #ccc;width: 40px;height: 40px;border-radius: 50%;text-align: center;overflow: hidden;float: left;margin-right:15px;}
.btn-close-all-dd span{line-height: 36px;font-size: 36px;display: inline-block;position: absolute;left: calc(50% + 1px);top: calc(50% - 1px);transform: translate(-50%,-50%) rotate(45deg);}
.btn-close-all-dd:hover,.btn-close-all-dd:focus{color:#fff;}
#consoleWinSlider[data-view="1"] a.btn-close-all-dd{display:none;}
.chat-detail-part button.card-link {background-color: #fff !important;text-align: left;font-family: 'Graphik Medium' !important;color: #333 !important;font-size: 13px !important;position: relative;text-transform: uppercase;padding-left: 0px;padding-right: 0px;}
.chat-detail-part button.card-link .arrow{padding-left: 0px;background-color: #fff !important;}
.chat-detail-inner .btn-accordion .card-header .arrow .fa {color: #4181bc !important;font-size: 18px;}
.chat-detail-inner .btn-accordion .card {background: #fff !important;border-radius: 6px !important;padding: 12px 0px ;overflow: hidden;}
.chat-detail-inner .btn-accordion .card + .card{margin-top: 0.5rem;}
.chat-detail-inner .btn-accordion .card-header,
.chat-detail-inner .btn-accordion .collapse,
.chat-detail-inner .btn-accordion .collapsing {padding: 0px 25px;}
#uploadForm .custom-file-label::after{display: none}
#uploadForm label.custom-file-label {padding: 0 !important;border-radius: 0;border: none;text-align: center;height: auto;position: static;color: #555;box-shadow: none;font-size: 16px}
.list-chat-window-btns .dd-icon-tags button[id*="convTagsDD"]:not(.card-link) {position: relative;background:transparent;line-height: 26px;padding: 5px !important;width: auto;height: 36px;}
.list-chat-window-btns .dd-icon-tags button[id*="convTagsDD"]:not(.card-link) span{color:#111111 !important;}
form#uploadForm {height: 26px;display: block;}
#uploadForm .custom-file,#uploadForm .custom-file-input {border: none !important;height: 26px !important;line-height: 0;background: transparent;}
#uploadForm .custom-file-input {overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.visitor-card-name {width: 50px;height: 50px;line-height: 50px;text-align: center;font-family: 'Graphik Medium';color:#fff;}
.visitor-card .visitor-card-name {box-shadow: 4px 4px 10px #CCC}
.list-chat-window-btns .dd-icon-tags button[id*="convTagsDD"]::after {display: none;}
.list-chat-window-btns .btn:not(.card-link) .filter-option{font-size: 14px;}
.chat-detail-inner .btn-accordion .bootstrap-select > .dropdown-toggle{min-height: 36px !important;}
.chat-detail-inner .btn-accordion .card-body{padding: 0 !important;background: #fff !important;}
.add-as-contact-form {padding: 12px;border-radius: 6px;}
#conSettingAcc .btn-accordion .collapse .card-body {padding: 0 !important;}
#conSettingAcc .btn-accordion .collapse > .card-body {padding: 30px 5px 30px 30px !important;}
#conSettingAcc .j-custm-scroll {max-height: 480px !important;}
.chat-detail-inner .border-blue {border-bottom: 0 !important;}
.console-two-section button {min-height: 40px !important;line-height: 1 !important;}
.visitor-details{max-width: 120px;}
.visitor-details p {max-width: 100%;overflow: hidden;text-overflow: ellipsis;}
.chat-window-part {display: flex;flex-direction: column;height: calc(100vh - 65px);   }
.all-conversation-dd .dropdown-menu .form-group {padding: 0.5rem 1.5rem;}
.all-conversation-dd .dropdown-menu .form-group .col-form-label {padding: 0 0 0 10px !important;color: #fff;min-width: 120px;text-align: left;    line-height: 1.9;}
.all-conversation-dd .dropdown-menu .form-group .dropdown-toggle {padding: 0 !important;min-height: 0 !important;height: auto;border: none;color: #fff;float: left;}
.all-conversation-dd .dropdown-menu .form-group .btn-group {padding: 0 !important;background: transparent !important; min-height: 0 !important;border: none;float: left;line-height: 0;}
.all-conversation-dd .dropdown-menu .form-group .filter-option{font-size: 14px;}
.chat-msgs-wrap {flex-grow: 1;}
.chat-msgs-wrap-inn{position: absolute;width: 100%;top:0;left:0;}
.visitor-action {min-width: 36px;text-align: right;}
div[id*="convTagsDDMenu"].active {display: block !important;z-index: 999;top: 0;max-width: 160px;transform: translateY(-100%);}
.btn-cons-wrap{min-height: 12px;}
#priorConversationPopout{position: fixed;top:70px;right: 0;width: 0px;bottom: 0;background: #fff;z-index: 999;transition: all 0.4s;overflow: hidden;}
#priorConversationPopout.show{width: 680px;}
#ConvActivities .icon-vertical div,.list-completing-steps .icon-vertical div{height: 42px;width: 42px;min-height: 0;flex: 0 0 auto;}
#ConvActivities .icon-vertical,.list-completing-steps .icon-vertical {left: -80px;height: 100%;}
#ConvActivities .icon-vertical div p,.list-completing-steps .icon-vertical div p {width: 42px;height: 42px;}
#ConvActivities .icon-vertical img,.list-completing-steps .icon-vertical img {max-width: 20px;}
.conc-item-closed + .conc-item-closed {border-top: 1px solid #777;}
.list-main-tags-middle, .list-main-tags-end,.list-main-tags-prority,.list-main-tags-deal-stage {display: none;background: #fff;position: absolute;left: 100%;border: 0;top: 0px;bottom:0;margin-left: 0px;}
button[id*="convTagsDD"] + div.dropdown-menu .dropdown-item.active > ul {display: block;}
button[id*="convTagsDD"] + .dropdown-menu {min-width: 175px;padding: 0;background: #fff;display: none !important;border-radius: 4px 4px 0 0;left: -8px !important;border: none;position: absolute !important;transform: translate3D(0,calc(-100% - 2px),0) !important;}
button[id*="convTagsDD"].active-crm + .dropdown-menu {display: block !important}
ul[class*='list-main-tags-'] {padding-top: 0 !important;border-radius: 4px 4px 0 0 !important;min-width: 175px;max-width: 175px;height: 325px;box-shadow: 0 0 12px #ccc;overflow: hidden auto;}
ul.list-unstyled.list-main-tags-middle,
ul.list-unstyled.list-main-tags-prority{margin-left: 175px;}
.has-middle-tags ul.list-unstyled.list-main-tags-prority{margin-left: 350px;}
.active + .list-unstyled.list-main-tags-deal-stage { margin-left: 175px;}
*[data-tags*="sales-lead"] .active + .list-unstyled.list-main-tags-deal-stage {margin-left: 350px;}
.list-main-tags-deal-stage .list-main-tags-prority{margin-left: 350px !important;}
*[data-tags*="sales-lead"] .list-main-tags-deal-stage .list-main-tags-prority{margin-left: 525px !important;}
.list-main-tags-deal-stage .btn-group.bootstrap-select button.dropdown-toggle {padding: 0 20px !important;line-height: 30px;}
.list-main-tags-deal-stage .btn-group.bootstrap-select {width: 175px !important;}
.list-main-tags-deal-stage .bootstrap-select.btn-group .dropdown-menu{    min-width: 0;margin: 5px auto 0;max-width: 95%;left: 0 !important;}
.list-main-tags-start .dropdown-item h2 {font-size: 15px;padding: 15px 20px 13px;color: #222;width: 100%;font-family: 'Graphik Medium';border-bottom: 1px solid #cbd6e2;border-radius: 4px 4px 0 0;line-height: 1;}
ul[class*='list-main-tags-'] li.dropdown-item a.active{background: #e3eef9;color: #000000;font-family: 'Graphik Medium';}
div#conSettingAcc, div#conSettingAcc .card-header {background: #415681 !important;border-radius: 0;}
.list-conv-all-dd{display:none;background: #6076A2;padding: 10px;z-index: 99999;}
.all-conversation-dd a.dropdown-item{position: relative;}
.all-conversation-dd a.dropdown-item:hover > .list-conv-all-dd {display: block;}
.all-conversation-dd .bootstrap-select.btn-group .dropdown-menu {display: none !important;left: 0 !important;}
ul[class*="list-main-tags-"] .dropdown-item a {font-size: 14px;width: 100%;padding: 0.25rem 1.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul[class*='list-main-tags-'] li.dropdown-item a.active ~ ul {display: block;position: fixed;}
.all-conversation-dd .bootstrap-select.btn-group .dropdown-menu.show {display: block !important;margin-top: 5px;    max-height: 176px !important;}
.console-main-left .bootstrap-select.btn-group:not(.dd-abs-menu) .dropdown-menu li a,
.console-main-left .bootstrap-select.btn-group:not(.dd-abs-menu) span,
.console-main-left .dropdown-toggle::after{color: #fff !important;right:-5px;background-color: transparent !important}
.inactive-conv-group .form-group .col-auto:first-child {min-width: 105px;text-align: left;padding-left: 24px}
.console-main-left .bootstrap-select.btn-group.dd-abs-menu .dropdown-toggle::after{right:0px;color:#4e89c4 !important;}
.console-main-left .inactive-conv-group .bootstrap-select .dropdown-toggle{padding: 7px 20px 7px 10px !important;}
.console-main-left .list-sb-actions .bootstrap-select > .dropdown-toggle{padding: 0 10px 0 0}
.console-main-left .b-dropdown.btn-group .dropdown-toggle {justify-content: left;}
#collapseTwo2 td input {max-width: 120px;border-width: 1px !important;border-style: solid !important;}
div#collapseTwo2 .table-w-icon.table td .btn-link {padding: 0 3px;}
.collaboration-wrapper .site-main-tabs {padding: 8px 0;}
#priorConversationPopout .form-control.knowledge-input-search {line-height: 40px;}
.my-conversation .console-visitor-row a:not(.bg-white) .text-black {color: #fff !important;}
.all-conversation .console-visitor-row a:not(.bg-white) .text-black {color: #fff !important;}
.console-visitor-row a:hover,.cat-thread-list li:hover{background: #415681;}
.console-visitor-row a {padding:5px 0 5px 20px;position: relative;width:100%;color:#fff !important}
.visitor-action .fa ~ span {min-width: 25px;}
.visitor-details p + p {margin-top: 3px !important;}
.console-visitor-closed.console-visitor-row a{ border: 1px solid transparent;}
.list-shortcuts-key {min-width: 90px;}
.list-shortcuts-desc { max-width: calc(100% - 94px);}
.visitor-action div + div {margin-top: 1px;}
/*.j-custm-scroll-inner{padding-left: 1rem;}*/
/*.showing-vertical .j-custm-scroll-inner{padding-right: 1rem;}*/
.incoming-chat-spot{width:10px;height:10px;border-radius: 5px;background: #fff;position: absolute;left: 5px;top:19px;}
.console-visitor-row .fa-sms {background-image: url('../images/sms-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.console-visitor-row .fa-sms:before{color:transparent;}
.conv-open-inactive a{border: 1px solid #fff;position: relative;}
.console-two-section .b-dropdown.show > .dropdown-menu {display: block !important;position: fixed !important;top: auto !important;left: auto !important;transform: translate3d(0px, 0px, 0px) !important;margin-top: 40px;margin-left: -27px;}
.console-two-section.close-conversation:not(.mb-auto) .b-dropdown.show > .dropdown-menu {margin-top: -94px;}
.console-two-section.close-conversation .j-custm-scroll {max-height: calc(100vh - 810px) !important;}
#searchClsConvTab .nav-tabs .nav-link { color: #111111;border: none !important;border-bottom: 2px solid transparent !important;    padding: 0.125rem;font-size: 16px;}
#searchClsConvTab .nav-tabs .nav-item + .nav-item {margin-left: 20px;}
div#searchClsConvTab .nav-tabs {border: none;    margin-bottom: 30px;}
#searchClsConvTab .nav-tabs .nav-link.active {font-family: 'Graphik Medium';color: #333;border-bottom: 2px solid #333 !important;}
.starred-conv{position: absolute;line-height: 1;top:50%;transform: translateY(-50%);left: 5px;}
.not-visible-upload .custom-file {position: absolute;border: none !important;top: 0;left: 15px;background: transparent;right: 15px;width: auto;}
.not-visible-upload .custom-file .custom-file-label {display: none;}
.conv-email-msg-attachment {width: 200px;padding: 8px;margin-right: 6px;height:auto;overflow: hidden;border-radius: 6px;background: #efefef;display: inline-flex;align-items: center;vertical-align: text-bottom;position: relative;justify-content: center;cursor: pointer;vertical-align: bottom;margin-top: 6px;}
#chatConvHubActionDD + .dropdown-menu .list-console-links {max-height: calc(100vh - 200px);overflow: auto;}
.cema-img-wrap .conv-email-msg-attachment-dwld{color: #fff !important;background: #777;padding: 5px;border-radius: 4px;display: none;}
.conv-email-msg-attachment .cema-img-wrap .conv-email-msg-attachment-dwld{position: absolute;bottom: 15px;right: 15px;line-height: 1;}
.conv-email-msg-attachment:hover .conv-email-msg-attachment-dwld{display: block;}
.conv-email-msg-attachment img {max-height: 100%;    pointer-events: none;}
.chat-detail-part  .j-custm-scroll {height: calc(100vh - 65px);}
.chat-detail-inner{}
.conv-email-msg-attachment span span:not(.cema-img-wrap) .conv-email-msg-attachment-dwld {display: block;padding: 8px 0;margin-top: 8px;color: #555;text-align: center;border-top: 1px solid #fff;margin-bottom: -8px;}
.conv-email-msg-attachment span span:not(.cema-img-wrap) .conv-email-msg-attachment-dwld:hover{background-color: #ddd;}
.conv-email-msg-attachment  span span:not(.cema-img-wrap) img {max-width: 40px;}
.conv-email-msg-attachment span {    width: 100%;max-height: 100%;text-align: center;}
.conv-email-msg-attachment span.cema-img-wrap img {    max-width: 100%;margin: auto}
.conv-email-attachment-slider{display: none;}
#attachmentSliderHolder{position: fixed;top: 0;left: 0;padding: 75px 100px;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);display: none;z-index: 999999999;}
#attachmentSliderHolder .conv-email-msg-attachment{margin-left: 0;/*    height: calc(100vh - 150px) !important;width: calc(100vw - 150px) !important;*/}
div#attachmentSliderHolder .slick-track {display: flex;align-items: center;}
#attachmentSliderWrapper {max-height: calc(100vh - 150px) !important;max-width: calc(100vw - 150px) !important;display: flex;align-items: center;background: #efefef;height: 100vh;width: 100vw;}
#attachmentSliderHolder .slick-prev,#attachmentSliderHolder .slick-next{color:#fff;font-size:16px;line-height: 1.4;}
#attachmentSliderHolder.show{display:flex;align-items:center;}
#attachmentSliderHolder .btn-close{color: #fff;width: 50px;height: 50px;font-size: 40px;line-height: 50px;text-align: center;position: absolute;top: 65px;right: 65px;}
#attachmentSliderHolder .slick-prev {transform: translateX(-100%);}
#attachmentSliderHolder .slick-next {transform: translateX(100%);}
.conv-action-list{left:auto !important;right: 0 !important;}
a.btn-add-shortcuts {color:#4181bc !important;}
.chat-window-btns {position: relative;}
.chat-window-btns .btn-group{display: none;}
/*.show-edit-tools  .btn-group{display: block;}*/
.table-inactivity th:nth-child(1), .table-inactivity td:nth-child(1),.table-inactivity th:nth-child(2), .table-inactivity td:nth-child(2) {width: 105px;}
.table-inactivity th:nth-child(3), .table-inactivity td:nth-child(3) {width: 75px;}
.table-inactivity th:nth-child(5), .table-inactivity td:nth-child(5) {width: 65px;}
.chat-msgs-wrap, .chat-console-head, .chat-console-footer {position: relative;}
.chat-console-footer .modal[id*="addEditEmailModal"] {position: absolute;background: none;bottom: 0;top: auto !important;height: auto;right: auto;left: 1px;z-index: 99999999;pointer-events: none;}
.chat-console-footer .modal[id*="addEditEmailModal"] .modal-dialog{position: static !important;transform: translate(0,0) !important;float:right;width: 100%;}
/*.chat-console-footer .modal[id*="addEditEmailModal"] .modal-dialog .modal-body {border-left: 1px solid #cbd6e2 !important;border-right: 1px solid #cbd6e2 !important;}*/
.chat-console-footer .modal[id*="addEditEmailModal"] .modal-dialog .modal-footer {border: 1px solid #cbd6e2 !important;}
.chat-console-footer .modal[id*="addEditEmailModal"] .modal-dialog .tk-email-header {position: absolute;top: 38px;left: 1px;}
.chat-console-footer .modal[id*="addEditEmailModal"] .quillWrapper #quill-container {height: 380px;    padding: 0;}
.chat-console-footer .modal[id*="addEditEmailModal"] .tk-email-form label.col-form-label {min-width: 65px !important;}
.chat-console-footer .modal[id*="addEditEmailModal"] .ql-editor {padding: 150px 14px 0 !important;}
.chat-console-footer.show-modal .chat-window-input, .chat-console-footer.show-modal .chat-window-btns {display: none;}
.chat-console-footer .modal[id*="addEditEmailModal"].minimize .btn-toggle-mm {display: none;}
.chat-console-footer .modal[id*="addEditEmailModal"].minimize .btn-toggle-mm.d-none {display: block !important;margin-left: auto;}
.chat-console-footer .modal[id*="addEditEmailModal"].minimize .modal-dialog {max-width: 240px !important;}
.chat-console-footer .modal[id*="addEditEmailModal"].minimize .modal-body, .chat-console-footer .modal[id*="addEditEmailModal"].minimize .modal-footer {display: none;}
.company-wrapper .tab-pane > div {padding: 0 1px;}
.console-visitor-row .unread-msg-count,.unread-msg-grp-count {position: absolute;width: 20px;height: 20px;background: #ea4949;border-radius: 50%;font-size: 10px;text-align: center;line-height: 20px;left: 0px;top: 50%;margin-top: -10px;margin-left: -10px;}
.unread-msg-grp-count{width: 23px;height: 23px;line-height: 23px;left: -20px;margin-top: -12px;}
.console-two-section.open-conversation .j-custm-scroll,
.console-two-section.incoming-conversation .j-custm-scroll{
    /*max-height: 160px !important;*/
}
.console-main-left .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-size: 12px;}
div[id*='fileUploadModal'] {background: rgba(0,0,0,0.5);}
.company-wrapper .table-responsive {max-height: calc(100vh - 210px);}
.cch-top-line > span {max-width: calc(100% - 50px);}
#chatConvHubActionDD + .dropdown-menu {box-shadow: 0 0 20px #ccc;margin-top: -15px;border: none;right: auto !important;transform: translate3d(-40%, -100%, 0)!important;border-radius: 6px;}
#chatConvHubActionDD + .dropdown-menu:after{content: '';display: block;position: absolute;bottom: -15px;transform: rotate(45deg) translateX(-50%);background: white;height: 20px;width: 20px;border-radius: 2px;z-index: -1;box-shadow: 4px 4px 10px -2px #ccc;left: 50%;}
.test-chat-wrapper {background-image: url(../images/pic-web-template.png);background-repeat: no-repeat;background-size: 100% calc(100% - 200px);background-position: 0px 200px;position: fixed !important;right: 0;bottom: 0;min-height: 100vh;z-index: 999999;background-color: #fff;}
.modal-inner{background-color: rgba(0,0,0,0.5);}
.ticket-email-action .dropdown-toggle {padding: 0 26px 0 0;width: auto;display: inline-block;position: relative;flex: 0 0;border: 0;min-height: 0;}
#EmailActivityAcc .card a.card-link[aria-expanded="true"] .row:nth-child(2) {display: none;}
#EmailActivityAcc .card a.card-link .row:nth-child(2) {margin-top:16px !important;}
#EmailActivityAcc .card {box-shadow: none;border-radius: 0 !important;border-bottom: 1px solid #cbd6e2;border-top: 0; margin: 0;}
#EmailActivityAcc .card a.card-link[aria-expanded="true"] {border-bottom: 0;margin-bottom: 0;}
#EmailActivityAcc .card:first-child {border-top: 1px solid #cbd6e2;}
#EmailActivityAcc .card:last-child {border-bottom: 0;}
.list-kb-category{max-height: 360px;overflow: auto;}
.list-kb-category a .kb-article-heading{font-size: 16px !important;line-height:22px;}
.list-kb-category a{box-shadow: 2px 2px 10px 0px #bfbfbf !important;border-radius: 6px;padding:1.25rem 1.5rem !important;}
.list-kb-category a:hover{background-color: #f1f1f1;}
span.highlight{background: #FF9;font-weight: 600;}
.mob-view-show,.mob-view-visible{display:none;}
.attmnt-wrapper {position: absolute;z-index: 9;bottom: 100%;width: calc(100% - 30px);margin-bottom: -8px;border: 1px solid #cbd6e2;border-bottom: none;background: #F5F8FA;border-radius: 4px 4px 0 0;padding: 4px;}
.attmnt-wrapper .list-attmnts .list-inline-item {background-color: #fff !important;box-shadow: 5px 5px 10px #ddd;width: 120px;height: 120px;padding: 6px;}
.list-attmnts .list-inline-item {background-color: #f1f1f1 !important;padding: 6px;border: 1px solid #ccc;}
.list-attmnts li span.cema-img-wrap {background-size: cover;background-position: center center;}
.chat-console-footer .modal[id*="addEditEmailModal"] .email-extra-button input#file {opacity: 0;width: 035px;overflow: hidden;}
.chat-console-footer .modal[id*="addEditEmailModal"]  .custom-file-input:lang(en) ~ .custom-file-label::after{display: none;}
.chat-console-footer .modal[id*="addEditEmailModal"]  .custom-file-label{border: none;height: auto;}
.btn-close-loadmore {background-color: transparent !important;color: #fff !important;border-radius: 0 !important;display: flex !important;align-items: center !important;min-height: 32px !important;line-height: 1 !important;margin-right: 21px}
#saveClosedConvFilter .list-completing-steps .icon-vertical div p {height: 32px;width: 32px;}
#saveClosedConvFilter .list-completing-steps .icon-vertical div p img {max-width: 16px;}
.chat-types-wrapper{overflow-x: hidden;overflow-y: auto;}
.test-chat-wrapper:after {content: "";display: block;position: absolute;top: 69px;width: 1px;height: calc(100vh - 69px);background: #ccc;}
.btn-group-input-format .btn.active,.btn-collab-agent.icon-active,input[id*="tagChatNote-"][value="1"] + .btn-collab-agent,.list-chat-window-btns .btn-emojis[aria-expanded="true"],
.coll-msgs-tool .btn-group button.curr-active{color: #0036fd !important;opacity: 1;}
.coll-msgs-tool .btn-group button * {pointer-events: none;}
.list-chat-window-btns li button.btn-acc-reg-agent:not(.card-link) {height: 28px;margin-top: 3px;padding: 0 15px !important;max-height: 28px;}
.console-link-wrap a.console-widget {width: 20px;height: 20px;line-height: 20px;background: #bbb;text-align: center;color: #fff;border-radius: 50%;position: absolute;top: -7px;right: -7px;font-size: 18px;}
.console-main-right .card[id*="add-as-contact-"] .kb-keywords-holder.single-holder.with-search {min-height: 40px !important;}
.console-main-right .card[id*="add-as-contact-"] .phone-group .kb-keywords-holder.single-holder.with-search ,
.console-main-right .card[id*="add-as-contact-"] .company-group .kb-keywords-holder.single-holder.with-search {min-height: 36px !important;padding-left: 10px;}
.console-main-right .card[id*="add-as-contact-"] .kb-keywords-holder.single-holder.with-search+.ctg-input ul{max-height: 260px !important;overflow:auto;}
.console-main-right .card[id*="add-as-contact-"] .kb-keywords-holder.single-holder.with-search+.ctg-input{display:none;width:100%;top:auto;}
.console-main-right .card[id*="add-as-contact-"] .kb-keywords-holder.single-holder.with-search:hover+.ctg-input,
.console-main-right .card[id*="add-as-contact-"] .kb-keywords-holder.single-holder.with-search + .ctg-input:hover{display:block;}
.console-main-right .card[id*="add-as-contact-"] .slide-content-toggle-dd {padding: 0 !important;margin: 0 !important;min-width: 240px !important;}
.engage-script-wrap .bootstrap-select.form-control {padding: 0 0 !important;}
div.engage-script-wrap .bootstrap-select.btn-group.show:not(.dd-abs-menu) div.dropdown-menu {transform: translate3d(0,20px,0) !important;}
.bootstrap-select.btn-group .dropdown-menu{right: 0;left: auto !important;}
.modal[id*='addEditEmailModal'] .quillWrapper + .email-extra-button {top: 5px;right: 80px;}
.modal[id*='addEditEmailModal'] .list-attmnts li span.cema-img-wrap img {opacity: 1;position: static;width: 48px;height: 48px;}
.modal[id*='addEditEmailModal'] .list-attmnts .list-inline-item{padding: 2px;}
.modal[id*='addEditEmailModal'] .list-attmnts  li a {right: -5px;top: -5px;}
.all-conversation.console-two-section .b-dropdown.show > .dropdown-menu, .open-conversation.console-two-section .b-dropdown.show > .dropdown-menu {position: absolute !important;}
.list-chat-window-btns .btn[aria-expanded*="true"], .list-chat-window-btns li button:focus {color: #0036fd !important}
ul.list-pns-list-conv {list-style: none;display: flex;flex-wrap: wrap;padding-left: 0;width: 100%;}
ul.list-pns-list-conv li {max-width: calc(33.333% - 10px);margin-left: 15px;}
ul.list-pns-list-conv li:nth-child(3n + 1) {margin-left:0 !important;}
ul.list-pns-list-conv li a{float: left;position: relative;max-width:100%;}
ul.list-pns-list-conv li p {color: #111111;margin: 0;}
ul.list-pns-list-conv li img {border-radius: 4px;pointer-events: none;}
ul.list-pns-list-conv li span {width: 20px;height: 20px;line-height: 20px;position: absolute;top: -2px;right: -2px;display: none;background: #4384f5;color: #fff;text-align: center;border-radius: 4px;font-size: 12px;}
ul.list-pns-list-conv li .selected span{display: block;}
.prod-serve-box ul.list-pns-list-conv li img{border:1px solid transparent;}
ul.list-pns-list-conv li .selected img,ul.list-pns-list-conv li a:hover img {border: 1px solid #4384f5;}
ul.list-pns-list-conv li.list-pns-card {width: calc(33.333% - 10px);margin-left: 15px;max-width: 220px;}
li.list-pns-card .prod_wrap {box-shadow: 0 0 14px #ccc;border: 1px solid #ccc; background: #fff;}
li.list-pns-card .prod_wrap img {border-radius: 4px 4px 0 0;}
li.list-pns-card .prod_wrap .prod_link {color: #111111;display: block;padding: 14px 0px;text-align: center;border-top: 1px solid rgb(204, 204, 204);margin-top: 14px;transition: all 0.5s ease 0s;width: 100%;background: #f5f5f5;}
li.list-pns-card .prod_wrap .prod_link:hover,
li.list-pns-card .prod_wrap .prod_link:focus{background: #e9e9e9;}
.ibx-msg-stt {position: absolute;right: 0;bottom: 5px;}
.list-chat-window-btns li button.btn-acc-reg-agent.btn-orange-border {color: #f78d47 !important;padding: 0 15px !important;max-height: 24px !important;align-self: center;line-height: 24px !important;}
.table + .ctg-input .form-control {border-top: none;border-top-left-radius: 0;border-top-right-radius: 0;}
#videoConfrence.minimize .modal-dialog {height: 41px;top: 100%;transform: translateY(-100%) !important;min-width: 340px !important;max-width: 340px !important;}
#videoConfrence.minimize {left: auto;width: auto;}
#videoConfrence.minimize .modal-title {cursor: pointer;font-size: 16px;}
#videoConfrence.maximize .modal-dialog {min-width: 100% !important;}
#videoConfrence.maximize.minimize .modal-dialog {min-width: 300px !important;}
#videoConfrence.minimize .modal-dialog .modal-header {padding: 5px 1.5rem 4px 1.5rem !important;border-radius: 4px 0 0 0;}
#videoConfrence.minimize button.close .fa.fa-times {background-size: 70%;line-height: 29px;}
#videoConfrence .modal-dialog {border-left: 1px solid #cbd6e2;transition: top 0.25s;}
#videoConfrence.maximize .modal-dialog ,
#videoConfrence.minimize .modal-dialog {border-left: 0;}
#videoConfrence.minimize button.close{width:28px;height:28px;}
#videoConfrence .site-main-tabs{padding: 0;}
.chat-single-row .cht-msg {line-height: 1.5;}
.ngg-mob-agent-time,.ngg-mob-visitor-time{display: none;}
.chat-single-row-bot .chat-single-row-head + div.col .btn-send-conv,
.chat-single-row-agent .chat-single-row-head + div.col .btn-send-conv {color: #111111;margin-bottom: 4px;margin-right: 4px;border: 1px solid #cbd6e2;}
.chat-single-row-bot-visitor .row-timestamp {display: none;}
.chat-single-row-head img.mCS_img_loaded {float: none !important;}
#searchClsConvTab #searchConvAcc {font-weight: 400;}
.chat-single-row-agent .chat-single-row-head + div.col .ngg-chat-msg-text span.highlight {color: #111111;}
div[id*="add-as-contact-"] .phone-group .kb-keywords-holder,
div[id*="add-as-contact-"] .company-group .kb-keywords-holder{min-height: 32px;}
div[id*="add-as-contact-"] .phone-group .kb-keyword-item ,
div[id*="add-as-contact-"] .company-group .kb-keyword-item {margin: 0 2px 0 0;background-color: #f5f5f5 !important;font-size: 13px;padding: 4px 10px;line-height: 26px;}
.kb-keywords-holder.with-search .search-input,
.kb-keywords-holder .search-input{padding:0 !important}
div[id*="add-as-contact-"] .kb-keywords-holder.with-search .ctg-input input{font-size: 14px !important;}
.kb-keywords-holder.with-search .ctg-input .fa{font-size:15px;}
.kb-keywords-holder .ctg-input input,
.ctg-input .search-input .form-control{border: 0;}
.kb-keywords-holder .search-input button {top: 8px;font-size: 15px;height: auto;}
.kb-keywords-holder .ctg-input{}
.my-conversation .console-visitor-row a:not(.bg-white) img.icon-messenger {filter: invert(1);}


/****************
BOTS PAGE
****************/
.table-bots th:nth-child(1), .table-bots td:nth-child(1) {min-width: 34px;max-width: 34px;padding-right: 0;}
.table-bots th:nth-child(2), .table-bots td:nth-child(2) {min-width: 110px;max-width: 110px;}
.table-bots th:nth-child(3), .table-bots td:nth-child(3) ,
.table-bots th:nth-child(4), .table-bots td:nth-child(4) {min-width: 150px;max-width: 150px;}
.table-bots th:nth-child(5), .table-bots td:nth-child(5) {min-width: 120px;max-width: 120px;}
.table-bots th:nth-child(6), .table-bots td:nth-child(6) {min-width: 170px;max-width: 170px;}
.table-bots th:nth-child(7), .table-bots td:nth-child(7) {min-width: 140px;max-width: 140px;}
.table-bots th:nth-child(8), .table-bots td:nth-child(8) {min-width: 150px;max-width: 150px;}
.table-bots th:nth-child(9), .table-bots td:nth-child(9) {min-width: 100px;max-width: 100px;}
.table-bots th:nth-child(10), .table-bots td:nth-child(10) {min-width: 115px;max-width: 115px;}
.table-bots th:nth-child(11), .table-bots td:nth-child(11) {min-width: 115px;max-width: 115px;}
.table-bots th:nth-child(12), .table-bots td:nth-child(12) {min-width: 80px;max-width: 80px;}
.create-campaign-name input.form-control:hover {background: #eee !important;}
.create-bot-setting-wrap {max-width: 505px;}
#createBotSettAccordion {width: 420px;}
.create-bot-setting-wrap,.create-bot-flow-wrap {height: calc(100vh - 130px);}
.create-bot-flow-wrap {overflow: auto;padding: 1rem;background: rgb(245,245,245);margin-right:-30px;}
.tag-holder-wrap {background: #F5F8FA !important;padding: 7px 10px;border: 1px solid #ced4da;border-radius: 5px;}
.single-tag {padding: 6px 28px 6px 14px;background: #edf3f7 !important;margin: 0 4px 4px 0px;border-radius: 2px;position: relative;}
.remove-tag {position: absolute;right: 8px;font-size: 20px;line-height: 24px;background-image: url(../images/delete-icon.png);background-size: 16px;color: transparent !important;background-repeat: no-repeat;background-position: center;}
.tag-input {    border: none;width: auto;padding: 6px 10px;min-width: 325px;}
.bot-window-wrapper > img {border-radius: 15px;border-top: 0;}
.btn-zoom-in-out-group button:hover{color: #111111 !important;}

.ng-nw-menu-shrink.bot-window-expanded .btn-zoom-in-out-group{left:130px;}
.bot-dd-action .dropdown-toggle {padding: 0;border: none;}
.bot-dd-action .dropdown-toggle:after{display:none;}
.bot-dd-action {margin-right: -5px;}
.bot-dd-action .dropdown-toggle {padding: 0 5px !important;border: none;min-height: 0;}
.bot-categories-wrap {min-width: 540px;}
.bot-categories-wrap,.create-bot-setting-wrap > div {max-height: calc(100vh - 215px);overflow: auto;}
.bots-wrapper .list-sb-actions .dropdown-menu.open.show {left: 0;right: auto;}
.bot-action-single.with-button > .text-bot-end {display: none;}
.bot-mssg-wrapper {position: absolute;bottom: 50px;max-width: 100%;top: 265px;overflow: auto;padding: 0 15px;height: 425px;}
.text-bot-end {padding-bottom: 25px;}
.bots-table-wrapper .table-responsive {max-height: calc(100vh - 260px);}
.bot-categories-wrap .addons-feature-single .height-inner {border: 2px solid transparent;cursor: pointer;}
.bot-categories-wrap .addons-feature-single .height-inner:hover,.bot-categories-wrap .addons-feature-single .height-inner.border-orange{border-color: #ff6600 !important;}
.bot-sample-window-wrapper {max-height:calc(100vh - 150px);overflow: auto;margin-top: -65px;padding-top: 25px;}
.create-bot-wrapper .site-main-tabs {position: relative;z-index: 99;}
.table-bot-report th:nth-child(1), .table-bot-report td:nth-child(1) {min-width: 175px;max-width: 175px;}
.table-bot-report th:nth-child(2), .table-bot-report td:nth-child(2) {min-width: 175px;max-width: 175px;}
.table-bot-report th:nth-child(3), .table-bot-report td:nth-child(3) {min-width: 175px;max-width: 175px;}
.table-bots-action-report th:nth-child(1), .table-bots-action-report td:nth-child(1) {min-width: 160px;max-width: 160px;}
.table-bots-action-report th:nth-child(2), .table-bots-action-report td:nth-child(2) {min-width: 120px;max-width: 120px;}
.table-bots-action-report th:nth-child(3), .table-bots-action-report td:nth-child(3) {min-width: 120px;max-width: 120px;}
.table-bots-action-report th:nth-child(4), .table-bots-action-report td:nth-child(4) {min-width: 120px;max-width: 120px;}
#botReport .table-responsive{max-height: calc(100vh - 315px);}
.btn-zoom-in-out-group {position: fixed;top: 85px;z-index: 999;background-color: rgb(245,245,245);left: 615px;transition: all 0.4s;}
body:not(.ng-nw-menu-shrink) .btn-group.btn-zoom-in-out-group {left: 815px;}
body.bot-window-expanded:not(.ng-nw-menu-shrink) .btn-zoom-in-out-group{left:330px;}
.bots-wrapper .collaboration-right {max-width: calc(100% - 220px);}
.bot-window-wrapper {transform: scale(.9);margin-top: -20px;}




/****************
GET STARTED PAGE
****************/
.link-item{text-align: center;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;position: absolute;right: 1rem;top: 1rem;}
.link-item .lcs-icon{display: none;}
.link-item.done .lcs-icon{display: inline;}
.link-item.done {background: #00bda5;border-color: #00bda5 !important;color: #fff;}
.get-started-row .addons-feature-single {min-width: 25%;max-width: 25%;margin-top: 2rem;}
#searchClsConvTab .chat-single-row:not(.oth-msg):hover, #searchClsConvTab .chat-single-row:not(.oth-msg):focus,
#searchClsConvTab .single-day-msg-row:not(.oth-msg):hover,#searchClsConvTab .single-day-msg-row:not(.oth-msg):focus {background: #fff;}
.get-started-wrapper {max-height: calc(100vh - 175px);overflow-y: auto;overflow-x: hidden;}
.acc-h-icon {width: 125px;padding: 0 !important;height: 99px;align-items: center;display: flex;justify-content: center;    border-radius: 15px 0 0 15px;}
#getStartedAcc {position: relative;z-index: 9;}
#getStartedAcc > .card{border-radius: 15px;}
#getStartedAcc > .card > .collapse > .card-body{font-size: 16px;padding:3.5rem 3rem !important}
#getStartedAcc  .card:not(.no-purple) {border-color: transparent !important;}
#getStartedAcc .card:not(.no-purple) > .card-header > .card-link{border: 1px solid transparent !important;border-radius: 15px;}
#getStartedAcc > .card:not(.no-purple) > .card-header > .card-link{border: 1px solid #cbd6e2 !important}
#getStartedAcc .card:not(.no-purple) > .card-header > .card-link[aria-expanded="true"] {border: 1px solid #7030a0 !important;border-radius: 15px 15px 0 0;}
#getStartedAcc .card-link[aria-expanded="true"] .acc-h-icon{border-radius: 15px 0 0 0;}
#getStartedAcc .card:not(.no-purple) > .card-header > .card-link:hover{    border: 1px solid #7030a0 !important;box-shadow: 0 0 8px 1px #a361d4;}
#getStartedAcc .card:not(.no-purple) > .card-header > .card-link[aria-expanded="true"]:hover{box-shadow: none;}
#getStartedAcc .card:not(.no-purple) > .collapse.show:not(.border-0){border: 1px solid #7030a0 !important;border-top: 0 !important;border-radius:  0 0 15px 15px;overflow: hidden;}
#getStartedAcc > .card > .collapse > .card-body{font-size: 16px;padding:3.5rem 3rem !important}
.bor-purple .card:not(.no-purple) .card-link.p-3{padding:1.4rem 2.75rem !important;}
.bor-purple .arrow .fa{color: #7030a0 !important;}
.bor-purple span.count-acc {width: 30px;height: 30px;text-align: center;border: 1px solid #7030a0;border-radius: 50%;line-height: 30px;margin-right: 10px;color: #7030a0;}
.bor-purple span.link-item{width: 30px;height: 30px;line-height: 30px;margin-right: 10px;}
#getStartedAcc.btn-accordion .card-header .arrow {right: 30px;font-size: 24px;}
/*#getStartedAcc .bor-purple .card-body {padding-top: 1rem !important;}*/
#setupLiveChatAcc .list-gradient:not(.showing-more) .list-inline-item:nth-child(n + 7),
#setupLiveChatAcc .list-gradient:not(.showing-more) .list-inline-item:nth-child(n + 7){display: none;}
#lc-chatWindowMessagingWrap .chatapp-win-message {position: relative;z-index: 999;padding: 25px 25px 0px;display: flex;flex-direction: column;max-height: calc(100% - 51px);overflow: hidden auto;}
#setupLiveChatAcc #lc-chatWindowWrapper-outer {transform: scale(.9);margin: 0px 0 0;position: absolute;top: -60px;}
#getStartedAcc header.card-header {background-color: transparent;}
.gs-design-left-wrap {max-height: 625px;overflow-y: auto;overflow-x: hidden;padding-right: 1rem;}
.gs-text-completed{    padding: 12px 3rem;background-color: #9651cc;color: #fff;border-radius: 4px;margin: 0 1.75rem 40px;}
.gs-message-text{position: absolute;max-width: 268px;right: 2.5vw;top: 170px;text-align: center;color: #002864;line-height: 1.65;font-size: 16px;}
.gs-message-text strong{font-size: 20px;}
.template-get-started .main-app-container
/*, .main-app-container.no-data-table-bg*/
{background: url(../images/get-started-bg-new.webp);background-position: right bottom !important;background-repeat: no-repeat;background-size: 100% auto;}
.no-data-msg-bubble{display: none;}
.no-data-table-bg .no-data-msg-bubble{display: block;}
.sys-msg {background: #dde7f5;color: #111111;}
.cust-msg{background: #ddd;}
.ciia-accordion.btn-accordion .card-header h5 a, 
.ciia-accordion.btn-accordion .card-header a.card-link {padding: 12px 35px 12px 20px;position: relative;}
.ciia-accordion.btn-accordion .card-header:not(.no-dot) h5 a:before{display: block;content: "";width: 10px;height:10px;background-color: #111111;border-radius: 50%;position: absolute;;left:0;top: 16px;}
.ciia-accordion.btn-accordion .card-header.no-dot h5 a{padding-left: 0 !important;align-items: center;}
.ciia-accordion.btn-accordion .card-header.no-dot h5 a .mr-2 {margin-right: 1rem !important;}
.ciia-accordion.btn-accordion .card-header h5 a:hover,
.ciia-accordion.btn-accordion .card-header h5 a:focus,
.ciia-accordion.btn-accordion .card-header .card-link[aria-expanded="true"]{background-color: transparent !important;}
.ciia-accordion.btn-accordion .card-body{padding: 5px 35px 15px 20px;font-size:15px;}
.ciia-accordion.btn-accordion .card-header span.fw-600 {line-height: 1.4;font-size: 16px !important;}
.ciia-accordion.btn-accordion .card-header.no-dot + .collapse .card-body,
.ciia-accordion.btn-accordion .card-header.no-dot + .collapsing .card-body {padding-left: 3rem !important;}
.ciia-accordion.btn-accordion .card-header h5 a .arrow{right:22px;}
.ciia-accordion.btn-accordion .card-header .card-link[aria-expanded="true"] span.fw-600{font-family: 'Graphik Medium', san-serif !important;}
.ciia-accordion.btn-accordion .card {border-top: 0 !important;border-bottom: 0 !important;}
.ciia-accordion {padding-right: 20px;    margin-bottom: 0 !important;}
.modal-page-init .close{top: 0;position: absolute;right: 0;font-size: 40px;opacity: 1;width: 40px;height: 40px;text-align: center;background-color: transparent;border-radius: 50%;transform: translate(95%,-95%);color: #ccc;border: 2px solid #ccc;text-shadow: none;line-height: 0;}
.btn-accordion .card-header h5 a span[class*="bg-app-"] {padding: 8px;border-radius: 5px 0 0 5px;margin: -1px 0 -1px -1px;height: 60px;display: flex;align-items: center;min-width: 57px;justify-content: center;}
.btn-accordion .card-header h5 a span[class*="bg-app-"] + div {padding-top: 5px;padding-bottom: 5px;}
.purple-border-accordion .card-header h5 a{border: 1px solid #cbd6e2 !important;border-radius: 5px !important;padding-top:0 !important;padding-bottom:0 !important;}
.purple-border-accordion.btn-accordion .card + .card{margin-top:20px;}
.purple-border-accordion .card-header h5 a[aria-expanded="true"],
.purple-border-accordion  .collapse.show,
.purple-border-accordion  .collapseing{border: 1px solid #7030a0 !important;}
.purple-border-accordion.btn-accordion .card-body{margin-left: 1.5rem !important;margin-top: 0.75rem;}
.purple-border-accordion  .collapse.show,
.purple-border-accordion  .collapseing{border-radius:0 0 5px 5px !important;}
.purple-border-accordion .card-header h5 a[aria-expanded="true"]{border-radius: 5px 5px 0 0 !important;border-bottom: none !important;}
.purple-border-accordion .card-header h5 a[aria-expanded="true"] span[class*="bg-app-"]{border-radius: 5px 0 0 0;}


#welcomeNgSMSShopifyModal .modal-content {overflow:hidden;}
#welcomeNgSMSShopifyModal .modal-body-inn,
#welcomeNgSMSShopifyModal .modal-body-inn > .p-3{
    position: relative;
}
#welcomeNgSMSShopifyModal .modal-body-inn > .p-3{z-index:3;}
#welcomeNgSMSShopifyModal .modal-body-inn:after ,
#welcomeNgSMSShopifyModal .modal-body-inn:before{
    display: block;
    content: "";
    position: absolute;
    top:0;right:0;bottom:0;left:0;
    background-repeat: no-repeat;
}
#welcomeNgSMSShopifyModal .modal-body-inn:before {
    background-image: url(../images/pic-corner.png);
}
#welcomeNgSMSShopifyModal .modal-body-inn:after{
    background-image: url(../images/pic-shopping-bags.png); 
    background-position: 100% 100%;
}
.notification-bar{background-color: #ffcb00;}
.close-notification-bar{
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    line-height: 1;
}



/****************
MOB GET STARTED PAGE
****************/
.template-m-get-started .header, 
.template-m-get-started nav.side-navbar.shrink .sidenav-header img {display: none;}
.template-m-get-started div#app {min-width: 0;}
.template-m-get-started nav.side-navbar .sidenav-header {padding: 16px 5px 20px;}





/****************
TICKET PAGE
****************/
.ticket-wrapper .site-main-tabs .nav-link.right-link {padding: 7px 20px !important;max-height: 40px;}
#unassigned_tableHeader tbody{display: none !important;}
.ticket-wrapper .collaboration-left { max-width: 200px;}
#unassigned_table thead{display: none !important;}
.ticket-page .ticket-form-wrapper .transc-section{height: auto;flex-grow: 1;max-height: 250px;    min-height: 250px;}
.ticket-page .ticket-form-wrapper .console-right-info {height: auto;}
.ticket-page .ticket-form-btns .bootstrap-select .btn {padding: 7px 25px !important;}
.ticket-page .ticket-edit-sec .bootstrap-select > .dropdown-toggle {padding: 6px 25px;}
.ticket-page .ticket-form-tabs .nav-item .nav-link{font-size: 16px;}
.ticket-page .console-all-wrap{height:auto;}
.ticket-page .console-part.console-right-part{display: flex;flex-direction: column;}
.ticket-page .trans-search-wrap {margin: 0 -1px;background: #fff;}
.ticket-page .chat-status-wrap, .ticket-page .chat-window-wrap {min-height: 500px;height: auto;position: relative;}
#forward-email-accordion.btn-accordion .card-header .card-link,
#forward-email-accordion.btn-accordion .card-header .card-link[waria-expanded="true"] {background-color: transparent;color: #555;}
#forward-email-accordion.btn-accordion .card-body{background-color: transparent;}
#addNoteToTicket {background-color: rgba(0,0,0,0.35);}
/*#addNoteToTicket .modal-dialog {position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); margin: 0; min-width: 600px;}*/
.table-incoming-ticket  thead th{font-weight:400;color:#555;}
.tk-email-header{width: calc(100% - 2px) !important;padding: 5px 25px;margin: 0 8px;border-bottom: 1px solid #cbd6e2;background: #fff;}
#ticketForm .tk-email-header{margin: 0;position: absolute;top: 49px;left: 1px;}
.tk-email-form label.col-form-label {min-width: 80px;}
#ticketfeaturesAcc .ql-editor {padding: 1rem 1.5rem !important;}
.btn-add-ccbcc{position: absolute;right: 20px;top:50%;transform: translateY(-50%);font-size: 16px;background-color: #e6e6e6 !important;}
.ticket-form-wrapper .quillWrapper #quill-container .ql-editor{border-top: 1px solid #cbd6e2;}
.ticket-form-btns button:not(.btn-tckt-form-send) {color: #fff !important;fill: #fff !important;background-color: #ddd;padding: 5px;min-width: 65px;transition: all 0.4s;}
.ticket-form-btns button:not(.btn-tckt-form-send):hover,.ticket-form-btns button:not(.btn-tckt-form-send):focus{background-color: #a6a6a6;}
.ticket-form-btns button * {fill: #aaa !important;}
.btn-tckt-form-send{background-color: transparent;}
.ticket-form-btns button svg {height: 40px;width: 40px;margin-bottom: -6px;background: none;}
.ticket-form-btns button + button{margin-left: 5px;}
.ticket-form-search #search-icon {position: absolute;right: 20px;color: #aaaaaa;top: 0;font-size: 30px;padding: 0;line-height: 36px;}
.ticket-form-search .form-control {width: 0;border: 1px solid #cbd6e2 !important;float: right;right: 10px;transition: all 0.5s;min-height: 40px;}
.ticket-form-search .form-search-wrap:hover .form-control ,.ticket-form-search .form-search-wrap .form-control:focus{width: 100%;border: 1px solid #cbd6e2;}
.ticket-form-search .form-control:focus + #search-icon{pointer-events: all;}
.form-add-edit-forwarding .col-form-label{min-width: 220px;}
.ql-toolbar .bootstrap-select {display: none !important;}
#ticketsSetts{min-width: 440px;}
.table-ticket-history tbody td{font-size: 14px !important;}
.table-ticket-history thead th{font-size: 16px;}
.ticket-email-templ td:last-child button i.fa{pointer-events: none;}
.btn-tgtktinfo {padding: 0 10px;color: #aaa !important;font-size: 30px;position: absolute;right: 35px;top: 10px;}
#ticketEmailTemplates .quillWrapper .ql-container{max-height: 600px;padding-top: 100px;}
#ticketEmailTemplates .quill-editor-header {position: absolute;top: 49px;z-index: 99;width: calc(100% - 2px) !important;background: #fff;left: 1px;}
.dropdown-menu .added-list-item + .added-list-item {display: none;}
.ticket-tables-wrap {height: calc(100vh - 197px);}
#infoDropdownTicket {line-height: 28px;}
#ticketMoreSettAccor .bootstrap-select.btn-group .dropdown-menu {position: relative !important;transform: translate3d(0px, 0px, 0px) !important;}
.table-ticket-history tbody tr td:nth-child(1){max-width:150px;}
.table-ticket-history tbody tr td:nth-child(2){max-width:120px;}
.table-ticket-history tbody tr td:nth-child(3){max-width:120px;}
.table-ticket-history tbody tr td:nth-child(4){max-width:120px;}
.table-ticket-history tbody tr td:nth-child(5){max-width:120px;}
.table-ticket tr th.prod_serv, .table-ticket tr td.prod_serv{min-width: 115px;max-width: 115px;}
.table-ticket tr th.tag , .table-ticket tr td.tag {min-width: 100px;max-width: 100px;}
.table-ticket tr th.requester_email, .table-ticket tr td.requester_email {min-width: 220px;max-width: 220px;}
.add-ticket-form label.col-form-label{min-width: 175px;}
.table-ticket-history tr.active td{background-color: #ccc }
.table-ticket td.button_group {border-right: 1px solid #cbd6e2;overflow: visible;}
#chatRouteFilters label.col-auto,#chatAgentFilters label.col-auto {min-width: 125px;}
table#assingTableHeader .fa-sort-amount-asc {display: none;}
.table-ticket .ticket_rating {min-width: 145px;max-width: 145px;}
.table-ticket .assignee ,.table-ticket .status ,.table-ticket .note ,
.table-ticket .name ,.table-ticket .contact_name,.table-ticket .ticket_stage ,.table-ticket .chat_rating {min-width: 125px;max-width: 125px;}
.table-ticket .requester_email{min-width: 220px;max-width: 220px;}
.table-ticket .tag{min-width: 100px;max-width: 100px;}
.table-ticket .source{min-width: 150px;max-width: 150px;}
.table-ticket .requester{min-width: 125px;max-width: 125px;}
.table-ticket .subject{min-width: 150px;max-width: 150px;}
.table-ticket .phone{min-width: 125px;max-width: 125px;}
.table-ticket .priority{min-width: 125px;max-width: 125px;}
.table-ticket .first_contact,.table-ticket .last_contact,.table-ticket .department{min-width: 135px;max-width: 135px;}
.table-ticket .firm,.table-ticket .updated,.table-ticket .created {min-width: 110px;max-width: 110px;}
.table-ticket .email,.table-ticket .website{min-width: 200px;max-width: 200px;}
.table-ticket th.button_group{min-width: 100px;max-width: 100px;color: transparent !important;font-size: 0 !important;pointer-events: none;}
.table-ticket .ticketids{display: none !important;}
.table-ticket .ticket_id {display: none;}
.table-ticket .prodserv {min-width: 130px;max-width: 130px;}
.table-fixed-header{width:100% !important;}
.table-unassigned th:nth-child(2), .table-unassigned td:nth-child(2) ,
.table-unassigned th:nth-child(3), .table-unassigned td:nth-child(3) {min-width: 140px;max-width: 140px;}
.table-unassigned th:nth-child(1), .table-unassigned td:nth-child(1) ,
.table-unassigned th:nth-child(4), .table-unassigned td:nth-child(4) {min-width: 220px;max-width: 220px;}
.table-unassigned th:nth-child(5), .table-unassigned td:nth-child(5) {min-width: 120px;max-width: 120px;}
.table-unassigned th:nth-child(6), .table-unassigned td:nth-child(6) {min-width: 100px;max-width: 100px;}
#addEditNoteToTicket .j-custm-scroll{max-height: 300px;padding: 10px 0 10px 10px !important;margin-bottom: 10px;max-width:100%;}
#addEditNoteToTicket .j-custm-scroll .jspContainer{max-width:100% !important;}
.table-support-email-fwrd tr th:nth-child(1), .table-support-email-fwrd tr td:nth-child(1) {min-width: 48px;max-width: 48px;}
.table-support-email-fwrd tr th:nth-child(2), .table-support-email-fwrd tr td:nth-child(2) {min-width: 310px;max-width: 310px;}
.table-support-email-fwrd tr th:nth-child(3), .table-support-email-fwrd tr td:nth-child(3) {min-width: 180px;max-width: 180px;}
.table-support-email-fwrd tr th:nth-child(4), .table-support-email-fwrd tr td:nth-child(4) {min-width: 310px;max-width: 310px;}
.table-support-email-fwrd tr th:last-child, .table-support-email-fwrd tr td:last-child {min-width: 150px;max-width: 150px;}
.ticket-page .console-right-part .chat-console-head{border: none !important;padding: 10px !important;background: #415681 !important;}
.ticket-page .console-right-part .chat-console-head li {margin: 0px -6px 0 0;z-index: 9999;}
.ticket-page .console-right-part .chat-console-head .btn-toggle-dd div {background-color: #fff !important;width: 6px;height: 6px;border-radius: 4px;}
.ticket-page .console-right-part .chat-console-head > ul > li > a{padding: 0px 5px !important;right: 0;top: 0px;position: relative;flex-direction: column;}
.ticket-page .console-right-part .chat-console-head div + div{margin-top: 2px;}
.ticket-page .console-right-part .chat-console-head  + .chat-detail-part{min-height: 652px;}
.ticket-page .console-right-part .form-group{margin-left: 0;margin-right: 0;}
.ticket-page .chat-info-form .col-form-label {padding-top: 4px;padding-bottom: 4px;}
.ticket-page form.chat-info-form .col-form-label {min-width: 135px;}
.ticket-page .chat-info-form .bootstrap-select > .dropdown-toggle {padding: 6px 15px;height: auto; line-height: 1.2;}
.ticket-page .gutter.gutter-horizontal{min-height: 652px;}
.gutter.gutter-horizontal + .gutter.gutter-horizontal{display: none;}
#tktConsole2 .j-custm-scroll{max-height: 210px;}
#tktConsole2 .j-custm-scroll .jspTrack{}
#tktConsole1 > div{min-width: 625px;}
#ticketForm .ql-snow .ql-editor p, #ticketForm .ql-snow .ql-editor p *,#ticketForm .ql-editor ul > li, #ticketForm .ql-editor ol > li, 
#ticketEmailTemplates .ql-snow .ql-editor p,#ticketEmailTemplates .ql-snow .ql-editor p *,#ticketEmailTemplates .ql-editor ul > li, 
#ticketEmailTemplates .ql-editor ol > li{font-size: 14px !important;margin: 0 !important;line-height: 24px !important;font-weight: 400 !important;}
#ticketForm .ql-snow .ql-editor p strong{font-weight: bolder !important;}
#ticketForm input,
#ticketEmailTemplates input{font-size: 14px;line-height: 24px;}
#ticketForm.modal .col-form-label,#ticketForm.modal .form-control,
#ticketEmailTemplates.modal .col-form-label,#ticketEmailTemplates.modal .form-control{font-size: 14px !important;letter-spacing: -0.25px !important;}
#ticketForm.modal .form-control:not(.kb-search-input){padding: 0 !important;}
.email-signature-wrap {position: absolute;bottom: 70px;z-index: 9999;left: 60px;min-width: 0 !important;}
#ticketEmailForwardAccor .col-form-label{padding-right: 15px !important;}
div#ticket-console-setting-accordion {border: none;}
div#ticket-console-setting-accordion.btn-accordion > .card .card-body {background: #fff;}
#ticketForm.modal .hire-our-agent-wrap input {padding: 4px 8px !important;}
.card.hire-our-agent-wrap {overflow: visible;}
.ticket-page.active-filter {max-width: calc(100% - 235px);}
input#emailSignImageHolder {width: 25px;height: 25px;position: absolute;background: no-repeat; opacity: 0;}
div#emailSignImageHolder {position: absolute;height: auto;background-image: url('../images/change-pic.png');background-size: contain;z-index: 99;display: none;}
#emailSignImageHolder .custom-file {width: 30px;height: 30px !important;border: none !important;border-radius: 0;background: transparent;}
#emailSignImageHolder .custom-file label {padding: 0;line-height: 0;color: transparent;width: 30px !important;height: 30px !important;}
.email-tooltip{max-width: 380px;}
.conv-web-wrapper{width: 100%;}
.conv-web-result {word-break: break-word;padding: 15px;margin: 15px 0 0 0;background: #f4f6fa;max-width: 360px;border-radius: 8px;border: 1px solid #deebf7;}
#ticketForm.modal .btn-accordion .col-form-label {width: auto !important;min-width: 125px !important;}
#ticketForm.modal .btn-accordion .col-form-label + .col {max-width: calc(100% - 125px);padding: 0 !important;}
.modal-content input.border-gray {border-width: 1px !important;border-style: solid !important;max-width: 100%;}
.modal-content input.border-gray + button.btn .fa {font-size: 20px !important;}
.modal-content input.border-gray + button.btn {margin-left: 8px !important;margin-top: 6px;}
#tktConsole2 .chat-detail-inner {padding: 0 !important;    overflow: hidden;}
#tktConsole2 .chat-detail-inner .btn-accordion .card {margin:15px;}
.ql-container.ql-snow,.ql-toolbar.ql-snow {border-color: #cbd6e2 !important;}
/*.template-ticket #addEditTicket *[class*="add-ticket-part-"] {
    min-width: 100%;
}*/
input[readonly] {color: #111111 !important;}
.list-shortcuts-item {display: flex;align-items: start;}
.table-ticket-wrap .table-responsive {max-height: calc(100vh - 235px);}
#addEditTicket .tk-email-header {position: absolute;top: 0;left: 1px;}
#addEditTicket .tk-email-header .col-form-label {min-width: 70px !important;}
.modal[id*="addEditTicket"] .ql-editor {padding: 150px 15px 60px !important;min-height: 400px;}
.modal[id*="addEditTicket"] .quillWrapper .ql-container{ min-height: 400px;}
.modal[id*="addEditTicket"] .open-cc .ql-editor,.modal[id*="addEditTicket"] .open-bcc .ql-editor { padding: 220px 15px 60px !important;min-height: 460px;}
.modal[id*="addEditTicket"] .open-cc.open-bcc .ql-editor { padding: 265px 15px 60px !important;min-height: 520px;}
/*.email-editor-w-attmnt .btn-email-attmnt {
    position: absolute;
    top: 4px;
    left: 360px;
}*/
.list-attmnts {
    /* position: absolute; */
    /* bottom: 5px; */
    /* left: 5px; */
    margin-top: 5px;
}
.list-attmnts li span {max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;height: 100%;}
.list-attmnts li span.cema-img-wrap img {position: absolute;width: 108px;height: 108px;opacity: 0;}

.list-attmnts li a {position: absolute;right: 5px;top: 5px;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #ccc;color: #fff !important;border-radius: 50px;}
.site-main-tabs .article-search-form input.form-control {min-width: 240px;padding-right: 30px;}
.multiselect, .multiselect__input, .multiselect__single {font-size: 14px;}
.multiselect__tag {color: #111111;background: #edf3f7 !important;}
.multiselect__tag-icon,.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {color: #111111;background: #edf3f7 !important;}
.multiselect__option--selected.multiselect__option--highlight{color: #111111;background: none !important;}
.table-ticket-new-ui th:nth-child(2),.table-ticket-new-ui td:nth-child(2),
.table-ticket-new-ui th:nth-child(1),.table-ticket-new-ui td:nth-child(1){min-width: 200px;max-width:200px;}
.table-ticket-new-ui th:nth-child(3),.table-ticket-new-ui td:nth-child(3){min-width: 125px;max-width:125px;}
.table-ticket-new-ui th:nth-child(5),.table-ticket-new-ui td:nth-child(5){min-width: 160px;max-width:160px;padding-left: 25px;}
.table-ticket-new-ui th:nth-child(4),.table-ticket-new-ui td:nth-child(4),
.table-ticket-new-ui th:nth-child(6),.table-ticket-new-ui td:nth-child(6),
.table-ticket-new-ui th:nth-child(7),.table-ticket-new-ui td:nth-child(7){min-width: 160px;max-width:160px;}
.table-ticket-new-ui th:nth-child(8),.table-ticket-new-ui td:nth-child(8){min-width: 165px;max-width: 165px;}
.table-ticket-new-ui th:nth-child(9),.table-ticket-new-ui td:nth-child(9),
.table-ticket-new-ui th:nth-child(10),.table-ticket-new-ui td:nth-child(10){min-width: 125px;max-width:125px;}
.table-ticket-new-ui th:nth-child(11),.table-ticket-new-ui td:nth-child(11){min-width: 60px;max-width:60px;}
.table-ticket-new-ui th:last-child {color: transparent !important;}
.table-ticket-new-ui th:nth-child(1),.table-ticket-new-ui td:nth-child(1){    padding-left: 15px !important;}
#previewTicketEmailTemplate .modal-content {border-radius: 0;}





/****************
VISITOR PAGE
****************/
.visitor-all-wrap {max-height: calc(100vh - 215px);display: flex;flex-direction: column;}
.table-visitor-wrap {flex: 1 1 100%;}
#visitorSetts .table-fields tr td {padding: 0.25rem;font-size: 16px;}
.visitor-charts .card .card-block {padding: 0 20px;}
.card-header{border: none;}
.chart-value-text {position: absolute;width: 100%;padding: 0 !important;margin: 0;top: 50%;transform: translateY(-50%);}
.card {box-shadow: none;}
.visitor-dd-form .form-control {min-width: 300px;font-size: 18px;color: #777;}
.feedback-dd-form .form-control {min-width: 220px;font-size: 18px;color: #777;}
#visitorSetts .table-fields .btn-link {color: #999;margin-left: 4px;}
.table-visitor.theme-table td:last-child > *{float: none;max-width: 80px;margin: 0 auto}
.table-visitor.theme-table th{font-weight: 400;}
.chart-title {font-size: 20px;}
.copy-right {font-size: 14px;font-weight: 300;}
.chart-div {min-height: 250px;}
td:last-child .switch{margin:6px 8px 0;float: none !important;}
.added-list-item{padding: 4px 15px;margin: 0 -1px 0;border: 1px solid #cbd6e2;background: #ccc;}
.added-list-item .btn-link { color: #fff!important;}
.added-list-item input{font-size: 16px;}
.added-list-item input.form-control {font-size: 16px;max-width: calc(100% - 30px);min-width: 100%;padding: 5px 10px;border: none;font-weight: 300 !important;}
.added-list-item input.form-control::placeholder {color: #aaa;}
.added-list-item input.form-control::-webkit-placeholder {color: #aaa;}
.added-list-item input.form-control::-moz-placeholder {color: #aaa;}
.table-headblue th{color: #4e89c4 !important;    cursor: pointer;}
.table-headblue th:hover {background: #e3ebf1;}
.table-headblue th,.table-headblue td{white-space: nowrap;}
.modal .form-visitor-archive .col-form-label {	min-width: 145px;}
.visitor-wrapper {height: calc(100vh - 118px);}
.table-visitor-archive-wrap .j-custm-scroll {max-height: calc(100vh - 355px);}
.table-visitor-archive thead th:last-child{min-width: 135px;}
.table-visitor-archive-wrap .custm-scroll {height: calc(100vh - 120px);}
#chatRalTimeFilters label.col-auto{min-width: 120px;}
.op-show div#chatArchiveFilters ,.op-show div#chatTrsArchiveFilters{min-width: 470px !important;max-width: 470px !important;}
#chatArchiveFilters label.col-auto {min-width: 120px;}
div#chatTrsArchiveFilters label.col-auto{min-width:125px;}
div#chatTriggersFilters label.col-auto{min-width:130px;}
.table-visitor-banned th:nth-child(1), .table-visitor-banned td:nth-child(1) {width:48px;}
.table-visitor-banned th:nth-child(2), .table-visitor-banned td:nth-child(2) {min-width: 150px;max-width: 150px;}
.table-visitor-banned th:nth-child(3), .table-visitor-banned td:nth-child(3) ,
.table-visitor-banned th:nth-child(4), .table-visitor-banned td:nth-child(4) ,
.table-visitor-banned th:nth-child(5), .table-visitor-banned td:nth-child(5) {min-width: 135px;max-width: 135px;}
.table-visitor td:nth-child(1), .table-visitor th:nth-child(1) {max-width: 120px;min-width: 120px;}
.table-visitor td:nth-child(2), .table-visitor th:nth-child(2) {max-width: 100px;min-width: 100px;}
.table-visitor td:nth-child(3), .table-visitor th:nth-child(3) {max-width: 220px;min-width: 220px;}
.table-visitor td:nth-child(4), .table-visitor th:nth-child(4) {max-width: 120px;min-width: 120px;}
.table-visitor td:nth-child(5), .table-visitor th:nth-child(5) {max-width: 120px;min-width: 120px;}
.table-visitor td:nth-child(6), .table-visitor th:nth-child(6) {max-width: 120px;min-width: 120px;}
.table-visitor td:nth-child(7), .table-visitor th:nth-child(7) {max-width: 120px;min-width: 120px;}
.table-visitor td:nth-child(8), .table-visitor th:nth-child(8) {max-width: 120px;min-width: 120px;}
.table-visitor th:last-child {color: transparent !important;}
.icon-vertical.outside{visibility: hidden;position: static;transform: translate(0,0);}
.icon-vertical{text-align: center;position: absolute;left: -113px;z-index: 99;}
.icon-vertical div p img{max-width: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.icon-vertical div p{border-radius: 5px;display: inline-block;width: 60px;height: 60px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.icon-vertical div {position: relative;min-height: 105px;width: 60px;flex: 1 1 auto;}
.card:nth-child(1) .icon-vertical div p {background-color: #0070c0;}
.card:nth-child(2) .icon-vertical div p {background-color: #0696bb;}
.card:nth-child(3) .icon-vertical div p {background-color: #ffc000;}
#ticketHistoryModal .card:nth-child(n) .icon-vertical div p{background-color: #e45a12;}
.icon-vertical:not(.outside):after {content: "";width: 1px;position: absolute;height: 100%;background: #cbd6e2;left: 50%;z-index: -1;top: 25px;}
.card:last-child .icon-vertical:not(.outside):after{display:none}
#ticketHistoryModal .icon-vertical:not(.outside):after,#chatHistoryModal .icon-vertical:not(.outside):after,
#taskHistoryModal .icon-vertical:not(.outside):after,#eventsHistoryModal .icon-vertical:not(.outside):after, #messengerHistoryModal .icon-vertical:not(.outside):after{display:none;}
.card:nth-child(3) .icon-vertical:not(.outside):after {display: none;}
div#timelineAccorInner {position: relative;}
#timelineAccor.btn-accordion .card-body{border-bottom: none;}
#timelineAccor.btn-accordion .card{border-radius:6px;}
#timelineAccor.btn-accordion .card-header{border-radius: 6px 6px 0 0;}
.visitor-all-wrap .j-custm-scroll {max-height:142px}
#inviteVisitorImmediate .table tr:hover td > .btn{background: linear-gradient(to right, #4989ef , #2259b1) !important;}
#visitorsRealtimeHeader th {border-bottom: 0;padding-bottom: 0;}
.table-real-time .messege {min-width: 220px;max-width: 220px;}
.table-real-time .messege *{display:inline;}
.table-real-time .website {min-width: 200px;max-width: 200px;}
.table-real-time .wait_time,.table-real-time .visitor {min-width: 110px;max-width: 110px;}
.table-real-time .off_pages_visited {min-width: 150px;max-width: 150px;}
.table-real-time .number_of_visit,.table-real-time .number_of_chat {min-width: 140px;max-width: 140px;}
.table-real-time .agent {min-width: 130px;max-width: 130px;}
.table-real-time .button_group {color: transparent !important;min-width: 90px;max-width: 90px;}
#visitorsRealtimeHeader tbody{display: none !important;}
.table-visitor:not(#visitorsRealtimeHeader) thead{display: none !important;}
#visitorsArchiveHeader tbody{display: none !important;}
#visitorsBannedHeader tbody{display: none !important;}
#visitorsArchive thead{display: none !important;}
#visitorsBanned thead{display: none !important;}
.table-real-time th {background: #F5F8FA !important;}
.banned-wrapper .table-responsive {max-height: calc(100vh - 210px);}


/****************
MONITORING PAGE
****************/
.table-open-conv th, .table-open-conv td {min-width: 165px;max-width: 165px;}
.table-in-queue th, .table-in-queue td {min-width: 140px;max-width: 140px;}
.table-in-queue th:nth-child(4), .table-in-queue td:nth-child(4) {min-width: 220px;max-width: 220px;overflow-x: hidden !important;overflow-y: hidden;}
.table-on-site th, .table-on-site td {min-width: 180px;max-width: 180px;}
.table-on-site th:nth-child(2), .table-on-site td:nth-child(2) {min-width: 350px;max-width: 350px;}





/****************
ROUTING PAGE
****************/
.dropdown-info {display: flex;}
.toggle-info {padding: 0 5px;border: 0;color: #999;font-size: 30px;}
.toggle-info:hover,.toggle-info:focus,.dropdown-info.show .toggle-info{color: #999;background-color: transparent;}
.toggle-info{border:none !important;}
.toggle-info:after{display: none;}
.toggle-info + .dropdown-menu {min-width: 380px;padding: 20px 40px;font-size: 14px;background-color: #002864;color: #fff !important;top: 0 !important;left: calc(100% + 15px) !important;line-height: 22px;transform: translate(0) !important;}
.toggle-info + .dropdown-menu p{color: #fff;line-height: 28px;white-space: normal;}
.pop-btm .toggle-info + .dropdown-menu {left: auto !important;top: calc(100% + 15px) !important;right: 0;transform: translateX(50%) !important;min-width: 300px !important;}
.toggle-info + .dropdown-menu::after {position: absolute;content: "";display: inline-block;border-width: 12px;border-style: solid;border-right-color: #002864;top: 10px;left: -24px;border-left-color: transparent;border-top-color: transparent;border-bottom-color: transparent;}
.pop-btm .toggle-info + .dropdown-menu::after{border-right-color: transparent;top: -24px;left: 50%;border-bottom-color: #002864;transform: translateX(-50%);}
.btn-accordion .toggle-info{background-color: #f5f5f5;}
.toggle-info + .dropdown-menu .btn-link {color: #fff;}
#addRoutingRule .modal-dialog {max-height: calc(100vh - 100px);overflow-y: auto;}
.toggle-info .fa-info,.custom-icon-info{background-image: url('../images/icon-info.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;min-width: 10px;min-height: 20px;background-size: contain;}
.line-input{max-width: 35px;}
.routing-wrapper{height: calc(100vh - 118px);}
#infoDropdownRouting .mCSB_container{padding-right: 3rem;}
#addEditNoResponseMsg .custm-scroll{height: 490px;}
#addEditNoResponseMsg .second-row .custm-scroll {height: 525px;}
.table-routing th:nth-child(1), .table-routing td:nth-child(1) {min-width: 125px;max-width: 125px;}
.table-routing th:nth-child(2), .table-routing td:nth-child(2) ,
.table-routing th:nth-child(3), .table-routing td:nth-child(3) {min-width: 280px;max-width: 280px;}
.table-routing th:nth-child(4), .table-routing td:nth-child(4) {min-width: 130px;max-width: 130px;}
.table-routing th:nth-child(5), .table-routing td:nth-child(5) {min-width: 160px;max-width: 160px;}
.table-routing th:nth-child(6), .table-routing td:nth-child(6) {min-width: 87px;max-width: 87px;}
/*.table-routing th:nth-child(4), .table-routing table td:nth-child(4) :not(div){float: none;}
.table-routing table td:nth-child(4) label.switch {float: left !important;}*/
.table-no-resp-msg th:nth-child(5), .table-no-resp-msg td:nth-child(5) {min-width: 120px;max-width: 120px;}
.table-no-resp-msg th:nth-child(4), .table-no-resp-msg td:nth-child(4) {min-width: 220px;max-width: 220px;}
.table-no-resp-msg th:nth-child(3), .table-no-resp-msg td:nth-child(3) {min-width: 220px;max-width: 220px;}
.table-no-resp-msg th:nth-child(2), .table-no-resp-msg td:nth-child(2) {min-width: 220px;max-width: 220px;}
.table-no-resp-msg th:nth-child(1), .table-no-resp-msg td:nth-child(1) {min-width: 220px;max-width: 220px;}
.routing-all-wrap .j-custm-scroll{max-height: calc(100vh - 210px);}
.routing-all-wrap > .table-responsive:nth-child(1) {max-height: calc(100vh - 215px);}




/****************
CHAT SCHEDULING PAGE
****************/
#addEditChatSchPlan .col-form-label {min-width: 160px;}
.op-show div#moreSettsChatSch  {min-width: 440px !important;max-width: 440px !important;}
div#moreSettsChatSch .col-form-label {min-width: 120px;}
.table-chat-scheduling td:last-child {min-width: 140px;}
.table-language td:last-child {min-width: 125px;}
.table-language td:last-child {width: 125px;}
.table-chat-plan td:nth-child(1),.table-chat-plan th:nth-child(1){width:48px;}
.table-chat-plan td:nth-child(2),.table-chat-plan th:nth-child(2){min-width: 240px;max-width: 240px;}
.table-chat-plan td:nth-child(3),.table-chat-plan th:nth-child(3){min-width: 150px;max-width: 150px;}
.table-chat-scheduling td:nth-child(1),.table-chat-scheduling th:nth-child(1){min-width: 240px;max-width:240px;}
.table-chat-scheduling td:nth-child(2),.table-chat-scheduling th:nth-child(2){min-width: 150px;max-width:150px;}
.table-chat-scheduling td:nth-child(3),.table-chat-scheduling th:nth-child(3){min-width: 180px;max-width: 180px;}
.table-chat-scheduling td:nth-child(4),.table-chat-scheduling th:nth-child(4){min-width: 125px;max-width: 125px;}
.table-chat-scheduling td:nth-child(5),.table-chat-scheduling th:nth-child(5){min-width: 100px;max-width: 100px;}
#addEditChatSchPlan table td {overflow-x: visible;}
#profileAddSch .col-form-label{min-width: 120px;}
.delete-appntmt {position: absolute;top: 50%;right: 15px;font-size: 30px;}
.chat-scheduling-wrapper .j-custm-scroll{max-height:calc(100vh - 374px);}
.appointment-list-wrap .col-form-label:empty{display: none;}
.appointment-list-wrap .col-form-label{min-width: 276px;}
.appointment-task-wrap .j-custm-scroll {max-height: calc(100vh - 541px) !important;}
#chatApptSchModal .mx-datepicker input{display: none;}
#chatApptSchModal .mx-datepicker-popup{display: block !important;position: relative;border: none;margin: 0 auto;width: 275px;}
#chatApptSchModal .mx-calendar {background: #425b76;}
#chatApptSchModal .mx-calendar-header {color: #fff;}
#chatApptSchModal .mx-calendar-table thead th {color: #fff;}
#chatApptSchModal .mx-calendar-table td.curMonth {opacity: 0.35;color: #fff;}
#chatApptSchModal .mx-calendar-table td.curMonth.current, 
.mx-calendar-month > a:hover,.mx-calendar-table td.inrange, .mx-calendar-table td:hover, 
.mx-calendar-year>a:hover {background: #fff !important;opacity: 1 !important;border-radius: 50%;color: #526da4 !important;}
.list-time a {display: block;text-align: center;padding: 5px 0;border: 1px solid #ccc;color:#aaa;}
.list-time li + li {margin-top: 5px;}
#chatApptSchModal .mx-calendar-content {height: 260px;overflow: hidden;}
#chatApptSchModal .mx-calendar-table td,#chatApptSchModal .mx-calendar-table th {width: 36px;height: 36px;text-align: center;}
.list-time a.active {font-family: 'Graphik Medium';color: #333;background: #F5F8FA !important;border-color: #F5F8FA !important;}
.mx-calendar-month>a:hover, .mx-calendar-table td.inrange, .mx-calendar-table td:hover, .mx-calendar-year>a:hover{}
.table-event-type th:nth-child(1), .table-event-type td:nth-child(1),
.table-event-type th:nth-child(2), .table-event-type td:nth-child(2),
.table-event-type th:nth-child(3), .table-event-type td:nth-child(3){min-width: 160px;max-width: 160px;}
.table-event-type th:nth-child(4), .table-event-type td:nth-child(4) {min-width: 160px; max-width: 160px;}
.table-event-type th:nth-child(5), .table-event-type td:nth-child(5) {min-width: 190px;max-width: 190px;}
.table-event-type th:nth-child(6), .table-event-type td:nth-child(6) {min-width: 205px;max-width: 205px;}
.chat-scheduling-wrapper .table-responsive {max-height: calc(100vh - 175px);}
#previewEventScheduling .modal-dialog {max-width: calc(750px + 1.5rem);}
.visitor-schedule-wrapper > button.close {position: absolute;top: 0;right: 0;}
.visitor-schedule-wrapper > button.close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;color: #fff;background: #ccc;font-size: 40px;border-radius: 50%;opacity: 1;z-index: 999;}
.combine-btn-group div[class*='col']:first-child .btn,
.combine-btn-group div[class*='col']:first-child .form-control,
.combine-btn-group div[class*='col']:first-child input.mx-input{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.combine-btn-group div[class*='col']:last-child .btn,.combine-btn-group div[class*='col']:last-child .form-control{border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left: 0;}
.mx-calendar {float: left;width: 100%;padding: 6px 12px;}
.mx-input-icon {display: none !important;}
.visitor-schedule--left.bg-dark {color: #fff;background: #425b76 !important;border-radius: 6px;margin-bottom: 2rem !important;}
.visitor-schedule-wrapper >.row {border-radius: 6px;box-shadow: 0 0 15px #ccc;}
.visitor-schedule-wrapper .veb-box-head {padding: 2rem 1rem !important;align-items: center;margin-bottom: 2rem !important;}
.mx-calendar a {color: #111111 !important;}
.mx-calendar-table tbody td, .mx-calendar-table thead th {color: #999;}
.list-slots li{position: relative;}
.list-slots li {position: relative;margin: 10px 5px 10px 10px;}
.visitor-schedule--right .list-slots li {margin: 10px 5px 10px 0;} 
.list-slots {max-height: 240px;overflow: auto;}
.list-slots li + li{margin-top:5px;}
.lc-triggerArrBtn{padding: 10px 20px;display: flex;border-radius: 10px;color: #111111;position: relative;background: transparent;background-clip: padding-box;transition: all 0.5s;text-decoration: none;font-size: 14px;box-shadow: rgb(204, 204, 204) 0px 0px 10px;justify-content: center;}
.lc-triggerArrBtn + .lc-triggerArrBtn{margin-top: 8px;}
.lc-triggerArrBtn:focus,.lc-triggerArrBtn:hover,.lc-triggerArrBtn.slot-active{box-shadow: rgb(204, 204, 204) 0px 0px 10px;background: linear-gradient(to left, #e66512 65%,#f78d47 ) !important;color: #fff !important;}
.lc-triggerArrBtn span {pointer-events: none;}
.list-schedule-details li + li{margin-top: 8px;}
.list-schedule-details .list-item > span {min-width: 80px;}
.visitor-schedule--right{min-height: 360px;}
.table-theme-list thead {display: none;}
.google-calendar-acc-wrap {max-height: calc(100vh - 225px);overflow: auto;}
.calender-step-active .google-calendar-acc-wrap {max-height: calc(100vh - 295px);overflow: auto;}
#previewEventScheduling .modal-content, 
#previewEventScheduling .modal-dialog.modal-middle .modal-body {max-height: calc(100vh - 30px);}
.create-sms-playbook-right{overflow: auto;}




/****************
ADDON PAGE
****************/
/*.addons-wrapper{max-height: calc(100vh - 140px);}*/
/*.addons-wrapper{max-height: calc(100vh - 140px);}*/
.addon-hire-programmer {margin: 0 -4px 0px -4px !important;}
.addon-hire-programmer .slick-list {height: 100%;}
.addon-hire-programmer .slick-track {height: 100%;}
.addon-hire-programmer .slick-track .slick-slide {margin: 0 4px;min-height: 180px;}
.thid-border {border: 2px solid #595959;display: flex !important; height: calc(100% - 8px);}
#audioVideoConferenceFeats {line-height: 26px;}
.addon-single .btn{display: none;}
.addon-single:hover .btn{display: inline-block;}
#hire-agent-faq-accordion.btn-accordion a.card-link {font-family: 'Graphik Medium';font-size:16px;line-height: 28px;}
#hire-agent-faq-accordion.btn-accordion .card-header .card-link[aria-expanded="true"], 
#hire-agent-faq-accordion.btn-accordion .card-header .card-link[aria-expanded="true"]{font-family: 'Graphik Medium';}
.av-features-list .col-auto{min-width: 140px;}
#hireOurAgentVideo video{border: 15px solid #ccc;border-radius: 4px;}
.table-my-addon th:nth-child(1),.table-my-addon td:nth-child(1) {min-width: 180px;max-width: 180px;}
.table-my-addon th:nth-child(2), .table-my-addon td:nth-child(2) {min-width: 100px;max-width: 100px;}
.table-my-addon th:nth-child(4), .table-my-addon td:nth-child(4) {min-width: 140px;max-width: 140px;}
.table-my-addon th:nth-child(3), .table-my-addon td:nth-child(3){min-width: 175px;max-width: 175px;}
.table-my-addon th:nth-child(5), .table-my-addon td:nth-child(5) {min-width: 155px;max-width: 155px;}
.table-my-addon th:nth-child(6), .table-my-addon td:nth-child(6) {min-width: 150px;max-width: 150px;}
.table-my-addon th:nth-child(7), .table-my-addon td:nth-child(7) {min-width: 155px;max-width: 155px;}
.table-my-addon th:last-child, .table-my-addon td:last-child {min-width: 60px;max-width: 60px;}
.my-addon-wrapper .j-custm-scroll {max-height: calc(100vh - 300px);}
.j-custm-scroll + table {width: calc(100% - 8px) !important;}
#hireOurAgents .kb-modal-right .j-custm-scroll{max-height:548px;}
#hireOurAgentVideo .modal-body {padding: 0 !important;}
#smsPaymentTermsModal ul strong.pull-right {min-width: 70px;}
#myAddonMessagingModal th:nth-child(1), #myAddonMessagingModal td:nth-child(1) {min-width: 100px;max-width: 100px;}
#myAddonMessagingModal th:nth-child(2), #myAddonMessagingModal td:nth-child(2) {min-width: 110px;max-width: 110px;}
#myAddonMessagingModal th:nth-child(3), #myAddonMessagingModal td:nth-child(3) {min-width: 115px;max-width: 115px;}
#myAddonMessagingModal th:nth-child(4), #myAddonMessagingModal td:nth-child(4) {min-width: 100px;max-width: 100px;}
#myAddonMessagingModal th:nth-child(5), #myAddonMessagingModal td:nth-child(5) {min-width: 90px;max-width: 90px;}
#myAddonMessagingModal th:nth-child(6), #myAddonMessagingModal td:nth-child(6) {min-width: 120px;max-width: 120px;}
#myAddonMessagingModal th:nth-child(7), #myAddonMessagingModal td:nth-child(7) {min-width: 80px;max-width: 80px;}
.list-filter-forming .close {font-weight: 300;background: #999;width: 24px;height: 24px;color: #fff !important;border-radius: 50%;line-height: 24px !important;position: absolute !important;top: -6px;right: -6px;text-align: center;opacity: 1;}
#myAddonMessagingModal .list-sb-actions .bootstrap-select > .dropdown-toggle{width: auto;}
.create-sms-playbook-left .j-custm-scroll{height: calc(100vh - 230px);}
/*#smsUserConsentModal {pointer-events: none;}*/
.hire-our-agent-skin{max-width: 640px;position: absolute;left: 50%;transform: translateX(-50%);}
#smsPlanWrapper .col-3{padding:50px 15px;}
#smsPlanWrapper {padding: 0 15px;}
#smsPlanWrapper .slick-list{margin: 0 -15px;padding: 0 15px;}
.code-wrapper {max-width: 900px;    margin: 0 auto;}
#smsPlanWrapper .slick-arrow ,#smsPlanWrapperWatsapp .slick-arrow{color: #526da4;position: absolute;top: 50%;transform: translateY(-50%);left: -60px;height: 100px;width: 46px;font-size: 180px !important;font-weight: 300;cursor: pointer;}
#smsPlanWrapper .arrow-next,#smsPlanWrapperWatsapp .arrow-next{left: auto;right:-60px;}
#smsPlanWrapper .slick-arrow.slick-disabled,
#smsPlanWrapperWatsapp .slick-arrow.slick-disabled{display: none !important;}
#smsPlanWrapper .slick-arrow span,
#smsPlanWrapperWatsapp .slick-arrow span {position: absolute;left: 0;line-height: 76px;}
.remove-branding-two-parts .row {position: relative;z-index: 99;}
.remove-branding-two-parts {position: relative;padding: 15px 0;}
/*.remove-branding-two-parts:after {position: absolute;content: "";display: block;background-image: url('../images/featured-img.png');top:0;left:0;bottom: 0;right: 0;background-repeat: no-repeat;z-index: 0;background-size: cover;}*/
/*.no-menu .px-65{padding: 0 !important;}*/
.addons-wrapper.no-menu .mw-1600{max-width: 100% !important;padding: 0;}
.subscribtion-plan-row .btn {border: 1px solid #cbd6e2;color: #222;font-size: 20px;font-weight: 400;min-height: 48px;transition: all 0.5s;}
.subscribtion-plan-row .btn.btn-orange{border:none !important;}
.remove-branding-two-parts .col{box-shadow: 0 0 35px #ccc;}
/*.remove-branding-two-parts li.list-item {position: relative;}*/
/*.remove-branding-two-parts li.list-item:after{display: block;content:'';height: 10px;width: 10px; border-radius: 5px;background-color: #4e89c4;position: absolute;left: -20px;top: 8px;}*/
.addons-feature-single .h-wrapper img {max-width: 75px;box-shadow: 5px 5px 10px #bfbfbf;background-color: transparent;border-radius: 8px;}
.addon-page-main .addons-feature-single .h-wrapper img {margin-bottom: 0;margin-right: 15px;}
.addons-feature-single .height-inner {border-radius: 10px;box-shadow: 5px 5px 10px #bfbfbf;position: relative;padding: 30px 40px !important;background: #fff;transition: all 0.4s;}
.login-wrap-right .addons-feature-single .height-inner {box-shadow: 5px 5px 10px #aaa;}
.addons-feature-single {margin: 40px 0 0;padding: 0 22.5px;}
.addon-page-main .addons-feature-single .h-wrapper {display: flex;align-items: center;margin-bottom: 15px;}
.connect-wrapper .addons-feature-single .h-wrapper,.connect-wrapper .addons-feature-single .card-link {min-height: 75px;}
.connect-wrapper .addons-feature-single .height-inner {padding: 25px 30px !important;max-width: 295px;}
.addons-feature-single:hover .height-inner{box-shadow: 7px 7px 14px #bfbfbf;transform: scale(1.04);}
.get-started-row .addons-feature-single:hover .height-inner{transform: scale(1.06);}
.login-wrap-right .addons-feature-single:hover .height-inner {border-color: transparent;}
.addons-feature-footer {position: absolute;background: rgba(0,0,0,0.5);top: 50%;left: 50%;right: 50%;bottom: 50%;z-index: 998;display: flex;transition: all 0.4s;justify-content: center;overflow: hidden;border-radius: 4px;}
.addons-feature-footer .btn-link{color: #fff !important;font-size: 22px !important;font-family: 'Graphik Medium' !important;width: 100%;opacity: 1 !important;}
.addons-feature-single:hover .addons-feature-footer{right: 0;left: 0;bottom: 0;top:0;border-radius: 10px;}
.table-addons-invoices th:nth-child(1), .table-addons-invoices td:nth-child(1), 
.table-addons-invoices th:nth-child(2), .table-addons-invoices td:nth-child(2){min-width: 110px;max-width: 110px;}  
.table-addons-invoices th:nth-child(6), .table-addons-invoices td:nth-child(6){min-width: 120px;max-width: 120px;}
.table-addons-invoices th:nth-child(7), .table-addons-invoices td:nth-child(7) {min-width: 80px;max-width: 80px;}
.table-addons-invoices th:nth-child(3), .table-addons-invoices td:nth-child(3) {min-width: 120px;max-width: 120px;}
.table-addons-invoices th:nth-child(4), .table-addons-invoices td:nth-child(4) {min-width: 120px;max-width: 120px;}
.table-addons-invoices th:nth-child(5), .table-addons-invoices td:nth-child(5){min-width: 140px;max-width: 140px;}
.sms-payment-body ul.list-unstyled {max-height: 240px;overflow: auto;}
#myAddonMessagingModal .btn-sms-plan-cart {position: absolute;right: 45px;top: 70px;z-index: 999;font-size: 16px;}
.my-addon-wrapper .table-responsive {max-height: calc(100vh - 205px);}
.marketing-box img{max-width: 75px;border-radius:8px;box-shadow:5px 5px 10px #bfbfbf}
/*.single-features-detail {margin: 0 -80px;}*/
.single-features-detail .custm-scroll {max-height: calc(100vh - 155px) !important;height: 100vh !important;}
#myaddon_invoices .table-responsive {max-height: calc(100vh - 240px);}
#smsPaymentDetailsModal,#smsMmsNumberDisplayModel,#smsPaymentReceiptModal{pointer-events: none;}
#myaddonLogTable .table-responsive {max-height: calc(100vh - 245px);}
.table-sms-logs th:nth-child(1),.table-sms-logs td:nth-child(1) {min-width: 125px;max-width: 125px;}
.table-sms-logs th:nth-child(2), .table-sms-logs td:nth-child(2),.table-sms-logs th:nth-child(3), .table-sms-logs td:nth-child(3) {min-width: 130px;max-width: 130px;}
.table-sms-logs th:nth-child(4), .table-sms-logs td:nth-child(4){min-width: 120px;max-width: 120px;}
.table-sms-logs th:nth-child(5), .table-sms-logs td:nth-child(5) {min-width: 100px;max-width: 100px;}
.table-sms-logs th:nth-child(6), .table-sms-logs td:nth-child(6){min-width: 160px;max-width: 160px;}
.table-sms-logs th:nth-child(7), .table-sms-logs td:nth-child(7){min-width: 240px;max-width: 240px;}
.table-sms-logs th:nth-child(9), .table-sms-logs td:nth-child(9) {min-width: 135px;max-width: 135px;}
.table-sms-logs th:nth-child(8), .table-sms-logs td:nth-child(8){min-width: 75px;max-width: 75px;}
.table-sms-logs th:nth-child(10), .table-sms-logs td:nth-child(10) {min-width: 50px;max-width: 50px;}
.list-pageination {list-style: none;display: flex;justify-content: center;font-size: 16px;align-items: center;}
.list-pageination .active a {background: #edf3f7 !important;border: 1px solid #cbd6e2;border-radius: 4px;}
.list-pageination a {padding: 0px 10px 0;border: 1px solid transparent;}
.list-pageination li + li {margin-left: 5px;}
.list-pageination a span {display: flex;align-items: center;}
.list-pageination a[class*="pagi-"] i {font-size: 24px;position: relative;top: -2px;}
.list-pageination .disabled > a{pointer-events:none; opacity:0.6;}
.dd-per-page.list-sb-actions .dropdown-toggle span,.list-pageination a {color: #4354b6  !important;font-size: 14px !important;float: left;}
.flex-wrap.addon-feature-wrapper {max-height: calc(100vh - 210px);overflow: auto;padding-bottom: 1rem;padding-right: 3rem;}
.no-menu .site-main-tabs {display: none;}
.symbol .symbol-inner {display: flex;justify-content: center;}
.symbol .symbol-inner p {color: #111111;font-family: 'Graphik Regular';font-size: 24px;line-height: 1.5;display: flex;align-items: center;padding: 8px 0;margin-bottom: 0;}
.symbol .symbol-inner p:first-child span {background: #e83f6f;}
.symbol .symbol-inner p span {width: 16px;height: 16px;border-radius: 50%;display: inline-block;margin-right: 10px;background: #111111 !important;}
.addon-detail-title{font-size: 78px;line-height: 82px;letter-spacing: 1.5px;}
.bootstrap-select.btn-group.show div.dropdown-menu[x-placement="top-start"],
.top-start.bootstrap-select.btn-group.show div.dropdown-menu{transform: translate3d(0,-100%,0) !important;}
#replaceBrandingModal .modal-body {max-height: calc(100vh - 250px);}
.list-rb-type a:hover{background-color: #ffc000a8}
.hoa-plans {display: flex;justify-content: space-between;margin-top: 90px;}
.hoa-plan-single {padding: 40px 32px;box-shadow: 2px 2px 16px 0px #999;    outline: none;border-radius: 12px;position: relative;flex: 1 1 100%;margin: 0 14px;line-height: 2.5;font-size: 16px;border: 2px solid transparent;}
.hoa-plan-single h3 {font-size: 28px;font-family: 'Graphik Semibold',sans-serif;margin: 0 0 14px;text-align: center;}
.btn-hoa-action {background: #111111 !important;color: #fff !important;width: 100%;font-size: 18px !important;margin-top: 10px !important;}
.hoa-plan-price .cost {font-size: 53px;line-height: 1;margin: 0;}
.hoa-plan-price {border-top: 1px solid #111111;border-bottom: 1px solid #111111;padding: 30px 0;margin: 0 0 15px;font-size: 18px;font-family: 'Graphik Semibold',sans-serif;display: flex;flex-direction: column;line-height: 1;}
.build-bot-single .hoa-plan-features {margin-bottom: 20px;}
.build-bot-single .bg-yellow {font-size: 18px;padding: 4px 10px;border-radius: 6px;font-weight: 700;}
.build-bot-single {line-height: 1.5 !important;display: flex;flex-direction: column;}
.build-bot-single .btn.btn-hoa-action {margin-top: auto !important ;}
.bot-tooltip.ctt-tooltip:after {min-width:280px;white-space:normal;}
.bot-tooltip.ctt-tooltip {color: #fff;font-size: 15px;position: absolute;right: -10px;top: 0;width: 20px;height: 20px;line-height: 23px;background: #999;font-family: 'Graphik Semibold',sans-serif;border-radius: 50%;}
.bb-proactive-247 {list-style: none;padding-left: 24px;}
.bb-proactive-247 li {position: relative;}
.bb-proactive-247 li:after {content: '';display: block;position: absolute;width: 12px;height: 12px;background: #111111;top: 9px;left: -24px;border-radius: 12px;}
.ad-metrics-single {padding: 15px;}
.ad-metrics-head {padding: 30px 20px 20px;color: #fff;border-radius: 10px 10px 0 0;}
.slick-initialized.row-ad-metrics .slick-slide {height:auto;}
.ad-metrics-head h3 {font-size: 20px;margin-top: 20px;margin-bottom: 0;}
.ad-metrics-head img {max-width: 100px;}
.ad-metrics-head.g-analytics {background: linear-gradient(90deg, #ff381e, #ff6b57);}
.ad-metrics-head.g-tag-mngr{background: linear-gradient(90deg, #f69200, #ffab2f);}
.ad-metrics-head.utms{background: linear-gradient(90deg, #d25a00, #fa6b00);}
.ad-metrics-head.g-data-studio{background: linear-gradient(90deg, #076d07, #0a980a);}
.ad-metrics-head.fb-tag-mngr{background: linear-gradient(90deg, #007fac, #00a1da);}
.ad-metrics-head.fb-pixel{background: linear-gradient(90deg, #6b2d71, #8b3a93);}
.ad-metrics-head.linkedin-insight{background: linear-gradient(90deg, #005dc4, #0075fb);}
.ad-metrics-single-inn {box-shadow: 0 0 10px #aaa;border-radius: 10px;height:100%;}
.ad-metrics-body {padding: 30px;font-size: 16px;min-height: 312px;}
.ad-metrics-body p {margin: 0;}
.btn-admetrics-quote {margin: 50px auto 20px;display: block;font-size: 20px;border-radius: 6px;}
.row-ad-metrics .slick-track {display: flex;}
.row-ad-metrics .slick-track:after,.row-ad-metrics .slick-track:before{display:none;}
/*
.row-ad-metrics .slick-slide {
    height: inherit;
}*/
.row-ad-metrics .slick-arrow.slick-disabled {display: none !important;}
/*.section-ad-metrics .slick-track {
    min-width: 100%;
}*/
#linkedinFAQAccordion,
#linkedinFAQAccordion .card-link{font-size: 16px;}
.url-shortener {transform: translate3d(6px, calc(-100% - 20px), 0px) !important;}


/****************
CONNECT PAGE
****************/
.connect-wrapper .addons-feature-footer .btn-link{color: #fff !important;font-size: 20px !important;white-space: normal;}
.addons-feature-footer {background: rgba(0,0,0,0.4);}
.connect-wrapper .addons-feature-single h3 {font-size: 22px !important;padding-top: 14px;}
.addons-wrapper .addons-feature-single .height-inner {padding: 36px 36px 30px !important;}
.addon-page-main .addons-feature-single .h-wrapper h1 {margin: 0 !important;}
.addon-page-main .addons-feature-single {padding: 0 25px;margin: 25px 0 15px;}



/****************
PRODUCT/SERVICE PAGE
****************/
.form-add-prod-serv label.col-form-label {min-width: 150px;}
#viewProdNServModal button.close {position: absolute;color: #fff;top: -25px;right: -18px;font-weight: 400;opacity: 1;font-size: 36px;}
#viewProdNServModal .modal-dialog {max-width: 300px;width: auto;min-width: 0;}
#viewProdNServModal .prod_body{}
#viewProdNServModal .prod_body span {}
.table-csv-import.table-prodnserv-import th:nth-child(1), 
.table-csv-import.table-prodnserv-import td:nth-child(1) {min-width: 130px;max-width: 130px;}
.table-csv-import.table-prodnserv-import th:nth-child(2), 
.table-csv-import.table-prodnserv-import td:nth-child(2) {min-width: 70px;max-width: 70px;}




/****************
SETTING PAGE
****************/
.setting-wrapper {height: calc(100vh - 65px);}
.table-ticket td:last-child {max-width: 115px;}
.notification-all-wrapper {position: fixed;bottom: 2px;right: 10px;max-width: 440px;z-index: 99999999;}
.popup-notification {min-width: 400px;max-width: 400px;    border-radius: 10px;}
.popup-notification .close {padding: 0 !important;right: 20px;top: 2px;}
.tooltip-inner{max-width: none;z-index: 9999999;}
.tooltip-inner.bg-white{border:1px solid #cbd6e2 !important;}
.arrow.bg-white{bottom:2px;}
.arrow.bg-white:before{border-color:#fff transparent !important;filter:drop-shadow(0 2px 0px #ccc);}
.form-pwrd-security .col-form-label{min-width: 200px;}
.table-two-factor-login thead th:nth-child(2), .table-two-factor-login tbody td:nth-child(2) {min-width: 220px;max-width: 220px;}
.table-two-factor-login thead th:nth-child(3), .table-two-factor-login tbody td:nth-child(3) {min-width: 75px;max-width: 75px;}
.table-two-factor-login thead th:nth-child(4), .table-two-factor-login tbody td:nth-child(4) {min-width: 135px;max-width: 135px;}
.table-shortcuts thead th:nth-child(3), .table-shortcuts tbody td:nth-child(3) { min-width: 100px;max-width: 100px;width: 100px;}
input#inlineFormInput{padding: 7px 10px;max-width:155px;}
.table-shortcuts thead th:nth-child(1), .table-shortcuts tbody td:nth-child(1) {min-width: 158px;max-width: 158px;}
.table-shortcuts thead th:nth-child(2), .table-shortcuts tbody td:nth-child(2) {min-width: 610px;max-width: 610px;}
.table-shortcuts thead th:nth-child(3), .table-shortcuts tbody td:nth-child(3) {min-width: 90px;max-width: 90px;}
.data-security-wrapper{max-height: calc(100vh - 280px);overflow-y: auto;}
.ctt-tooltip {position: relative;}
.ctt-tooltip:after {display: none;content: attr(ctt-title);position: absolute;font-size: 12px;padding: 8px 12px;background: #002864;border-radius: 4px;color: #fff;z-index:99999999;pointer-events: none;white-space: nowrap;line-height: 16px;}
.ctt-tooltip[ctt-placement="top"]:after {bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);}
.ctt-tooltip[ctt-placement="left"]:after {top: 50%;left: 0;transform: translate(-100%,-50%);}
.ctt-tooltip[ctt-placement="right"]:after {top: 50%;right: -15px;transform: translate(100%,-50%);}
.ctt-tooltip:before {content: "";display: none;border-width: 6px 10px 0;border-style: solid;border-color: #002864 transparent transparent;position: absolute;z-index:99999999;}
.ctt-tooltip[ctt-placement="top"]:before {bottom: calc(100% - -3px);left: 50%;transform: translateX(-50%);}
.ctt-tooltip[ctt-placement="left"]:before {content: "";display: none;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #002864;position: absolute;z-index:99999999;top: 50%;left: -1px;transform: translateY(-50%);}
.ctt-tooltip[ctt-placement="right"]:before {content: "";display: none;border-width: 6px;border-style: solid;border-color: transparent #002864 transparent transparent;position: absolute;z-index: 99999999;top: 50%;right: -15px;transform: translateY(-50%);}
.ctt-tooltip:hover:after,.ctt-tooltip:hover:before{display: block;} 



/****************
KNOWLEGDEBASE PAGE
****************/
#knowledgebase_tableHeader tbody{display: none;}
#knowledgebase_table thead{display:none;}
.knowledgebase-table-wrap{max-height: calc(100vh - 250px);}
.list-article-cat .j-custm-scroll{height: calc(100vh - 250px);}
.knowledgebase-article-table {max-height:calc(100vh - 275px) !important;}
.knowledgebase-table-wrap .collaboration-right {width: calc(100% - 240px);}
.kb-all-list li span{font-size: 16px;line-height: 36px;color: #999;}
.kb-cat-list-item a{color:#999;padding: 3px 15px;display: block;}
.kb-cat-list-item a.kb-active{background-color: #aaa;color:#fff;}
.kb-cat-list-item .kb-cat-count {position: absolute;right: 15px;top: 50%;line-height: 1;transform: translateY(-50%);}
.kb-cat-list-item a.kb-active + .kb-cat-count{color:#fff;}
.table-kb-all thead th:last-child, .table-kb-all tbody tr td:last-child { min-width: 125px;}
#addEditKBArticleModal .modal-dialog,#addEditSettScript .modal-dialog{max-width: 925px;}
.kb-keywords-holder ul{max-height: 250px;overflow: auto;padding:0.5rem 0 !important;}
.kb-keywords-holder ul li {margin-top: 0px !important;}
.kb-keywords-holder ul a {padding: 0.5rem 1rem;width: 100%;    color: #111111 !important;}
.kb-keywords-holder ul a:hover,.kb-keywords-holder ul a:focus,
.bootstrap-select.btn-group .dropdown-menu li a:hover,
.bootstrap-select.btn-group .dropdown-menu li a:focus,
.multiselect__content-wrapper .multiselect__option--highlight:hover,
.multiselect__content-wrapper .multiselect__option--highlight:focus,.bot-dd-action button:hover,.bot-dd-action button:focus{color: #111111 !important;background: #edf3f7;font-family: 'Graphik Medium';}
.dragdrop-file ,.dragdrop-file input,.dragdrop-file label{ height: 60px;text-align: center;}
.kb-tooltip {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: none;}
.holder-on .kb-tooltip{display: block;}
.dragdrop-file label{overflow: hidden;border: none !important;line-height: 25px;padding: 25px 30px;color: #999;display: flex;top: 0;align-items: center;justify-content: center;border-radius: 0;    max-width: calc(100% - 30px);margin: 0 auto;height: 57px !important;}
.dragdrop-file label::after {display: none !important;}
.modal .col-form-label.modal-delete-text{font-size: 14px !important;white-space: normal;font-family: 'Graphik Regular';padding: 0 15px;text-transform: none;}
.quillWrapper #quill-container{height: 620px;padding: 30px 0;overflow-y: auto;}
.app-share-row a {float: none !important;margin: 0;}
.app-share-row a .at-icon-wrapper{float: left;}
.app-share-row a .at-icon-wrapper svg, .app-share-row a .at-icon-wrapper,.app-share-row .custom-mail-share  {height: 75px !important;width: 75px !important;}
.app-share-row .custom-mail-share {color: #fff;font-size: 48px;margin-right: 2px;vertical-align: top;}
.manage-heading #rountingInfo {	margin-top: 5px;}
.ctg-input .form-control {color: #555;padding: 5px 15px !important;font-size: 16px !important;}
.ctg-input .ctg-btn {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);padding: 2px 15px;background: none;border: none;font-size: 16px;}
.ctg-btn.btn {display: none;}
.ctg-input  .ctg-btn.show {display: block;padding: 10px 11px !important;}
.kb-all-list h4 {font-family: 'Graphik Medium';color: #666;}
.article-wrapper {border: 1px solid #ddd;min-width: 200px;padding: 20px 0;}
.btn-create-kb {display: block;width: 100%;line-height: 32px;color: #fff !important;}
.btn-create-kb .fa {color: #fff !important;font-size: 20px !important;}
span.bot-btns-all {text-align: left;min-height: 48px;}
.dd-only-kb .close {position: absolute;right: 5px;top: 5px;}
.table-kb-manage-cat tbody tr td:last-child,
.table-kb-manage-kwd tbody tr td:last-child {width: 90px;}
.table-kb-manage-cat tbody tr td:last-child *{float: left !important;}
.kb-list-single {padding: 0 28px;}
.kb-list-wrapper {margin: 28px 0;}
.quillWrapper .ql-snow.ql-toolbar {background: #F5F8FA !important;}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {height: 32px !important;width: 32px !important;padding: 0 !important;}
.ql-snow .ql-toolbar button svg, .quillWrapper .ql-snow.ql-toolbar button svg { width: 32px !important;height: 32px !important;}
.ql-picker.ql-color-picker svg {width: 35px !important;height: 35px !important;}
.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker,span.ql-picker.ql-color-picker svg {width: 36px !important;height: 35px !important;}
/*.quillWrapper .ql-snow .ql-stroke {stroke: #aaa !important;}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {fill: #aaa !important;}*/
.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label{padding: 0 !important;}
.ql-editor {padding-left: 60px !important;padding-right: 60px !important;overflow: visible;}
.kb-keywords-holder {min-height: 50px;position: relative;border: 1px solid #cbd6e2;padding: 0 1px;border-radius: 5px;background-color: #F5F8FA !important;}
.kb-keywords-holder.phone-group,
.kb-keywords-holder.company-group{background-color: transparent !important;}
.kb-keywords-holder .ctg-input {position: absolute;width:calc(100% + 2px);left:-1px;display: none;z-index: 999;top:100%;}
.kb-keywords-holder .ctg-input + .ctg-input {top:calc(200% - 7px);}
.kb-keywords-holder .ctg-input input{font-size: 16px !important;color:#333;}
.kb-keywords-holder:hover > .ctg-input {display: block;}
/*.kb-keyword-item {background: #e1e1e1;font-size: 14px;padding: 2px 20px 2px 6px;margin: 0 2px 2px 0;border-radius: 2px;}*/
/*.kb-keyword-item .kb-keyword-remove {line-height: 16px;width: 14px;height: 14px;text-align: center;position: absolute;right: 1px;top: 1px;border: none !important;box-shadow: none !important;}*/
.kb-keyword-item {background: #edf3f7 !important;font-size: 14px;padding: 7px 10px;margin: 0 2px 2px 0;border-radius: 2px;display: inline-flex;}
.kb-keyword-item .kb-keyword-remove {background-image: url(../images/delete-icon.png);background-color: transparent;background-repeat: no-repeat;background-size: contain;background-position: center;text-align: center;border: none !important;box-shadow: none !important;width: 16px;margin: -4px 0 -4px 5px;border-radius: 0 !important;display: flex;justify-content: center;align-items: center;color: transparent;}
.kb-keyword-item .kb-keyword-remove:focus{color:transparent !important}
.help-center-search .btn {padding: 0;color: #777;position: absolute;right: 10px;font-size: 24px;}
.whc-all-wrapper{height: calc(100vh - 253px);}
.kb-keywords-holder.holder-on .ctg-input {display: block !important;}
.manage-category .kb-keywords-holder.holder-on .ctg-input {z-index: 9999;}
.marketing-menu .fa{background-image: url('../images/bullhorn-icon.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: auto 24px;background-position: center;}
.marketing-menu .active .fa,.marketing-menu.active-page .fa,.marketing-menu:hover .fa{background-image: url('../images/bullhorn-dark-icon.png');}
.contact-menu .fa{background-image: url('../images/sales-icon-grey.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: 40px auto;background-position: center;}
.contact-menu .active .fa,.contact-menu.active-page .fa,.contact-menu:hover .fa{background-image: url('../images/sales-icon.png');}
.channel-menu .fa-comments{background-image: url('../images/icon-channel-white.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
.channel-menu .active .fa-comments,.channel-menu.active-page .fa-comments,.channel-menu:hover .fa-comments{background-image: url('../images/icon-channel-white.png');}
.support-menu .fa.fa-comments-o{background-image: url('../images/support-icon-grey.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-position: center;}
.support-menu .active .fa.fa-comments-o,.support-menu.active-page .fa.fa-comments-o,.support-menu:hover .fa.fa-comments-o{background-image: url('../images/support-icon.png');}
.report-menu .fa.fa-comments-o{background-image: url('../images/graph-icon.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-position: center;}
.report-menu .active .fa.fa-comments-o,.report-menu.active-page .fa.fa-comments-o,.report-menu:hover .fa.fa-comments-o{background-image: url('../images/graph-dark-icon.png');}
.messaging-menu .fa{background-image: url('../images/messaging-icon-grey.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-position: center;}
.messaging-menu .active .fa,.messaging-menu.active-page .fa,.messaging-menu:hover .fa{background-image: url('../images/messaging-icon.png');}
.messaging-menu .fa:before,
.support-menu .fa.fa-comments-o:before,
.report-menu .fa.fa-comments-o:before,
.contact-menu .fa:before{color: transparent;}
.appointments-menu .fa.fa-file-text-o{background-image: url('../images/appointment-icon.png');color: transparent !important;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-position: center;}
.appointments-menu .fa.fa-file-text-o:before{color: transparent;}
.whc-all-wrapper .kb-article-body {transform: scale(0.9);margin-top: -50px;}
.whc-all-wrapper .kb-article-head .container{transform: scale(0.9);}
.help-center-search .btn:hover,.help-center-search .btn:focus{background-color: inherit;}
.quillWrapper .ql-container {min-height: 605px;max-height: 605px;overflow: auto;}
#kbArticleFilters {min-width: 320px;}
.analytics-kb-article-filters-wrap{position: absolute;top: 12px;right: 24px;}
.analytics-tabs {border: none;padding-left: 15px;}
.analytics-tabs .nav-link.active {z-index: 1;}
.analytics-tabs .nav-item {border: 1px solid #cbd6e2 !important;background-color: #f1f1f1;color: #777 !important;border-bottom: none !important;position: relative;-webkit-transform: perspective(100px) rotateX(30deg);position: relative;min-width: 120px;text-align: center;}
.analytics-tabs .nav-link {    font-size: 18px;-webkit-transform: perspective(100px) rotateX(-25deg) scale(1,1.18);border: none;background-color:transparent !important;color: #555;}
.analytics-tabs .nav-item.tp-active{background-color: #fff;}
.analytics-tabs .nav-item.tp-active:before {content: "";height: 1px;width: 100%;left: 0;right: 0;bottom: -1px;display: block;background: #fff;top: auto;position: absolute;z-index: 99;}
#sendToDevWHC .ql-toolbar.ql-snow {display: none;}
#sendToDevWHC .quillWrapper .ql-container{min-height: 500px;max-height: 500px;}
#sendToDevWHC .ql-snow .ql-editor p,#sendToDevWHC .ql-snow .ql-editor *{font-size: 16px !important;line-height: 24px !important;}
li.nav-item.tp-active.tp-active {z-index: 9;}
.site-main-tabs[data-index="1"] li a{ /*position: relative;z-index: 99;*/}
#analyticsKbArticleFilters {margin-top: 3px;}
.op-show div#kbDocumentFilters {min-width: 450px !important;max-width: 450px !important;}
div#kbDocumentFilters label.col-auto{min-width:140px;}
#analyticsKbArticleFilters .bootstrap-select.btn-group .dropdown-menu{position: relative !important;transform: translate3d(0px, 0px, 0px) !important;}
.table-kb-all th:nth-child(1), .table-kb-all td:nth-child(1) {min-width: 350px;max-width: 350px;padding-left: 20px;}
.table-kb-all th:nth-child(2), .table-kb-all td:nth-child(2) {min-width: 125px;max-width: 125px;padding-left: 20px;}
.table-kb-all th:nth-child(3), .table-kb-all td:nth-child(3){min-width: 140px;max-width: 140px;}
.table-kb-all th:nth-child(4), .table-kb-all td:nth-child(4){min-width: 110px;max-width: 110px;}
.table-kb-all th:nth-child(5), .table-kb-all td:nth-child(5){min-width: 110px;max-width: 110px;}
.table-kb-all th:nth-child(6), .table-kb-all td:nth-child(6),
.table-kb-all th:nth-child(7), .table-kb-all td:nth-child(7),
.table-kb-all th:nth-child(8), .table-kb-all td:nth-child(8),
.table-kb-all th:nth-child(9), .table-kb-all td:nth-child(9),
.table-kb-all th:nth-child(10), .table-kb-all td:nth-child(10) {min-width: 64px;max-width: 64px;text-align: center;}
.table-kb-all th:nth-child(11), .table-kb-all td:nth-child(11) {min-width: 130px;max-width: 130px;}
.table-kb-all th:nth-child(7),
.table-kb-all th:nth-child(8),
.table-kb-all th:nth-child(9){color:transparent !important;background-size: 30px;background-repeat: no-repeat;background-position: center;}
.table-kb-all th:nth-child(7){background-image: url(../images/icon-like.png) !important;}
.table-kb-all th:nth-child(8){background-image: url(../images/icon-satisfy.png) !important;}
.table-kb-all th:nth-child(9){background-image: url(../images/icon-dislike.png) !important;}
.table-kb-all td button {min-height: 0 !important;}
.whc-wrapper-main .site-main-tabs li.nav-item.custm-toggle-dd {top: 0px;left: -5px;}
.knowledgebase-wrapper .site-main-tabs .nav-link--acticle .nav-link.active {margin-right: 20px;}
.kb-modal-left {max-width: 600px;}
.kb-modal-right {max-width: 270px;}
.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {padding: 0;}
.ql-icon-picker .btn-bs-file.btn{padding-bottom: 10px;padding-top: 0;}
/*.whc-wrapper-main .console-head-row {position: absolute;top: 107px;left: 615px;z-index: 99999;min-width: 690px;}*/
.collaboration-left-body li a .text-primary {color: #222 !important;}
.collaboration-left-body li a .text-primary:hover{color: #4e89c4 !important;}
#addEditKBArticleModal .quillWrapper .ql-container {max-height: calc(100vh - 280px);}
#addEditKBArticleModal .quillWrapper .ql-editor {}
.art-head-wrap {padding: 11px 60px 10px;margin-bottom: 10px;line-height: 48px;display: flex;flex-direction: column;}
#addEditKBArticleModal .art-title-input, .art-head-wrap > p {border: none;resize: none;font-size: 32px;font-family: 'Graphik Medium';min-height: 48px;line-height: 48px;width: 100%;}
#addEditKBArticleModal .art-title-input{float: left;}
#fileUploadModal .modal-body{overflow: visible;}
.mx-datepicker + i.fa.fa-caret-down {left: 105px !important;color: #4e89c4;}
div#addEditKBArticleModal {pointer-events: none;}
div#addEditKBArticleModal .modal-header .close{ visibility: visible !important;}
#viewWebsiteHelpCenter .modal-dialog {max-width: calc(100vw - 200px) !important;}
#viewWebsiteHelpCenter .modal-body {max-height: calc(100vh - 150px) !important;}
#viewWebsiteHelpCenter .modal-body .kb-article-body {max-height: calc(100vh - 465px) !important;    overflow: auto;}
.whc-all-wrapper .whc-form-wrap {max-height: calc(100vh - 240px);overflow-y: auto;overflow-x: hidden;width: 480px;}
.whc-all-wrapper .kb-article-layout {width: calc(100% - 480px);padding-left: 80px !important;}
.kb-article-body .container {width: 990px !important;}
.fnr-dd {position: absolute;right: 45px;font-size: 24px;top: 3px;}
.fnr-dd .slide-content-toggle-dd {min-width: 250px;}
body.full-page {overflow: visible;}
body.full-page #app {height: auto !important;}
body.full-page .kb-article-body.knowledgebasefirstpage {max-height: none;}
.template-knowledgebase .whc-wrapper>div{background-size: 160% !important;}




/****************
TRIGGER PAGE
****************/
.tiggers-modal .modal-dialog,.tiggers-modal .modal-dialog{max-width: 1080px;}
.tiggers-modal .browser-image img{max-width: 100%;}
.tiggers-modal .iphone-image{padding-right: 0 !important;}
.tiggers-modal .iphone-image img{max-width: 241px;}
.tiggers-modal .devices-wrap{padding: 0 15px;right: 15px;max-width: calc(100% - 360px);}
.tiggers-modal .devices-wrap ul.list-inline {position: fixed;max-width: 515px;width: 100%;top: 100px;}
.bootstrap-select.btn-group .open .dropdown-menu.inner,.dropdown-menu.show {display: block !important;}
.bootstrap-select.btn-group .open .dropdown-menu.inner {overflow-y: auto !important;max-height: 160px !important;overflow-x: hidden;/*padding: 10px 0 !important;*/}
.bootstrap-select.btn-group .open .dropdown-menu.inner a{padding-right:10px !important;}
.dd-no-overflow .bootstrap-select.btn-group .open .dropdown-menu.inner{max-height: none !important;}
.trigg-list-child:first-child tr[data-index] {display: none;}
.table-triggers th.website, .table-triggers td.website {min-width: 200px;max-width: 200px;}
.table-triggers tr th.type,.table-triggers tr td.type{min-width: 120px;max-width: 120px;}
.table-triggers tr th.time, .table-triggers tr td.time{min-width: 120px;max-width:120px;}
.table-triggers tr th.web-page, .table-triggers tr td.web-page{min-width: 240px;max-width:240px;}
.table-triggers tr th.status, .table-triggers tr td.status{min-width:75px;max-width:75px;}
.table-triggers tr th.action, .table-triggers tr td.action{min-width:75px;max-width:75px;}
.fa-custom-plus{font-size: 60px !important;line-height: 0.65 !important;font-family: 'Graphik Medium';}
.content-toggle-dd:hover .modal-header .close {visibility: visible !important;}
.table-triggers + .j-custm-scroll{max-height: calc(100vh - 345px);}
#trigger-template-editor{min-height: 0 !important;}
#editTriggerRow .ql-snow.ql-toolbar button,#editTriggerRow .ql-snow .ql-toolbar button {height: 20px !important;width: 20px !important;padding: 0 !important;}
#editTriggerRow .ql-snow .ql-toolbar button svg,#editTriggerRow .quillWrapper .ql-snow.ql-toolbar button svg { width: 20px !important;height: 20px !important;}
#editTriggerRow .ql-snow .ql-color-picker,#editTriggerRow .ql-snow .ql-icon-picker,#editTriggerRow span.ql-picker.ql-color-picker svg {width: 20px !important;height: 20px !important;}
#editTriggerRow .ql-picker:not(.ql-background) {top: 0px;}
#editTriggerRow .quillWrapper .ql-picker-label {font-size: 12px;float: left;padding: 0;}
#editTriggerRow .ql-editor {padding-left: 20px !important;padding-right: 20px !important;}
#editTriggerRow .ql-snow .ql-icon-picker .ql-picker-label svg {right: 4px;float: left;}
#editTriggerRow .ql-toolbar.ql-snow .ql-formats{margin-right: 3px !important;}
table tbody:first-child tr:first-child td[style]:empty {display: none;}
.trigger-right .table-responsive {max-height: calc(100vh - 230px);}
form.edit-trigger-form {max-height: calc(100vh - 170px);overflow-y: auto;overflow-x: hidden;padding-right: 10px;}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: default;pointer-events: none;opacity: 0.5;}
/*form.edit-trigger-form .bootstrap-select.btn-group .dropdown-menu {margin-left: -5px;}*/
#centerTriggerModalWrapperModal .modal-dialog.modal-middle .modal-body {max-height: calc(100vh - 60px);overflow: hidden;}   






/****************
SECURITY PAGE
****************/
.table-two-factor-login th:nth-child(1), .table-two-factor-login td:nth-child(1) {min-width: 120px; max-width: 120px;}
.table-two-factor-login th:nth-child(2), .table-two-factor-login td:nth-child(2) {min-width: 220px; max-width: 220px;}
.table-two-factor-login th:nth-child(3), .table-two-factor-login td:nth-child(3) {min-width: 220px; max-width: 220px;}
.table-two-factor-login th:nth-child(4), .table-two-factor-login td:nth-child(4) {min-width: 220px; max-width: 220px;}
.article-editor-wrapper .term-content{color:rgb(100,100,100);}
.article-editor-wrapper .term-content p {font-size: 16px !important;font-weight: 400 !important;line-height: 1.6 !important;}
.article-editor-wrapper .term-content p strong{font-size: 16px !important;line-height: 1.6 !important;}
/*.term-heading {font-size: 26px;font-weight: 400;margin: 20px 0 10px;}*/
.two-factor-wrap {height: calc(100vh - 230px);overflow: auto;}


/****************
APPOINTMENT PAGE
****************/
.custm-scroll.table-activity-chat, .custm-scroll.table-activity-tickets {    height: calc(100vh - 725px);}
.table-calender-wrapper{height: calc(100vh - 460px);}
.table-calender th:nth-child(1), .table-calender td:nth-child(1) {min-width: 180px;max-width: 180px;}
.table-calender th:nth-child(2), .table-calender td:nth-child(2) {min-width: 115px;max-width: 115px;}
.table-calender th:nth-child(3), .table-calender td:nth-child(3) {min-width: 160px;max-width: 160px;}
.table-calender th:nth-child(4), .table-calender td:nth-child(4) {min-width: 92px;max-width: 92px;}
.table-calender th:nth-child(5), .table-calender td:nth-child(5) {min-width: 110px;max-width: 110px;}
.table-calender th:nth-child(6), .table-calender td:nth-child(6) {min-width: 110px;max-width: 110px;}
.table-calender th:nth-child(7), .table-calender td:nth-child(7) {min-width: 150px;max-width: 150px;}
.appointment-list-wrap .j-custm-scroll {max-height: calc(100vh - 392px);}
#availabilityApptSch .appointment-list-wrap .j-custm-scroll {max-height: calc(100vh - 530px);}
.add-task-form label.col-form-label {min-width: 125px;}
.app-plan-add .col-form-label{min-width: 310px;}
#availabilityApptSch .fa{font-size: 36px !important;display: flex;align-self: center;color:#aaa;}
#bookapt2 .col-form-label{min-width: 120px;}
.table-shc-events th:nth-child(1), .table-shc-events td:nth-child(1) {min-width: 120px;max-width: 120px;}
.table-shc-events th:nth-child(2), .table-shc-events td:nth-child(2) {min-width: 160px;max-width: 160px; padding-left: 28px !important; }
.table-shc-events th:nth-child(3), .table-shc-events td:nth-child(3) {min-width: 110px;max-width: 110px;}
.table-shc-events th:nth-child(4), .table-shc-events td:nth-child(4) {min-width: 140px;max-width: 140px;}
.table-shc-events th:nth-child(5), .table-shc-events td:nth-child(5) {min-width: 170px;max-width: 170px;}
.table-shc-events th:nth-child(6), .table-shc-events td:nth-child(6) {min-width: 150px;max-width: 150px;}
.table-shc-events th:nth-child(7), .table-shc-events td:nth-child(7) {min-width: 120px;max-width: 120px;}
.table-shc-events th:nth-child(8), .table-shc-events td:nth-child(8) {min-width: 120px;max-width: 120px;}
.table-shc-events th:nth-child(9), .table-shc-events td:nth-child(9) ,
.table-shc-events th:nth-child(10), .table-shc-events td:nth-child(10) {min-width: 50px;max-width: 50px;}
.table-task th:nth-child(1),.table-task td:nth-child(1){min-width: 150px;max-width: 150px;}
.table-task th:nth-child(2),.table-task td:nth-child(2),
.table-task th:nth-child(3),.table-task td:nth-child(3),
.table-task th:nth-child(4),.table-task td:nth-child(4){min-width: 110px;max-width: 110px;}
.table-task th:nth-child(5),.table-task td:nth-child(5),
.table-task th:nth-child(6),.table-task td:nth-child(6){min-width: 215px;max-width: 215px;}
.table-task th:nth-child(7),.table-task td:nth-child(7){min-width: 152px;max-width: 152px;}
.table-task th:nth-child(8),.table-task td:nth-child(8){min-width: 180px;max-width: 180px;}
.table-task th:nth-child(9),.table-task td:nth-child(9){min-width: 90px;max-width: 90px;}
.table-task th:nth-child(2), .table-task td:nth-child(2) {padding-left: 35px;min-width: 125px;max-width: 125px;}
.appointments-wrapper .appointment-list-wrap .table-responsive {max-height: calc(100vh - 293px);}
.appointments-wrapper .table-responsive {max-height: calc(100vh - 190px);}
.appointments-wrapper .appointment-list-wrap .table-task-responsive {max-height: calc(100vh - 270px);}
.appointments-wrapper .appointment-list-wrap .table-events-responsive {max-height: calc(100vh - 266px);}
/*#googleCalendarAcc #google-calendar-collapseTwo .card-body {max-height: calc(100vh - 350px);overflow: auto;}*/
table.site-table td.bg-success{background-color: #00B950 !important;}
table.site-table td.bg-danger{background-color: #fe0574 !important;}
table.site-table td.bg-warning{background-color: #ffbc00 !important;}
table.site-table td.bg-dgray{background-color: #aaa !important;}
.op-show .setting-acc[id*="info"] .modal-header .row {width: 100%;}



/****************
REPORT PAGE
****************/
.saved-filters {border-bottom: 1px solid #cbd6e2;}
.b-dropdown {width: 100%;}
.dropdown-toggle {color: #777;font-weight: 400;border: 1px solid #cbd6e2;width: 100%;text-align: left;background-color: transparent;}
.dropdown-item a{color:#111111;}
.dropdown-item.active, .dropdown-item:active {color: #777;text-decoration: none;background-color: transparent;}
.fa.pull-right {margin-left: .3em;margin-top: 0.3em;}
.table-border-0 td {border: none;}
.report-single-data-1,.report-single-data-2{display: flex;flex-direction: column;}
.report-single-data-1 > .row,.report-single-data-2 > .row{flex-grow: 1;}
.chart-canvas {	padding: 15px 0;}
.report-single > .row {flex-grow: 1;}
.report-single {display: flex;flex-direction: column;}
.report-single-data > .row, .report-single-graph > .row{height:100%;}
.report-single > .row:first-child { max-height: 32px;}
.report-single .table-sm th, .report-single .table-sm td {padding: 5px;}
.report-single .rd-row-value {color: #333;font-size: 20px;}
.rd-row-label{color:#777;font-size: 14px;}
.chat-chart .report-single-data-2 .row.border-gray {max-height: 132px;}
.agents-chart .report-single-data-2 .row.border-gray:first-child {max-height: 130px;}
.agents-chart .report-single-data-1 .row.border-gray:first-child {min-height: 130px;}
.tickets-chart .report-single-data-1 .row.border-gray:first-child {max-height: 130px;}
.report-wrap .custm-scroll{height: calc(100vh - 340px)}
.report-wrap .nav-tabs .nav-item .nav-link {border-radius: 0;border: 1px solid #cbd6e2;color: #aaa;    background: #eee;}
.report-wrap .nav-tabs .nav-item .nav-link.active {color:#000;background: #fff; border-bottom: 1px solid #fff;}
.report-wrap .nav-tabs .nav-item + .nav-item {margin-left: -1px;}
.report-left-col {min-width: 300px;}
.report-wrap {height: calc(100vh - 230px);font-size: 14px;overflow: auto;}
.report-list{height: calc(100vh - 170px);overflow: auto;}
.report-right-col #v-pills-tabContent > .tab-pane.active {height: 100%;    display: flex;    flex-direction: column;}
.report-right-col #v-pills-tabContent .tab-pane .tab-content {border: 1px solid #cbd6e2;border-top: 0;padding: 15px;flex-grow: 1;position: relative;}
.changes-from-prior-wrap { position: absolute;top: 55px; right: 55px;}
.tabs-site.nav-pills a[aria-selected="true"] {color: #000;font-weight: 400 !important;background: #fff !important;}
.tabs-site.nav-pills a {color: #aaa;padding: 15px 45px !important;line-height: 1.2;}
#v-pills-tabContent .tab-pane{height: 100%;flex-direction: column;display: none;}
#v-pills-tabContent .tab-pane.show.active{display: flex;}
.data-wrap span.nmbr {min-width: 30px;font-size:14px;}
.data-wrap span.prcnt {min-width: 45px;font-size:14px;}
.dash-chat-record > div {border-left: 1px solid #cbd6e2;border-right: 1px solid #cbd6e2;}
.dash-chat-record > div:nth-child(4), .dash-chat-record > div:last-child {border-right: 1px solid #cbd6e2;}
.dashboard-chat-heading {border-top: 1px solid #cbd6e2 ;border-bottom: 1px solid #cbd6e2 ;position: relative;}
.dashboard-chat-heading:after {position: absolute;content: "";width: 100%;height: 1px;background: #cbd6e2 ;bottom: 1px;}
.report-header .btn:not(.card-link) {border: 0 !important;padding: 0 30px 0 0 !important;justify-content: left !important;min-height: 0 !important;font-weight: 400;}
.report-category-dd .btn {font-size: 22px;font-weight: 400;position: relative;}
.report-category-dd .btn:after {top: 4px;transform: translateY(0);}
.report-header .report-dd .dropdown-menu{min-width: 190px;}
.widget-report-single-inn {box-shadow: 0 0 25px #CCC;display: flex;flex-direction: column;}
.setting-acc .modal-header + div {overflow: auto;flex: 1 1 100%;}
.report-header .custm-date-range .btn{min-width:  0;font-weight: 400;}
/*.report-header .custm-toggle-dd { position: absolute;right: 0; top: -70px;z-index: 9;}*/
.widget-report-wrapper{padding-right: 60px !important;}
.widget-report-single {padding: 15px 0 45px 30px !important;}
.widget-report-single:nth-child(2n + 1) {padding-right: 30px !important;}
.widget-report-single:nth-child(2n) {padding-left: 30px !important;}
.widget-report-single-body {padding: 0px 10px 10px;min-height: 220px;margin-top: 25px;}
.widget-report-single-body .table-responsive {max-height: 180px;}
.widget-report-single-body .loading-icon {position: absolute;width: 32px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.widget-report-single-head {margin: 0 !important;padding: 10px 10px 0;}
.site-table.fs-12 th,.site-table.fs-12  td{font-size: 12px !important;}
.widget-report-single-body .j-custm-scroll {max-height: 136px !important;}
.widget-report-single-body .j-custm-scroll th {padding-top: 0;padding-bottom: 0;color: transparent !important;line-height: 0;border-top: 0;}
.dropdown-menu.active {display: block !important;position: static !important;transform: translate(0,0) !important;border: 0;background: transparent;float: none;min-width: 0;padding: 0;}
.btn-accordion .btn-accordion {margin: -15px;}
.btn-accordion .btn-accordion .card:not(.border-bottom):last-child {border-bottom: 0;}
.btn-accordion .btn-accordion .card-body {padding: 15px 35px;}
.btn-accordion .btn-accordion .btn-accordion .card-body {padding: 15px 35px;}
.btn-accordion .btn-accordion .card-header h5 a, .btn-accordion .btn-accordion .card-header a.card-link {padding-left: 25px;}
.btn-accordion .btn-accordion .btn-accordion .card-header h5 a, .btn-accordion .btn-accordion .btn-accordion .card-header a.card-link {padding-left: 35px;}
.btn-accordion .btn-accordion .btn-accordion {margin: -15px -35px;}
.wrsi-icon img {    width: 75px;border-radius: 8px;box-shadow: 5px 5px 10px #aaa;height: 75px;}
.wrsi-right, .wrsi-left {padding-left: 0 !important;}
.wrsi-right ul li span {min-width: 45px;text-align: right;float: right;display: inline-block;min-height: 18px;}
.wrsi-right{text-align: right;}
.list-wrsi-50{column-count: 2;}
.cstm_tooltip.cstm_top .cstm_tooltiptext.second {display: none;}
.trend-alert-wrapper .table-responsive {max-height: calc(100vh - 250px);}
.table-trend-alert thead th:nth-child(1), .table-trend-alert tbody td:nth-child(1){min-width: 190px;max-width: 190px;}
.table-trend-alert thead th:nth-child(2), .table-trend-alert tbody td:nth-child(2){min-width: 140px;max-width: 140px;}
.table-trend-alert thead th:nth-child(3), .table-trend-alert tbody td:nth-child(3){min-width: 190px;max-width: 190px;}
.table-trend-alert thead th:nth-child(4), .table-trend-alert tbody td:nth-child(4),
.table-trend-alert thead th:nth-child(5), .table-trend-alert tbody td:nth-child(5){min-width: 140px;max-width: 140px;}
.table-trend-alert thead th:nth-child(6), .table-trend-alert tbody td:nth-child(6){min-width: 90px;max-width: 90px;}
.table-trend-alert thead th:nth-child(7), .table-trend-alert tbody td:nth-child(7){min-width: 90px;max-width: 90px;}
.table-trend-alert thead th:nth-child(8), .table-trend-alert tbody td:nth-child(8){min-width: 90px;max-width: 90px;}
.table-trend-alert thead th:nth-child(9), .table-trend-alert tbody td:nth-child(9){min-width: 80px;max-width: 80px;}
.table-report-custom-view th:nth-child(1), .table-report-custom-view  tbody td:nth-child(1){min-width: 145px;max-width: 145px;padding-left: 15px !important;}
.table-report-custom-view th:nth-child(2), .table-report-custom-view  tbody td:nth-child(2){min-width: 130px;max-width: 130px;}
.table-report-custom-view th:nth-child(3), .table-report-custom-view  tbody td:nth-child(3){min-width: 90px;max-width: 90px;}
aside.report-dashboard-left span.sm-link-text {padding: 14px 2rem 14px 1rem !important;text-transform: capitalize;}
aside.report-dashboard-left .dropdown-menu .dropdown-menu span.sm-link-text {padding: 14px 1.75rem!important;}
aside.report-dashboard-left .sm-link.active span.sm-link-text{font-family: 'Graphik Medium';background: #edf3f7;border-radius: 6px;}
.widget-report-single-body .site-table th:first-child,
.widget-report-single-body .site-table td:first-child{padding-left: 0.75rem;}
.widget-report-single-body .site-table th{font-family: 'Graphik Medium';}
.widget-report-single-footer {padding: 8px 10px 10px 0;margin-top: auto;}
/*#reportChatGraphHolderModal .widget-report-single {
    display: none;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
}*/
.widget-report-single-head .ctt-tooltip:after {white-space: normal;min-width: 225px;}
.widget-report-single.show-large-modal {position: fixed;padding: 0 !important;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);max-width: 100%;z-index: 9999;}
.widget-report-single.show-large-modal .widget-report-single-inn {min-width: 800px;background: #fff;margin: auto;max-height: 88vh;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: auto !important;}
.show-large-modal .widget-report-single-footer svg {display: none;}
.btn-close-zrpo{display: none;}
.widget-report-single.show-large-modal .btn-close-zrpo{display: flex;position: absolute;right: -32px;top: -32px;font-size: 40px;height: 32px;width: 32px;justify-content: center;color: #fff;z-index: 9;align-items: center;}
.show-large-modal .chartjs-render-monitor {min-width: 100% !important;min-height: 300px !important;}
.btn-open-zrpo svg {width: 30px;height: 30px;fill: #555;}
.table-ta-create th:last-child,.table-ta-create td:last-child {min-width: 85px;max-width: 85px;}
.table-ta-create th:nth-child(1), .table-ta-create td:nth-child(1) {min-width: 200px;max-width: 200px;}
.table-ta-create th:nth-child(2), .table-ta-create td:nth-child(2) {}
.table-ta-create th:nth-child(3), .table-ta-create td:nth-child(3) {}
.table-ta-create th:nth-child(4), .table-ta-create td:nth-child(4) {min-width: 125px;max-width: 125px;}
.table-ta-create th:nth-child(5), .table-ta-create td:nth-child(5) {min-width: 70px !important;max-width: 70px !important;}



/****************
INTEGRATION PAGE
****************/
#ticketHistoryModal .design-panel .col-auto,#chatHistoryModal .design-panel .col-auto{min-width: 350px; }
#ticketHistoryModal .design-panel .col-auto + .col,#chatHistoryModal .design-panel .col-auto + .col{max-width:calc(100% - 350px );min-height: 450px;}
.table-contt-chat-history thead th:nth-child(1), .table-contt-ticket-history thead th:nth-child(1),
.table-contt-chat-history tbody td:nth-child(1), .table-contt-ticket-history tbody td:nth-child(1){width: 120px;}
.table-contt-chat-history thead th:nth-child(2), .table-contt-ticket-history thead th:nth-child(2) ,
.table-contt-chat-history tbody td:nth-child(2), .table-contt-ticket-history tbody td:nth-child(2) {width: calc(100% - 120px);}
.integration-wrapper .collaboration-left-body li a:not(.coll-menu-title){padding-left:14px;}
.integration-holder + .integration-holder {margin-top: 60px;}
.integration-wrapper .collaboration-right {height: calc(100vh - 190px);overflow-y: auto;}
.integration-wrapper .collaboration-content {height: auto;}
.integrated-pluin-list:after{content: "";display: block;clear: both;}
.integrate-filter button{min-width: 150px !important;}
.integrated-pluin-list .list-inline-item{width: calc(25% - 30px);float: left !important;margin: 0 0 0 40px;}
.integrated-pluin-list .list-inline-item:nth-child(4n+1){margin-left: 0;}
.integrated-pluin-list .list-inline-item:nth-of-type(n+5){margin-top:40px;}
.integrated-pluin-list .list-inline-item a{background-color: #fff;}
.integrated-pluin-list .list-inline-item img{max-width: 100%;}
.integration-wrapper{height: calc(100vh - 118px);}
#productInstalltionDetailModal .modal-header,#productInstalltionDetailModal .modal-footer {padding-left: 60px !important;}
#productInstalltionDetailModal .modal-body .p-5 {padding: 3rem 60px !important;}



/****************
SETTING PAGE
****************/
#addEditSettTranscripts .chat-window-wrap{height:400px;}




/****************
COLLABORATION PAGE
****************/
.collaboration-wrapper{height: calc(100vh - 65px);padding: 0 65px;}
.collaboration-wrapper #myTabOptions__BV_tab_controls_{display: none;}
.collaboration-wrap{display: flex;flex-direction: column;height: calc(100vh - 65px) !important;}
.collaboration-content{flex-grow: 1;margin:0 -14px 0 -15px;height: calc(100% - 69px);}
.collaboration-left{width: 295px;height:100%;}
/*.collaboration-left-head{background-color: #415681 !important;}*/
.collaboration-left-holder {background: #173765 ;flex-direction: column}
.console-head-row .site-main-tabs li a.navbar-title {max-width: 190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.collaboration-left-body {flex-grow: 1;height: calc(100% - 64px);}
.collaboration-left-body li{padding: 0 !important;}
.collaboration-left-body li a:not(.coll-menu-title){color:#222;padding: 10px 10px;position: relative;border-radius: 4px;width:100%;line-height: 1 !important;}
/*.collaboration-left-body li a:not(.coll-menu-title):hover,.collaboration-left-body li a:not(.coll-menu-title):focus{color:#fff;}*/
.collaboration-left-body .thread-section-list li a{color:#fff;padding:5px 0 !important;}
.collaboration-left-body li a span{font-size: 15px;text-transform: capitalize;}
.kb-left li a.kb-active, .kb-left li a:hover,.kb-active a {font-family: 'Graphik Medium';color: #222;background: #edf3f7;}
.coll-menu-title{font-family: 'Graphik Medium';font-size: 16px;width: auto !important;line-height: 30px;}
.coll-menu-title + a[data-toggle]{width: auto !important;padding: 4px 0 0 !important;}
.collaboration-left-body li a.active{color:#333;}
.list-action-icons-coll .list-inline-item a {display: flex;align-items: center;}
.no-style-badge {display: inline;color: #555;font-family: 'Graphik Medium';padding-left: 3px;}
.collaboration-right{display: flex;flex-direction: column;height:100%;max-width: calc(100% - 295px);}
.template-suggestion-box .collaboration-left-body .j-custm-scroll,
.template-customer-feedback-forum .collaboration-left-body .j-custm-scroll {max-height: calc(100vh - 300px) !important;}
.btn-volume-sett{color:#28a745 !important;}
.collaboration-right-window{flex-grow: 1;height:calc(100% - 116px)}
.btn-volume-sett.text-danger{color:#dc3545 !important;}
.btn-volume-sett.fa-volume-off,
.btn-volume-sett.muted .fa-volume-up{display: none;}
.btn-volume-sett.muted .fa-volume-off{display:block;}
.top-tool-wrapper .site-main-tabs .nav-item {padding: 8px 10px;}
.collaboration-left-head .media-body p {max-width: 125px;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;}
.table-coll-direct-msgs tr td:last-child{width:175px;}
.coll-msgs-wrap{flex-grow: 1;    overflow: hidden;}
.coll-msgs-tool textarea{padding-right: 350px !important;}
.msgs-tool-list{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.link-hide-group{display: none;}
.collaboration-left-body li:hover > .link-hide-group{display: inline;}
.coll-person-pic img{width: 40px;height: 40px;}
.coll-person-pic .row-timestamp{visibility: hidden;margin-left: -20px;display: none;}
.single-day-msg-row:hover .coll-person-pic .row-timestamp{visibility: visible;}
.dash-border {border-top: 1px dashed #cbd6e2;position: absolute;width: 100%;left: 0;}
.for-date {position: absolute;white-space: nowrap;transform: translate(-50%,-50%);left: 50%;background: #fff;padding: 0 10px;}
.unread-msg-row {color: #5cb85c;}
.single-day-conv{margin: 10px 0 25px;}
.top-tool-wrapper {position: absolute;right: 0;top: -5px;}
.dd-coll-msg-edit .toggle-info,.dd-coll-msg-edit .toggle-info:hover,.dd-coll-msg-edit .toggle-info:focus{color: #ccc !important;}
#collNotificationSett .mx-datepicker input{text-align: left;}
.coll-idea-right{flex-grow:1;}
#collabMsgsTools form{max-width: 100% !important;}
#coll-message-editor {min-height: 0;max-height: none;border: none;}
.show-edit-tools .btn-group button {padding: 10px 15px;float: left;border: 1px solid #cbd6e2 !important;min-width: 50px;font-size: 20px !important;color: #555  !important;margin-bottom: -1px;border-radius: 0;background: #fff  !important;line-height: 1;}
.show-edit-tools .btn-group button * {font-weight: 400;}
.coll-msgs-tool .btn-group {display: none;}
.show-edit-tools .btn-group {display: block;position: absolute;top: 0;transform: translateY(-100%);left:0;}
.chat-single-row .dd-coll-msg-edit {position: absolute;left: calc(100% - 14px);}
.chat-single-row:hover .dd-coll-msg-edit {display: block;}
.dd-coll-msg-edit {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);display: none;}
.single-day-msg-row{position: relative;margin: 0;}
.coll-person-pic {min-width: 60px;text-align: right;}
.single-day-msg-row.alert-warning{background-color: #fbf8ed;}
.single-day-msg-row:hover .dd-coll-msg-edit,.dd-coll-msg-edit.show{display: block;}
.dd-coll-msg-edit .toggle-info + .dropdown-menu {left: 0 !important;transform: translateX(-100%) !important;bottom: 0;top: auto !important;background: #fff;padding: 0px;min-width: 0;width: auto;}
.dd-coll-msg-edit .toggle-info + .dropdown-menu:after{display: none;}
.dd-coll-msg-edit .dropdown-menu li a,.collab-msgs-tools li a,#collabSingleMsgsTools li a{white-space: nowrap;color: #111111;font-size: 14px;padding: 4px 0;}
.dd-coll-msg-edit .dropdown-menu li.divider,.collab-msgs-tools li.divider,#collabSingleMsgsTools li.divider {margin: 10px 0;border-top: 1px solid #cbd6e2 ;}
.dd-coll-msg-edit .dropdown-menu ul,.collab-msgs-tools ul,#collabSingleMsgsTools ul {padding: 15px 0;}
.dd-coll-msg-edit .dropdown-menu li,#collabSingleMsgsTools li {padding: 0 25px;}
.modal .collaborating-wrap {max-height: 380px;overflow: auto;}
.collaborating-wrap {position: absolute;background: #fff;bottom: 100%;border: 1px solid #cbd6e2;display: none;left: 0px;bottom: calc(100% - 1px);}
.list-collaborating-ones li a {color: #000;font-family: 'Graphik Medium';width:100%;}
/*.list-collaborating-ones li a span {margin-left: 5px;font-size: 14px;}*/
.coll-msgs-tool.show-allofthem .collaborating-wrap ,
.dd-coll-msg-edit.op-show{display: block;}
.op-show .collab-msgs-tools, .op-show .collab-msgs-tools > * {min-width: 360px !important;max-width: 360px !important;}
.console-wrapper #collabSingleMsgsTools{max-width: 150px !important;min-width: 150px !important;}
#collabSingleMsgsTools{position: fixed;transform: translate(-100%,-100%);min-width: 210px !important;display: none;max-width: 180px;width: auto;border: 1px solid #cbd6e2 !important;border-radius: 5px;box-shadow: 2px 2px 8px #ccc;bottom: auto !important;}
#collabSingleMsgsTools.active{display: block;}
#collabMsgsPinned{min-width:480px;margin-right:-1px;}
.top-tool-wrapper .fa-gear:before{font-size: 36px;line-height: 1;}
.coll-chat-message {color: #000 !important;}
/*.list-action-icons-coll img {filter: invert(1);}*/
.single-collab-id:hover > .link-hide-group {display: block;margin-top: 2px;}
#addUsersGroupCollab list-collaborating-ones li + li{border-top:1px solid #cbd6e2}
.add-invitee-or-group-holder .invitee-hold-item{background: #eee;border-radius: 20px;}
.add-invitee-or-group-holder .invitee-hold-item + .invitee-hold-item{margin-left: 4px;}
.add-invitee-or-group-holder .invitee-hold-item .close {position: absolute;top: 0;right: 0;width: 18px;height: 18px;padding: 2px 4px;background: #fff;z-index: 999;border-radius: 50%;}
.add-invitee-or-group-holder .invitee-hold-item .close .fa {float: left;color: #000;}
.add-invitee-or-group-holder .input-holder{min-width: 100px;}
#collab-more-sett-collapseOne .col-form-label{padding-right: 0 !important;}
.title-wrapper{width:135px;height: 16px;position: relative;top:1px;}
.add-btn-square{position: absolute;top:-2px;right:0;}
.website-holder-list li a {width: 19px;height: 19px;background: #aaa;line-height: 1;text-align: center;border-radius: 50%;font-size: 16px;color: #fff;position: absolute;right: 2px;top: 2px;padding-top: 1px;}
.form-add-suggestion label.col-form-label {min-width: 110px;}
.single-collab-id .single-collab-icon{min-width: 20px;}
.feedback-comment-part.has-comments{max-height:205px !important;}
.messaging-activity-wrap .label-icon{min-width: 30px;margin-left: 10px;}
.af-icon-list li span {min-width: 32px;text-align: center;}
.op-show #suggestionFilters {min-width: 360px !important;max-width: 360px !important;}
.collab-pinned-msgs-wrap .af-icon-list {display: inline-flex;align-items: center;    margin-left: 10px;}
.collab-pinned-msgs-wrap .af-icon-list li{}
.collab-pinned-msgs-wrap .af-icon-list li span {min-width: 20px;text-align: center;display: flex;}
.activities-single-wrap {flex: 0 1 auto;}
#coll-message-editor.ql-snow .ql-editor p,#coll-message-editor.ql-snow .ql-editor p *{font-size: 16px !important;display: inline-block; font-weight: 400 !important;line-height: 20px !important;}
#coll-message-editor.ql-snow .ql-editor p strong{font-family: 'Graphik Medium' !important;}
#collabSingleMsgsTools > div {min-width: 0 !important;}
.list-emojis li a img{max-width: 24px}
#suggestionDetailModal .j-custm-scroll,#suggestionCFFDetailModal .j-custm-scroll{max-height:120px;}
.editor-emoji-icon{width: 20px;height: 20px;margin: 4px;}
.btn-emoji + .dropdown-menu {min-width: 210px;left: auto !important;right: -75px;top: -4px !important;padding: 8px;}
#collabMsgsTools .dropdown-toggle {border: none;padding-left: 0;padding-right: 0;}
#collabMsgsTools .dropdown-toggle:after{display: none;}
.guest-add label.col-auto.col-form-label {min-width: 75px;}
.appointment-detail-wrap {max-width: 300px;}
.collaboration-wrapper .header-search{border: 1px solid transparent;}
.collaboration-wrapper .header-search.active,.collaboration-wrapper .header-search:hover {border: 1px solid #cbd6e2;}
.collaboration-wrapper.header-search:hover input.form-control,.collaboration-wrapper.header-search.active input.form-control{width:400px;}
.collaboration-wrapper .header-search input.form-control + a {    padding-top: 1px;}
.collaboration-wrapper .header-search.active input.form-control + a {    margin-right: 8px;}
.collab-guest-page .page {width: 100%;}
.single-collab-id .badge {position: absolute;right: -20px;top: 50%; transform:translateY(-50%);}
.single-collab-id .badge {position: absolute;left: -2px;top: 50%;transform:translateY(-50%);height: 18px;width: 18px;font-size: 10px !important;line-height: 18px;padding: 0;}
.messages-wrap.file-upload-on{height:440px;}
.messages-wrap{flex-grow: 1;overflow-x: hidden;overflow-y: auto;height: 100% !important;display: flex;flex-direction: column-reverse;}
.messages-wrap-inn {}
.thread-section-list {display: flex;flex-direction: column;height: 100%;}
.table-suggestion-main-wrapper{max-height: calc(100vh - 280px);    width: 100% !important;overflow: auto;}
.table-suggestion-main-wrapper .jspContainer{width: 100% !important;}
#collNotificationSett .j-custm-scroll{max-height:700px;}
.template-contact .chat-detail-inner a.card-link {padding: 1.5rem 1.5rem !important;margin-bottom: 0 !important;}
#collNotificationSett .mx-datepicker-popup{max-width: 250px;float: right;}
.cat-thread-list li.active a {color: #181817;font-family: 'Graphik Medium' !important;}
.coll-channel-name {display: inline-flex;}
.coll-menu-bar{background: #415681;}
li[data-trd-active].active img[src*="mute"] { filter: invert(1);}
.cat-thread-list li.active {background: #fff !important;}
li[data-trd-active].active  span.title-wrapper { /*color: #111 !important;*/}
.cat-thread-list li {padding: 5px 24px !important;border-radius: 4px;position: relative;transition: all 0.3s;}
#addUsersGroupCollab .mCSB_container_wrapper > .mCSB_container {padding: 0 8px 0 1px;max-width: 100% !important;}
.chat-console-editor {margin: 0;padding: 0 260px 0px 10px;overflow-y: auto;height: 100%;background: #fff;}    
.file-upload-wrap a.remove-file {width: 16px;height: 16px;line-height: 1;display: inline-block;border-radius: 50%;text-align: center;position: absolute;right: 15px;top: 0;}
#collabSearchResultDataModal h3.modal-title button { position: absolute;top: 0;}
#collabSearchResultDataModal h3.modal-title {width: 100%;}
#collaborationSearchSettAccor #coll-search-acc-collapseOne a {padding: 15px 45px !important;line-height: 1.2;}
#collaborationSearchSettAccor #coll-search-acc-collapseOne a.active {background: #fff;color:#111 !important;}
.list-collaborating-ones .chnnel-seperator span:first-child{max-width: 50px;margin: 0 auto;background: #fff;position: relative;z-index: 999;padding: 0px 4px;}
.list-collaborating-ones .chnnel-seperator span:last-child {content: "";display: block;width: calc(100% - 16px);position: absolute;height: 1px;background: #aaa;left: 8px;top: 11px;z-index: 9;}
.dd-filter-list-wrap {position: absolute;z-index: 99;background: #fff;width: 100%;padding: 10px 0;border: 1px solid #cbd6e2;top: 100%;margin-top: -2px;}
.thread-section-list .border-bottom + .border-bottom{padding-bottom: 8px !important;}
.thread-section-list .j-custm-scroll{height:auto;width: 100% !important;/*max-height: 118px;*/}
.list-action-icons-coll .list-inline-item + .list-inline-item {padding-left: 8px;border-left: 1px solid #aaa;}
.editor-coll-msg{padding-right: 225px;min-height: 60px;    padding: 5px 10px;}
.dd-filter-list-wrap li .col-auto {width:52px;}
.dd-filter-list-wrap li .col {width: calc(100% - 52px);}
.repeated-user-row .coll-person-pic img ,
.repeated-user-row .chatter-detail,
.strt-different-date + .single-day-msg-row .coll-person-pic .row-timestamp {display: none;}
.strt-different-date + .single-day-msg-row .repeated-user-row .chatter-detail{display: block;}
.repeated-user-row .coll-person-pic .row-timestamp ,
.strt-different-date + .single-day-msg-row .repeated-user-row .coll-person-pic img{display: inline-block;}
#replyEditor[contenteditable=true]:empty:before {content: attr(placeholder);display: block;}
.content-editable[contenteditable=true]:empty:before {content: attr(placeholder);display: block;}
#suggestionFilters .col-form-label {text-align: left;}
.msgs-tool-list li.list-inline-item + li.list-inline-item {margin-left: 10px;}
.teammates-active{width: 10px;height:10px;border-radius: 50%;}
.cat-thread-list.put-mh{min-height: 0 !important;}
.ctg-input .form-control {color: #555;padding: 10px 15px !important;font-size: 16px !important;}
.op-show #collaborationSetting.cff{min-width: 480px !important;max-width: 480px !important;}
div#viewCFFWebsite .collaboration-wrap {height: calc(100vh - 300px) !important;}
#visitorsBannedHeader + .j-custm-scroll{max-height: calc(100vh - 332px) !important;}
#dropdownMsgPlus:after {display: none;}
button#dropdownMsgPlus + .dropdown-menu {margin: -1px 0 0 -1px;right: auto;left: 0 !important;}
span.chatter-name {color: #353f45;}
.list-sb-actions .bootstrap-select > .dropdown-toggle {padding: 0 20px 0 0;height: auto;border-radius: 0;border: none;min-height: 0;float: left;}
.list-sb-actions .bootstrap-select > .dropdown-toggle span{color:#111111;font-size: 14px;text-overflow:ellipsis;}
.list-sb-actions .col-form-label {padding: 0 0 0 0 !important;    font-family: 'Graphik Medium';}
.list-sb-actions .col-form-label + .col{display: flex;align-items: center;}
.list-sb-actions .bootstrap-select {float: left !important;line-height: 0;    background: transparent !important;}
.list-sb-actions .bootstrap-select.btn-group.show .dropdown-menu {max-width: none !important; width: auto;z-index: 9999;}
.list-sb-actions .mx-datepicker input {font-size: 14px;border: none !important;background: transparent !important;max-width: 90px !important;min-height: 0;padding: 4px 0;cursor: pointer;}
.tt-popout{display: none;position: absolute;top: -10px;white-space: nowrap;left:50%;transform: translate(-50%,-100%);background: #333;padding: 5px 10px;border-radius: 4px;color:#fff;font-size: 14px;z-index: 9999;}
.tt-popout:after{content: attr(title);position: absolute;top: 100%;left:50%;border-width: 8px;border-style: solid;border-color:#333 transparent transparent;transform: translateX(-50%);}
.coll-channel-name:hover .tt-popout{display: block;}
.title-wrapper * {display: inline;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.chatter-detail button {min-height: 0 !important;}
li[data-trd-active] span:not(.single-collab-icon) img {position: absolute;right: 0;top: 5px;}
/*li[data-trd-active] img[src*="-white"] {display: none;}*/
li[data-trd-active] img[src*="-gray"] {display: block;}
li[data-trd-active].active img[src*="-white"] {display: block;filter:invert(1);}
li[data-trd-active].active img[src*="-gray"] {display: none;}
/*.thread-section-list .cat-thread-list {padding-right: 20px;}*/
.single-collab-icon button {min-height: 0 !important;}
.coll-msgs-tool .btn-group button.curr-active {background: #111;color: #fff;}
#activityMessagingAcc.btn-accordion .card-header a.card-link {text-transform: uppercase;min-height: 50px;display: flex !important;align-items: center;position: relative;}
#activityMessagingAcc.btn-accordion .card-header a.card-link span{position: absolute;left: 50px;margin-left: 0 !important;}
.table-customer-feedback-forum td a,.table-suggestion-main td a{max-width: 100%;display: block; text-overflow: ellipsis;overflow: hidden;}
.table-common-feedback-ui th.select_input,.table-common-feedback-ui td.select_input{width: 50px;}
.table-common-feedback-ui th.category,.table-common-feedback-ui td.category{min-width: 120px;max-width: 120px;}
.table-common-feedback-ui th.suggestion,.table-common-feedback-ui td.suggestion{min-width: 220px;max-width: 220px;}
.table-common-feedback-ui th.created_by,.table-common-feedback-ui td.created_by{min-width: 160px;max-width: 160px;padding-left: 25px;}
.table-common-feedback-ui th.created_on,.table-common-feedback-ui td.created_on{min-width: 120px;max-width: 120px;}
.table-common-feedback-ui th.status,.table-common-feedback-ui td.status{min-width: 120px;max-width: 120px;}
.table-common-feedback-ui th.votes,.table-common-feedback-ui td.votes{min-width: 85px;max-width:85px;text-align: center;}
.table-common-feedback-ui th.comments,.table-common-feedback-ui td.comments{min-width: 120px;text-align: center;max-width: 120px;}
.table-common-feedback-ui th.starred,.table-common-feedback-ui td.starred{min-width: 85px;max-width:85px;}
.table-common-feedback-ui th:last-child,.table-common-feedback-ui td:last-child{min-width: 90px;max-width: 90px;}
/*.table-common-feedback-ui th.comments, 
.table-common-feedback-ui td.comments, 
.table-common-feedback-ui th.votes,
.table-common-feedback-ui td.votes {padding-left: 15px;padding-right: 15px;}*/
.collaboration-wrapper .collaboration-left-body {overflow: auto;}
.modal .ctg-input {margin-top: 0px;}
.modal .ctg-input .form-control {border-radius: 0;}
.coll-msg-wrap .dropdown-menu.show {display: inline-block;width: auto;}
.coll-msgs-tool .chat-console-footer {padding: 0 !important;}
.coll-message-window {height: 100%;}
#CFFMoreSettAccor .card{position: static;}
#CFFMoreSettAccor .collapsing .acc-btn-row{display: none;}
#CFFMoreSettAccor .card-body .acc-btn-row {position: absolute;bottom: 0;width: 100%;left: 0;padding: 10px 3rem;border-top: 1px solid #ccc;margin: 0;}
.agent-name-initials{width: 36px;height: 36px;line-height: 36px;text-align: center;border-radius: 4px;background: red;}
.kb-keyword-item .agent-name-initials {width: 26px;height: 26px;line-height: 26px;font-size: 12px;margin-right: 0.25rem;}
th.v-sortable{position: relative;}
th.v-sortable svg[class*="fa-sort"] {width: 24px;height: 24px;position: absolute;color: transparent;}
th.v-sortable svg.fa-sort-up,
th.v-sortable svg.fa-sort-down{background-size: 16px;background-repeat: no-repeat;background-position: center;}
th.v-sortable svg.fa-sort-up{background-image: url(../images/icon-asc.png) !important;}
th.v-sortable svg.fa-sort-down{background-image: url(../images/icon-desc.png) !important;}
.coll-msgs-tool .attmnt-wrapper {margin-bottom: -4px;}
.inline-search-wrap input{border-top: none;border-bottom: none;font-size: 16px;padding: 2px 24px 2px 8px;min-width: 260px;}
.inline-search-wrap .clear-inline-search{position: absolute;right: 8px;font-size: 24px;line-height: 24px;top: 50%;transform: translateY(-50%);}
.inline-search-wrap a, .inline-search-wrap span {color: #aaa;}
.card-header.has-stripe {padding-left: 30px !important;}
.card-header.has-stripe span.stripe {display: block;position: absolute;height: 100%;width: 30px;top: 0;left: 0;border-radius: 6px 0 0 6px;}
.chat-detail-inner .btn-accordion .card-link[aria-expanded="true"] + span.stripe {border-radius: 6px 0 0;}
#headerReminderModal .card .card-header {border-radius: 6px;}
.addons-feature-single .h-wrapper{transition: all 0.5s}
.addons-feature-single:not(.no-blur):hover .h-wrapper,.addons-feature-single:not(.no-blur):hover h1,
.addons-feature-single:not(.no-blur):hover .inner-section,.addons-feature-single:not(.no-blur):hover .addon-ct-title{filter: blur(5px);}
.coll-cart-title {max-width: calc(100% - 150px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#editorCollMsg img {max-width: 180px;max-height: 180px;}
.list-chat-window-btns button {color: #7c98b6 !important;}
.modal-header > .row {width: 100%;}


/****************
ACTIVITY PAGE
****************/
.custm-scroll.table-activity-wrap-appointments, .custm-scroll.table-activity-wrap-messages, .custm-scroll.table-activity-wrap-suggestions ,
.custm-scroll.table-activity-wrap-chat, .custm-scroll.table-activity-wrap-tickets {height: calc(100vh - 725px);}
.table-activity-chat td:nth-child(1), .table-activity-chat th:nth-child(1) ,
.table-activity-chat td:nth-child(2), .table-activity-chat th:nth-child(2) { min-width: 75px;}
.table-activity-chat td:nth-child(3), .table-activity-chat th:nth-child(3) { min-width: 100px;}
.table-activity-chat td:nth-child(4), .table-activity-chat th:nth-child(4) { min-width: 100px;}
.table-activity-chat td:nth-child(5), .table-activity-chat th:nth-child(5) { min-width: 100px;}
.table-activity-chat td:nth-child(6), .table-activity-chat th:nth-child(6) { min-width: 100px;}
.activities-dashboard-wrap .j-custm-scroll{max-height: calc(100vh - 230px);}



/****************
FACEBOOK PAGE
****************/
.list-facebook-pages .lfb-icon {width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;overflow: hidden;background: #f1f1f1;}
.list-completing-steps .icon-vertical:after{display: none;}
.list-completing-steps .icon-vertical {top: 12px;}
.list-completing-steps .icon-vertical {left: -60px;}
.list-completing-steps .icon-vertical .lcs-connect {display: none;width: 2px; position: absolute;height: 100%;background: #e86b1a;left: 50%;z-index: 8;top: 25px;margin-left: -1px;}
.list-completing-steps .icon-vertical .list-item-link{width:30px;height:30px;line-height:30px;border-radius: 50%;text-align: center;position: relative;z-index: 9;border: 2px solid transparent;}
.list-completing-steps .icon-vertical .list-item-link {background: #8693ae;color: #fff !important;border-color: transparent !important;}
.list-completing-steps .card.lcs-this-working .icon-vertical .list-item-link {background: #e86b1a;color: #fff !important;border-color: transparent !important;}
.list-completing-steps .card.lcs-this-done .icon-vertical .list-item-link{background: #fff !important ;color: #e86b1a !important;border-color: #e86b1a !important;}
.list-completing-steps .card .lcs-icon,.list-completing-steps .card.lcs-this-done .icon-vertical .list-item-link span.lcs-count{display: none;}
.list-completing-steps .card.lcs-this-done .icon-vertical .list-item-link .lcs-icon,.list-completing-steps .card.lcs-this-done .icon-vertical .lcs-connect {display: block;}
/*.list-completing-steps.stepping-started .card .icon-vertical .list-item-link span.lcs-count {display: none;}
.list-completing-steps.stepping-started .card.lcs-this-done .icon-vertical .list-item-link span.lcs-count, 
.list-completing-steps.stepping-started .card.lcs-this-done ~ card .icon-vertical .list-item-link span.lcs-count {display: block;}*/
.fb-msggr-welcome {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #fff;overflow: hidden;box-shadow: 5px 5px 10px #bfbfbf;border-radius: 8px;}
.fb-msggr-welcome img {max-width: 320px;max-height: calc(100vh - 210px);}
.fbws-head {position: absolute;top: 8px;left: 10px;background: #fff;font-size: 15px;}
.fbws-msg {position: absolute;top: 112px;width: 100%;left: 0;text-align: center;background: #fff;color: #555;font-size: 14px;padding: 0 50px;min-height: 24px;}
.fb-reply-msg {align-items: flex-end;top: 125px;padding: 0 10px}
.fb-reply-msg p {padding: 15px;background: #e4e6eb;border-radius: 6px 15px 15px 15px;text-align: left;margin-right: 50px;}
.multiselect__content-wrapper .multiselect__option--highlight { background: #fff;color: #111111;}
.multiselect__content-wrapper .multiselect__option--highlight:hover{

}




/****************
ADDRESS SELECTION PAGE
****************/
.table-address-selection th:nth-child(1), .table-address-selection td:nth-child(1) {min-width: 130px;max-width: 130px;}
.table-address-selection th:nth-child(2), .table-address-selection td:nth-child(2) {min-width: 220px;max-width: 220px;}
.table-address-selection th:nth-child(3), .table-address-selection td:nth-child(3) {min-width: 110px;max-width: 110px;}
.table-address-selection th:nth-child(4), .table-address-selection td:nth-child(4) {min-width: 110px;max-width: 110px;}
.table-address-selection th:nth-child(5), .table-address-selection td:nth-child(5) {min-width: 50px;max-width: 50px;}
#purchasedDomainModal table th:nth-child(1), #purchasedDomainModal table td:nth-child(1) {min-width: 300px;max-width: 300px;}
#purchasedDomainModal table th:nth-child(2), #purchasedDomainModal table td:nth-child(2) {min-width: 150px;max-width: 150px;}
.address-selection-wrapper .table-responsive{max-height: calc(100vh - 200px);}
.popout-loader-wrap {display: flex;position: absolute;width: 100%;height: 100%;align-items: center;top: 0;justify-content: center;background-color: rgba(0,0,0,0.25);z-index: 999999999999;}
.popout-loader-wrap img {max-width: 40px; border-radius: 50%;}




/****************
EMAIL TRANSFER
****************/
.table-email-transfer th:nth-child(1), .table-email-transfer td:nth-child(1), 
.table-email-transfer th:nth-child(2), .table-email-transfer td:nth-child(2) {min-width: 160px;max-width: 160px;}
.table-email-transfer th:nth-child(3), .table-email-transfer td:nth-child(3), 
.table-email-transfer th:nth-child(4), .table-email-transfer td:nth-child(4) {min-width: 110px;max-width: 110px;}
.table-email-transfer th:nth-child(5), .table-email-transfer td:nth-child(5) {min-width: 85px;max-width: 85px;}
.email-transfer-wrap .table-responsive {max-height: calc(100vh - 220px);}






/****************
NOTIFYCATION PAGE
****************/
.for-test-btn{min-width:117px;}
.notification-wrapper .j-custm-scroll{max-height: calc(100vh - 230px);}
.j-custm-scroll{overflow: auto;}
/*.notification-wrapper .table-responsive {
    max-height: calc(100vh - 230px);
}*/
.table-responsive-notify {max-height: calc(100vh - 169px);overflow: auto;}


/****************
TRANSCRIPT PAGE
****************/
.table-transcript-archive .table{width: 100%;}
.table-transcript-archive tr th:last-child,.table-transcript-archive tr td:last-child{min-width: 175px;padding-left: 0;}
.table-transcript-archive thead th:nth-child(1), .table-transcript-archive tbody td:nth-child(2) {min-width: 135px !important;max-width: 135px !important;}
.table-transcript-archive thead th:nth-child(2), .table-transcript-archive tbody td:nth-child(2) {min-width: 210px !important;max-width: 210px !important;}
.table-transcript-archive thead th:nth-child(3), .table-transcript-archive tbody td:nth-child(3) {min-width: 130px !important;max-width: 130px !important;}
.table-transcript-archive thead th:nth-child(4), .table-transcript-archive tbody td:nth-child(4) {min-width: 135px !important;max-width: 135px !important;}
.table-transcript-archive thead th:nth-child(6), .table-transcript-archive tbody td:nth-child(6) {min-width: 210px !important;max-width: 210px !important;}
.table-transcript-archive thead th:nth-child(7), .table-transcript-archive tbody td:nth-child(7) {min-width: 110px !important;max-width: 110px !important;}
.table-transcript-archive thead th:nth-child(8), .table-transcript-archive tbody td:nth-child(8) {min-width: 115px !important;max-width: 115px !important;}
.table-transcript-archive thead th:nth-child(9), .table-transcript-archive tbody td:nth-child(9) {min-width: 120px !important;max-width: 120px !important;}
.table-transcript-email thead th:nth-child(1), .table-transcript-email tbody td:nth-child(1) {min-width: 220px !important;max-width: 220px !important;}
.table-transcript-email thead th:nth-child(2), .table-transcript-email tbody td:nth-child(2) ,
.table-transcript-email thead th:nth-child(3), .table-transcript-email tbody td:nth-child(3) {min-width: 130px !important;max-width: 130px !important;}
.table-transcript-email thead th:nth-child(4), .table-transcript-email tbody td:nth-child(4) {min-width: 220px !important; max-width: 220px !important;}
.script-wrapper .table-responsive {max-height: calc(100vh - 220px);}



/****************
FEEDBACK PAGE
****************/
.fb-category-dd button{min-width: 240px;padding: 9px 25px;}
.feedback-search {position: relative;}
.feedback-search .form-control{border: 1px solid transparent;width: 52px;transition: all 0.5s;padding-right: 50px;}
.feedback-search .form-control:hover,.feedback-search .form-control:focus{ width: 350px;border: 1px solid #ced4da;}
.feedback-search .btn {position: absolute;right: 5px;padding: 0 10px;color: #999;font-size: 36px;pointer-events: none;background: transparent;}
.feedback-search .form-control:focus + .btn {pointer-events: all;}
.fb-category-part li p span {min-width: 40px;}
.feedback-main-part .media-head{width: 115px;}
#addIdea .modal-dialog col-form-label{font-size: 18px !important;}
.feedback-main-part .media-head .badge { min-width: 80px;}
.feedback-main-part .media-body p{color:#333;}
.feedback-comment-part{max-height:250px;}
#addIdea .dd-filter-list-wrap {border: none;margin: 0;    padding: 0;    display: none;}
#addIdea  .kb-keywords-holder:hover + .dd-filter-list-wrap,
#addIdea .dd-filter-list-wrap:hover {   display: block;}
#addIdea .dd-filter-list-wrap ul {border: 1px solid #cbd6e2;margin-top: -1px;max-height: 300px;overflow: auto;}
#editSuggestionFBStatus.modal .col-form-label {min-width: 110px;}
.feedback-main-part .table-responsive {max-height: calc(100vh - 290px);}



/****************
COMPANY PAGE
****************/
.agent-accordian .btn-accordion .card-header .card-link[aria-expanded="true"] {background-color: transparent;color: #555;border: none !important;font-weight: 400;}
.agent-accordian .btn-accordion .card-header h5 a, .agent-accordian .btn-accordion .card-header a.card-link{background-color: transparent;font-weight: 400;color: #333;}
.agent-accordian .btn-accordion .card-header .card-link[aria-expanded="true"] .fa-angle-left{transform:rotate(-90deg);}
.agent-accordian .btn-accordion .card-body{line-height: 28px;}
.agent-accordian .btn-accordion .card-header .arrow{right:50px;}
.role-permission-wrap .custm-scroll {max-height: calc(100vh - 360px) !important;min-height: calc(100vh - 360px) !important;}
.role-permission-wrapper{max-width: 1050px;}
.table-permissions tr td label.switch{float:none !important;margin-bottom:-5px;}
.table-roles td{padding: 13.5px 10px;}
.white-label-right{min-width:320px;}
.btn-link .fa-clean{background-image: url('../images/clean-icon.png');width: 25px;background-size: contain;height: 26px;}
input.search-icon{background-image: url(../images/search-icon.png);    background-repeat: no-repeat;    background-size: 26px auto;    background-position: 24px center;}
input.search-icon:focus{background: none;}
.permission-info .dropdown-menu {max-height: 480px !important;overflow-y: scroll;padding-bottom: 25px;}
.company-wrapper{max-height: calc(100vh - 200px);padding: 0 1.65rem;}
.table-permissions-collaborate thead th{white-space: normal}
.table-permissions thead th:not(:first-child) {width: 120px;text-align: center;    max-width: 140px;}
.table-permissions thead th {white-space: normal !important;}
.table-permissions tbody tr td:not(:first-child) {text-align: center;}
.table-permissions tbody tr td:first-child, .table-permissions thead tr th:first-child {padding-left: 25px;}
.table-permissions tbody tr td:last-child, .table-permissions thead tr th:last-child {padding-right: 30px;}
.deptt-select-box {position: absolute;z-index: 9;background: #fff;border: 1px solid #cbd6e2;left: 88px;border-radius: 4px;top: 0;}
.deptt-select-box::after {content: "";position: absolute;border-width: 10px;border-style: solid;border-color: transparent transparent #333;top: -20px;}
.website-holder + .btn-group.bootstrap-select {position: absolute;margin-top: 0 !important;background: #fff !important;z-index: 9;max-width: calc(100% - 30px);top: 100%;left:15px;display: none;}
.website-holder:hover + .btn-group.bootstrap-select,
.website-holder + .btn-group.bootstrap-select:hover{display: block;}
#manageAgentDepttModal .modal-dialog{min-width: 640px;}
.invitee-invitation-form .col-form-label {min-width: 135px;}
.invitee-invitation-form .col-form-label + div[class*="col"]{max-width: calc(100% - 135px);}
.invitee-invitation-form .form-group {margin-bottom: 12px;}
.invitee-wrapper{max-height: calc(100vh - 255px);}
.invitee-wrapper .j-custm-scroll{max-height: calc(100vh - 340px);}
.role-permission-wrap {height: calc(100vh - 300px);}
#addEditComAgent .col-form-label {padding-left: 1rem !important;}
.table-invitee .max_chats {min-width: 115px;max-width: 115px;}
.table-invitee .email {min-width: 220px;max-width: 220px;}
.table-invitee .time_plan {min-width: 100px;max-width: 100px;}
.table-invitee .timezone {min-width: 140px;max-width: 140px;}
.table-invitee .display_name ,
.table-invitee .default_view {min-width: 140px;max-width: 140px;}
.table-invitee .department {min-width: 175px;max-width: 175px;}
.table-invitee .avatar,.table-invitee .photo {min-width:85px;max-width:85px;}
.table-invitee .login_status, .table-invitee .role, .table-invitee .system_role,
.table-invitee .name, .table-invitee .created_at, .table-invitee .created, .table-invitee .updated_at {min-width: 130px;max-width: 130px;}
.table-invitee .cell_phone{min-width: 140px;max-width: 140px;}
.table-invitee td:last-child, .table-invitee th:last-child {min-width: 145px;max-width: 145px;color: transparent !important;background: #fff;position: sticky;right: 0;}
.table-invitee th:last-child{background:#f5f8fa;}
.sbs-dd-selection .dropdown-toggle{padding: 6px 25px 6px 15px !important;font-size: 16px;}
.sbs-dd-selection .dropdown-toggle:hover, .sbs-dd-selection .dropdown-toggle:focus {box-shadow: none !important;background: transparent !important;border: 1px solid #cbd6e2 !important;color: #777 !important;}
.sbs-dd-selection li a{width:100%;padding: 6px 10px;color:#555;}
.sbs-dd-inner {position: absolute;left: 100%;min-width: 300px;}
.as-tool-bar{margin-top: 6px;}
#addEditComAgent .addAgent{height:400px}
.appt-sch-link-form label.col-form-label {min-width: 190px;}
form.add-area-appt-sch label.col-form-label{min-width:130px;}
.department-selection .kb-keywords-holder .ctg-input {z-index: 99;border: 1px solid #cbd6e2;}
.department-selection .kb-keywords-holder{min-height: 40px; }
/*.department-selection .kb-keyword-item {font-size: 15px;line-height: 24px;padding: 0 15px;}*/
.border-gray-bottom {border-bottom: 1px solid #cbd6e2 !important;}
.table-permissions th:nth-child(1), .table-permissions td:nth-child(1) {width: 305px;}
.table-permissions th:nth-child(2), .table-permissions td:nth-child(2) {width: 220px;}
.table-permissions th:nth-child(3), .table-permissions td:nth-child(3) {width: 220px;}
.table-permissions th:nth-child(4), .table-permissions td:nth-child(4) {width: 220px;}
.table-permissions th:nth-child(5), .table-permissions td:nth-child(5) {width: 220px;}
.table-prodnserv th:nth-child(1), .table-prodnserv td:nth-child(1) { width:48px;}
.table-prodnserv th:nth-child(2), .table-prodnserv td:nth-child(2) { min-width: 100px;max-width: 100px;}
.table-prodnserv th:nth-child(3), .table-prodnserv td:nth-child(3) { min-width: 170px;max-width: 170px;}
.table-prodnserv th:nth-child(4), .table-prodnserv td:nth-child(4) { min-width: 220px;max-width: 220px;}
.table-prodnserv th:nth-child(5), .table-prodnserv td:nth-child(5) { min-width: 140px;max-width: 140px;}
.table-prodnserv th:nth-child(6), .table-prodnserv td:nth-child(6) { min-width: 130px;max-width: 130px;}
.table-prodnserv th:nth-child(7), .table-prodnserv td:nth-child(7) ,
.table-prodnserv th:nth-child(8), .table-prodnserv td:nth-child(8) { min-width: 220px;max-width: 220px;}
.table-prodnserv th:nth-child(9), .table-prodnserv td:nth-child(9) { min-width: 40px;max-width: 40px;}
.website-add-table th.web_url, .website-add-table td.web_url {min-width: 240px;max-width: 240px; }
.website-add-table th.web_created, .website-add-table td.web_created ,
.website-add-table th.web_added_by, .website-add-table td.web_added_by { min-width: 120px;max-width: 120px;}
.website-add-table th:nth-child(4), .website-add-table td:nth-child(4) { min-width: 80px;max-width: 80px;}
.table-department th:nth-child(1), .table-department td:nth-child(1) { min-width: 180px;max-width: 180px;}
.table-department th:nth-child(2), .table-department td:nth-child(2) { min-width: 100px;max-width: 100px;}
.table-department th:nth-child(3), .table-department td:nth-child(3)    , 
.table-department th:nth-child(4), .table-department td:nth-child(4) { min-width: 120px;max-width: 120px;}
.table-department th:nth-child(5), .table-department td:nth-child(5) { min-width: 85px;max-width: 85px;}
#addEditComAgent .dragdrop-file ,
#addEditComAgent .dragdrop-file input,
#addEditComAgent .dragdrop-file label{ height: 60px !important;text-align: center;max-width: 100% !important;border-radius: 8px;}
#addEditComAgent .dragdrop-file label {height: 58px !important;}
#addEditComAgent.modal button.close .fa.fa-times { font-size: 20px;}
#rolepermissionSettAccor .col-3.pl-5,#rolepermissionSettAccor .col-5.pl-5 {padding: 7px 0;white-space: nowrap;padding-left: 0px !important;}
div#notificationSettAccorOne {margin: 10px;}
.role-permission-main{max-height: calc(100vh - 280px); width: 100% !important;}
#infoRoleNPermissionSetts .j-custm-scroll{max-height:calc(100vh - 275px);}
.com-website-wrapper .j-custm-scroll{max-height:calc(100vh - 375px);}
#addEditComAgent .fa-custom-plus {font-size: 44px !important;}
.department-table-wrap {max-height: calc(100vh - 375px)}
#infoRoleNPermissionSetts .j-custm-scroll{max-height: 600px;}
#manageCreditCardModal .j-custm-scroll{max-height: calc(100vh - 350px);}
.prod-serv-table-wrap .j-custm-scroll{max-height: calc(100vh - 375px);}
.invitee-main-wrapper .active-filter {max-width: calc(100% - 235px);}
.system-layout-wrapper aside + .flex-grow-1 {display: flex;}
.footer-action-wrapper {padding: 10px 0 10px 300px;position: fixed;bottom: 0;width: 100%;left: 0;justify-content: center;background: #fff;transition: all 0.5s;}
.ng-nw-menu-shrink .footer-action-wrapper {padding: 10px 0 10px 90px;}

body.side-menu-open .footer-action-wrapper {padding: 10px 0 10px 345px;}
.invitee-main-wrapper .jspHorizontalBar{display:block;height: 8px;background: transparent;transition: all 0.4s;position: absolute !important;right: 0 !important;bottom:0 !important;}
.credit-card-form .dragdrop-file, .credit-card-form .dragdrop-file input, .credit-card-form .dragdrop-file label {height: auto !important;text-align: left;padding: 0;display: block;    margin: 4px 0 0;}
.credit-card-form .custom-file, .credit-card-form .custom-file-input {border: none !important;align-items: center;}
img[src*="info"][width*='20'] {max-width: 18px;}
.invitee-wrapper .table-responsive { max-height: calc(100vh - 250px);}
.profile-modal .modal-backdrop.show { width: calc(100vw - 560px);}
.not-app-layout-wrapper aside .sm-link:hover,.not-app-layout-wrapper aside .sm-link.active {background: #edf3f7 !important;border-radius: 4px;}
.not-app-layout-wrapper aside:not(.report-dashboard-left) .sm-link .sm-link-text {font-size: 14px !important;}
/*#shareApp a.at-svc-email {display: none;}*/
#shareApp .at-share-tbx-element .at-share-btn:last-child {margin-right:  0;}
#shareApp .at-share-tbx-element .at-share-btn {margin-right: 15px;}
.table-credit-card tbody tr td:first-child, .table-credit-card thead th:first-child {width: 32px;max-width: 32px;}
.table-credit-card tbody tr td:first-child label.custom-radio, .table-credit-card thead th:first-child label.custom-radio {margin-top: -8px;width: 20px;padding-left: 0;}
.dropdown-menu.aside-dd-show {display: block !important;position: static !important;transform: translate(0,0) !important;border: 0;background: transparent;float: none;min-width: 0;padding: 0;}
.pp-left-body {max-height: calc(100vh - 170px);overflow: auto;padding-right: 15px;}
.table-w-icon:not(.no-sticky-icon) th:last-child, .table-w-icon:not(.no-sticky-icon) td:last-child {position: sticky;right: 0;}
.table-w-icon:not(.no-sticky-icon) td:last-child::after {content: "";width: 100%;position: absolute;height: 1px;background: #cbd6e2;left: 0;bottom: -1px;z-index: 99;}
.table-w-icon:not(.no-sticky-icon) td:last-child{background-color: #fff;}
.email-signature-inputs{width: 325px;}




/****************
SLICK SLIDER FIXES
****************/
.slick-prev::before, .slick-next::before {display: none;}
.slick-prev .fa, .slick-next .fa{font-size: 40px;color: #aaa;}
.slick-prev, .slick-next{width:auto;height: auto;}
.table-visitor td:first-child,.table-visitor th:first-child{padding-left: 10px;}
.slick-dots li button::before {font-size: 40px;	line-height: 20px;}




/****************
BOOTSTRAP SELECT FIXES
****************/
.bootstrap-select > select{pointer-events: none;}
.bootstrap-select.btn-group .dropdown-menu li a:after{content: "";display:block;clear: both;}
.bootstrap-select.btn-group .dropdown-menu li a span.text {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;float: left;}




/****************
WYSIYIG FIXES
****************/
.editr{height:calc(100% - 18px);overflow: auto;}
.editr--content { max-width: 740px;margin:0 auto;}
.custom-file-input {z-index: 2;margin: 0;opacity: 0;}
.custom-file, .custom-file-input {      cursor: pointer;  background: #fff;position: relative; width: 100%;height: calc(2.25rem + 2px);margin-bottom: 0px;height:40px;display: flex;height: 100% !important;border: 1px solid #cbd6e2 !important;border-radius:6px;}
.console-main-right .custom-file,.console-main-right .custom-file-input {border: none !important;}
.custom-file-label{width: 100%;margin-bottom: 0;position: absolute;left: 0;height:40px;box-shadow: none !important;}
.custom-file-input:lang(en) ~ .custom-file-label::after {content: "Browse"; width: auto;float: right;line-height: 36px;padding: 0 10px;}
.custom-file-label::after {bottom: 0;z-index: 3;display: block;height: 38px;content: "Browse";background-color: #e9ecef;border-left: 1px solid #ced4da;border-radius: 0 .25rem .25rem 0;}
.custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit;}




/****************
DATE PICKER FIXES
****************/
.mx-datepicker{min-width: 0 !important;width: 100% !important;}
.mx-datepicker .mx-input-icon{display: none !important;}
.mx-datepicker input{border: 0 !important;padding: 8px 10px;box-shadow: none;text-align: left;height: auto;min-width: 100% !important;line-height: 1.5;font-size: 15px;border: 1px solid #cbd6e2 !important;border-radius: 5px;}
.mx-calendar-table tbody td ,.mx-calendar-table thead th{font-size: 12px !important;padding: 0 !important;} 
.mx-date-popout-right .mx-datepicker-popup {right: auto !important;left: 0;}



/****************
SORTABLE TABLE FIXES
****************/
table.b-table > thead > tr > th.sorting, table.b-table > tfoot > tr > th.sorting {padding-right: 0.75rem !important;font-weight: 400;}
.table-headblue th:after,.table-headblue th:before{display: none !important;}



/****************
BOOTSTRAP MODAL FIXES
****************/
.modal-dialog.modal-middle {margin: 0;transform: translate(-50% , -50%) !important;position: absolute;left: 50% !important;top: 50%;width: 100%;bottom: auto;}
.modal-dialog.modal-middle .modal-body{bottom: auto;top:auto;position: static;flex: 0 0 auto;max-height: calc(100vh - 191px);}
.modal-dialog.modal-middle .modal-content{position: static;border-radius: 6px;max-height: calc(100vh - 120px);}
.modal-middle .modal-header {border-radius: 6px 6px 0 0;}

/****************
WYSYIG FIXES
****************/
.editr--toolbar{height:36px;}
.editr--toolbar a svg {width: 22px;height: 22px;margin: 8px auto;fill: #555;}
.ql-container{font-family: 'Graphik Regular';font-size: 18px;}
.ql-snow .ql-editor h1,.ql-snow .ql-editor h1 * {font-size: 32px !important;line-height: 42px !important;margin: 0 0 24px !important;}
.ql-snow .ql-editor h2,.ql-snow .ql-editor h2 * {font-size: 24px !important;line-height: 36px !important;margin: 0 0 12px !important;}
/*.ql-snow .ql-editor p br {display: none;}*/
.ql-snow .ql-editor p,.ql-snow .ql-editor p * ,.ql-editor ul > li,.ql-editor ol > li{font-size: 17px !important;margin:0 0 !important;line-height: 1.5 !important;}
.ql-snow .ql-editor p,.ql-editor ul > li,.ql-editor ol > li{margin-bottom: 10px !important;}
/*.ql-snow .ql-editor p br:first-child:nth-child(1) {display: none;}*/
.ql-snow .ql-tooltip{left: 50% !important;transform: translateX(-50%) !important;box-shadow: none !important;padding: 15px 35px !important;border: 1px solid #cbd6e2 !important;}
.ql-snow .ql-tooltip[data-mode="link"]::before {content: "Enter link" !important;font-size: 17px !important;font-weight: 400;color: #fff;}
.ql-snow .ql-tooltip {background: #aaa !important;border: none !important;}
.ql-snow .ql-tooltip.ql-editing input[type="text"] {display: inline-block;font-size: 14px !important;height: auto !important;padding: 5px 10px !important;width: auto;border: none;}
.ql-snow .ql-tooltip a {line-height: 32px !important;font-size: 16px;margin-left: 20px;background-color: #33b35a;color: #fff;font-weight: 400 !important}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {padding: 8px 12px !important;margin: 0;}
.ql-editor ol, .ql-editor ul {padding-left: 0 !important;}
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { position: relative;padding-left: 1.5em;}
.ql-editor ul li:not(.ql-direction-rtl)::before { margin-left: -30px !important; margin-right: 20px !important;}
.ql-editor ol li:not(.ql-direction-rtl)::before {margin-left: -40px !important; margin-right: 15px !important;}
.ql-editor ol li {counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 !important;counter-increment: list-0 !important;}
.ql-editor ol li:before {content: counter(list-0,decimal) '. ' !important;}
.ql-editor ul li:not(.ql-direction-rtl)::before{ display: inline-block;text-align: initial !important;content: "";width: 10px;height: 10px;background: #111111;border-radius: 50%;top: 10px;left: 0;}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {padding-left:30px !important;}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {padding-left: 60px !important;}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl),
.ql-editor li.ql-indent-4:not(.ql-direction-rtl),
.ql-editor li.ql-indent-5:not(.ql-direction-rtl),
.ql-editor li.ql-indent-6:not(.ql-direction-rtl),
.ql-editor li.ql-indent-7:not(.ql-direction-rtl),
.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left: 90px !important;}
.ql-toolbar.ql-snow .ql-formats {margin-right: 2px !important;margin-bottom: 0 !important;}
.ql-snow .ql-editor a {text-decoration: none !important;}
.article-editor-wrapper h1,.article-editor-wrapper h1 *{font-size: 32px !important;line-height: 42px !important;margin: 0 0 24px !important;font-family: 'Graphik Medium';}
.article-editor-wrapper h2,.article-editor-wrapper h2 *{font-size: 24px !important;line-height: 36px !important;margin: 0 0 20px !important;}
.article-editor-wrapper p br:first-child:nth-child(1) {display: none;}
.article-editor-wrapper p,.article-editor-wrapper p *,.article-editor-wrapper ul > li,.article-editor-wrapper ol > li{font-size: 17px !important;margin:0 0 !important;line-height: 1.5 !important;color:#111;}
.article-editor-wrapper p,.article-editor-wrapper ul > li,.article-editor-wrapper ol > li{margin:0 0 17px !important;}
.article-editor-wrapper .ql-align-left{text-align: left !important;}
.article-editor-wrapper .ql-align-right{text-align: right !important;}
.article-editor-wrapper .ql-align-center{text-align: center !important;}
.article-editor-wrapper .ql-align-justify{text-align: justify !important;}
.article-editor-wrapper ol li:not(.ql-direction-rtl), .article-editor-wrapper ul li:not(.ql-direction-rtl) { position: relative;padding-left: 1.5em;}
.article-editor-wrapper ul li:not(.ql-direction-rtl)::before {margin-left: -30px !important;margin-right: 20px !important;text-align: initial !important;}
.article-editor-wrapper ol li:not(.ql-direction-rtl)::before {margin-left: -40px !important;margin-right: 15px !important;}
.article-editor-wrapper ul li:not(.ql-direction-rtl)::before {display: inline-block;text-align: initial !important;content: "";width: 10px;height: 10px;background: #888;border-radius: 50%;top: 10px;left: 0;}
.article-editor-wrapper img {max-width: 100%;height: auto;}
.article-editor-wrapper a {color: #06c;}
.article-editor-wrapper ul{list-style: none;}
.article-editor-wrapper li.ql-indent-1:not(.ql-direction-rtl) {padding-left:30px !important;}
.article-editor-wrapper li.ql-indent-2:not(.ql-direction-rtl) {padding-left: 60px !important;}
.article-editor-wrapper li.ql-indent-3:not(.ql-direction-rtl),
.article-editor-wrapper li.ql-indent-4:not(.ql-direction-rtl),
.article-editor-wrapper li.ql-indent-5:not(.ql-direction-rtl),
.article-editor-wrapper li.ql-indent-6:not(.ql-direction-rtl),
.article-editor-wrapper li.ql-indent-7:not(.ql-direction-rtl),
.article-editor-wrapper li.ql-indent-8:not(.ql-direction-rtl){padding-left: 90px !important;}


/****************
INPUT SEARCH FIXES
****************/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}


/****************
FONTAWESOME FIXES
****************/
i.fa.fa-pencil,i.fa.fa-holidays,i.fa.fa-archive,i.fa.fa-trash-o ,i.fa.fa-eye,i.fa-eye-slash,i.fa.fa-exclamation-triangle,i.fa.fa-graph-up-trend,
.modal button.close .fa.fa-times,.fa.fa-ambulance .fa.fa-chat-history,i.fa.fa-timeline,i.fa-reset-icon,i.fa.fa-action,i.fa.fa-calendar{color: transparent !important;background-size: contain;background-repeat: no-repeat;background-position: center;}
i.fa.fa-pencil {background-image: url(../images/edit-icon.png);}
i.fa.fa-action {background-image: url(../images/action-icon.png);    color: transparent;background-size: contain;}
i.fa.fa-holidays {background-image: url(../images/icon-holidays.png) !important;    color: transparent;background-size: contain; font-size:18px !important;}
i.fa.fa-calendar {background-image: url(../images/calendar-icon.png);    color: transparent;background-size: contain;font-size: 36px;}
i.fa.fa-chat-history {background-image: url(../images/icon-chat-history.png);    color: transparent;background-size: contain;}
i.fa.fa-reset-icon{background-image: url(../images/restore-icon.png);    color: transparent;background-size: contain;}
i.fa.fa-timeline {background-image: url(../images/icon-timeline.png);    color: transparent;background-size: contain;}
i.fa.fa-ambulance {background-image: url(../images/clean-icon.png);font-size: 42px;background-size: 75%;background-repeat: no-repeat;background-position: center;}
i.fa.fa-trash-o {background-image: url(../images/delete-icon.png);}
i.fa.fa-archive {background-image: url(../images/icon-archive-grey.png);background-size: 14px;}
i.fa.fa-eye{background-image: url(../images/eye-icon.png);}
#sendToDeveloper i.fa.fa-eye,#addEditSettScript  i.fa.fa-eye{background-image: url(../images/eye-white-icon.png);}
i.fa.fa-eye-slash{background-image: url(../images/eye-slash-icon.png);}
i.fa.fa-exclamation-triangle{background-image: url(../images/icon-warning.png);background-size: contain !important;}
i.fa.fa-graph-up-trend{background-image: url(../images/graph-up-trend-icon.png);background-size: contain !important;}
.modal-header button.close .fa.fa-times{background-image: url(../images/times-white-icon.png);background-size: 90%;background-repeat: no-repeat;background-position: center;overflow: hidden;line-height: 36px;}
.modal-header button.close .fa.fa-times:before{position: relative;top:50px;}
.modal-header button.close:active,.modal button.close:hover,.modal button.close:focus {filter:brightness(100%);}
.modal button.close .fa.fa-ambulance:before{position: relative;top:50px;}
.design-save-alert{display:none;position: fixed;z-index: 999999999999;top:120px;left:50%;transform: translateX(-50%);font-size: 15px;border: none;}
.design-save-alert.alert-success {color: #fff;background-color: #0bcb6b;border-color: #c3e6cb;}
.design-save-alert.alert-danger {color: #fff;background-color: #eb5038;border-color: #f5c6cb;}



/******************************
MALIHU CUSTOM SCROLLBAR FIXES
******************************/
.mCSB_container_wrapper{margin-right: 0;    margin-bottom: 0;}
.mCSB_container_wrapper > .mCSB_container{padding: 0 10px 0 1px;max-width: 100%;min-height: calc(100% - 1px);    left: 0 !important;}
.mCSB_scrollTools .mCSB_draggerRail {width: 10px;background-color: #ccc;;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 10px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {top:2px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 10px;background-color: #aaa !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {	height: 8px;}
.mCSB_scrollTools{width:10px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right: 20px;display: none !important;}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {bottom: 0;}



/******************************
MY TOUR JS FIXES
******************************/
.special-offer-tag {position: absolute;padding: 0;white-space: nowrap;padding: 2px 25px;font-size: 10px;margin: 0;line-height: 2;display: inline-block;transform: rotate(-45deg);text-transform: uppercase;top: 18px;left: -30px;color: #fff;background: #e66512;font-weight: 400;border-radius: 0;border: none;}
#doYourself .mCSB_container_wrapper > .mCSB_container {padding: 0 14px 0 1px;top: 0 !important;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu{}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu li a {width: 10px;height: 10px;color: transparent;background: transparent;border-radius: 50%;padding: 0;border: 2px solid #fff;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu.open li {display: inline-block;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu.open li + li{ margin-left: 5px;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu.open {position: static !important;transform: translate(0,0) !important;height: auto !important;border: none;padding: 0;display: inline-block;max-height: none !important;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default {display: none;}
#my-tour-button-bar button.btn.dropdown-toggle.btn-default + .dropdown-menu.open li.selected a {background: #fff;}
#my-tour-tooltip #my-tour-button-finish {position: absolute;top: -2px;right: 10px;font-size: 35px;color: #aaa;line-height: 1;}
#my-tour-tooltip #my-tour-button-finish:hover{color:#fff;}
#my-tour-tooltip #my-tour-button-start {position: absolute;top: 8px;left: 12px;font-size: 14px;padding: 2px 15px;border: 1px solid #aaa;border-radius: 2px;color: #aaa;display: none;}
#my-tour-tooltip #my-tour-button-start:hover{border: 1px solid #fff;color:#fff;}
#my-tour-button-bar #my-tour-button-next,#my-tour-button-bar #my-tour-button-prev {position: absolute;bottom: 4px;z-index: 999999;right: 25px;font-size: 20px;color: #fff;}
#my-tour-button-bar #my-tour-button-prev{left: 110px;right: auto;}
#my-tour-button-bar ul.dropdown-menu.inner {min-width: 0;height: 12px;width: auto;text-align: center;overflow: hidden !important;    background-color: #005ea4;}
#my-tour-button-bar .btn-group.bootstrap-select {width: 100%;text-align: center;}
#my-tour-tooltip h1, #my-tour-tooltip h2, #my-tour-tooltip h3, #my-tour-tooltip h4, #my-tour-tooltip h5, #my-tour-tooltip h6 {background: #00487e;color: #fff;padding: 10px 0;border-radius: 10px 10px 0 0;font-size: 22px !important;}
div#my-tour-tooltip {padding: 0;width: 420px !important;border: 0;border-radius: 10px;min-height: 0;}
#my-tour-tooltip-nub.right:after,
#my-tour-tooltip-nub.right {border-right-color: #005ea4;}
#my-tour-tooltip-nub.left,#my-tour-tooltip-nub.left:after{border-left-color: #005ea4;}
#my-tour-tooltip-nub.top ,#my-tour-tooltip-nub.top:after{border-top-color:#005ea4;}
#my-tour-tooltip-nub.bottom,#my-tour-tooltip-nub.bottom:after{border-bottom-color:#00487e;}
#my-tour-button-bar{margin-top: 0;}
#my-tour-content{margin-bottom: 0;max-height: none;padding-bottom: 40px;background: #005ea4;}
#my-tour-button-bar {padding: 10px;border-top: 1px solid #005ea4;background: #005ea4;border-radius: 0 0 10px 10px;}
.console-step-10 #my-tour-button-bar,
.invitee-step-2 #my-tour-button-bar {display: block;}
.console-step-10 .step-wrap,.invitee-step-2 .step-wrap {border-radius: 0;}
#my-tour-tooltip p {margin: 0;text-align: left;line-height: 24px;}
#my-tour-tooltip .feature-para::before {top: 8px;transform: rotate(-18deg);}



/******************************
INTRO JS FIXES
******************************/
/*.tutorial-heading{background: linear-gradient(to right, #3480c6 , #00487e);;color: #fff;margin: 0;padding: 10px 0;border-radius: 10px 10px 0 0 ;}*/
.tutorial-heading{padding: 15px 40px !important;margin: 0;background: #002864;color: #fff;border-radius: 6px 6px 0 0;text-transform: capitalize !important;font-size: 18px !important;}
.tutorial-heading > span {font-size: 14px;float: right;margin-top: 3px;margin-right: 30px;}
.tutorial-heading > span + span{display: none;}
.introjs-button {padding: 5px 10px;font-size: 14px !important;}
.introjs-arrow {border: 10px solid transparent;}
.introjs-bullets ul[role="tablist"]{display: none !important;}
.introjs-arrow.bottom{border-top-color: #fff;bottom: -20px;left: 10px;}
/*.introjs-arrow{display: none !important;}*/
.introjs-arrow.left {border-right-color: #526da4;left: -20px;}
.introjs-arrow.right {border-left-color: #415681;right: -20px;}
.introjs-arrow.top,.introjs-arrow.top-left {border-bottom-color: #526da4;left: 10px;top: -20px;}
.introjs-arrow.top-right{left:auto;}
.introjs-arrow.top-middle {border-bottom-color: #526da4;}
.introjs-bullets ul li a {color: #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;width: auto;height: auto;background: transparent;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;text-decoration: none;cursor: pointer;}
.introjs-bullets #tourList{display: block !important;}
.introjs-tooltip{padding: 0;max-width: 350px;background: #fff;border-radius: 6px;transition:opacity 1.5s ease-in-out !important;z-index: 9999999999999999;}
.introjs-bullets ul {margin: 3px auto;display: flex;max-width: 200px;justify-content: center;}
.introjs-bullets ul li {border-radius: 50% !important; background: transparent;display: flex;align-self: center;}
.introjs-bullets ul li a.nav-tour {width: 12px;height: 12px;background: transparent;border: 2px solid #aaa;display: block;border-radius: 50%;}
.introjs-bullets ul li a.nav-tour.active { background: #aaa;}
.introjs-tooltipbuttons {padding: 0px 40px 30px;text-align: left;}
.introjs-button {margin: 0 10px 0 0;vertical-align: top;background: none;font-size: 14px !important;padding: 6px 35px;line-height: 20px;color: #f78d47 !important;border: 1px solid #f78d47 !important;border-radius: 4px;    text-shadow: none;}
.introjs-button.introjs-nextbutton {color: #fff !important;background: linear-gradient(to left,   #e66512 65%,#f78d47  ) !important;text-shadow: none;margin: 0;}
/*a.introjs-skipbutton.introjs-donebutton ~ .introjs-button {display: none;}*/
.introjs-skipbutton {float: left;}
.introjs-tooltip .step-wrap{min-width: 350px;    padding: 20px 28px 15px !important;}
/*span.introjs-helperNumberLayer {
    display: none;
}*/
.step-wrap .progress-bar {height: 100%;background-color: #7030A0;border-radius: 5px;}
.table-ticket-wrap .j-custm-scroll {min-height: calc(100vh - 240px) !important;max-height: calc(100vh - 240px) !important;}
a.introjs-button.introjs-skipbutton{position: absolute;top: 13px;color: transparent !important;font-size: 0;width: 24px;height: 24px;padding: 0;text-align: center;background-image: url(../images/white-times-icon.png);background-size: 10px;right: 15px;box-shadow: none !important;background-repeat: no-repeat;background-position: 7px 6px;border-radius: 50%;background-color: #5974AB;display: none;border: none !important;}
a.introjs-button.introjs-skipbutton:after{display: block; content: ""; color:#fff;font-size: 16px;line-height: 30px;}
.introjs-tooltip:hover a.introjs-button.introjs-skipbutton {display: block;}
.introjs-bullets {margin: 0 0 0px;}
.tour-list .tour-next a:hover, 
.tour-list .tour-next a:focus, 
.tour-list .tour-prev a:hover, 
.tour-list .tour-prev a:focus {background: transparent;color: #aaa;}
.chat-monitor-running {background-color: #ffff99;}
.chat-monitor-new {background-color: #FF0000; }
.chat-monitor-selected {background-color: #00ff00;}
#sendToDevEditor{border:none !important;}
.croppie-container .cr-image{position: static !important;}
.modal-body:not(.with-resizer) .croppie-container .cr-resizer-vertical::after, 
.modal-body:not(.with-resizer) .croppie-container .cr-resizer-horisontal::after,
.modal-body:not(.with-resizer) .croppie-container .cr-resizer{display: none !important;}
.email-cropping .croppie-container .cr-resizer-vertical::after, .email-cropping .croppie-container .cr-resizer-horisontal::after,.email-cropping .croppie-container .cr-resizer{display: block !important;}
.croppie-container .cr-boundary {height: 360px;}
.split {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;}
.gutter {background-color: transparent;background-repeat: no-repeat;background-position: 50%;}
.gutter.gutter-horizontal {cursor: col-resize;background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); }
.gutter.gutter-vertical {cursor: row-resize;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); }
.split.split-horizontal, .gutter.gutter-horizontal { height: 100%;float: left;}

/********Login page***********/
.inner-wrapper {display: flex;flex-wrap: wrap;}
.login-section {box-shadow: 5px 5px 35px 1px #bfbfbf;border-radius: 10px;width: 400px;}
.login-inner-section {padding: 30px 30px;}
.login-inner-section h3 {font-size: 30px;padding-bottom: 15px;margin: 0 30px;border-bottom: 1px solid #d2d2d2;}
.login-inner-content p {text-align: center;font-size: 19px;padding-top: 20px;}
.image-section {width: 44%;margin-top: 50px;}
.form-group.login-email input, .form-group.login-btn button{min-height: 50px;}
.foreve {color: green;font-style: italic;}
/*.login-main-wrapper {    margin-top: 185px;}*/
.form-group.login-btn a {    padding: 0;}
.login-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:20px;
}
.login-email input::-moz-placeholder { /* Firefox 19+ */
    font-size:20px;
}
.login-email input:-ms-input-placeholder { /* IE 10+ */
    font-size:20px;
}
.login-email input:-moz-placeholder { /* Firefox 18- */
    font-size:20px;
}
.login-email #password::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:20px;
}
.login-email #password::-moz-placeholder { /* Firefox 19+ */
    font-size:20px;
}
.login-email #password:-ms-input-placeholder { /* IE 10+ */
    font-size:20px;
}
.login-email #password:-moz-placeholder { /* Firefox 18- */
    font-size:20px;
}
.form-group.login-btn button { font-size: 22px;}
.login-inner-logo { text-align: center;}
.login-inner-content {padding-bottom: 20px;}
#formAppLogin input ,#formAppLogin .bootstrap-select .btn,.form-app-default input,.form-app-default input:focus{border: 1px solid #ced4da;line-height: 30px;padding:6px 10px}
#formAppLogin input:hover,#formAppLogin input:focus ,#formAppLogin .bootstrap-select .btn:hover,#formAppLogin .bootstrap-select .btn:focus,.form-app-default input:hover,.form-app-default input:focus{border-color: #a3abff;}
.registration-page .form-group.mb-4 {margin-bottom: 1rem !important;}
#formAppLogin .or-seperator {display: inline-block;position: relative;background: #fff;z-index: 999;padding: 0 10px;}
#formAppLogin .seperator:after {content: "";position: absolute;height: 1px;width: 100%;display: block;background: #ced4da;left: 0;top: 50%;}
.form-group.login-btn button {min-height: 45px;height: 45px;font-size: 20px !important;padding: 0px !important;justify-content: center;}
.form-group.login-email input {    height: 50px; border-radius: 5px !important;}
.login-inner-logo .social-list a {    display: inline-block;    padding:0px;    color: #fff;    background-color: #d2d2d2;    min-width: 40px;  line-height: 33px;    text-align: center;    font-size: 20px;}
.image-section img {    width: 575px;}
.form-group.login-btn a {    font-size: 14px;    font-weight: 300;    padding-top: 10px;}
/*.login-head .login-logo {margin-left:190px;}*/
.Lgn-logo-section {    margin-bottom: 0px;    text-align: center;}
/*.login-page-new.d-flex.flex-column .login-head {    display: none;}*/
.pass-logo .Lgn-logo-section {text-align: center;}
.term.text-center p {    font-size: 10px;}
.term.text-center {    margin-top: 25px;}
.login-inner-logo .socila-list {    margin-top: 60px !important;}
.btn-sign-w-google {align-items: center !important;width: 100%;background: #fff !important;color: #fff !important;font-family: 'Roboto', sans-serif;border-radius: 5px;justify-content: center;border: 1px solid #ced4da;}
.btn-sign-w-google:hover{text-decoration: none;}
.form-group.login-email, .form-group.login-btn {padding: 0px 30px;}
.term.text-center a {color: #2259b1 !important;}
.login-section {box-shadow: 5px 5px 35px 1px #bfbfbf;border-radius: 10px;width: 400px;}
.list-inline.social-list.pass-list {margin-top: 30px;}
#help {margin-top: 10px;}
.sgn-clr {color: #2259b1 !important;}
.reis-clr {color: red;}
.form-group.login-btn #login {border-radius: 5px;   font-family: 'Graphik Medium';}
.login-inner-logo .social-list {margin-top: 60px;}
.term.text-center p {font-size: 14px;font-weight: 400;}
#formSignupHeader input {border-top-right-radius: 0;border-bottom-right-radius: 0;border-color: #777;min-width: 240px;padding-left: 15px;}
#formSignupHeader .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;min-height: 40px;background-color: #777 !important;}
.login-part-content {margin-top: 50px;}
.btn-site-blue, #formSignupHeader .btn {background-color: #4354ff !important;color: #fff;}
.login-wrap-left .login-part-content {padding-top: 5rem;}
/******** End login page******/

/*******Forgot-page*******/
/*.reset-content-section {text-align: center;}*/
/*.panel.panel-default.reset-inner-wrp { border-radius: 10px;      width: 400px;    box-shadow: 5px 5px 35px 1px #bfbfbf;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50% , -50%);}*/
.reset-content-section {    padding: 20px 30px 30px;}
.reset-content-section .panel-heading {    font-size: 26px;    padding-bottom: 10px;    border-bottom: 1px solid #d2d2d2;}
.resetpass-wrp input {    margin-top: 15px;   min-height: 45px;   height: 45px;    font-size: 20px !important;}
.panel-heading {    margin: 0 40px;}
.resetpass-wrp button {    display: block;    width: 100%;}
.resetpass-wrp {    position: relative;    height: 100vh;}
.resetpass-wrp .form-group {    margin: 15px 35px;}
/*.form-group.rest-btn button {       min-height: 45px;   height: 45px;    font-size: 20px !important;   }*/
/*#login-form #password { font-size: 24px;   font-weight: 400;    color: #d2d2d2; }*/
.login-section.pass-logo .close { padding: 10px;   font-size: 30px; display:none;}
.login-section.pass-logo:hover .close {    display: block;   background: #ccc;   margin: 10px 10px 0px;    border-radius: 50%;  line-height: 0;    color: #fff;    font-weight: 300;    width: 35px;    height: 35px;    padding: 15px 2px 4px 9px;}
/******End forgot-page****/

.introjs-overlay{background: rgba(0,0,0,0.75);z-index: 99999999;}
.introjs-overlay ~ .modal-backdrop.fade.show {display: none;}
.introjs-helperLayer,.introjs-fixParent.modal{position: absolute !important;background: rgba(255, 255, 255, 0.25);z-index: 99999999;}
.introjs-fixParent.modal {margin-left: -122px;}
.introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th{pointer-events: none;}
.registration-mid  #featureSettAccor .j-custm-scroll {max-height: calc(100vh - 480px);position: relative;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #111111;
    -webkit-box-shadow: 0 0 0px 000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}
#welcomeTourModal .modal-dialog{margin: -75px 0 0 123px;}
.content-builder-feature .fa-comments-o {background-image: url('../images/content-builder-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.content-builder-feature .fa-comments-o:before{color:transparent;}
.campaign-feature .fa-comments-o {background-image: url('../images/campaign-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.campaign-feature .fa-comments-o:before{color:transparent;}
.scheduling-feature .fa-comments-o {background-image: url('../images/scheduling-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.scheduling-feature .fa-comments-o:before{color:transparent;}
.contact-feature .fa-comments-o {background-image: url('../images/icon_white_contact.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.contact-feature .fa-comments-o:before{color:transparent;}
.collaboration-feature .fa-comments-o {background-image: url('../images/messaging-icon-white.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.collaboration-feature .fa-comments-o:before{color:transparent;}
.report-feature .fa-comments-o {background-image: url('../images/report-white-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.report-feature .fa-comments-o:before{color:transparent;}
.company-feature .fa-comments-o {background-image: url('../images/company-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.company-feature .fa-comments-o:before{color:transparent;}
.sales-feature .fa-list {background-image: url('../images/graph-white-icon.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.sales-feature .fa-list:before{color:transparent;}
.support-feature .fa-list {background-image: url('../images/support-icon-white.png');background-repeat: no-repeat;background-position: center;     background-size: 15px auto;display: inline-block;min-width: 100%;min-height: 100%;}
.support-feature .fa-list:before{color:transparent;}
.side-navbar-wrapper {width: 55px;display: flex;flex-direction: column;height: 100%;position: relative;z-index: 9;}
ul#side-main-menu {display: flex;flex-direction: column;height: 100%;padding-top: 85px;padding-bottom: 30px;}
ul#myTabOptions__BV_tab_controls_ {}
div#myTabOptions__BV_tab_container_ {margin-top: 0.5rem;}
.collaboration-wrapper div#myTabOptions__BV_tab_container_ {margin-top: 0;}
.site-main-tabs[id*='BV'] {border-bottom: none;margin: 20px 0 15px !important;position: relative;border-bottom: 1px solid #cbd6e2;display: flex;align-items: center;}
.table th, .table td {padding: 0.75rem;vertical-align: top;border-top: 1px solid #cbd6e2;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #fff;}
/*.app-footer{display: none;}*/
.fa-custom-plus{font-size: 54px !important;line-height: 0.65 !important;font-family: 'Graphik Medium';}
.fa-custom-minus{font-family: 'Graphik Medium';font-size: 54px;line-height: 36px;}
.menu-win-show + .page header.header.pos-rel {margin-left: -180px;z-index: 9999;position: relative;}
*[class*="border"]:not(.btn-orange-border){border-color: #cbd6e2 !important;}
#app{display: flex !important;}
.header {position: fixed !important;width: calc(100vw - 55px);right: 0;top: 0;z-index: 999999 !important;min-width: calc(1280px - 55px);}
.header .waiting-chat.seperate-left{border-left:1px solid #e86b1a;}
.menu-win-show .sidebar-window {display: block !important;width:auto;transform: translateX(0);min-width:240px;border-right:1px solid #cbd6e2 !important;}
main.page{padding-left: 0 !important;width: auto !important;padding-top: 65px !important;position: static;flex: 1 1 auto;transition: all 0.5s;}
nav.side-navbar.shrink {position: static;}
aside.app-sidebar {z-index: 9999999;height: 100vh;}
nav.side-navbar.shrink .sidenav-header-inner > a.app-navbar-item { padding: 8px 4px !important;}
nav.side-navbar.shrink .sidenav-header-inner > a.app-navbar-item:hover {background-color: rgba(255,255,255,0.25) !important;}
.modal-dialog {margin: 0;box-shadow: none;position: fixed;width: 100%;right: -100%;top: 0px;bottom: 0;transform: translate(0%) !important;left: auto !important;max-width: 100%;}
.modal.show .modal-dialog {-webkit-transform: none;transform: none;    right: 0;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform 0.3s ease-out, right 0.4s ease-in-out;transition: -webkit-transform 0.3s ease-out, right 0.4s ease-in-out;transition: transform 0.3s ease-out, right 0.4s ease-in-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, right 0.4s ease-in-out;-webkit-transform: translate(0, -50px);transform: translate(0, -50px);}
.modal-content {border-radius: 0;padding: 0px !important;border: none;height: 100%;position: absolute;width: 100%;   left: 0;right: 0;}
.modal-header {border-radius: 0;}
.modal-footer {padding:1rem 3rem;margin-top: auto;justify-content: start;border-color: #cbd6e2 !important;background: #fff;}
.modal-footer > :not(:first-child){margin-left: 0;}
.tooltip.show{opacity: 1;z-index: 999999999;}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: #002864 !important;}
#centerTriggerModalBody iframe.ql-video{width:480px;height: 270px;display: block;margin: 0 auto;}
.custom-radio .checkmark {position: absolute;top: 4px;left: 0;height: 16px;width: 16px;border-radius: 50%;}
.custom-radio .checkmark:after {top: 50%;left: 50%;width: 8px;height: 8px;background: #1360b3  !important;}
.custom-radio input:checked ~ .checkmark {border-color: #1360b3 !important;}
.custom-radio {padding-left: 25px;}
aside.app-sidebar .cstm_tooltip .cstm_tooltiptext {font-size: 14px;max-width: none;display: inline;width: auto;white-space: nowrap;padding-left: 20px;padding-right: 20px;line-height: 2;}
aside.app-sidebar .cstm_tooltip.cstm_right .cstm_tooltiptext {margin-left: 15px;color: #fff;}
.ng-nw-menu-shrink aside.app-sidebar {position: fixed !important;}
.ng-nw-menu-shrink .app-sidebar + main.page {min-width: calc(100vw - 64px);padding-left: 64px !important;}
aside.app-sidebar nav.side-navbar .sidenav-header-inner{visibility: hidden;}






/*************
KNOWLEDGEBASE LINK
*************/
.kb-page-wrapper .kb-bg-header {background-size: auto 150% !important;display: none;}
.kb-single-wrap .kb-article-ttl {font-size: 35px;}
.login-logo-text{    font-family: 'Graphik Semibold';letter-spacing: 1px;}
.login-logo-text:not(.text-black){color: #fff !important;}



/*************
DATA
*************/
.term-sidebaar {width: 330px;color: rgb(100,100,100);max-height: calc(100vh - 170px);overflow: auto;padding-right: 8px;}
.term-sidebaar #accordion.panel-group {margin-bottom: 20px;display: inline-block;}
.term-sidebaar #accordion .panel.panel-default {background: none;border: none;box-shadow: none;}
.term-sidebaar #accordion .panel > .panel-heading {background: none;border: none;padding-left: 0;}
.term-sidebaar .panel-heading {padding: 20px 15px;margin: 0;}
#accordion .panel > .panel-heading .panel-title {font-size: 18px;font-family: 'Graphik Medium';position: relative;}
.terms-wrapper .panel-title {text-transform: uppercase;padding-left: 15px;font-size: 14px !important;margin: 0;}
.terms-wrapper .panel-title a{color: #4e89c4 !important;}
.term-sidebaar .panel-body ul a {font-size: 14px;font-weight: 400;color: #333;}
.heading-bg {background-color: #edf3f7 !important;border-bottom: none !important;}
.term-sidebaar ul {list-style: none;}
.terms-wrapper #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {font-family: 'Graphik Medium';font-size: 18px;color: transparent;line-height: 32px;}
.term-sidebaar .panel-body {padding: 0 !important;padding: 0 15px 15px !important;background-color: #edf3f7 !important;}
.term-content h2 {margin-bottom: 32px;font-size: 30px;font-weight: 400;}
.term-heading {font-size: 26px;font-weight: 400;}
.term-content p {font-size: 16px;font-weight: 400;}
.terms-service .term-content {padding-right: 30px;}
.w-hidden {display: none;}
.term-content.active {display: block;}
.term-content p {font-size: 16px;font-weight: 400;}
.term-content {max-width: 665px;}
.section-margin{margin: 30px 0 0;}
.terms-content-wrapper{height: calc(100vh - 210px);}


/***********************
TABLE RESPONSIVE WITH FIXED HEADER
*************************/
.table-responsive thead{position: sticky;top: 0;width: 100%;display: table;z-index: 99;}
.table-responsive tbody{display: table;width: 100%;height:100%;}


/***********************
CUSTOM TOOLTIP
*************************/
.cstm_tooltip {position: relative;display: inline-block;}
.cstm_tooltip .cstm_tooltiptext {visibility: hidden;background-color: #002864;color: #fff;border-radius: 6px;position: absolute;display: inline;z-index: 1;opacity: 0;transition: opacity 0.3s;padding:8px 12px;line-height: 1.5;width: auto;white-space: normal;font-size: 12px;text-transform: none;transform: translate(-50%,-125%);z-index: 99;left: 50%;pointer-events: none;width: 320px;}
.cstm_tooltip.cstm_left .cstm_tooltiptext {bottom: auto;left: auto;top: 50%;right: 100%;margin: 0 10px 0 0;transform: translateY(-50%);}
.cstm_tooltip.cstm_right .cstm_tooltiptext {bottom: auto;left: 100%;top: 50%;right: auto;margin: 0 0px 0 10px;transform: translateY(-50%);}
.cstm_tooltip .cstm_tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #002864 transparent transparent transparent;}
.cstm_tooltip.cstm_left .cstm_tooltiptext::after {border-color: transparent transparent transparent #002864;top: 50%;right: -10px;left: auto;transform: translateY(-50%);}
.cstm_tooltip.cstm_right .cstm_tooltiptext::after {border-color: transparent #002864 transparent transparent;top: 50%;left: -5px;transform: translateY(-50%);}
.cstm_tooltip.cstm_top .cstm_tooltiptext {bottom: 100%;right: auto;left: 50%;top: auto;transform: translateX(-50%);}
.cstm_tooltip:hover .cstm_tooltiptext {visibility: visible;opacity: 1;}


.btn-blue{background-color: #4354ff !important;color:#fff !important;}
.btn-blue:hover,.btn-blue:focus{color:#fff;}
.btn-blue-bordered{border:1px solid #4354ff !important;color:#4354ff !important;}
*[class*="border"].btn.btn-blue-bordered:not(btn-orange-bordered){border:1px solid #4354ff !important;color:#4354ff !important;}

/***********************
CUSTOM SCROLLBAR
*************************/
/* width */
::-webkit-scrollbar {width: 10px;height:10px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1; border-radius:5px;}
/* Handle */
::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius:5px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #c1c1c1;}


/***********************
CUSTOM RANGE INPUT
*************************/
.range-slider {-webkit-appearance: none;width: 100%;height: 10px;background: #d3d3d3;outline: none;-webkit-transition: .2s;transition: opacity .2s;border-radius:10px;opacity: 1;}
.range-slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;background: #526da4;cursor: pointer;border-radius:13px;}
.range-slider::-moz-range-thumb {width: 16px;height: 16px;background: #526da4;cursor: pointer;}



/***********************
CUSTOM B-TIME PICKER
*************************/
.b-form-timepicker .b-time .b-form-spinbutton:nth-child(n) {min-width: 0 !important;}
.b-form-timepicker .b-time{width:100%;}
.b-form-timepicker .b-time footer .b-form-date-controls {justify-content: center !important;}
.b-form-timepicker label.form-control:nth-child(n) {min-width: 0 !important;}



/***********************
CUSTOM B-CALENDAR
*************************/
.mx-calendar .b-calendar {width: 100%;}
.b-calendar{display: inline-block;background: #425b76 !important;border-radius: 4px;overflow: hidden;padding: 8px 5px 4px;}
.b-calendar-nav{display: flex;}
.b-calendar-nav button.btn {border: none;flex: 1 1 auto;font-size: 20px;padding: 4px;}
.b-calendar-nav button.btn div{display: flex;align-items: center;}
.b-calendar .font-weight-bold {font-weight: 700 !important;}
.b-calendar  .border-bottom {border-bottom: 1px solid #dee2e6 !important;}
.b-calendar .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.b-calendar .no-gutters {margin-right: 0;margin-left: 0;}
.b-calendar .no-gutters > .col, .b-calendar .no-gutters > [class*="col-"] {padding-right: 0; padding-left: 0;background-color: transparent !important;}
.b-calendar .col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;position: relative;width: 100%;}
.b-calendar path {fill: #fff;}
.b-calendar small,.b-calendar .small {font-size: 80%;font-weight: 400;}
.b-calendar .form-control {display: block;width: 100%;height: auto;font-size: 1rem;font-weight: 400;line-height: 1.5;margin-top: -50px;background-color: #425b76 !important;color: #fff;background-clip: padding-box;border: 0;border-radius: 0;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;padding: 0 !important;text-align: center !important;margin-bottom: 0 !important;}
.b-calendar .b-calendar-grid-body .col[data-date] .btn {width: 32px;height: 32px;font-size: 14px;line-height: 1;margin: 3px auto;padding: 9px 0;color: #eee !important;background: none !important;min-height: 0;}
.b-calendar .b-calendar-nav {justify-content: space-between;}
.b-calendar .b-calendar-nav button:nth-child(1), .b-calendar .b-calendar-nav button:nth-child(3), .b-calendar .b-calendar-nav button:nth-child(5) {display: none;}
.b-calendar .text-center {text-align: center !important;}
.b-calendar .p-1 {padding: 0.25rem !important;}
.b-calendar .mb-1,.b-calendar .my-1 {margin-bottom: 0.25rem !important;}
.b-calendar .d-block {display: block !important;}
.b-calendar .rounded {border-radius: 0.25rem !important;}
.b-calendar .border-0 {border: 0 !important;}
.b-calendar .btn.disabled,.b-calendar  .btn:disabled {opacity: 0.65;}
.b-calendar output.mb-1 {color: #eee;height: 0;overflow: hidden;margin: 0 !important;padding: 0 !important;border: none !important;}
.b-calendar footer {display: none;}
.b-calendar .no-gutters > small.col {margin-bottom: 5px;color: #fff;}
.b-calendar .form-control header {color: #fff;padding: 15px 0 !important;}
.b-calendar .b-calendar-nav button:nth-child(2), .b-calendar .b-calendar-nav button:nth-child(4) {max-width: 40px;}
.b-calendar .b-calendar-grid-body .col[data-date] .btn.active {background: #fff !important;color: #111111 !important;font-size: 13px;}
textarea#tempCopyCode {display: none;}
.dot-big {display: block;width: 12px;height: 12px;border-radius: 50%;background-color: #111111;}
.side-icon-contact .fa ,
.side-icon-marketing .fa ,
.side-icon-list-building .fa-list ,
.side-icon-app .fa ,
.side-icon-crm .fa-ticket ,
.side-icon-kb .fa.fa-info-circle ,
.side-icon-cogs .fa-comments ,
.side-icon-bot .fa ,
.side-icon-ticket .fa ,
.side-icon-app-int .fa-product-hunt,
.side-icon-dashboard .fa{color: transparent;background-size: 18px auto;background-repeat: no-repeat;background-position: center;}
.side-icon-dashboard .fa{background-image: url('../images/icon-dashboard-new.png');background-size: 24px auto !important;}
.side-icon-cogs .fa-comments {background-image: url('../images/icon-cogs-filed-white.png');background-size: 25px auto;}
.side-icon-app .fa{background-image: url('../images/icon-app.png');}
.side-icon-app-int .fa-product-hunt{background-image: url('../images/icon-app-integration.png');}
.side-icon-contact .fa{background-image: url('../images/icon-contact-2.png');    background-size: 28px auto;}
.side-icon-marketing .fa {background-image: url('../images/icon-bullhorn.png');    background-size: 24px auto;}
.side-icon-ticket .fa{background-image: url('../images/icon-ticket-2.png');}
.side-icon-bot .fa{background-image: url('../images/icon-bot-2.png');}
.side-icon-kb .fa.fa-info-circle {background-image: url('../images/icon-kb-white.png');background-size: 26px auto;min-height: 28px;background-position: center top;}
.side-icon-crm .fa-ticket {background-image: url('../images/icon-crm-2.png');background-size: 22px auto;}
.side-icon-list-building .fa-list{background-image: url('../images/icon-list-building.png');background-size: 22px auto;}
nav.side-navbar.shrink i.fa-bar-chart {font-size: 20px;}
nav.side-navbar.shrink i.fa-briefcase {font-size: 19px;}
.vue-advanced-cropper {text-align: center;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;max-height: 100%;max-width: 100%;direction: ltr; }
.vue-advanced-cropper__stretcher {pointer-events: none;position: relative;max-width: 100%;max-height: 100%; }
.vue-advanced-cropper__image {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;-webkit-transform-origin: center;transform-origin: center;max-width: none !important; }
.vue-advanced-cropper__background, .vue-advanced-cropper__foreground {opacity: 1;background: #000;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%; }
.vue-advanced-cropper__foreground {opacity: .5; }
.vue-advanced-cropper__boundaries {opacity: 1;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%; }
.vue-advanced-cropper__cropper-wrapper {width: 100%;height: 100%; }
.vue-advanced-cropper__image-wrapper {overflow: hidden;position: absolute;width: 100%;height: 100%; }
.vue-advanced-cropper__stencil-wrapper {position: absolute; }
.vue-draggable-area {position: relative; }
.vue-bounding-box {position: relative;height: 100%;width: 100%; }
.vue-bounding-box__handler {position: absolute; }
.vue-bounding-box__handler--west-north {left: 0;top: 0; }
.vue-bounding-box__handler--north {left: 50%;top: 0; }
.vue-bounding-box__handler--east-north {left: 100%;top: 0; }
.vue-bounding-box__handler--east {left: 100%;top: 50%; }
.vue-bounding-box__handler--east-south {left: 100%;top: 100%; }
.vue-bounding-box__handler--south {left: 50%;top: 100%; }
.vue-bounding-box__handler--west-south {left: 0;top: 100%; }
.vue-bounding-box__handler--west {left: 0;top: 50%; }
.vue-handler-wrapper {position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 30px;height: 30px; }
.vue-handler-wrapper__draggable {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.vue-handler-wrapper--west-north {cursor: nw-resize; }
.vue-handler-wrapper--north {cursor: n-resize; }
.vue-handler-wrapper--east-north {cursor: ne-resize; }
.vue-handler-wrapper--east {cursor: e-resize; }
.vue-handler-wrapper--east-south {cursor: se-resize; }
.vue-handler-wrapper--south {cursor: s-resize; }
.vue-handler-wrapper--west-south {cursor: sw-resize; }
.vue-handler-wrapper--west {cursor: w-resize; }
.vue-handler-wrapper--disabled {cursor: auto; }
.vue-preview-result {overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;height: 100%;width: 100%; }
.vue-preview-result__wrapper {position: absolute; }
.vue-preview-result__image {pointer-events: none;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform-origin: center;transform-origin: center;max-width: none !important; }
.vue-line-wrapper {background: 0 0;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.vue-line-wrapper--north, .vue-line-wrapper--south {height: 12px;width: 100%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
.vue-line-wrapper--north {top: 0;cursor: n-resize; }
.vue-line-wrapper--south {top: 100%;cursor: s-resize; }
.vue-line-wrapper--east, .vue-line-wrapper--west {width: 12px;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0; }
.vue-line-wrapper--east {left: 100%;cursor: e-resize; }
.vue-line-wrapper--west {left: 0;cursor: w-resize; }
.vue-line-wrapper--disabled {cursor: auto; }
.vue-simple-line {background: 0 0;-webkit-transition: border .5s;transition: border .5s;border-color: rgba(255, 255, 255, 0.3);border-width: 0;border-style: solid; }
.vue-simple-line--north, .vue-simple-line--south {height: 0;width: 100%; }
.vue-simple-line--east, .vue-simple-line--west {height: 100%;width: 0; }
.vue-simple-line--east {border-right-width: 1px; }
.vue-simple-line--west {border-left-width: 1px; }
.vue-simple-line--south {border-bottom-width: 1px; }
.vue-simple-line--north {border-top-width: 1px; }
.vue-simple-line--hover {opacity: 1;border-color: #fff; }
.vue-simple-handler {display: block;background: #fff;height: 10px;width: 10px; }
.vue-preview {overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative; }
.vue-preview--fill {width: 100%;height: 100%;position: absolute; }
.vue-preview__wrapper {position: absolute;height: 100%;width: 100%; }
.vue-preview__image {pointer-events: none;position: absolute;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform-origin: center;transform-origin: center;max-width: none !important; }
.vue-rectangle-stencil {position: absolute;height: 100%;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }
.vue-rectangle-stencil__preview {position: absolute;width: 100%;height: 100%; }
.vue-rectangle-stencil--movable {cursor: move; }
.vue-circle-stencil {position: absolute;height: 100%;width: 100%;-webkit-box-sizing: content-box;box-sizing: content-box;cursor: move; }
.vue-circle-stencil__preview {border-radius: 50%;position: absolute;width: 100%;height: 100%; }
.vue-circle-stencil--movable {cursor: move; }