/*
 Table Of Contents

 0.) Fonts
 1.) Global Typography
 2.) Layout
 3.) Tabs Nav, Top Nav and Sidebar Nav
 4.) Pagination
 5.) Datatable Plugin
 6.) Datepicker Plugin
 7.) Select2 Plugin - SWAL
 8.) Custom Inputs[radio, checkbox, file] 
 9.) All Contents: Settings/Reviews/Moderation Pages
 10.) Custom Widget, Stars and Range selectors
 11.) Settings Preview box
 12.) Review Rating Form
 13.) **MAIN PAGES

*/

/* 0.) Fonts */
/* ----------------------------*/

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/proxima-nova-normal.woff2") format("woff2"), url("../fonts/proxima-nova-normal.woff") format("woff"), url("../fonts/proxima-nova-normal.opentype") format("opentype");
}
@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/proxima-nova-bold.woff2") format("woff2"), url("../fonts/proxima-nova-bold.woff") format("woff"), url("../fonts/proxima-nova-bold.opentype") format("opentype");
}
@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/proxima-nova-bolder.woff2") format("woff2"), url("../fonts/proxima-nova-bolder.woff") format("woff"), url("../fonts/proxima-nova-bolder.opentype") format("opentype");
}

@font-face {
    font-family: "proxima-nova";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/proxima-nova-normal.woff2") format("woff2"), url("../fonts/proxima-nova-normal.woff") format("woff"), url("../fonts/proxima-nova-normal.opentype") format("opentype");
}
@font-face {
    font-family: "proxima-nova";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/proxima-nova-bold.woff2") format("woff2"), url("../fonts/proxima-nova-bold.woff") format("woff"), url("../fonts/proxima-nova-bold.opentype") format("opentype");
}
@font-face {
    font-family: "proxima-nova";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/proxima-nova-bolder.woff2") format("woff2"), url("../fonts/proxima-nova-bolder.woff") format("woff"), url("../fonts/proxima-nova-bolder.opentype") format("opentype");
}


/* 1.) Global Typography */
/* ----------------------------*/
body, html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-size: 16px;
    background-color: #ebf1f4;
    font-family: ProximaNova;
    overflow-x: hidden;
}
.main-container {
    font-family: ProximaNova;
}
img {
    max-height: 100%;
    max-width: 100%;
}
a {
    cursor: pointer;
}
iframe {
    border: none;
}
textarea {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
form .alert {
    margin: 0;
    border-radius: 0;
    border: none;
}
.form-control[readonly] {
    background-color: #f2f2f2;
}
.plr-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pr-0{
    padding-right: 0 !important;
}
.mt-5{
    margin-top: 5px !important;
}
.mt-6{
    margin-top: 6px !important;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mb-5{
    margin-bottom: 5px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-15{
    margin-bottom: 15px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mb-25{
    margin-bottom: 25px !important;
}
.mb-30{
    margin-bottom: 30px !important;
}
.mr-5{
    margin-right: 5px !important;
}
.mr-10{
    margin-right: 10px !important;
}
.mr-15{
    margin-right: 15px !important;
}
.mr-20{
    margin-right: 20px !important;
}
.ml-5{
    margin-left: 5px !important;
}
.ml-10{
    margin-left: 10px !important;
}
.ml-15{
    margin-left: 15px !important;
}
.ml-20{
    margin-left: 20px !important;
}
.ml-30{
    margin-left: 30px !important;
}
.mt-15{
    margin-top: 15px !important;
}
.pr-10{
    padding-right: 10px !important;
}
.pb-10{
    padding-bottom: 10px !important;
}
.pb-15{
    padding-bottom: 15px !important;
}
.pb-20{
    padding-bottom: 20px !important;
}
.pt-10{
    padding-top: 10px !important;
}
.pt-20{
    padding-top: 20px !important;
}
.pt-25{
    padding-top: 25px !important;
}
.pr-15{
    padding-right: 15px !important;
}
.pl-15{
    padding-left: 15px !important;
}
.pl-18{
    padding-left: 18px !important;
}
.margin-0{
    margin: 0 !important;
}
.padding-0{
    padding: 0 !important;
}
.padding-15{
    padding: 15px !important;
}
.padding-20{
    padding: 20px !important;
}
.nowrap{
    white-space: nowrap;
}
.overflow{
    overflow: hidden;
}
select[disabled] {
    cursor: no-drop
}
.btn{
    min-width: 85px;
    font-size: 15px;
    padding: 5px 15px;
}
.btn-default{
    border: 1px solid;
    padding: 5px 12px;
    min-width: 110px;
    font-size: 15px;
    background: transparent;
}
.btn-blue {
    background: #0279b7;
    font-weight: bold;
    border: none;
    height: 36px;
    padding: 8px 10px 7px;
    color: #fff !important;
}
.btn-blue:hover {
    background: #04699e !important;
}
.btn-yellow {
    background: #e99600;
    font-weight: 600;
    color: #fff;
    border: none;
    height: 37.5px;
}
.btn-yellow:hover {
    background: #d48b08;
    color: #fff;
}
.btn-white{
    background: #fff;
    border: 1px solid #dfe4eb;
    color: #333 !important;
    
    font-size: 15px;
    min-width: 90px;
}
.btn-white:hover{
    background: #f8f8f8;
}
.btn-white i{
    color: #0279b7;
    margin-right: 3px;
}
.btn-ahref{
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #0279b7;
}
.btn-ahref:hover{
    text-decoration: underline;
    cursor: pointer;
    color: #0279b7;
}
.green-btn {
    background: #79b74c;
    border-color: transparent;
    font-weight: 600;
    font-size: 15px;
    color: #fff !important;
    padding: 7px 10px 6px;
}
.gray-btn{
    background: #a6a8ac !important;
    border: 1px solid #a6a8ac !important;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 7px 10px 6px !important;
}
.gray-btn:hover{
    background: #858687 !important;
}
.red-btn{
    background: #ef5234;
    font-weight: 600;
    font-size: 15px;
    height: 37.5px;
    color: #fff;
}
.red-btn:hover{
    opacity: 0.9;
}
.btn-default.green{
    border-color: #68ac3c;
    color: #68ac3c !important;
}
.btn-default.red{
    border-color: #ef5234;
    color: #ef5234 !important;
}
.btn-default.blue{
    border-color: #405e82;
    color: #405e82 !important;
}
.btn-default.green:hover{
    border-color: #68ac3c;
    background: #68ac3c;
    color: #fff !important;
}
.btn-default.red:hover{
    border-color: #ef5234;
    background: #ef5234;
    color: #fff !important;
}
.btn-default.blue:hover{
    border-color: #405e82;
    background: #405e82;
    color: #fff !important;
}
.btn-default.hollow-blue:hover{
    border-color: #405e82;
}
.btn-default.hollow-blue{
    border-color: #ddd;
    color: #405e82 !important;
}
.btn-default.hollow-blue .fa-arrow--circleup{
    color: #0279b7 !important;
}
.btn-default.red{
    border-color: #ef5234;
    color: #ef5234 !important;
}
.btn-default.red:hover{
    border-color: #ef5234;
    background: #ef5234;
    color: #fff !important;
}
.btn.disabled{
    cursor: no-drop;
    background: #f0f0f0;
    color: #000 !important;
    font-weight: normal;
    border: 1px solid transparent;
}
.btn-padding{
    padding: 7px 15px !important
}
span.location_city{
    vertical-align: -webkit-baseline-middle;
    padding-left: 5px;
}
.unflag-btn{
    height: 34px;
}
.unflag-btn:hover{
    background: #aab9ce;
    color: #fff !important;
    border-color: #fff;
}
.side-title{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
label {
    font-size: 16px;
}
.label-desc{
    color: #7a7f85 !important;
}
.label-blue{
    color: #0063ab;
}
.label-desc.dark{
    color: #111f31;
}
.bold, 
.label-bold{
    font-weight: 600;
}
.light-font{
    font-weight: normal !important;
}
.dark-color{
    color: #111f31 !important;
}
.gray-color{
    color: #888f98 !important;
}
.select-sm{
    width: 90px;
}
.inline-label{
    margin-right: 10px;
}
.inline-label, 
.inline-input{
    width: auto;
    display: inline-block;
}
.inline-block{
    display: inline-block;
}
.inline-form-input{
    display: inline-block;
    margin-left: 10px;
}
.input-tooltip .form-control {
    width: calc(100% - 30px);
    display: inline-block;
}
.input-tooltip i {
    margin-left: 5px;
}
select {
    font-size: 16px;
}
table{
    font-size: 15px;
}
.input-toggle{
    background: #0279b7;
    color: #fff !important;
    font-size: 10px;
    border-radius: 3px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
}
.input-toggle .fa{
    margin-top: 2.5px;
}
.form-input-toggle input{
    width: 55px;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
}
.border-top{
    border-top: 1px solid #ddd;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
.m-w-600{
    max-width: 600px;
}
.min-w-130{
    min-width: 130px;
}
.f-s-15{
    font-size: 15px !important;
}
.f-s-16{
    font-size: 16px !important;
}
.f-s-18{
    font-size: 18px;
}
form {
    margin-bottom: 0;
}

@media(min-width:800px){
    .pl-0-md,
    .pl-0-sm{
        padding-left: 0 !important;
    }
    .pr-0-md,
    .pr-0-sm{
        padding-right: 0 !important;
    }
    .desktop-padding-0{
        padding: 0 !important;
    }
    .ml-15-sm{
        margin-left: 15px !important;
    }
    .page-contents .main-container{
        margin-left: 95px !important;
    }
    .page-contents{
        max-width: calc(100% - 95px);
    }
}
@media(max-width:576px){
    .mobile-padding-0{
        padding: 0 !important;
    }
    .xs-plr-10{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mt-5-xs{
        margin-top: 5px !important;
    }
    .integrations-lg .integration-content .btn {
        margin-top: 15px !important;
    }
}
@media (max-width: 700px){
    .mt-5-sm{
        margin-top: 5px !important;
    }
    .mt-10-sm{
        margin-top: 10px !important;
    }
    .ml-0-sm{
        margin-left: 0px !important;
    }
    .mr-0-sm{
        margin-right: 0px !important;
    }
}

/* 2.) Layout */
/* ----------------------------*/
.table td, .table th {
    border-top: 1px solid #dfe4eb;
}
#myTab {
    padding-top: 15px !important;
}

.full-width{
    width: 100%;
}
.page-contents{
    margin-top: 65px;
    padding: 0;
}
.page-container{
    height: 100%;
}
.photos-pages-container .page-container{
    height: 100%;
}
.mobile-nav-title{
    display: none;
}
@media(min-width: 800px){
    .page-contents .main-container{
        margin-left: 95px !important;
    }
    .page-contents{
        max-width: calc(100% - 95px);
    }
}
.main-container{
    margin-top: 25px !important;
    margin-bottom: 40px !important;
    margin: auto;
    color: #111f31;
}
.container-box{
    border: 1px solid #dfe4eb; 
    box-shadow: 0px 5px 10px #ededed;
    background-color: #fff;
}
.container-header{
    padding: 15px 20px;
    border-bottom: 1px solid #dfe4eb; 
}
.container-header h5{
    font-weight: 600;
    margin: 0;
    font-size: 19px !important;
    font-family: ProximaNova !important;
    padding-top: 4px;
}
.container-content{
    padding: 20px 20px;
}
.modal .container-content{
    padding: 10px 20px 0px;
}
.tab-content{
    border: 1px solid #dfe4eb;
    border-top: none;
    background: #fff;
}
.modal-title {
    font-weight: 600;
    font-size: 18px;
}
/* 3.) Tabs Nav, Top Nav and Sidebar Nav */
/* ----------------------------*/
#overlay{
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.15);
    display: none;
}
.nav-tabs a.nav-link{
    background: #f2f4f6;
    color: #333 !important;
    margin-right: 10px;
    border-bottom-color: #e9ecef;
}
.photos-pages-container .nav-tabs a.nav-link{
    background: #f2f4f6;
    color: #333 !important;
    margin-right: 10px;
    border-bottom-color: #e9ecef;
    font-size: 15px
}
.nav-tabs a.active{
    font-weight: 700;
}
.nav-tabs .nav-item{
    min-width: 125px;
    text-align: center;
}
.btn-send-test {
    background: #0279b7;
    border-color: transparent;
    font-weight: 600;
    font-size: 15px;
    color: #fff !important;
    padding: 7px 13px 6px;
}
.btn-sm {
    padding: 5px 10px !important;
    height: 34px;
    min-width: auto;
}

/* -------------- */
/* Coupons Page Styles */
/* -------------- */
.products-form-step{
    padding: 30px 15px 10px;
}
.tags-form-step{
    padding: 30px 15px 10px;
}
.coupon-form-step{
    padding: 30px 15px 10px;
}
.step-title{
    font-weight: bold;
    font-size: 15px;
}
.coupon-form-step .form-input{
    padding: 10px 15px;
}
.coupon-form-step .form-group{
    margin-bottom: 20px;
}
.coupon-form-step .form-check{
    margin: 5px 0;
}
.coupon-form-step .form-group input{
    max-width: 500px;
}
.form-group input{
    font-size: 15px;
}
input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff !important;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.form-check-boxed{
    border: 1px solid #dfe4eb;
    border-radius: 5px;
    padding: 10px;
}
.form-check-boxed label{
    font-size: 15px;
    margin-left: 10px;
}
.form-check-boxed input{
    display: inline-block;
    margin-right: 5px;
    max-width: 350px;
}
.form-check-boxed.active{
    border-color: #0279b7;
}
.photos-pages-container .form-check-boxed.active{
    border-color: #000;
}
.photos-pages-container .form-check-boxed.active.blue{
    border-color: #0279b7;
}
.photos-pages-container .form-check-boxed.active .form-check:first-child > label{
    font-weight: bold;
}
.checkbox-input{
    width: 70px;
    text-align: center;
    padding: 5px;
    margin: 0 5px;
}

/* -------------- */
/* Left and Top Menus */
/* -------------- */
.top-menu{
    background: #22272B;
    height: 65px;
}
.top-logo{
    padding: 0;
    text-align: left;
}
.top-logo img{
    height: 65px;
    width: auto;
    padding: 5px;
    margin-left: 28px;
}
.email-progress{
    color: #e9e9e9;
    font-size: 14px;
    margin-top: 20px;
    text-align: right;
}
.email-text label,
.email-progress label{
    font-size: inherit;
    margin-top: 1px;
}
.email-text{
    color: #e9e9e9;
    font-size: 14px;
    margin-top: 20px;
}
.email-text i{
    margin-left: 5px;
}
.progress-div{
    margin-top: 29px;
    padding: 0;
}
.progress-div .progress{
    height: 7px;
}
.profile-top-menu {
    margin-left: 70px;
    margin-right: 20px;
}
.profile-top-menu > ul.nav{
    height: 100%;
    align-items: center;
}
.profile-top-menu > ul > li{
    margin: 0 15px;
}
.profile-top-menu a.dropdown-toggle{
    display: flex;
    align-items: center;
    color: #e9e9e9;
    font-weight: 600;
    padding: 0;
    font-weight: bold;
    outline: 0;
    height: 24px;
}
.profile-top-menu .dropdown-toggle::after {
    font-size: 25px;
    vertical-align: middle;
    color: #e9e9e9;
    float: right;
    margin-top: 1px;
    margin-left: 10px;
}
.profile-top-menu .dropdown-menu{
    padding: 11px 15px;
    min-width: 200px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.profile-top-menu .dropdown-menu a{
    padding: 7px 0;
    font-size: 14px;
    color: #454545;
}
.profile-top-menu .dropdown-menu a:hover{
    background: transparent;
    color: #000;
}
.account-select a.nav-link {
    display: inline-block;
    width: 155px;
    height: calc(2.25rem);
    padding: .36rem 1.75rem .36rem .75rem;
    line-height: 1.5;
    color: #6e7d87;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%235c6870' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #b0b9bf;
    border-radius: .25rem;
    appearance: none;
    color: #555;
    font-weight: normal;
    font-size: 15px;    
}
.profile-top-menu .account-select .dropdown-menu::before {
    right: 90px;
}
.profile-top-menu .account-select .dropdown-menu,
.profile-top-menu .account-settings-menu .dropdown-menu {
    padding: 5px 0;
    border-radius: 6px;
}
.profile-top-menu .account-select .dropdown-menu a{
    padding: 15px;
}
.profile-top-menu .account-settings-menu .dropdown-menu a {
    padding: 15px 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.profile-top-menu .account-settings-menu .dropdown-menu svg {
    width: 23px;
    margin-right: 10px;
}
.profile-top-menu .dropdown-divider {
    margin: 0;
}
.profile-top-menu .account-select .dropdown-menu a:not(.active):hover,
.profile-top-menu .account-settings-menu .dropdown-menu a:hover {
    background: #608ce8;
    color: #fff;    
}
.profile-top-menu .account-settings-menu .dropdown-menu a:hover svg path {
    fill: #fff;
}
.profile-top-menu .dropdown-menu a i{
    margin-right: 10px;
    font-size: 17px;
    vertical-align: -1px;
}
[class*=icon-]:not([class*=swal]),
[class^=icon-]:not([class^=swal]) {
  background-image: url(images/sprite.png);
  background-repeat: no-repeat;
  border: none;
  display: inline-block;
}
@media(max-width: 500px){
    .profile-top-menu.account-menu a.dropdown-toggle span {
        display: none;
    }
}
.menu-toggle{
    display: none;
    cursor: pointer;
}
@media(max-width: 576px){
    .progress-div{
        margin: 0;
    }
    .email-progress{
        text-align: center;
        margin-top: 10px;
    }
    .profile-top-menu a.dropdown-toggle{
        font-size: 15px;
        text-align: center;
    }
    .profile-top-menu .dropdown-toggle::after {
        /*display: none;*/
    }
}
@media(max-width: 350px){
    .top-logo img{
        height: 55px !important;
    }
}
@media (min-width: 801px) {
    .left-sidebar {
        display: inline-block !important;
    }
}
@media(max-width: 800px){
    .left-sidebar{
        display: none;
    }
    .email-text{
        display: none;
    }
    .menu-toggle{
        display: inline-block !important;
        vertical-align: middle;
    }
    .menu-toggle i{
        font-size: 20px;
        margin-left: 29px;
        color: #fff;
    }
    .top-logo .logo{
        display: inline-block;
        float: none;
    }
    .top-logo img{
        margin-left: 0;
    }

}
/* -------------- */
/* Left Sidebar */
/* -------------- */
#overlay,.overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.15);
    display: none;
}
.photos-pages-container #overlay{
    position: fixed;
}
.left-column{
    padding-left: 0;
    z-index: 99;
    max-width: 100px !important;
    float: left;
}
.left-sidebar{
    margin-top: 65px;
    height: calc(100% - 65px);
    background: #22272B;
    position: relative;
    position: fixed;
    max-width: 90px;
}
.photos-pages-container .left-sidebar{
    background: #313131;
}
.left-sidebar ul{
    list-style: none;
}
.left-sidebar .main-left-list{
    padding: 0;
    margin: 0;
    text-align: center;
}
.left-sidebar .left-item{
    color: #e9e9e9;
    font-size: 13px;
    font-weight: 600;
    border-top: 1px solid #494949;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.left-sidebar .left-item:last-child{
    border-bottom: 1px solid #494949;
}
.left-sidebar .left-item:hover, 
.left-sidebar .left-item.active-menu,
.left-sidebar .left-item.active{
    border-left-color: #0060aa;
}
.left-sidebar .left-item > a{
    padding: 20px 0;
    display: block;
    color: #e9e9e9;
    text-decoration: none;
    font-size: 13px;
}
.left-sidebar .left-item a:hover{
    cursor: pointer;
}
.left-sidebar .left-item i.main-icon{
    color: #979797;
    font-size: 28px;
    margin-bottom: 3px;
    display: block;
}
.left-sidebar .left-dropdown.opened{
    display: block !important;
    animation-name: slideLeft;
    animation-fill-mode: forwards;
    animation-duration: 0.7s;
    -webkit-animation-name: slideLeft;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-duration: 0.2s;
}
.photos-pages-container .left-sidebar .left-dropdown.opened{
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
}
.left-sidebar .left-dropdown{
    display: none;
    position: absolute;
    top: 0;
    left: -100%;
    padding: 20px 10px;
    z-index: 99;
    width: 265px;
    background: #4c4c4c;
    bottom: 0;
    text-align: left;
}
.photos-pages-container .left-sidebar .left-dropdown{
    background: #4c4c4c;
}

.left-sidebar .left-dropdown h5{
    font-weight: 600;
    font-size: 20px;
    margin-left: 10px;
    margin-bottom: 25px;
}
.left-sidebar .left-dropdown h6 {
    font-weight: bold;
    font-size: 12px;
    margin-left: 12px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    color: #e6e6e6;
}
.left-sidebar .left-dropdown ul {
    margin-left: 14px;
}
.left-sidebar .left-dropdown a.nav-link {
    padding: 5px 10px;
}
.left-sidebar .left-dropdown ul li a i.blue-icon{
    display: none;
}
.close-left-menu{
    position: absolute;
    top: 18px;
    right: 13px;
    font-size: 18px;
    color: #979797 !important;
}
.close-left-menu:hover{
    color: #e9e9e7 !important;
    cursor: pointer;
}
.blue-icon{
    font-size: 18px !important;
    margin-right: 5px;
    color: #ffffff;
    vertical-align: text-bottom;
    width: 20px;
}
.lock-icon{
    color: #d1b414;
    float: right;
    margin-top: 4px;
    font-size: 18px !important;
}
ul.inner-dropdown{
    padding: 0;
}
ul.inner-dropdown a.nav-link{
    color: #b5b5b5;
    font-size: 15px;
    font-weight: 500;
    margin-top: 2px;
}
ul.inner-dropdown li.show a.nav-link,
ul.inner-dropdown li a:hover {
    color: #e9e9e7;
    text-decoration: none;
}
ul.inner-dropdown .dropdown-menu {
    border: none;
    padding: 0 0 13px 40px;
    width: 100%;
    position: initial !important;
    transform: unset !important;
    margin: 0;
    border-radius: 0;
}
ul.inner-dropdown > li.dropdown {
    overflow: hidden;
}
ul.inner-dropdown > li.show .dropdown-menu,
ul.inner-dropdown > li.show {
    background: #22272B;
}
.photos-pages-container ul.inner-dropdown > li.show .dropdown-menu,
.photos-pages-container ul.inner-dropdown > li.show {
    background: #313131;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #f8f9fa;
}
ul.inner-dropdown .dropdown-menu a{
    color: #979797;
    font-size: 13px;
    display: block;
    padding: 7px 0;
}
@keyframes slideLeft {
    0%   {opacity: 0;}
    60%  {opacity: 0;}
    100% {left: 100%;}
}
@-webkit-keyframes slideLeft {
    0%   {opacity: 0;}
    60%  {opacity: 0;}
    100% {left: 100%;}
}

/* 4.) Pagination */
/* ----------------------------*/
.custom-pagination,
.instagram-pagination {
    text-align: center;
    font-size: 15px;
}
.custom-pagination nav,
.instagram-pagination nav{
    margin: auto;
    display: inline-block;
}
.custom-pagination nav ul,
.instagram-pagination nav ul{
    margin: 0;
}
.custom-pagination nav li a,
.instagram-pagination nav li a{
    border: none;
    padding: 6px;
    font-weight: 600;
}
.page-item .page-link{
    color: #868e96;
}
.page-item.disabled .page-link{
    color: #007bff;
}


/* 5.) Datatable Plugin */
/* ----------------------------*/
table.dataTable {
    width: 100%;
}
.dataTables_wrapper{
    padding-bottom: 20px;
}
.dataTables_wrapper .row{
    width: 100%;
}
.hidden-datatable-header .dataTables_length,
.hidden-datatable-header .dataTables_filter{
    display: none !important;
}
.dataTables_wrapper div.dataTables_length label{
    display: block;
    margin-bottom: 10px;    
    font-weight: normal !important;
    float: left;
}
.dataTables_wrapper div.dataTables_length label select{
    width: auto;
    height: auto !important;
    display: inline;
    margin-left: 7px;
    margin-right: 7px;
    padding: 6px 12px;
    font-size: 1rem;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: normal;
}
.dataTables_filter{
    margin-bottom: 10px;
}
.dataTables_filter label{
    width: 100%;
}
.dataTables_wrapper table thead th::after {
    font-size: 13px;
}
.dataTables_wrapper .dataTables_info{
    font-size: 15px;
}
#invitesTable_filter {
    max-width: 400px;
}
.dt-buttons {
    display: none;
}
.dataTables_filter input{
    width: 100% !important;
    margin-left: 0 !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 38px;
}
.dataTables_paginate, .dataTables_info{
    margin-top: 10px;
}
.dataTables_paginate span{
    font-size: 15px;
}
.dataTables_paginate a{
    border: none;
    font-size: 15px;
    
    font-weight: 600;
    color: #bbc2cd;
    margin: 0 4px;
    cursor: pointer;
    text-decoration: none;
}
.dataTables_paginate a.current{
    color: #007bff !important;
}
.settings-form-step .dataTables_paginate{
    margin-top: 0;
}
.settings-form-step .dataTables_wrapper{
    padding-bottom: 5px;
}
#pendingRequestsTable_paginate {
    vertical-align: top;
    margin-top: 10px;
}
.datatables-loading-animation{
    height: 0;
}
@media(min-width: 900px) {
    #existingForm .bootstrap-table {
        position: relative;
        top: -54px;
    }
}
/* 6.) Datepicker Plugin */
/* ----------------------------*/
#datepicker {
    max-width: 100px;
}
.datepicker-days{
    padding: 10px;
}
.datepicker-days thead tr th{
    padding-bottom: 5px;
}
.datepicker table tr td.day.active {
    background: #0279b7 !important;
    color: #fff;
}
.datepicker table tr td.day:not(.active):hover {
    background: #eee !important;
    border-radius: 0;
}
.date-input-picker .input-group-prepend span{
    background: transparent;
    border-right: none;
}
.date-input-picker .input-group-prepend span i{
    margin-top: 3px;
}
.date-input-picker .input-group-prepend span,
.date-input-picker input{
    height: 35px;
}
.colorpicker-component .input-group-addon {
    width: 34px;
    height: 30px;
    display: inline-block;
    border: 1px solid !important;
    float: left;
}
.colorpicker-component .input-group-addon i{
    width: 100% !important;
    height: 100% !important;
    vertical-align: top !important
}
.colorpicker-component input {
    height: 34px;
    padding: 2px;
    width: 90px;
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border-left: none;
    box-shadow: none !important;
}
.colorpicker-2x {
    margin-left: 90px !important;
}
.colorpicker-2x .colorpicker-saturation {
    width: 150px;
    height: 150px;
}
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 22px;
    height: 145px;
}
.colorpicker-2x .colorpicker-preview,
.colorpicker-2x .colorpicker-preview div {
    height: 22px;
    font-size: 16px;
    line-height: 160%;
}
.colorpicker-saturation .colorpicker-guide,
.colorpicker-saturation .colorpicker-guide i {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    overflow: hidden;/** Fixed double point*/
}




/* 7.) Select2 Plugin
/* ----------------------------*/
li.select2-selection__choice {
    padding: 2px 10px !important;
    border: none !important;
    font-size: 15px;
    margin: 3px 1px !important;
}
li.select2-selection__choice span{
    float: right;
    margin-left: 10px;
}
span.select2-selection {
    border: 1px solid #ced4da !important;
}
input.select2-search__field {
    color: #495057 !important;
}
.select2-search__field{
    width: 100% !important;
    padding-left: 7px !important;
}
input.select2-search__field, li.select2-selection__choice{
    margin-bottom: 5px;
}
.form-group .select2-container {
    width: 100% !important;
}
.form-group .type-product .select2-container {
    left: -15px;
}
.select2-colored li:nth-child(2n+1),
.select2-colored li.select2-selection__choice:nth-child(2n+1) {
    background: #0279b7 !important;
    color: #fff;
}
.select2-colored li:nth-child(2n),
.select2-colored li.select2-selection__choice:nth-child(2n) {
    background: #79b74c !important;
    color: #fff;
}
.select2-colored li.select2-selection__choice.one-color-blue {
    background: #0279b7 !important;
    color: #fff;
}
.select2-colored li.select2-selection__choice.one-color-green {
    background: #79b74c !important;
    color: #fff;
}
.select2-colored li.visual_tag_item {
    background: #0279b7 !important;
    color: #fff;
}
.select2-colored li.product_tag_item {
    background: #79b74c !important;
    color: #fff;
}
.select2-colored li.customer_service_tag_item {
    background: #e99600 !important;
    color: #fff;
}
.select2-colored li span,
.select2-colored li.select2-selection__choice span{
    color: #fff !important;
}
.select2-tags-container{
    margin-bottom: 5px;
    overflow: hidden;
}
.select2-tags-container ul{
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}
.select2-tags-container ul li{
    background-color: #e4e4e4;
    border-radius: 4px;
    padding: 5px 10px;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    min-width: 75px
}
.select2-tags-container ul li a{
    color: #999;
    cursor: pointer;
    font-weight: 600;
    margin-right: 8px;
    float: right;
    margin-left: 10px;
}
.select2-tags .select2-selection__choice {
    display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-top: 0 !important;
}
.moderation-tags-area i {
    font-style: normal;
}
.warning-swal {
    margin-top: -50px;
}
.warning-swal .swal-text {
    max-width: calc(100% - 23px) !important;
}
.warning-swal .swal-icon--custom {
    margin-bottom: 5px;
    width: 80px;height: auto;
    background: none;
}
.warning-swal .swal-icon--custom img {
    width: 80px;
}
.warning-swal .swal-footer {
    text-align: center;
    padding-bottom: 20px;
}
.warning-swal .swal-footer button {
    padding: 7px 20px;
    height: 38px;
    box-shadow: none !important;
}
.warning-swal .swal-button--ok,
.warning-swal .swal-button--confirm {
    background-color: #ffab47;
    min-width: 80px;
}
.sweet-alert h2 {
    margin-bottom: 15px !important;
    color: rgba(0,0,0,.65) !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    font-family: ProximaNova;
    margin: auto;
    max-width: 370px;
}
.sweet-alert.no-desc h2 {
    margin-top: 35px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
}
.sweet-alert button {
    padding: 0 24px !important;
    height: 38px;
    box-shadow: none !important;
    margin-bottom: 5px !important;
    min-width: 90px !important;
}
.sweet-alert {
    top: 45% !important;
}

/* 8.) Custom Inputs[radio, checkbox, file] */
/* ----------------------------*/
#attachFile{
    margin-left: 57px;
    margin-top: 5px;
    margin-bottom: 10px;
    -webkit-margin-start: 30px;
}
.file-attach{
    position: relative;
    min-height: 40px;
}
.file-attach input[type="file"]{
    display: none;
}
.file-attach label{
    margin-left: 5px;
}
.file-attach button{
    border-radius: 3px;
    background-color: #ededed;
    border: 1px solid #e2e2e2;
}
.textarea-with-tooltip textarea,
.input-with-tooltip input{
    width: calc(100% - 25px);
    margin-right: 5px;
    display: inline-block;
}
.textarea-with-tooltip > i,
.input-with-tooltip > i{
    display: inline-block;
    margin-top: 12px;
}
.checkbox-input{
    width: 70px;
    text-align: center;
    padding: 5px;
    margin: 0 5px;
}
.checkbox {
    padding: 0;
}
.checkbox .form-check-label {
    position: relative;
}
.checkbox .form-check-label  > *:not(.dropdown-menu){
    display: inline-block;
}
.checkbox .form-check-label::before {
  content: "";
  display: inline-block;
/*  position: absolute;*/  
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  transition: all 0.2s ease;
  vertical-align: text-top;
  margin-right: 10px;
  /*margin-top: -1px;*/
}
.filter-options .checkbox .form-check-label::before {
    vertical-align: middle;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  margin: 0;
}
.checkbox input[type="checkbox"]:checked + .form-check-label::before {
  transition: all 0s;
  content: "\2714 ";
  background-color: #318fc1;
  border-color: #318fc1;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.form-check [type="radio"]:checked,
.form-check [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}
.form-check [type="radio"]:checked + label,
.form-check [type="radio"]:not(:checked) + label{
    padding-left: 10px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    padding-top: 0 !important
}
.form-check [type="radio"]:checked + label:before,
.form-check [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.form-check [type="radio"]:checked + label:after,
.form-check [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0279b7;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-check [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-check [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* 9.) Settings/Reviews/Moderation Pages */
/* ----------------------------*/
#insertLinkSubmit{
    min-width: 120px;
}
ul.custom-list,
ul.custom-list a,
ul.hashtags,
ul.hashtags a{
    list-style: none;
    text-decoration: none;
    padding: 0;
    color: #4e4e4e;
    word-break: break-word;
}
div.select-all{
    margin-top: 2px;
    display: inline-block;
}
button.dropdown-toggle span{
    float: left;
}
.required-icon{
    color: red;
    margin-right: 5px;
}
.meta-date{
    font-size: 14px;
}
span.separator{
    margin: 0 5px;
    color: #989696;
}
.reminder-box{
    margin-left: 20px;
}
.coupons-expire{
    margin-left: 15px;
}
.coupons-expire-input{
    margin-top: -5px;
}
.coupons-search-header input.form-control {
    width: 280px;
    float: right;
}
.coupons-search-header .btn {
    float: right;
    margin-left: 20px;
    height: 38px;
}
.custom-navtabs ul{
    width: 100%;
}
.instagram-box {
    padding: 20px 20px;
    border-bottom: 1px solid #dfe4eb;
    overflow-wrap: break-word;
}
.instagram-box:last-child{
    border: none;
}
.select-all label{
    margin-left: 10px;
    margin-top: 4px;
}
.select-action{
    display: inline-block;
    width: auto;
    float: right;
}
.instagram-image{
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}
.instagram-checkbox {
    display: inline-block;
}
.instagram-image img{
    width: 180px;
}
.profile-thumbnail{
    height: 55px;
    width: 55px;
    margin-right: 10px;
    border: 1px solid #dfe4eb;
    box-shadow: 0px 5px 10px -4px #f6f6f6;
    background-repeat: no-repeat;
    background-position: center;
}
.profile-thumbnail img{
    width: 60px;
}
.profile-taglines h6{
    margin: 5px 0 0;
    font-weight: 600;
    
}
.profile-taglines .profile-date{
    margin: 0;
    font-size: 15px;
}
.profile-desc{
    margin-top: 20px;
}
.profile-desc a{
    color: #0279b7;
}
.profile-footer .btn{
    margin-right: 5px;
}
.profile-edit{
    display: none;
    margin-top: 25px;
}
.profile-edit, .profile-edit form{
    width: 100%;
}
.profile-edit .form-group{
    margin-bottom: 0;
}
.profile-edit .form-check label{
    margin-left: 10px;
    margin-top: 4px;
}
.profile-edit .form-check{
    display: inline-block;
}
.btn-restore{
    color: #333;
    margin-left: 20px;
}
.btn-restore i{
    color: #0279b7;
    font-size: 14px;
    margin-right:5px;
}
.custom-table tr td{
    vertical-align: middle;
}
.custom-table thead,
.coupons-table thead{
    background: #f2f4f6;
}
.custom-table tbody tr:nth-of-type(2n),
.coupons-table tbody tr:nth-of-type(2n) {
    background: #fbfcfc;
}
.custom-table button.dropdown-toggle,
.coupons-table button.dropdown-toggle{
    background: none; 
    padding: 0 5px;
}
.custom-table .dropdown-menu a,
.coupons-table .dropdown-menu a{
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
}
.custom-table .dropdown-menu a:hover,
.coupons-table .dropdown-menu a:hover{
    background: none;
    color: #515151;
}
.coupons-table .modal-header .modal-title{
    margin: auto;
    font-size: 17px;
    font-weight: 600;
    padding-top: 10px;
}
.coupons-table .modal-header{
    border: none;
}
.coupons-table .modal-header button.close{
    position: absolute;
    right: 25px;
    background: #0279b7;
    padding: 0;
    top: 25px;
    color: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    opacity: 1;
    font-size: 20px;
}
.custom-table thead,
.coupons-table thead {
    font-size: 15px;
}
.custom-table thead th,
.coupons-table:not(#productsTable, #groupProductsTable) thead th {
    width: auto !important;
}
.codes-table thead th{
    width: 33.33% !important;
}
.review-widget-row{
    padding: 0 20px;
}
.settings-form-step{
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
}
.settings-form-step:last-child{
    border-bottom: none;
/*    padding-bottom: 0; */
}
.settings-form-step .form-check-boxed {
    padding: 15px;
}
.settings-form-step .form-check-boxed label {
    font-size: 15px;
    margin: 0;
}
.settings-form-step .label-desc {
    margin-bottom: 20px;
}
.widget-config label{
    font-size: 15px;
    color: #333;
}
.checkbox label{
    margin: 0 0 5px;
    color: #111f31;
}
.form-filters .checkbox label{
    margin: 0;
}
.design-checkbox .active{
    border-color: #67afd4;
}
.photo-gallery-wrapper,
.photo-carousel-wrapper{
    border: 1px solid #ddd;
    padding: 20px;
}
.photo-gallery-wrapper .form-check-label,
.photo-carousel-wrapper .form-check-label{
    margin-top: 8px;
    /*margin-left: 12px;*/
}
.form-section {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.photo-carousel-form-section {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.form-section label, 
.photo-carousel-form label {
    font-size: 15px;
    color: #333;
}
.photo-carousel-label label{
    margin-top: 8px;
}
.photo-carousel-two-columns{
    margin-bottom: 10px;
    margin-top: 15px;
}
.photo-carousel-two-columns .row{
    margin-left: 0;
    margin-right: 0;
}
.photo-carousel-two-columns .col-md-6{
    padding-left: 0;
    padding-right: 0 
}
.photo-carousel-code{
    margin-top: 20px;
    padding-bottom: 40px;
}
.photo-carousel-code-box{
    border: 1px solid #dfe4eb;
}
.photo-carousel-codebox-content{
    padding: 20px 20px 30px;
}
.photo-carousel-code label{
    font-size: 15px;
}
.integration-well-content textarea,
.photo-carousel-code textarea{
    max-width: 600px;
    display: block;
    width: 100%;
    min-height: 100px;
    padding: 10px;
    font-size: 15px
}
.photo-carousel-code textarea{
    margin-top: 10px;
    margin-bottom: 20px;
}
.integration-well-content button,
.photo-carousel-code button{
    min-width: 120px;
    margin-top: 15px;
}
.photo-carousel-form-section .form-check-boxed {
    padding: 20px;
    font-size: 15px;
}
.photo-carousel-form-section .form-check-boxed .input-desc {
    padding-left: 20px;
}
.photo-carousel-form-section .form-check-boxed .input-desc > * { 
    width: auto;
    display: inline-block;
}
.integration-textarea {
    max-width: 600px;
}
.manual-option{
    display: none;
}
.add-review-btn{
    box-shadow: none !important;
}
.add-product-btn{
    height: auto;
    font-size: 15px;
}
.table-vertical-align td{
    vertical-align: middle;
}
.table.compressed td{
    padding: 7px 10px;
}
.products-form{
    margin-top: 20px;
}
.add-tag-group button{
    background: #008dc4;
    color: #fff;
    width: calc(100% - 20px);
    float: left;
    border: none;
}
.add-tag-group i{
    margin-top: 10px;
    margin-left: 5px;
    float: right;
}
.products-form .select2-tags-container{
    overflow: hidden;
    margin: 0;
}
button.dropdown-toggle span{
    float: left;
}
.custom-datatable-filter label{
    font-weight: 600;
}
.form-filters label select,
.custom-datatable-filter label select{
    width: auto;
    height: auto !important;
    display: inline;
    margin-left: 7px;
    margin-right: 7px;
    padding: 6px 12px;
    /*font-size: 14px;*/
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: normal;
}
#groupProductsTable_filter,
#groupsTable_filter,
#groupsTable_length,
#productsTable_filter,
#productsTable_length,
#visualTagTable_filter{
    display: none;
}

@media(max-width: 800px){
    .custom-datatable-filter > div{
        margin-top: 5px;
    }
}
/* Custom-Review-Forms Screen */
.form-action-btns{
    float: right;
}
.form-action-btns > *{
    margin-left: 5px;
    cursor: pointer;
}
.custom-blue-ul{
    padding: 0;
    margin: 15px 0 25px;
    list-style: none;
}
.custom-blue-ul li::before {
    content: "\002022";
    color: #008dc4;
    margin-right: 7px;
}
.question-options{
    width: 100%;
    margin-top: 20px;
}
.question-options span.required-icon{
    position: absolute;
    left: -8px;
    top: -13px;
}
.question-options .form-check{
    margin-bottom: 10px;
    margin-left: 40px;
    width: calc(100% - 40px);
    font-size: 0;
}
.question-options .form-check label{
    width: calc(100% - 25px);
    margin-right: 5px;
}
.question-options.checkboxes .form-check label{
    width: calc(100% - 25px);
}
.question-options .form-check label input{
    margin-top: -9px;
}
.delete-radio{
    padding: 0 10px;
    height: 100%;
    display: inline-block;
    margin-left: 0;
    cursor: pointer;
    font-size: 16px;
}
.btn-add-more{
    background: #008dc4;
    margin-left: 70px;
}
div.range-box{
    width: 85%;
    font-size: 0;
    margin-top: 5px;
}
span.range-box{
    width: 20%;
    display: inline-block;
    height: 9.5px;
    background: #dfe4ea;
    border: solid #fff;
    border-width: 0 2px;
}
div.range-box-sm{
    width: 100%;
    max-width: 170px;
    font-size: 0;
}
div.range-box-sm span.range-box{
    height: 8px;
}

span.range-box.red{
    background: #f04860;
}
span.range-box.green{
    background: #79b74c;
}
span.range-box.blue{
    background: #008dc4;
}
/* Reviews Form */
.reviews-step-2{
    display: none;
}
.question-items li{
    background: #edf0f3;
    margin-bottom: 10px;
}
.question-items .index-box{
    float: left;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 4px 10px;
    width: 38px;
    border: 1px solid #dcd9d9;
}
.question-items .question-title{
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}
@media(max-width: 600px){
    .question-options .form-check{
        margin: 0;
        width: 100%;
    }
    .btn-add-more{
        margin-left: 30px;
    }
    .question-items .question-title{
        width: calc(100% - 50px);
        margin-top: 0;
    }
}
/* CR Moderation */
.form-filters{
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.questions, .reviews{
    padding: 0 20px;
}
.review-box{
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.reviewer-meta{
    margin-top: 2px;
}
.review-box .reviewer-meta h6 {
    color: #405e82;
    font-weight: 600;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 18px;
}
.form-stars-select img {
    margin-right: 4px;
}
.review-box .reviewer-meta .review-rating{
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}
.review-box .reviewer-meta .review-rating img{
    margin-right: 2px;
    width: 25px;
}
.review-box .review-footer {
    margin-top: 5px;
}
.review-box .review-desc {
    margin-top: 20px;
}
.item-footer .btn,
.review-footer .btn{
    margin-right: 8px;
    min-width: 110px;
    padding: 6px 12px 5px !important;
}
.item-footer .btn i,
.review-footer .btn i{
    margin-right: 5px;
}
@media(min-width: 600px){
    .review-box .review-sidebar{
        border-left: 1px solid #ddd;
        padding-left: 20px;
        padding-bottom: 10px;
    }
}
.review-media{
    margin-bottom: 20px;
}
.review-media div {
    text-align: center;
}
.review-media > div {
    max-width: 130px;
    margin-right: 10px;
}
.review-media .review-media-img-wrapper {
    height: 100px;
    width: 130px;
    position: relative;
    cursor: pointer;
}
.review-media .review-media-img {
    margin-bottom: 0;
}
.review-media-img-wrapper .img {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.review-media-img-wrapper .hover-effect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0, 0.4); 
    opacity: 0;
}
.review-media-img-wrapper:hover .hover-effect{
    opacity: 1;
}
.review-media > div > *{
    display: block;
    text-align: center;
    margin-top: 5px;
}
.answering-form textarea,
.responding-form form,
.responding-form textarea{
    width: 100%;
    max-width: 700px;
}
.switch-product-form {
    max-width: 500px;
    margin-bottom: 10px;
}
.switch-product-form .form-group {
    margin-bottom: 10px;
}
.switch-product-form .switch-product-btn{
    display: none;
}
.switch-product-form.switch-product-selected .switch-product-btn{
    display: inline-block;
}
.switch-product-form .select2-container .select2-selection--single,
.search-collector-wrapper .select2-container .select2-selection--single,
.search-product-wrapper .select2-container .select2-selection--single{
    height: 36.5px;
}
.switch-product-form .select2-container .select2-selection--single > span{
    margin-top: 3px;
}
.responding-form .form-footer > *{
    display: inline-block;
    margin-right: 10px;
}
.answer-item.is-editing .edit-answer-form,
.question-content.is-answering .answering-form,
.review-content.is-switching-product .switch-product-form,
.review-content.is-viewing-respond .responding-form,
.review-content.is-adding-tag .add-tag-form,
.review-content.is-adding-ptag .add-ptag-form,
.review-content.is-product-review .product-review-form,
.review-content.is-responding .responding-form{
    display: block !important;
}
.answer-item.is-editing .answer-footer,
.question-content.is-answering .item-footer,
.review-content.is-switching-product .review-footer,
.review-content.is-viewing-respond .review-footer,
.review-content.is-adding-tag .review-footer,
.review-content.is-adding-ptag .review-footer,
.review-content.is-product-review .review-footer,
.review-content.is-responding .review-footer{
    display: none;
}
.product-review-form {
    max-width: 500px
}
.product-review-form form {
    width: 100%;
}
.product-review-form .search-product-btn {
    height: 35px;
    padding: 0;
}
.product-review-form .select2-container {
    width: 100% !important;
}
.answer-footer a.edit-answer:before{
    font-family: "FontAwesome";
    content: "\f044";
    margin-right: 5px;
}
.answer-footer a.delete-answer:before{
    font-family: "FontAwesome";
    content: "\f057";
    margin-right: 5px;
}
.answer-footer a.edit-answer{
    color: #0c64c2;
}
.answer-footer a.delete-answer{
    color: #e70606;
}
.filter-options{
    padding: 20px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 8px 14px -4px #ddd;
}
.filter-options img{
    width: 25px;
}
.date-input-picker .input-group-prepend span{
    background: transparent;
    border-right: none;
}
.date-input-picker .input-group-prepend span i{
    margin-top: 3px;
}
.date-input-picker .input-group-prepend span,
.date-input-picker input{
    height: 35px;
}
.filters-footer{
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
.pending-requests .dataTables_filter,
.pending-requests .dataTables_length{
    display: none;
}
.pending-requests table .btn{
    white-space: inherit;
}
.settings-form-step.pending-requests {
    padding-bottom: 15px;
}
.actions-toggle{
    display: inline-block;
    padding: 0 5px 7px;
    margin: 5px 10px 0 0;
    color: #555;
}
.actions-dropdown{
    padding: 5px 0 !important;
}
.actions-dropdown a{
    padding: 3px 15px;
}
.review-box .review-checkbox{
    display: inline-block;
    margin-right: 5px;
    margin-top: 3px;
}
.product-option img {
    max-height: 60px;
    max-width: 60px;
    margin-right: 5px;
}
.product-title,
.review-media-title{
    background: #f2f4f6;
    /*height: 34px;*/
    max-width: 500px;
    margin-bottom: 15px;
    overflow: hidden !important;
    position: relative;
}
.responses-wrapper .review-media-title{
    width: 100%;
}
.product-tags .review-media-title{
    margin-bottom: 5px;
}
.product-title label,
.review-media-title label{
    padding: 10px 15px;
    margin-bottom: 0;
}
.product-title a,
.review-media-title a{
    color: #000 !important;
    text-decoration: none;
}
.view-table-toggle{
    text-decoration: none !important;
}
.products-details-table{
    width: 100%;
}
.products-details-table table{
    max-width: 600px;
}
.products-details-table th{
    width: 40%;
}
.products-details-table td{
    vertical-align: middle;
}
.view-table-toggle:not(.collapsed) .closed-toggle,
.view-table-toggle.collapsed .opened-toggle{
    display: none;
}
.view-table-toggle:not(.collapsed) .opened-toggle,
.view-table-toggle.collapsed .closed-toggle{
    display: inline-block;
}
.flag-submit-btn{
    min-width: 120px;
}
.flag-modal .modal-body{
    padding: 20px 25px;
}
.flag-modal .modal-footer{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.page-tab-wrapper{
    border: 1px solid #ddd;
    padding: 20px;
}
.form-page-wrapper{
    border: 1px solid #ddd;
    padding: 15px;
}
.form-page-wrapper .settings-form-step {
    padding: 20px 5px;
}
.product-question-answer textarea,
.thank-you-email-form textarea{
    min-height: 100px;
}
.display-emails-list{
    list-style: none;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}
.display-emails-list li{
    width: 48%;
    display: inline-block
}
.display-emails-list li:first-child{
    width: 100%;
}
.filters-options{
    margin-top: 2px;
    margin-bottom: 5px;
}
.linkedin-logo{
    margin-top: -3px;
    margin-right: 5px;
}
.invite-customer-form{
    padding: 15px;
    margin-bottom: 0;
}
.invite-customer-form p {
    font-size: 14px;
}
.invite-customer-form textarea{
    min-height: 100px;
}
.invite-customer-form button{
    font-size: 15px;
}
.invite-customers .preview-box {
    margin: 10px;
}
.invite-customers-preview .preview-header {
    text-align: right;
    padding: 14px 20px;
}
.invite-customers-preview .preview-header a {
    display: inline-block;
    /*color: #333;*/
}
.form-container-box{
    border: 1px solid #ddd;
}
.question-title h6{
    color: #405e82;
    font-size: 16px;
    font-weight: 700;
    margin-top: 3px;
}
.question-answers{
    width: 100%;
    padding: 10px 20px 0;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.question-answers .answer-item{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
.question-answers .answer-item:last-child{
    border-bottom: none;
    margin-bottom: 15px;
}
.question-answers .answers-label{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.answer-avatar:not(.trustspot-logo){
    width: 50px;
    height: 50px;
    background: #405e82;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
}
.answer-avatar:not(.trustspot-logo) span{
    margin-top: 7px;
    margin-left: 4px;   
    display: inline-block;
}
.answer-avatar.trustspot-logo{
    background-repeat: no-repeat !important;
    border: 1px solid #b2dbf0;
    background-position: center !important;
    background-size: 100% auto !important;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
.answer-content{
    float: right;
    width: calc(100% - 75px);
}
.answer-body p{
    margin: 0;
}
.answer-author span{
    color: #405e82;
    font-weight: 600;
    
}
.answer-meta{
    font-size: 15px;
    margin-top: 2px;
}
.edit-answer-form {
    margin-top: 10px;
}
.edit-answer-form textarea{
    height: 65px;
}
.pending-answer{
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    max-width: 700px;
}
.error-msg{
    display: none;
}
.delete-radio{
    /*margin-left: 6px;*/
    cursor: pointer;
    font-size: 16px;
    float: right;
    margin-top: 5px;
}
.btn-add-more{
    background: #008dc4;
    margin-left: 70px;
}

#syndication .settings-form-step,
#customerPhotos .settings-form-step,
#reviewModeration .settings-form-step{
/*  padding: 25px 24px; */    
    padding: 25px 10px;
    margin: 0 15px;
}
#productsSelect span.select2-container {
    display: none;
}
#productsSelect .select2-tags-container{
    overflow: hidden;
}
#productsSelect .select2-tags-container li{
    padding: 5px 6px 5px 13px !important;
    margin: 3px !important;
}
#reviewsDatatable{
    font-size: 15px;
}
#reviewsSelect span.select2-container,
#reviewsDatatable_filter{
    display: none;
}
#reviewsSelect .select2-tags-container{
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 10px;
}

#newForm .review-form-footer button {
    margin-top: 0 !important;
    height: 38px;
}
#newForm .alert-danger {
    padding: 5px;
    margin-top: 5px;
}
@media(max-width: 800px){
    .custom-datatable-filter > div{
        margin-top: 5px;
    }
    .form-input-toggle input{
        margin: 5px;
    }
}
@media (max-width: 700px){
    .sub-page-pricing-banner {
        padding-top: 30px !important;
    }
    .sent-coupons-filters input {
        width: calc(100% - 110px) !important;
    }
    .sent-coupons-filters 
    .main-container{
        margin-top: 20px !important;
    }
    .container-content{
        padding-left: 10px;
        padding-right: 10px;
    }
    .custom-input-file,
    #attachFile{
        display: none;
    }
    .attach-file{
        position: inherit;
        width: 100%;
        margin-bottom: 10px;
    }
    .attach-file button{
        width: 90%;
        margin-left: 5%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .checkbox-div input[type=checkbox]{
        position: absolute;
        top: 5px;
    }
    .checkbox-div label{
        margin-left: 5px;
    }
    .checkbox-div p {
        margin-left: 25px;
    }
    .table-search{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .checkbox label::before, .checkbox label::after {
        top: 2px;
    }
    .dataTables_paginate, .dataTables_info{
        text-align: center;
    }
    .products-hashtags{
        margin-top: 20px;
    }
    .instagram-box {
        padding-bottom: 10px;
    }
    .filters-options * {
        width: 45% !important;
        margin-left: 0 !important;
        margin-top: 5px !important;
    }
}
@media(max-width: 600px){
    .sm-m-0 {
        margin: 0;
    }
    .actions-toggle{
        margin: 0;
    }
    .question-title{
        margin-left: 30px;
    }
    .question-options .form-check{
        margin: 0;
        width: 100%;
    }
    .btn-add-more{
        margin-left: 30px;
    }
    .question-items .question-title{
        width: calc(100% - 50px);
        margin-top: 0;
    }
    .photo-carousel-form-section .form-check-boxed .input-desc > * { 
        margin-left: 0 !important;
    }
    .photo-carousel-two-columns .col-md-6{
        width: auto;
        margin-bottom: 5px;
    }
    .photo-carousel-two-columns{
        margin-top: 0;
        margin-bottom: 0;
    }
    .photo-carousel-two-columns label{
        margin-right: 30px;
    }
    .questions,
    .reviews{
        padding: 0;
    }
    .item-footer,
    .review-footer {
        margin-bottom: 20px;
    }
    .item-footer .btn,
    .review-footer .btn{
        min-width: auto;
        margin-right: 5px;
        margin-top: 5px;
    }
    .review-sidebar{
        margin-top: 10px;
    }
    .unflag-btn{
        width: 100px;
    }
    .flagged-label{
        width: calc(100% - 120px);
        margin-left: 5px;
    }
    table .btn{
        height: auto;
    }
    .responding-form {
        padding: 0 10px;
    }
    .responding-form .form-footer{
        font-size: 15px
    }
    .responding-form .form-footer .btn{
        padding: 5px 8px !important;
    }
    .responding-form .meta-date {
        margin-right: 120px !important;
    }
}
@media(min-width: 800px){
    .filters-options > label:first-child {
        width: 8.333333%;
        max-width: 8.333333%;
        margin: 5px 0 0 0;
    }
    .table-filter {
        padding-left: 10px;
        border-left: 1px solid #ddd;
    }
    .filters-options select {
        margin-bottom: 10px;
    }
}
@media(min-width: 600px){
    .sent-coupons-filters label {
        margin-left: 10px;
    }
    .review-box .review-sidebar{
        border-left: 1px solid #ddd;
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .dropdown-toggle::after{
        margin-top: 9px;
    }
    .attach-file{
        position: absolute;
        width: 138px;
    }
    .attach-file button{
        width: 128px;
    }
    .dataTables_filter{
        float: right;
        width: 60%;
    }
    .dataTables_wrapper .dataTables_info {
        width: 25%;
        display: inline-block;
    }
    .dataTables_wrapper .dataTables_paginate {
        width: 50%;
        display: inline-block;
        text-align: center !important;;
    }
    table.custom-table .dataTables_wrapper .dataTables_info,
    table.coupons-table .dataTables_wrapper .dataTables_info {
        width: 40%;
    }
    table.custom-table .dataTables_wrapper .dataTables_paginate,
    table.coupons-table .dataTables_wrapper .dataTables_paginate {
        width: 60%;
        text-align: right !important;
    }
}
@media (max-width: 570px){
    .review-checkbox{
        margin: 0;
    }
    .review-box{
        padding: 15px 0;
    }   
    .tagged-products, div.hashtags{
        width: 50%;
    }
    .custom-navtabs{
        border-bottom: 1px solid #dfe4eb;
    }
    .mobile-nav-title{
        display: inline-block;
        margin-left: 10px;
    }
    .custom-navtabs ul li a{
        margin-right: 0 !important;
    }
    .preview-header-buttons{
        width: 75% !important;
        text-align: right !important;
    }
    .form-stars-select {
        margin: 0 2px !important;
    }
    .widget-colors-detail .col-6:last-child{
        padding-right: 0;
    }
    .color-input,
    .colorSelectInput{
        width: 70px !important;
    }
    .form-input-toggle{
        text-align: center;
    }
    .widget-config > div{
        margin-bottom: 10px;
    }
    .display-emails-list li{
        width: 100%;
        margin-top: 5px;
    }
    .review-sidebar{
        display: none;
    }
    .reviews:not(.cr-moderation) .review-box .reviewer-meta h6{
        margin-left: 30px;
    }
    .review-checkbox.checkbox label::before, .checkbox label::after {
        top: 8px;
    }
    .checkbox label{
        margin-top: 0;
    }
}

/* 10.) Custom Widget, Stars and Range selectors */
/* ----------------------------*/
.color-block{
    width: 34px;
    height: 30px;
    float: left;
    padding: 0;
    border: none !important;
    -webkit-appearance: none;
}
span.color-block{
    border: 1px solid !important;
}
.color-input,
.colorSelectInput{
    padding: 2px;
    width: 80px;
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border-left: none;
    box-shadow: none !important;
}
.form-stars-select{
    margin: 0 5px;
}
.form-stars-select img{
    width: 30px;
}
.star-color-label{
    font-size: 15px;
}
.star-color-input{
    margin-bottom: 10px;
}
.star-color-input i.fa-star{
    font-size: 24px;
    margin-left: 2px;
}
.star-color-input label{
    padding-left: 5px !important;
}
.star-color-input [type="radio"]:checked + label::before, 
.star-color-input [type="radio"]:not(:checked) + label::before,
.star-color-input [type="radio"]:checked + label::after, 
.star-color-input [type="radio"]:not(:checked) + label::after{
    transform: scale(0.8);
    margin-top: 3px;
}
.star-blue{
    color: #3f5e7e;
}
.star-green{
    color: #6dae51;
}
.star-darkgreen{
    color: #107d50;
}
.star-gold{
    color: #fcd931;
}
.star-orange{
    color: #f58a26;
}
.widget-colors-detail > .row{
    margin-top: 5px;
}
.widget-color-label{
    padding-right: 0;
}
.widget-color-label label{
    font-size: 15px;
    margin-top: 4px;
    color: #111f31;
}
.widget-tooltip,
.widget-color-tooltip{
    color: #a6a8ac
}
.widget-tooltip:hover,
.widget-color-tooltip:hover{
    color: #5e646d
}
.blue-tooltip{
    max-width: 200px;
    margin-left: 15px
}
.blue-tooltip-arrow::before{
    border-right-color: #415E81 !important;
}
.blue-tooltip[x-placement="bottom"] .blue-tooltip-arrow::before{
    border-right-color: transparent !important;
    border-bottom-color: #415E81 !important;
}
.blue-tooltip-inner{
    background: #415E81 !important;
    color: #fff;
    padding: 5px 12px;
}
div.range-box{
    width: 85%;
    font-size: 0;
    margin-top: 5px;
}
span.range-box{
    width: 20%;
    display: inline-block;
    height: 9.5px;
    background: #ededed;
    border: solid #fff;
    border-width: 0 2px;
}
div.range-box-sm{
    width: 100%;
    max-width: 170px;
    font-size: 0;
}
div.range-box-sm span.range-box{
    height: 8px;
}
span.range-box.red{
    background: #f04860;
}
span.range-box.green{
    background: #79b74c;
}
span.range-box.blue{
    background: #008dc4;
}


/* 11.) Settings Preview box */
/* ----------------------------*/
.preview-box {
    margin-top: 15px;
    border: 1px solid #ddd;
    height: calc(100% - 15px);
}
.tab-pane .preview-box {
    margin-top: 22px;
    height: calc(100% - 22px);
}
.iframe-content{
    height: calc(100% - 50px);
    min-height: 520px;
    background: #fff;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.1) 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    text-align: center;
    padding: 30px;
}
.preview-box .custom-form-preview a { color:#008dc4; text-decoration:none }
.preview-box .custom-form-preview p { padding:0 !important; margin:0 !important }
.preview-box .custom-form-preview img { -ms-interpolation-mode: bicubic; /* Allow smoother rendering of resized image in Internet Explorer */ }
.preview-box .custom-form-preview input[type='submit'] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }
/* Mobile styles */
.preview-box .custom-form-preview.mobile .mobile-shell { width: 100% !important; min-width: 100% !important; }
.preview-box .custom-form-preview.mobile .center { margin: 0 auto !important; }
.preview-box .custom-form-preview.mobile .td { width: 100% !important; min-width: 100% !important; }
.preview-box .custom-form-preview.mobile .mobile-br-5 { height: 5px !important; }
.preview-box .custom-form-preview.mobile .mobile-br-10 { height: 10px !important; }
.preview-box .custom-form-preview.mobile .mobile-br-15 { height: 15px !important; }
.preview-box .custom-form-preview.mobile .m-td, .preview-box .custom-form-preview.mobile .hide-for-mobile { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
.preview-box .custom-form-preview.mobile .mobile-block { display: block !important; }
.preview-box .custom-form-preview.mobile .img-m-center { text-align: center !important; }
.preview-box .custom-form-preview.mobile .fluid-img img { width: 100% !important; max-width: 100% !important; height: auto !important; }
.preview-box .custom-form-preview.mobile .column,
.preview-box .custom-form-preview.mobile .column-top,
.preview-box .custom-form-preview.mobile .column-bottom,
.preview-box .custom-form-preview.mobile .column-dir { float: left !important; width: 100% !important; display: block !important; }
.preview-box .custom-form-preview.mobile .content-spacing { width: 15px !important; }
.preview-box .custom-form-preview.mobile .p40-20-0 { padding: 40px 20px 0 15px!important; }
.preview-box .custom-form-preview.mobile .pb40 { padding-bottom: 40px !important; }
.preview-box .custom-form-preview.mobile .pb0 { padding-bottom: 0 !important; }
.preview-box .custom-form-preview.mobile .text { padding-left: 0 !important; }
.preview-box .custom-form-preview.mobile .plr-15 { padding-left: 15px !important; padding-right: 15px !important; }
.preview-header {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    height: 50px;
}
.preview-block {
    background: #fff;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.1) 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    position: unset;
    height: 100%;
}
.preview-block .tab-pane {
    height: 100%;
}
#preview-laptop iframe {
    width: 100%;
}
.tabs-preview ul {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    background: none;
    border: none;
}
.tabs-preview .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    margin-right: -2px;
    height: 49px;
}
.tabs-preview ul li a {
    height: 49px;
    background: none;
}
.tabs-preview ul li:first-child a, .tabs-preview ul li:first-child a:hover, .tabs-preview ul li:first-child a:focus {
    padding-top: 10px;
    background-image: url(images/icons/icon-laptop.png);
    width: 52px;
    background-repeat: no-repeat;
    background-position: 11px 10px;
    padding: 10px 30px;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
}
.tabs-preview ul li:first-child a.active, .tabs-preview ul li:first-child a.active:hover, .tabs-preview ul li:first-child a.active:focus {
    background-image: url(images/icons/icon-laptop-active.png);
    background-color: #0177b5;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 11px 10px;
    padding: 10px 30px;
    line-height: 40px;
}
.tabs-preview ul li:last-child a, .tabs-preview ul li:last-child a:hover, .tabs-preview ul li:last-child a:focus {
    padding-top: 9px;
    background-image: url(images/icons/icon-phone.png);
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 20px 10px;
    padding: 10px 30px;
    background-color: transparent;
    text-align: center;
}
.tabs-preview ul li:last-child a.active, .tabs-preview ul li:last-child a.active:hover, .tabs-preview ul li:last-child a.active:focus {
    background-image: url(images/icons/icon-phone-active.png);
    background-color: #0177b5;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 20px 10px;
    padding: 10px 30px;

}
.tabs-preview ul li a.active {
    background: #0177b5;
}
.tabs-preview {
    height: calc(100% - 50px);
}
.tabs-preview .preview-laptop {
    height: 100%;
}
.inner-preview {
    height: 100%;
    padding: 30px 20px;
    text-align: center;
}
.preview-block .tab-content {
    background: transparent;
    min-height: 400px;
    height: 100%;
}
.inner-preview iframe {
    height: 100%;
    /*background: #fff;*/
}
.iframe-content > *,
.iframe-content iframe {
    border: none;
    width: 96% !important;
    margin: auto;
    height: 100%;
}
.iframe-content.mobile-preview > *,
.iframe-content.custom-form-preview.mobile > *{
    width: 360px!important;
}
.preview-header{
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    height: 50px;
}
.preview-header-title{
    float: left;
    width: 25%;
    white-space: nowrap;
}
.preview-header-title h5{
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    margin: 0;
    height: 100%;
}
.preview-header-buttons{
    text-align: center;
    height: 100%;
    width: 50%;
    display: inline-block;
}
.preview-header-buttons a{
    margin-right: 5px;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    padding-left: 7px;
    padding-right: 7px;
    opacity: 0.8;
}
.preview-header-buttons a.laptop-icon{
    padding-top: 10px;
    background-image: url(images/icons/icon-laptop.png);
    width: 52px;
    background-repeat: no-repeat;
    background-position: center;
}
.preview-header-buttons a.mobile-icon{
    padding-top: 9px;
    background-image: url(images/icons/icon-phone.png);
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.preview-header-buttons a.laptop-icon.active{
    background-image: url(images/icons/icon-laptop-active.png);
    background-color: #0177b5;
}
.preview-header-buttons a.mobile-icon.active{
    background-image: url(images/icons/icon-phone-active.png);
    background-color: #0177b5;
}

[class$="question_option_preview"] {
   /*width: 30ch;*/
    padding-right: 20px;
}



/* 12.) Review Rating Form */
/* ----------------------------*/
.review-rating-form{
    
    max-width: 548px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
.review-rating-form h1{
    font-size: 26px;
    color: #111f31;
    font-weight: 700;
    margin: 29px 0 17px;
    line-height: 1.4;
}
.review-form-wrap{
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    max-width: 518px;
    margin: 0 5px 5px;
    padding: 3px 0;
}
.review-form-block{
    padding: 18px 20px;
    text-align: left;
}
.review-form-block label.label-blue {
    font-size: 18px;
}
.review-form-stars-rating {
    overflow: hidden;
    margin: 12px auto 25px;
    width: 230px;
}
.review-form-stars-rating input[type=radio] {
    opacity: 0;
    position: absolute;
}
.review-form-stars-rating input[type=radio]:first-child + label {
    padding-right: 0;
}
.review-form-block label.label-blue{
    display: block;
}
.review-form-stars-rating input[type=radio]:checked ~ label:after,
.review-form-stars-rating label:hover:after,
.review-form-stars-rating label:hover ~ label:after,
.review-form-stars-rating:hover input[type=radio]:checked ~ label:after,
.review-form-stars-rating label:after {
    opacity: 1;
}
.review-form-stars-rating label {
    display: inline-block;
    cursor: pointer;
    margin-right: 4px;
    float: right;
    font-size: 41px;
}
.review-form-stars-rating label:after {
    font-family: 'stars-font';
    content: " \e900";
    display: block;
    width: 42px;
    height: 45px;
    transition: all 0.25s;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.review-form-stars-rating.regular-stars label:after {
    content: " \e901";
}
.review-form-block textarea {
    resize: none;
    height: 98px;
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    border-radius: 5px;
    color: #485362;
    font-size: 14px;
    padding: 10px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.review-rating-form .like-block {
    border-top: 1px solid #dce3e9;
    border-bottom: 1px solid #dce3e9;
    padding: 22px 20px 36px;
    background: #f8f9fb;
    margin-bottom: 2px;
}
.review-rating-form .like-rating {
    margin-bottom: 6px;
    padding: 0;
}
.review-rating-form .like-rating li {
    display: inline-block;
    border: 1px solid #79b74c;
    border-radius: 2px;
    width: 29px;
    height: 29px;
    line-height: 27px;
    cursor: pointer;
    color: #79b74c;
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.review-rating-form .like-rating li.active {
    background: #79b74c;
    color: #fff;
}
.review-rating-form .like-text {
    color: #979797;
    font-size: 13px;
}
.review-rating-form .top-like {
    float: right;
}
.review-rating-form .no-like {
    float: left;
}
.review-rating-form .review-form-block .btn {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    margin-top: -3px;
    background: #79b74c;
    border: none;
}
.review-rating-form .sponsor {
    padding: 25px 0;
    margin-top: 5px;
}
.review-rating-form .sponsor span {
    color: #8293a7;
    
    font-weight: 700;
    margin-right: 5px;
}
.review-form-block .question-options .form-check{
    margin-left: 0;
}
.thank-you-template {
    padding: 0;
    max-width: 100%;
}
.thank-you-form {
    text-align: center;
    margin-bottom: 50px;
}
.thank-you-form .review-form-wrap {
    margin-top: 40px;
}
.thank-you-page-header {
    padding: 15px 20px 10px;
    /*border-bottom: 1px solid #ddd;*/
}
.thank-you-page-header p {
    color: #8293a7;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}
.thank-you-form .review-form-wrap {
    max-width: 550px;
}
.review-purchases-label {
    color: #4a4a4a;
    margin-top: 25px;
    font-size: 18px;
    font-weight: 600;
}
.thank-you-form form {
    margin-bottom: 0;
}
.thank-you-form .review-form-block {
    margin: 30px;
    box-shadow: 0px 0px 15px -3px #b9b9b9;
    padding: 25px;
}
.thank-you-form .review-form-block.product-box {
    padding: 15px 20px;
    margin: 40px 30px;
}

.product-review-wrapper form {
    display: block;
}
.product-review-wrapper .product-box {
    display: none;
}
.product-review-wrapper.closed-form form {
    display: none;
}
.product-review-wrapper.closed-form .product-box {
    display: block;
}

.product-review-wrapper .product-box .btn {
    font-size: 16px;
    margin-top: 10px;
}
.thank-you-form .review-form-stars-rating {
    margin: 5px 0 0;
    width: 165px;
}
.thank-you-form .review-form-stars-rating label {
    font-size: 26px;
}
.thank-you-form .review-form-stars-rating label:after {
    width: 29px;
}
.review-share-box {
    padding: 35px 15px;
    border-top: 1px solid #ddd;
    background: #f8fbfd;
    margin-top: 15px;
}
.review-share-box .btn {
    width: 100%;
    color: #fff;
    padding: 0;
    font-weight: 600;
}
.review-share-box .btn span:not(.icon) {
    padding: 6px 0 0;
    display: inline-block;
}
.review-share-box .btn span.icon {
    float: left;
    width: 32px;
    height: 32px;
}
.review-share-box .btn i {
    margin-top: 9px;
}
.review-share-box .btn.facebook-share {
    background: #38559c;
}
.review-share-box .btn.twitter-share {
    background: #00aaf3;
}
.review-share-box .btn.linkedin-share {
    background: #0077b5;
}
.accent-bar {
    height: 35px;
    margin-top: 5px;
    padding: 5px 20px 0;
    overflow: hidden;
}
.accent-bar .container {
    max-width: 1000px; 
    margin: auto;
}
.coupon-block {
    margin-top: 20px !important;
    padding: 7px !important
}
.coupon-area {
    background-image: url('images/coupon-area.png');
    height: 153px;
    background-repeat: repeat-y;
    background-color: #e7edf0;
    background-size: 100% auto;
}
.coupon-area .coupon-area-left {
    width: 60%;
    height: 100%;
    float: left;
    padding: 20px;
}
.coupon-area .coupon-title {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 180px;
    word-break: break-word;
}
.coupon-area .coupon-area-right {
    width: 40%;
    float: right;
    text-align: center;
    padding: 25px 15px;
    position: relative;
    height: 100%;
}
@media (max-width: 500px) {
    .review-share-box .col-4 {
        padding: 0 5px;
    }
    .coupon-area {
        background-position-x: -18px;
    }
    .coupon-area .coupon-area-left,
    .coupon-area .coupon-area-right {
        width: 50%;
        padding-right: 10px;
        padding-left: 10px
    }
    .review-share-box .row {
        max-width: 300px;
        margin: auto;
    }
}
@media(max-width: 450px) {
    .review-share-box .col-4 {
        padding: 4px 10px;
        max-width: none;
        flex: 0 0 50%;
        margin: auto;
    }
}
@media(max-width: 400px) {
    .accent-bar {
        padding: 7px 0 !important;
        font-size: 13px !important;
    }
}
.coupon-area .coupon-exp {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    text-align: center;
}
.checkmark-success {
    color: #43c043;
    font-size: 28px !important;
    vertical-align: bottom;
    margin-right: 10px;
}
#pr_product_carousel_autoslide, #slide-speed {
    margin-bottom: 10px;
}
.integration-suggestion{
    margin-bottom: 0;
    font-size: 15px;
    color: #a4a8ad;
}
.integration-suggestion a {
    text-decoration: none;
}
.integration-suggestion i {
    margin-right: 5px;
}
.integration-card {
    margin-top: 10px;
    margin-bottom: 15px;
}
.integration-header {
    height: 130px;
    padding: 40px 20px;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}
.integration-header img{
    max-height: 49px;
}
.integration-content {
    padding: 20px 20px 60px;
    min-height: calc(100% - 130px) !important;
}
.integration-content div.text-center{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
.integration-content h5 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.integration-content .btn {
    min-width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 7px;
    padding-left: 40px;
    padding-right: 40px;
    height: 38px;
    font-weight: bold;
}
.integration-content p {
    color: #a4a8ad;
}
.integrations-lg .integration-content p {
    height: 72px;
}
#integrationSuggestion .modal-footer .btn {
    margin: auto;
    font-weight: bold;
    height: 40px;
    padding-top: 8px;
    min-width: 130px 
}
.integration-wrapper {
    max-width: 1150px;
    margin: auto;
    padding: 20px 20px 15px;
    overflow: hidden;
}
.integration-well {
    border: 1px solid #ddd;
    padding: 0;
    margin: 15px 0 20px;
}
.integration-well-header {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
    font-weight: bold;
}
.integration-well-header p {
    margin: 0;
}
.integration-status  {
    color: #ed5564;
}
.integration-status i {
    margin-right: 5px;
}
.integration-status.optional {
    color: #ff7e00;
}
.integration-well-content {
    padding: 20px;
}
.integration-well-content ul {
    margin-bottom: 0;
    padding-left: 20px;
    color: #333;
    line-height: 28px;
} 
.integration-well-content ul li {
    margin: 8px 0;
}
.integration-wrapper.bbc-email {
    padding-top: 0;
}
.integration-wrapper.bbc-email .form-control {
    max-width: 500px;
}
.api-integrations .btn {
    min-width: 140px;
}

/* 13.) ** MAIN PAGES */
/* ----------------------------*/
.navbar-toggler{
  border: none;
}
.main-pages-header .container {
  max-width: 1200px;
}
.main-pages-header {
  background-color: #fff;
  left: 0;
  position: fixed;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 8;
}
.main-pages-header .btn{
  width: auto;
  min-width: auto;
  font-size: 14px;
  color: #fff !important;
  font-weight: bold !important;
}
.main-pages-header .logo {
  padding: 0;
  margin-bottom: 0;
  margin-right: 20px;
}
.main-pages-header img {
  width: 225px;
}
.main-pages-header .login-link {
  text-decoration: none !important;
  color: #0279b7
}
.main-pages-header .dropdown-menu {
    padding: 0;
    border: 1px solid #e7ebee;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    margin-top: 5px;
}
.main-pages-header .dropdown-menu .dropdown-item {
    padding: 10px 20px;
    border-bottom: 1px solid #ededed;
}
.main-pages-header .dropdown.show a.dropdown-toggle {
    color: #5ab3e1 !important;
}
.main-pages-header a.dropdown-item:hover {
    color: #0279b7;
}
@media (max-width: 600px) {
    .main-pages-header .btn {
        display: block;
        margin-top: 10px;
    }
    .main-pages-header .dropdown-menu {
        border: none;
        padding: 0;
    }
}
.btn.pop {
  background-color: #0279b7;
  font-weight: 600;
  color: #fff;
}
.request-demo .btn.pop {
  font-size: 24px;
  min-width: 259px;
  padding: 15px 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}
.faq h4 span {
  color: #0279b7;
}
.faq li {
  background-color: #fff;
  border: 1px solid #e4eaf2;
  border-bottom: 3px solid #e4eaf2;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px 15px 0;
  text-align: left;
}
.faq li h4 {
  color: #0062aa;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 15px;
  padding-right: 22px;
  position: relative;
}
.faq .open h4 i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.faq li h4 i {
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  background-position: -16px -17px;
  cursor: pointer;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: none;
  transition: all .5s ease;
  width: 18px;
}
.faq li h4 i,.overlay {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.faq li p {
  color: #788aa0;
  display: none;
  padding-bottom: 15px;
}
.faq ul {
  list-style: 0;
  margin: 0;
  padding: 0;
}
.faq>h4 {
  color: #2a2a2a;
  font-weight: 700;
  margin: 0 0 30px;
  text-align: center;
}
.login-sec {
  margin-top: 10px;
}
.most-popular span,.per-mon {
  text-transform: uppercase;
}
.pricing-page ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0
}
.request-demo h3 {
  color: #333;
  font-weight: 700;
  margin: 0 0 30px;
}
@keyframes checkmark-circle {
  from {
    stroke-dashoffset: 240px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes checkmark {
  from {
    stroke-dashoffset: 50px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.btn-account {
  background: #79b74c;
  font-weight: 700;
  color: #fff
}
.btn-account.current {
  background: #a4a4a4;
  color: #fff;
}
.btn-account.cancel-trial {
    background: #e7b419;
    color: #fff;
}
.different-pricing .btn-account {
  width: 100%;
}
.col-g {
  background: #f8f8f8;
}
.col-w {
  background: #fff!important;
}
.common-features {
  margin-bottom: 20px;
}
.common-features h4 {
  color: #0062aa;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 0;
}
.common-features > ul > li {
  color: #8293a7;
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  position: relative;
}
.common-features > ul > li:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #8293a7;
  border-radius: 50%;
  content: " ";
  height: 3px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 3px;
}
.common-features > ul > li > a {
  color: #8293a7;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}
.price-wrap {
    position: relative;
}
.starting-at {
    font-size: 13px;
    display: block;
    position: absolute;
    width: 100%;
    color: #555;
}
.different-pricing > li:hover .starting-at {
    color: #fff;
}
.different-pricing {
  margin-bottom: 0;
}
.different-pricing > li {
  background: #fff;
  margin-bottom: 10px;
  padding: 20px 10px;
}
.different-pricing li .btn-account {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border: none;
}
.different-pricing > li {
  -moz-border-radius: 5px;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-border-radius: 5px;
  -webkit-transition: all .5s ease;
  border: 1px solid #cbdce5;
  border-radius: 5px;
  position: relative;
  transition: all .5s ease;
}
.price-wrap.custom h2{
    color: purple;
    transition:all .5s ease;
}
.price-wrap.custom img{
    margin-bottom: 7px;
}
.different-pricing > li:hover {
  background: #79b74c;
}
.different-pricing > li .btn.pop {
    color: #fff;
}
.different-pricing > li:hover .btn.pop,
.different-pricing > li:hover .btn-account {
  background: #fff;
  color: #000;
}
.different-pricing > li:hover .icon-free {
  background-position: -162px -77px;
  transition: all .5s ease;
}
.different-pricing > li:hover .icon-free,
.different-pricing > li:hover .icon-growth {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.different-pricing > li:hover .icon-premium {
  background-position: -304px -81px;
  transition: all .5s ease;
}
.different-pricing > li:hover .icon-premium,
.different-pricing > li:hover .icon-ultimate {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.different-pricing > li:hover .icon-ultimate {
  background-position: -77px -158px;
  transition: all .5s ease;
}
.different-pricing > li:hover .icon-growth {
  background-position: -436px -80px;
  transition: all .5s ease;
}
.different-pricing > li:hover .icon-enterprise {
  background-position: -215px -160px;
  transition: all .5s ease;
}
.different-pricing > li:hover .icon-enterprise,
.different-pricing > li:hover sup {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.different-pricing > li:hover .per-mon {
  color: #bad6a6;
}
.different-pricing > li:hover .price-list,
.different-pricing > li:hover h2 {
  color: #fff;
}
.different-pricing > li:hover sup {
  color: #bad6a6;
  transition: all .5s ease;
}
.different-pricing > li:nth-child(4) {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin-top: 40px;
}
.faq-sec {
  padding-bottom: 13px;
  padding-top: 33px;
}
.icon-arrow {
  background-position: 0 -393px;
  height: 8px;
  width: 13px;
}
.icon-free {
  background-position: -95px -77px;
  height: 64px;
  width: 62px;
}
.icon-premium {
  background-position: -232px -81px;
  height: 62px;
  width: 62px;
}
.icon-ultimate {
  background-position: -8px -158px;
  height: 64px;
  width: 62px;
}
.icon-growth {
  background-position: -370px -81px;
  height: 62px;
  width: 62px;
}
.icon-enterprise {
  background-position: -146px -160px;
  height: 62px;
  width: 62px;
}
.most-popular {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #4a8f18;
  border-radius: 5px 5px 0 0;
  left: 0;
  padding: 8px 6px 6px;
  position: absolute;
  text-align: center;
  top: -33px;
  width: 100%;
}
.most-popular span {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.most-popular span:after {
  right: -20px;
}
.most-popular span:after,.most-popular span:before {
  background: url(images/popular-star.png) no-repeat;
  content: " ";
  height: 10px;
  position: absolute;
  top: 3px;
  width: 10px;
}
.most-popular span:before {
  left: -20px;
}
.per-mon {
  color: #8293a7;
  font-size: 12px;
  margin-bottom: 20px;
  text-align: center;
  transition: all .5s ease;
}
.per-mon,.price-list {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  display: block;
}
.plan-include h3 {
  color: #4a4a4a;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}
.plan-specifications {
  padding-bottom: 37px;
  padding-top: 30px;
}
.plans-features > li,
.request-new p {
  margin-bottom: 20px;
}
.price-list {
  color: #2a2a2a;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  padding-top: 20px;
  transition: all .5s ease;
}
.price-list sup {
  font-size: 18px;
}
.price-list,
.price-wrap,
.sec-quote,
.sub-page-pricing-banner h1,
.sub-page-pricing-banner p,
.pricing-page .pricing-plan-switch {
  text-align: center;
}
.price-wrap h2 {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
}
.price-wrap.premium h2 {
  color: #5d88f3;
}
.price-wrap.ultimate h2 {
  color: #4a8f18;
}
.trial-expire{
    background-color: #f05354;
    text-align: center;
    color: white;
    border-radius: 5px;
    padding: 5px;
}
.trial-selection{
    background-color: #498e18;
    text-align: center;
    color: white;
    border-radius: 5px;
    padding: 5px;
}
.price-wrap.growth h2 {
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  color: #e99600;
  transition: all .5s ease;
}
.price-wrap.enterprise h2 {
  color: #f05454;
}
.pricing-sec {
  background: #f2f8fb;
  background: -moz-linear-gradient(top,#f2f8fb 0,#f2f8fb 26%,#fdfefe 32%,#fff 38%,#fff 100%);
  background: -webkit-linear-gradient(top,#f2f8fb 0,#f2f8fb 26%,#fdfefe 32%,#fff 38%,#fff 100%);
  background: linear-gradient(to bottom,#f2f8fb 0,#f2f8fb 26%,#fdfefe 32%,#fff 38%,#fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f8fb', endColorstr='#ffffff',GradientType=0);
}
.request-new p {
  color: #8293a7;
  font-size: 16px;
  text-align: center;
}
.request-new p br {
  display: none;
}
.sec-price-req .request-demo h3 {
  color: #2a2a2a;
}
.sec-quote {
  background: #e4eaf2;
  padding-top: 57px;
}
.sub-page-pricing-banner {
  background: #f2f8fb;
  padding-bottom: 48px;
  padding-top: 106px;
}
.sub-page-pricing-banner h1 {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 700;
}
.sub-page-pricing-banner h1 span {
  color: #0279b7;
}
.sub-page-pricing-banner p {
  color: #788aa0;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
.pricing-plan-switch strong {
  color: #788aa0;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.pricing-plan-switch strong span {
  color: #b9c5d1;
}
.pricing-plan-switch strong.month {
  color: #79b74c;
  font-weight: 700;
  margin-right: 5px;
  min-width: 60px;
}
.pricing-plan-switch strong.year {
  margin-left: 5px;
  min-width: 130px;
}
.pricing-plan-switch strong.active-year, 
.pricing-plan-switch strong.active-year span {
    color: #79b74c;
    font-weight: 700;
}
.pricing-plan-switch strong.month.change-month {
    color: #788aa0;
    font-weight: 400;
}
.pricing-plan-switch .switch input + label::after {
    width: 25px !important;
    height: 25px !important;
    background: #79b74c !important;
    top: 7px !important;
    left: 8px !important;
}
.pricing-plan-switch .switch input + label::before {
    background: #fff !important;
    border: 2px solid #cbdce5 !important;
}
.pricing-plan-switch .switch.switch-lg input + label {
    width: 90px !important;
}
.pricing-plan-switch .switch.switch-lg input + label::before {
    width: 100% !important;
}
.pricing-plan-switch .switch.switch-lg input:checked + label::after {
    margin-left: calc(3rem * 0.95);
}

.product-price .switch-slider::before {
  background-color: #79b74c;
}
.the-features {
  color: #8293a7;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  text-align: left;
}
.the-features:before {
  background: #e4eaf2;
  bottom: -12px;
  content: " ";
  height: 2px;
  left: 0;
  position: absolute;
  width: 68px;
}
/* Request Demo Pop Up */
.overlay {
  background-color: rgba(0,0,0,.9);
  border-top: 6px solid #2f84ed;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all .5s ease;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}
.overlay .container {
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.pop-detail .form-control {
  -moz-appearance: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-appearance: none;
  -webkit-transition: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  transition: none;
}
.pop-detail h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 300;
}
.pop-detail h2 span {
  font-weight: 700;
}
.pop-detail p,.thanks-pop-up h3 {
  color: #fff;
  font-weight: 300;
}
.pop-up-btn-wrap,.thanks-pop-up h3,.thanks-pop-up p {
  text-align: center;
}

.thanks-pop-up {
  display: none;
}
.thanks-pop-up .tick-wrap svg circle {
  -ms-animation: checkmark-circle .6s linear forwards;
  animation: checkmark-circle .6s linear forwards;
  webkit-animation: checkmark-circle .6s linear forwards;
}
.thanks-pop-up .tick-wrap svg path {
  -ms-animation: checkmark .25s ease-in-out .7s backwards;
  -webkit-animation: checkmark .25s ease-in-out .7s backwards;
  animation: checkmark .25s ease-in-out .7s backwards;
}
.thanks-pop-up h3 {
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 20px;
}
.thanks-pop-up p {
  color: #9ea6b9;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 30px;
}
.close-overlay {
  -moz-transition: all .2s cubic-bezier(.3,.1,.58,1);
  -ms-transition: all .2s cubic-bezier(.3,.1,.58,1);
  -o-transition: all .2s cubic-bezier(.3,.1,.58,1);
  -webkit-transition: all .2s cubic-bezier(.3,.1,.58,1);
  cursor: pointer;
  height: 22px;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 15px;
  transition: all .2s cubic-bezier(.3,.1,.58,1);
  width: 22px;
}
.close-overlay span {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  right: 3px;
  top: 10px;
  transform: rotate(-45deg);
  width: 30px;
}
.close-overlay span:last-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 8px;
  transform: rotate(45deg);
}
.close-overlay:hover {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.overlay-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  display: block;
  z-index: 9999999;
}
.pop-detail .btn {
  display: block;
  width: 100%;
  background-color: #0279b7;
  font-size: 18px;
  font-weight: 600;
}
.help-block {
  color: #cfcfcf
}
.pop-up-btn-wrap .btn {
  min-width: 150px;
}
@media only screen and (min-width: 768px) {
  .login-link{
    margin-right: 20px;
  }
  .close-overlay {
    right: 30px;
    top: 30px;
  }
  .common-features h4 {
    font-size: 14px;
  }
  .different-pricing {
    display: flex;
  }
  .plans-features > li,
  .different-pricing > li {
    float: left;
    margin-bottom: 0;
    margin-left: 1%;
    min-height: inherit;
    width: 23%;
  }
  .price-list {
      min-height: 27px;
  }  
  .plans-features > li:first-child,
  .different-pricing > li:first-child {
    margin-left: 2.5%;
  }
  .different-pricing > li:nth-child(4) {
    margin-top: 0;
  }
  .dropdown-menu {
    border: 1px solid #e7ebee;
  }
  .dropdown-menu > li {
    border-bottom: 1px solid #e7ebee;
    min-height: 50px;
  }
  .faq .row > div {
    padding: 0 10px 0 0;
  }
  .faq li {
    padding: 15px 10px 0;
  }
  .faq li h4 {
    font-size: 14px;
  }
  .faq > h4 {
    font-size: 38px;
  }
  .header {
    text-align: center;
  }
  .login-sec {
    float: right;
    margin-top: 0;
  }
  .logo {
    float: left;
    margin: 0;
  }
  .most-popular span {
    font-size: 12px;
  }
  .overlay .container {
    width: 500px;
  }
  .plan-include h3 {
    font-size: 13px;
  }
  .pop-detail .form-control {
    height: 42px;
  }
  .pop-detail h2 {
    font-size: 40px;
  }
  .pop-detail h2 span {
    font-weight: 700;
  }
  .pop-detail p {
    font-size: 18px;
  }
  .pop-detail p span {
    display: block;
  }
  .pricing-sec>.container>.row>div {
    padding-left: 0;
    padding-right: 0;
  }
  .request-demo h3 {
    font-size: 32px;
  }
  .request-new p br {
    display: block;
  }
  .sub-page-pricing-banner h1 {
    font-size: 30px;
  }
  .sub-page-pricing-banner p {
    font-size: 16px;
  }
  .thanks-pop-up h3 {
    font-size: 47px;
  }
  .thanks-pop-up p {
    font-size: 18px;
  }
  .the-features {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  .common-features h4 {
    font-size: 16px;
  }
  .different-pricing > li {
    min-height: auto;
  }
  .faq li {
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin-bottom: 21px;
    padding: 29px 26px 30px;
    transition: all .5s ease;
  }
  .faq li h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .faq li p {
    font-size: 16px;
    padding: 18px 0 0;
    margin-bottom: 0
  }
  .most-popular span {
    font-size: 14px;
  }
  .plan-include h3 {
    font-size: 18px;
  }
  .request-demo {
    padding: 32px 0;
  }
  .request-demo h3 {
    font-size: 40px;
    margin-bottom: 36px;
  }
  .request-demo.request-new {
    padding-top: 6px;
  }
  .request-new p {
    font-size: 20px;
  }
  .sub-page-pricing-banner h1 {
    font-size: 40px;
  }
  .sub-page-pricing-banner p {
    font-size: 18px;
  }
  .pricing-plan-switch strong {
    font-size: 18px;
  }
  .pricing-plan-switch strong.month {
    min-width: 67px;
  }
  .pricing-plan-switch strong.year {
    min-width: 147px;
  }
  .the-features {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .btn-account {
    font-size: 18px;
  }
  .common-features {
    margin-bottom: 30px;
  }
  .common-features h4 {
    margin-bottom: 12px;
  }
  .common-features > ul > li {
    line-height: 23px;
    padding-left: 7px;
  }
  .company-links {
    width: 22%;
  }
  .different-pricing li .btn-account {
    font-size: 14px;
    padding: 8px 5px;
  }
  .different-pricing > li {
    padding: 24px 16px;
    padding-bottom: 17px;
  }
  .dropdown-menu> li > a {
    color: #535353;
    font-size: 16px;
  }
  .faq {
    padding: 30px 0 33px;
  }
  .faq .row > div {
    padding-right: 15px;
  }
  .faq-pricing .faq li h4 {
    font-size: 18px;
  }
  .faq > h4 {
    margin-bottom: 36px;
  }
  .header .row > div {
    margin: 0;
    padding: 0;
  }
  .login-sec {
    float: right;
    margin-top: 9px;
  }
  .per-mon {
    margin-bottom: 29px;
  }
  .plan-include h3 {
    margin-bottom: 3px;
  }
  .plan-specifications {
    padding-top: 47px;
  }
  .price-wrap h2 {
    margin-bottom: 39px;
  }
  .request-new p {
    font-size: 21px;
    margin-bottom: 25px;
  }
  .request-new.request-demo h3 {
    font-size: 36px;
  }
  .sec-price-req .request-new.request-demo h3 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .sec-quote .request-new.request-demo h3 {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .sub-page-pricing-banner {
    padding-bottom: 68px;
    padding-top: 50px;
  }
  .sub-page-pricing-banner h1 {
    margin-bottom: 5px;
    margin-top: 25px;
  }
  .sub-page-pricing-banner p {
    margin-bottom: 32px;
  }
  .the-features {
    font-size: 16px;
    margin-bottom: 33px;
  }
  .the-features::before {
    bottom: -7px;
  }
}
.price-wrap.custom .btn.pop {
    height: 37px;
    font-weight: 600;
    padding-top: 6px;
}
.dropdown.open a.dropdown-toggle .icon-caret {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.hidden{
    display: none;
}
.spinner {
    margin: 0 auto;
    padding-top:50px;
    padding-bottom:50px;
    width: 100px;
    text-align: center;
}
.spinner > div {
    width: 25px;
    height: 25px;
    background-color: #0279b7;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

/* New Styles */
.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch label {
    margin-bottom: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
  outline: none !important;
  box-shadow: none;
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * 0.8) * 2);
  height: calc(3rem * 0.8);
  line-height: calc(3rem * 0.8);
  text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * 0.8) - calc(2px * 2));
  height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * 0.8);
}
.switch + .switch {
  margin-left: 1rem;
}
.form-group > .row {
    margin-top: 10px;
}
.disabled-email-setup {
    text-align: center;
    padding: 5px 10px;
    background: #F2F2F2;
    display: inline-block;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    width: 100%;
}
.disabled-email-setup a {
    color: #007bff;
}
.disabled-email-setup a:hover {
    color: #0056b3;
}
.disabled-email-setup i {
    float: left;
    margin-top: 4px;
    font-size: 15px;
}
.disabled-email-setup p {
    margin: 0;
}
.smart-reminders > .card {
    margin-bottom: 10px;
}
.smart-reminders .card-header {
    font-size: 16px;
    border: none;
    padding: .95rem 1.25rem;
}
i.arrow {
    cursor: pointer;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    margin-top: 7px;
    transition: all 0.2s;
}
i.arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
i.arrow:not(.collapsed)[data-toggle="collapse"],
i.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
} 
i.arrow.collapsed[data-toggle="collapse"],
i.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
i.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
table .red-btn {
    height: 34px;
    min-width: 100px;
}
#reviewRequestRatio .slider-selection {
    background: #318fc1;
}
.slider-handle {
    background-image: url(images/slider-tooltip.png) !important;
    background-color: transparent !important;
    height: 26px !important;
    top: -5px !important;
    background-repeat: no-repeat !important
}
.tooltip.top.in{
    opacity: 1;
}
.photo-carousel-wrapper .alert,
.photo-gallery-wrapper .alert {
    margin-top: 15px;
}
.btn:focus {
    box-shadow: none !important;
}

/**
    Coupon Section
 */
#sent_coupon_datatable {
    width: 100% !important;
}
#sentCoupons .form-filters label select, .custom-datatable-filter label select   {
    font-size: 1rem !important;
}
#sentCoupons .dt-buttons, #sent_coupon_datatable_filter {
    display:none;
}
#sent_coupon_datatable tr th {
    cursor: pointer !important;
}
#sentCoupons .table-filter {
    padding-left: 10px;
    border-left: 1px solid #ddd;
    margin-left: 6px;
}
#sent_coupon_datatable_wrapper,.dataTables_wrapper{
    position: relative;
}
#sentCoupons .dataTables_processing,.dataTables_wrapper .dataTables_processing{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFF;
    z-index: 9999;
}

/*******************        merchant/settings.php       *************************/
.coupons-tabs .main-container h5,
.coupons-tabs .main-container h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.general-headers {
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 8px;
}

.margins {
    margin: 20px 0;
}

.forms_div {
    padding: 20px 0;
    border-bottom: 1px solid #dfe4eb;
}

.coupons-tabs input {
    max-width: 75%;
}

.res_password {
    width: 50%;
}

.padingnone {
    padding: 0;
}
.flex-center,
.label_center {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.pass_not_matches_yes,
.pass_matches {
    position: relative;
    top: 5px;
    margin-left: 5px;
    color: rgb(92, 162, 35);
}
.pass_not_matches_no {
    position: relative;
    top: 10px;
    margin-left: 20px;
    color: rgb(239, 82, 52);
}
.copybutton {
    background-color: #405e81;
    border: 1px solid #dfe4eb;
    color: white !important;
    margin: 0 10px;
}
.resetsbutton {
    width: 144px;
    background-color: #ef5133;
    border: 1px solid #dfe4eb;
    color: white !important;
}
.genereal_save {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.plan_divs {
    overflow: hidden;
    width: 75%;
    margin: auto;
}
.plans {
    background-color: #f1f3f5;
    height: 264px;
    padding: 20px 40px;
    border: 1px solid #dfe4eb;
    position: relative;
}
.plan_level_img {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.plan_img_divs {
    position: relative;
    background: white;
    float: left;
    margin-right: 20px;
    width: 110px;
    height: 110px;
    padding: 20px;
    border: 1px solid #dfe4eb;
}
#premium_dolar {
    position: relative;
    top: -12px;
    margin-bottom: 4px;
}
#pr_dolar {
    font-size: 18px;
    position: relative;
    margin-top: -11px;
    margin-bottom: 39px;
}
#pr_149 {
    position: absolute;
    top: -5px;
    left: 140px;
    font-size: 40px;
}
#premium {
    font-size: 24px;
    line-height: 32px;
    color: rgb(74, 143, 24);
    font-weight: bold;
}
#payment_visa {
    margin-top: 20px;
    text-align: center;
    font-size: 24px;
    line-height: 20px;
    color: rgb(87, 105, 124);
    font-weight: bold;
}
#pr_per {
    color: #8999ac;
    font-size: 14px;
}
#renews {
    font-weight: bold;
}
.pllevelh4 {
    font-size: 20px;
    line-height: 20px;
    color: rgb(17, 31, 49);
    font-weight: bold;
}
.buttons_billing {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border: 1px solid #dfe3eb;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 193px;
    height: 34px;
    border-radius: 5px;
    background-color: #0279b7;
}
.plan_level_buttons {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border: 1px solid #dfe3eb;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 193px;
    height: 34px;
    border-radius: 5px;
    background-color: #0279b7;
}
.plan_level_a {
    color: white;
    text-decoration: none;
}
.Upload_Logo {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: 141px;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #0279b7;
    background-color: #0279b7;
    background-color: #0279b7;
}
.level_premium {
    text-align: left;
}
.pay_card {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
.pay_data {
    font-size: 17px;
    font-weight: bold;
}
.company_logo {
    /*position: absolute;*/
    right: 0px;
    top: 155px;
    font-weight: bold;
    padding: 0 0px 0 25px;
    border-left: 1px solid #ddd;
}

#Recommended {
    color: #707983;
}

#Chooze_file {
    position: absolute;
    width: 117px;
    height: 33px;
    border-radius: 3px;
    background-color: #ededed;
    border: 1px solid #e2e2e2;
}
.language_bil {
    margin-top: 110px;
}
#supportss {
    margin-right: 0px;
}
#view_company {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    background: #e99600;
}

#save_setting_views {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}
#suppot_enable {
    margin-top: 3px;
    margin-right: -8px;
}

#send_invite {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: 141px;
    background-color: #0179b7;
    border: 1px solid #dfe4eb;
}

.modal_employe {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 159px;
}

.modal_fade {
    font-size: 20px;
    line-height: 20px;
    color: rgb(2, 121, 183);
    font-family: "Font Awesome";
}

.Employee_modal_body {
    font-size: 14px;
    line-height: 20px;
    color: rgb(50, 59, 72);
}
.Employee_content {
    width: 600px;
}
.Employee_header {
    border-bottom: 1px solid #dfe4eb;
}
.Employee_footer {
    border-top: 1px solid #dfe4eb;
}
.chekboxs_bold {
    font-weight: bold;
}

.emails_saves {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin: 20px 0;
    width: 141px;
    height: 33px;
    border-radius: 3px;
    background-color: #79b74c;
    border: 1px solid #dfe4eb;
}

.coupons-tabs [type="radio"]:checked + label:before,
.coupons-tabs [type="radio"]:not(:checked) + label:before {
    border-color: #aaa;
    top: 5px;
}

.coupons-tabs [type="radio"]:checked + label:after,
.coupons-tabs [type="radio"]:not(:checked) + label:after {
    top: 9px;
}

.emailpreferencesimg {
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-top: -5px;
}

._path_ {
    position: absolute;
    right: 23px;
    bottom: 22px;
}

.pass_matches,
.pass_not_matches_no,
.pass_not_matches_yes {
    display: none;
}

.form-check > label {
    cursor: pointer;
}

.user-logo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 237px;
    height: 150px;
    margin: auto;
}

.enabled {
    display: none;
}

.coupons-tabs .dataTables_filter input {
    float: right;
}

.datatabletr tr, .datatabletr td, .datatabletr th {
    border: 1px solid #dee2e6;
}

.datatabletr th {
    border-bottom: 2px solid #dee2e6 !important;
}

.checkbox_height {
    line-height: 30px;
    padding-top: 5px !important;
}

.ms20 {
    margin-left: 20px;
    margin-right: 20px;
}

.currencySelect {
    max-width: 125px;
}

.starSelect {
    width: 100px;
    text-align: center;
}

.colorSelect {
    margin-left: -47px;
}

.email-setup-section {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.email-setup-form-group {
    margin-bottom: 10px;
    overflow: hidden;
}
.email-setup-form-group label {
    width: 100px;
    float: left;
    margin-top: 5px;
}
.email-setup-form-group .form-control{
    width: calc(100% - 205px);
    display: inline-block;
}
.email-setup-form-group span {
    margin-top: 6px;
    display: inline-block;
    font-size: 15px;
}
.email-setup-form-group .btn-copy {
    float: right;
    display: inline-block;
    height: 38px;
}
.slider .tooltip.top.in {
    z-index: 9;
}
.seal-preview{
    background: #FFFF;
    height: auto;
    width: auto;
    display: inline-table;
    padding: 10px;
}

/* Featured Products Widget */
#featured-products img {
    max-width: 100%;
}
#featured-products {
    background: #fff;
    width: 300px;
    max-width: 100%;
    min-width: 225px;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin: auto;
    color: #405e82;
    overflow: hidden;
    height: auto;
    padding-bottom: 5px;
}
#featured-products.basic .featured-product-thumbnail{
    display: none;
}
#featured-products.basic .featured-product-desc{
    width: 100%;
    text-align: left;
}
#featured-products .featured-product-thumbnail {
    width: 20%;
    display: inline-block;
    padding-right: 15px;
    box-sizing: border-box;
}
#featured-products .featured-product-desc {
    display: inline-block;
    width: 80%;
    float: right;
    text-align: left;
}
#featured-products.hide-reviews-count .featured-product-desc a.reviews-count {
    display: none !important;
}
#featured-products h2 {
    margin: 0;
    font-size: 20px;
    text-align: center;
    padding: 15px;
    background: #415E81;
    color: #fff;
    font-weight: 600;
}
#featured-products .featured-product {
    overflow: hidden;
    padding: 10px 10px 10px;
    border-bottom: 1px solid #ddd;
}
#featured-products .featured-product-desc p {
    margin: 1px 0;
    color: inherit;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}
#featured-products .featured-product-desc .ts-product-title {
    text-decoration: none;
    color: inherit;
    font-size: 16px;
}
#featured-products .featured-product-desc a.reviews-count {
    margin-left: 10px;
    text-decoration: none;
    font-weight: 600;
    color: inherit;
    font-size: 14px;
    vertical-align: 5px;
}
#featured-products .featured-product-desc .rating {
    display: inline-block;
    margin-top: 4px;
    font-size: 18px;
    color: #fcd931;
}
#featured-products .footer {
    vertical-align: middle;
    padding: 10px 5px 5px;
    text-align: center;
    color: #465a6a;
    font-size: 14px;
}
#featured-products .footer h5{
    display: inline-block;
    margin: 0;
    font-size: 17px;
    color: #4f4f4f;
    font-family: Arial;
}
#featured-products .footer img {
    vertical-align: middle;
    margin-left: 5px;
}
.left-sidebar > .slimScrollDiv {
    overflow: visible !important;
}
#main-sidebar,
.slimScrollDiv {
    height: 100% !important;
    position: unset !important;
}
.slimScrollBar {
    height: 100px !important;
    width: 5px !important;
    background-color: #fff !important;
}
.trust-elements .slimScrollBar {
    right: -262px !important;
}
#trust-menu {
    width: 265px !important;
    height: 100% !important;
}
.emails-sent-block {
    width: 500px;
    margin: 0 0 0 auto;
}
@media (max-width: 990px) {
    .emails-sent-block {
        display: none;
    }
    .profile-top-menu {
        margin: 0 0 0 auto;
        position: relative;
        right: 20px;
    }
    .most-popular-plan {
        margin-top: 60px;
    }
}
.trust-elements-scroll {
    position: fixed;
    left: 322px;
    font-size: 22px;
    bottom: 15px;
    z-index: 9999;
    vertical-align: middle;
}
.trust-elements-scroll i {
    padding: 2px;
}
.trust-elements-scroll i:before {
    content: '\f0d7';
}
.trust-elements-scroll.up i:before {
    content: '\f0d8';
}
.trust-elements {
    height: 100%;
    overflow: hidden;
}
@media (min-height: 800px) {
    .left-sidebar .slimScrollBar {
        display: none !important;
        opacity: 0 !important;
    }
    .trust-elements-scroll {
        display: none;
    }
}
.widget-iframe-zoom iframe{
    min-width: 850px;
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}
.inline-preview{
    background-image: none;
}
.sm-preview iframe {
    -ms-zoom: 0.82;
    -moz-transform: scale(0.82);
    -moz-transform-origin: center 75px;
    -o-transform: scale(0.82);
    -o-transform-origin: center 75px;
    -webkit-transform: scale(0.82);
    -webkit-transform-origin: center 75px;
}
#productQA iframe{
    -ms-zoom: 0.85;
    -moz-transform: scale(0.85);
    -moz-transform-origin: center 75px;
    -o-transform: scale(0.85);
    -o-transform-origin: center 75px;
    -webkit-transform: scale(0.85);
    -webkit-transform-origin: center 75px;
    width: 100%;
    height: 135%;
}
#productQA .mobile-preview .inner-preview {
    width: 360px !important;
}
.mobile-preview iframe{
    min-width: 270px !important;
}
.review-widget-iframe.widget-iframe-zoom:not(.mobile-preview) iframe {
    -ms-zoom: 0.65;
    -moz-transform: scale(0.7);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.7);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    min-width: 142%;
    height: 142%;
}
.review-widget-iframe.mobile-preview.widget-iframe-zoom iframe {
    height: 600px !important;
    margin-left: 17%;
}
.colorpicker-component input {
    height: 30px;
}
#sentCouponsActions {
    width: 136px;
}
.review-map {
    height: 500px;
}
.popular-reviews {
    border: 1px solid #ddd;
}
.popular-reviews-head {
    padding: 10px 15px;
    background: #f9fafc;
}
.popular-reviews-head h4 {
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    color: #333;
}
.popular-reviews-head i {
    float: right;
    margin-top: 4px;
}
.popular-reviews-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.popular-reviews-content ul li {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}
.popular-reviews-content ul li .reviews-count {
    float: right;
    color: #4a4a4a;
}
.popular-reviews-content .flag  {
    margin-right: 10px;
    vertical-align: middle;
}
#media-overlay,
.photo-overlay {
    display: none;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
}
.media-overlay-container,
.photo-overlay-container {
    margin: 5% auto;
    width: 70%;
    height: 80%;
    display: flex;
    align-items: center;
    position: relative;
}
.media-overlay-container video,
.media-overlay-container img,
.photo-overlay-container img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    animation-name: modalopen;
    animation-duration: 1s;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}
.photo-overlay-container iframe {
    margin: auto;
}
#vimeoPlayer iframe {
    margin: auto;
}
@keyframes modalopen {
    from{opacity: 0}
    to {opacity: 1}
}
.iframe-content .pr-email-preview {
    width: 114%;
}
.iframe-content.mobile-preview .pr-email-preview {
    width: 360px;
}
.emailpreferences > .form-check {
    margin-bottom: 25px;
}

/* Upsells */
.upsells-page {
    border: 1px solid #e6e8f0;
    border-radius: 6px;
    background: #fff;
}
.upsells-page-head {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.upsells-page-head i {
    margin: 0 7px 0 6px;
}
.upsells-page-content {
    padding: 25px;
}
.upsells-page-content h4 {
    font-weight: bolder;
    font-size: 19px;
}
.upsells-options {
    margin-top: 10px;
    margin-bottom: 40px;
}
.upsells-option {
    margin-top: 25px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 5px 8px 15px #f7f7f7;
    box-shadow: 5px 8px 15px #f7f7f7;
    padding: 10px 15px 14px;
}
.upsells-option p {
    margin-bottom: 0;
    margin-top: 5px;
}
.upsells-option img {
    padding-right: 10px;
}
.upgrade-plan-btn {
    min-width: 230px;
    color: #fff !important;
    background: #79b84c;
    padding: 9px;
    font-size: 15px;
    font-weight: bold;
}
.upsells-page-content .upgrade-plan-btn {
    padding: 10px;
    font-size: 17px;
    margin-bottom: 20px;
}
.upgrade-plan-btn:hover {
    background: #6fac45;
}
.upsells-image {
    height: 100%;
    border-radius: 7px;
    text-align: center;
}
.upsells-image img {
    max-height: 550px;
}
.upgrade-box {
    padding: 15px;
    text-align: center;
    max-width: 370px;
    border: 1px solid #e6e8f0;
    border-radius: 6px;
    background: #fff;
}
.upgrade-box i {
    font-size: 42px;
    margin-bottom: 12px;
    margin-top: 3px;
}
.upgrade-box h4 {
    font-weight: 600;
    font-size: 20px;
}
.upgrade-box a {
    margin-top: 10px;
}
.scrolled-list {
    height: 100%;
    overflow: hidden;
}
.scrolled-list ul:last-of-type {
    padding-bottom: 20px;
}
#cusstom_review_forms {
    position: relative;
    top: 10px;
}
.crf-edit,
.crf-delete {
    padding: 7px 10px 8px;
    color: #fff !important;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 14px;
    height: 33.5px;
}
.crf-edit:hover,
.crf-delete:hover {
    opacity: 0.9;
}
.crf-edit {
    background: #0279b7;
}
.crf-delete {
    background: #ef5234;
}
.form-action-btns .crf-edit,
.form-action-btns .crf-delete {
    display: inline-block;
    margin: 0;
}
#existingForm .crf-edit,
#existingForm .crf-delete {
    width: 46%;
    display: block;
    text-align: center;
    float: left;
    margin: 0 2%;
}
.tags-hide {
    display: none;
}
form.crf-no-tags .tags-hide {
    display: block;
}
form.crf-no-tags .tags-show {
    display: none;
}
th[data-field="operate"] {
    min-width: 150px;
}
.map-overlay-text {
    min-width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.map-overlay-text .date {
    float: right;
    position: absolute;
    right: 0;
}
.send-test-form {
    padding-bottom: 7px;
}
.send-test-form input {
    height: 38px;
}
.send-test-form .input-group-addon button {
    background: #8395a9;
    border: none;
    color: #fff;
    width: 40px;
    height: 34px;
    cursor: pointer;
    text-align: center;
}
.send-test-form .input-group-addon button i {
    margin: auto;
}
.send-test-form .input-group-addon button:hover {
    background: #687b91;
}
.send-test-form label {
    margin-top: 2px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
    width: 100%;
    color: #333
}
.popover-body {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    width: 240px;
}
@media(max-width: 500px) {
    .coupon-area {
        background-image: url('images/coupon-area-mob.png');
    }
    .coupon-area .coupon-title {
        font-size: 16px;
    }
}
.iframe-content.white{
    background-image:none;
}
.coupon-form-step .form-check [type="radio"] + label {
    line-height: 30px;
}
.coupons-expire-date,
.coupons-expire-duration {
    max-width: 100px !important;
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
    height: 33px;
}
.form-control.datepicker {
    text-align: center;
}
.tagline {
    color: #444;
}
.dataTables_length select:focus {
    outline: none;
}
.search-collector-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.search-product-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}
.search-collector-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.search-product-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 33px;
}
#historyTable_filter input {
    max-width: 500px;
    float: right;
}
.form-input-toggle input::-webkit-outer-spin-button,
.form-input-toggle input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
label.error {
    color: #e60000;
}
.btn-copy{
    position: relative;
}
.copied-text-animation {
    position: absolute;
    left: 0;
    left: 5px;
    color: #ddd;
    font-size: 14px;
    font-weight: normal;
    animation: copiedTextAnimation 1s forwards;
}
.relative {
   position: relative;
}

@keyframes copiedTextAnimation {
    from {transform: translateY(0); opacity: 1}
    to {transform: translateY(-40px); opacity: 0}
}
.form-input-toggle::selection, .form-input-toggle *::selection{
    background: transparent;
}


/* TLDP-130 NEW STYLES */

.stripe-modal div[role="document"] {
    max-width: 850px;
}
.stripe-modal .modal-body {
    padding: 0;
}
.stripe-modal .modal-content {
    border-radius: 10px;
    overflow: hidden;
    border-color: transparent;
}
.stripe-modal .close {
    color: #cccccc;
    font-size: 50px;
    font-weight: 100;
    position: absolute;
    top: 6px;
    right: 12px;
    z-index: 9999;
    outline: none !important;
}
.stripe-modal .testimonial {
    text-align: center;
    position: relative;
    overflow: hidden;
}
.stripe-modal .testimonial::before {
    content: '';
    background-image: linear-gradient(to right, #0279b7 , #1092d5);
    position: absolute;
    top: -20px;
    bottom: -20px;
    width: 100%;
    left: 0;
    right: 0;
    border-bottom-right-radius: 25% 100%;
    border-top-right-radius: 25% 100%;
}
.stripe-modal .testimonial .testimonial-wrapper {
    padding: 20px 40px;
    position: relative;
    color: #fff;
}
.stripe-modal .testimonial .img {
    display: flex;
    background: #fff;
    width: 110px;
    height: 110px;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    border-radius: 350px;
}
.stripe-modal .testimonial .credit {
    font-size: 14px;
}
.stripe-modal .payment-form {
    padding: 20px;
}
.stripe-modal .payment-form .plan-name {
    color: #666666;
    font-weight: 500;
    font-size: 17px;
}
.stripe-modal .payment-form .plan-name span {
    color: #333;
    font-style: normal;
    font-weight: 600;
    margin-left: 10px;
    color: #444;
}
.stripe-modal .payment-form label {
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.stripe-modal .payment-form .form-control {
    border: none;
    box-shadow: none;
    padding: 0;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    height: 30px !important;
    margin: 5px 0 0;
    padding-bottom: 8px;
}
.stripe-modal .payment-form .card-number .fa-check {
    color: #009c5f;
    position: absolute;
    right: 0;
    top: 8px;
    display: none;
}
.stripe-modal .payment-form .card-number {
    border-bottom: 1px solid #cccccc;
}
.stripe-modal .payment-form .card-number .form-control {
    border-bottom: none;
}
.stripe-modal .payment-form select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("https://assets.trustspot.io/img/select-arrow.png") no-repeat 83% center;
}
.stripe-modal .payment-form .btn {
    color: #fff;
    background-image: linear-gradient(to right, #0279b7 , #1092d5);
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 7px;
    font-weight: 600;
    font-size: 18px;
    box-shadow: 0px 3px 5px 1px #12121233;
}
.stripe-modal .payment-form .payment-form-group {
    margin-top: 15px;
}
.stripe-modal .payment-form .error-msg {
    text-align: center;
    font-size: 13px;
    color: #f61414;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-weight: 600;
}
.stripe-modal .payment-form .payment-type {
    background-image: url(images/payment-types.png);
    width: 100%;
    display: block;
    height: 28px;
    background-size: 75px auto;
    background-repeat: no-repeat;
    background-position: top right;
}
.stripe-modal .payment-form .payment-type.master {
    background-position: bottom right;
}
@media (max-width: 650px) {
    .account-select,
    .header-lootly-button {
        display: none !important;
    }
    .stripe-modal .testimonial-wrapper {
        background-image: linear-gradient(to right, #0279b7 , #1092d5);
    }
    .stripe-modal .testimonial::before {
        content: none;
    }
}

#card-errors > .spinner {

    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    height: 0px;
}


/* TLDP-7 NEW STYLES */
.analytics-box {
    border: 1px solid #dfe4eb;
}
.analytics-box-head {
    padding: 20px 20px;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    align-items: center;
}
.analytics-box-head.has-desc {
    margin-bottom: 0;
    padding-bottom: 0;
}
.analytics-box-head h5 {
    font-weight: bold;
    margin: 0;
    font-size: 19px;
}
.analytics-box-head p {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 15px;
    color: #111f31;
    max-width: 75%;
}
.analytics-box-head label {
    margin-left: auto;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
}
.analytics-box-chart {
    height: 140px;
}
.analytics-chartjs-tooltip th{
    padding-top: 2px
}
.analytics-chartjs-tooltip:before {
    content: "\f0d7";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    color: #455363;
    bottom: -15px;
}
.analytics-chartjs-tooltip * {
    color: #fff;
    font-size: 12px !important;
    text-align: center;
    font-weight: 600;
}
.email-analytics-table {
    border: 1px solid #dfe4eb;
}
.email-analytics-table thead {
    background-color: #f9fafc;
}
.email-analytics-table th,
.email-analytics-table td {
    text-align: center;
}
.email-analytics-table th {
    border-bottom: none !important;
}
.email-analytics-table td {
    padding: 1rem .75rem;
    color: #000;
}
.email-analytics-table td[colspan="5"] {
    border-top: none;
    padding-bottom: 1.5rem;
}
.email-analytics-table .analytics-box {
    width: 430px;
    max-width: 50%;
    /*margin-bottom: 10px;*/
    float: left;
}
.email-analytics-table .analytics-box-head {
    padding: 8px 15px;
    margin-bottom: 0;
}
.email-analytics-table .nav-item {
    min-width: auto;
}
.email-analytics-table .nav-tabs {
    border-bottom: none;
}
.email-analytics-table .nav-item a {
    margin: 0 10px;
    padding: 0 0px 5px;
    background: none;
    border: none !important;
}
.email-analytics-table .nav-item a.active {
    border-bottom: 2px solid #000 !important;
}
.email-analytics-table .tab-pane,
.email-analytics-table .tab-content {
    height: 100%;
    border: none;
}
.individual-email-analytics {
    display: inline-block;
    list-style: none;
    width: 680px;
    padding: 0;
    height: 100%;
    max-width: 50%;
}
.individual-email-analytics li {
    width: 50%;
    display: inline-block;
    float: left;
    height: calc(33.33% - 7px);
    margin: 0px 0 9px;
}
.individual-email-analytics li div {
    padding: 15px;
    display: flex;
    align-items: center;
    border: 1px solid #dfe4eb;
    height: 100%;
    margin: 0 7px;
    font-size: 16px;
}
.individual-email-analytics li .count {
    margin-left: auto;
    font-size: 19px;
}
.individual-email-analytics li i {
    font-size: 19px;
    margin-right: 15px;
}
.analytics-row .analytics-box-chart {
    height: 180px;
    position: relative;
    padding-top: 20px;
}
.analytics-row .main-label {
    padding: 0 30px;
    font-size: 24px;
    margin: 0;
    position: absolute;
    line-height: 24px;
    right: 0;
    top: -2px;
}
.email-analytics-table i.arrow {
    border-width: 0 2px 2px 0;
}
.progress-analytics li:not(:first-child) {
    border: none !important;
}
.progress-analytics li span {
    font-size: 15px;
    color: #333;
}
.progress-analytics li span.count {
    font-size: 22px;
    float: right;
}
.progress-analytics li .progress {
    width: 100%;
    height: 8px;
    margin-top: 8px;
    margin-bottom: 3px;
    border-radius: 0;
}
.progress-analytics li .progress-bar {
    background: #168ec2;
}
.progress-analytics.green li .progress-bar {
    background-color: #7ab74d;
}
.summary-embedded-chart {
    height: calc(100% - 44px);
    border-top: 1px solid #ddd;
}
.summary-embedded-chart div {
    background-color: #fff;
}
.summary-embedded-chart .main-label {
    background-color: #fff;
    font-size: 28px;
    text-align: right;
    padding: 15px 25px 5px;
}
.summary-box-content .analytics-content li{
    padding: 12px 15px;
}
.summary-box-content .analytics-content li:not(.th):not(:first-child) {
    border-color: #f2f4f7;
}
.summary-box-content .analytics-content li.th {
    font-weight: 600;
    color: #0279b7;
}
.profile-traffic-overview {
    text-align: center;
    height: 100%;
    border-top: 1px solid #ddd;
}
.profile-traffic-overview li {
    border: none !important;
    align-items: center;
    display: flex;
    height: calc(100% / 5);
}
.profile-traffic-overview li div {
    width: 100%;
    color: #4a4a4a;
}
.profile-traffic-overview h5 {
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.profile-traffic-overview p {
    margin-bottom: 0;
}
#exportDataContent .export-to-csv {
    width: 300px;
    margin-bottom: 10px;
    display: block;
}
#exportDataContent .export-to-csv .btn {
    width: 100%;
}
#exportData .upsells-page {
    border: none !important;
}

/* Dublicated From TLDP-40 and TLDP-7 */
.summary-box,
.popular-reviews {
    border: 1px solid #dfe4eb;
}
.summary-box-head {
    padding: 10px 15px;
    background: #f9fafc;
}
.summary-box-head h4,
.popular-reviews-head h4 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    color: #333;
}
.summary-box-head a {
    color: #168ec2;
}
.summary-box-head i,
.popular-reviews-head i {
    float: right;
    margin-top: 4px;
}
.summary-box-content ul,
.popular-reviews-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.summary-box-content ul li,
.popular-reviews-content ul li {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}
.stars-distribution .summary-box-head,
.device-statistics .summary-box-head,
.review-requests-chart .summary-box-head,
.latest-questions-answers .summary-box-head {
    border-bottom: 1px solid #dfe4eb;
}
.device-statistics .summary-box-content,
.review-requests-chart .summary-box-content {
    padding: 15px 10px 15px 20px;
}
.custom-chart-legend {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-chart-legend ol {
    list-style: disc;
    padding: 0;
}
.custom-chart-legend li {
    padding: 5px 0;
    font-size: 24px;
}
.custom-chart-legend .text {
    color: #333;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: 3px;
}
.custom-chart-legend .count {
    font-weight: 600;
    margin-left: 10px;
}
/* End of Dublicated CSS */

.summary-box-content ul i.fa {
    margin-right: 1px;
}
.summary-box-content ul i.fa-star {
    margin-right: 1px;
}
.experiences-projects-overview .device-statistics,
.experiences-projects-overview .projects-moderation-box {
    height: 100%;
}
.experiences-projects-overview .device-statistics .summary-box-content,
.experiences-projects-overview .projects-moderation-box .summary-box-content {
    height: calc(100% - 45px);
}
.experiences-projects-overview .device-statistics .summary-box-content .row {
    margin-top: 20px;
}
.projects-moderation-box .summary-box-head {
    /*border-bottom: 1px solid #dfe4eb;*/
}
.projects-moderation-box table {
    margin-bottom: 0;
    height: 100%;
    font-size: 16px;
}
#collectorsCarousel .carousel-control-prev,
#collectorsCarousel .carousel-control-next {
    width: 50px;
}
#collectorsCarousel .carousel-control-prev:hover,
#collectorsCarousel .carousel-control-next:hover {
    background: rgba(32, 32, 32, 0.63);
}
#collectorsCarousel .carousel-img {
    width: calc(100% - 5px);
    height: 150px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#collectorsCarousel .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 5px;
    background: rgba(0,0,0,0.45);
}
#collectorsCarousel .carousel-item > div:hover .img-overlay {
    display: block;
    cursor: pointer;
}
#collectorsCarousel .carousel-item > div:last-child .carousel-img,
#collectorsCarousel .carousel-item > div:last-child .img-overlay {
    width: 100%;
}
[collector-status="active"] .enable-btn {
    display: none;
}
[collector-status="expired"] .disable-btn,
[collector-status="disabled"] .disable-btn {
    display: none;
}
.btn-edit,
.btn-delete {
    padding: 9px 10px 9px;
    color: #fff !important;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 15px;
    height: 36px;
    min-width: 80px;
    display: inline-block;
    line-height: normal;
}
.btn-edit:hover,
.btn-delete:hover {
    opacity: 0.9;
}
.btn-edit {
    background: #0279b7;
}
.btn-delete {
    background: #ef5234;
}
#selectCollector {
    width: calc(100% - 30px);
    margin-bottom: 0;
    display: inline-block;
    float: left;
}
#selectCollector .select2-selection {
    height: 38px;
}
.task-filter,
.collector-filter {
    white-space: nowrap;
}
.filter-options label {
    font-size: 15px;
}
.customer-name {
    margin-top: 2px;
}
.customer-name h6 {
    color: #405e82;
    font-weight: 600;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 18px;
}
.item-media {
    margin-right: 10px;
    margin-bottom: 10px;
}
.item-media div {
    width: 130px;
    height: 100px;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
.item-media .item-img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.item-media .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
}
.item-media div:hover .img-overlay {
    display: block;
    cursor: pointer;
}
.item-media div:hover .img-edit-tools {
    display: flex;
}
.img-edit-tools {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
}
.img-edit-tools a {
    cursor: pointer;
    color: #fff !important;
    z-index: 999999;
    padding: 4px 8px;
}
.img-edit-tools .rotate-left {
    margin-right: auto;
}
.img-edit-tools .rotate-right {
    margin-left: auto;
}
.img-edit-tools .img-favorite.active {
    color: #fee032 !important
}
.survey-body {
    margin-top: 15px;
    margin-right: -15px;
    margin-left: -15px;
}
.survey-body > p {
    width: 100%;
    display: none;
}
.survey-body>p:nth-child(-n+3){
    display: block;
}
.survey-body b {
    display: block;
}
.display-more-btn {
    padding: 0;
    display: inline-block;
    margin-bottom: 15px;
    color: #0063ab !important;
    font-size: 15px;
}
.display-more-btn:hover {
    color: #055c9b !important
}
.display-more-btn i {
    margin-right: 4px;
}
.survey-body.expanded .display-more-btn {
    display: none;
}
.survey-body.expanded > p {
    display: block !important;
}
.visual-curation-wrapper {
    padding: 20px;
}
ul.visual-curation-items{
    list-style: none;
    width: 100%;
    padding: 0;
    display: inline-block;
}
li.visual-item {
    overflow: hidden;
    display: inline-block;
    width: 20%;
    float: left;
}
li.visual-item .visual-item-block{
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px 10px 15px;
}
@media(max-width: 1140px){
    li.visual-item {
        width: calc(100% / 3) !important;
    }
}
@media(max-width: 600px){
    li.visual-item {
        width: calc(100% / 2) !important;
    }
}
@media(min-width: 1500px){
    li.visual-item {
        width: calc(100% / 6);
    }
}
.visual-item-head {
    width: 100%;
    height: 140px;
    position: relative;
}
.visual-item-head .item-img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.visual-item-head .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
}
.visual-item-head:hover .img-overlay {
    display: block;
    cursor: pointer;
}
.visual-item-footer {
    text-align: center;
    position: relative;
    padding: 3px;
    text-align: center;
    height: 30px;
    font-size: 15px;
    color: #444;
    line-height: 26px;
}
.visual-item-footer .item-favorite {
    /*position: absolute;*/
    /*right: 5px;*/
    /*top: 5px;*/
    color: #ddd !important;
}
.ts-star-disabled {
    color: #ddd;
}
.visual-item-footer .item-favorite i {
    font-size: 15px;
}
.visual-item-footer .item-favorite.active {
    color: #ffd800 !important;
}
.visual-item-footer .rating {
    color: #ffd800;
}
.visual-item-footer .rating i {
    font-size: 18px;
    vertical-align: -3px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
}
.instagram-box .search-btn {
    height: 38.5px;
}
.instagram-box .select2 {
    font-size: 15px;
}
.instagram-edit-form {
    display: none;
    margin-bottom: 15px;
}
.select2-100 .select2 {
    width: 100% !important;
}
.photo-overlay-container {
    position: relative;
}
.photo-overlay-container a {
    color: #fff !important;
    position: absolute;
    top: calc(40% - 20px);
    font-size: 80px;
    z-index: 999999999;
    opacity: 0.8;
    font-family: FontAwesome;
    font-weight: normal;
    text-rendering: auto;
    padding: 20px;
}
.photo-overlay-container a:hover {
    opacity: 1;
}
#leftArrow {
    left: -40px;
}
#leftArrow::before {
    content: "\f104";
}
#rightArrow {
    right: -40px;
}
#rightArrow::before {
    content: "\f105";
}
.photo-overlay-container #vimeoPlayer {
    margin: auto;
}
.read-more-btn {
    color: #0063ab !important;
}
.tag-option {
    font-size: 14px;
    max-height: 44px;
    overflow: hidden;
    display: flex;
}
.tag-option .img {
    width: 38px;
    min-width: 38px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.instagram-photos-analytics {
    margin-top: 30px;
}
.instagram-photos-analytics li {
    padding: 14px 15px !important;
}
.videos-views-analytics,
.photos-views-analytics {
    height: calc(100% - 44px);
}
.videos-views-analytics ul,
.photos-views-analytics ul {
    height: 100%
}
.photos-views-analytics li {
    height: calc(100% / 5);
    display: flex;
    align-items: center;
}
.videos-views-analytics {
    /*margin-top: 30px;*/
}
.videos-views-analytics li {
    height: calc(100% / 3);
    display: flex;
    align-items: center;
}

.analytics-filter-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.analytics-filter-block select {
    max-width: 160px;
    margin: 0 5px;
}
.analytics-filter-block > label {
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: 600;
}
.analytics-filter-block div {
    display: inline-block;
    position: relative;
    max-width: 100%;
}
.date-select {
    display: inline-block;
    position: relative;
}
.date-select .fa-calendar {
    position: absolute;
    top: 11px;
    margin-left: 9px;
}
.date-select .fa-caret-down {
    position: absolute;
    top: 11px;
    right: 15px;
    cursor: pointer;
}
.date-select input {
    width: 275px;
    max-width: 100%;
    padding-left: 35px;
    padding-right: 30px;
    cursor: pointer;
}
/* ----------------------- */
/* Dublicated From TLDP-40 */
.summary-box,
.popular-reviews {
    border: 1px solid #dfe4eb;
}
.summary-box-head {
    padding: 10px 15px;
    background: #f9fafc;
}
.summary-box-head h4,
.popular-reviews-head h4 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    color: #333;
}
.summary-box-head a {
    color: #168ec2;
}
.summary-box-head i,
.popular-reviews-head i {
    float: right;
    margin-top: 4px;
}
.summary-box-content ul,
.popular-reviews-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.summary-box-content ul li,
.popular-reviews-content ul li {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}
.stars-distribution .summary-box-head,
.device-statistics .summary-box-head,
.review-requests-chart .summary-box-head,
.latest-questions-answers .summary-box-head {
    border-bottom: 1px solid #dfe4eb;
}
.summary-box-content ul li .count,
.popular-reviews-content ul li .reviews-count {
    float: right;
    color: #4a4a4a;
}
.summary-box-content .flag,
.popular-reviews-content .flag {
    margin-right: 10px;
    vertical-align: middle;
}
.device-statistics .summary-box-content,
.review-requests-chart .summary-box-content {
    padding: 15px 10px 15px 20px;
}
.custom-chart-legend {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-chart-legend ol {
    list-style: disc;
    padding: 0;
}
.custom-chart-legend li {
    padding: 5px 0;
    font-size: 24px;
}
.custom-chart-legend .text {
    color: #333;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: 3px;
}
.custom-chart-legend .count {
    font-weight: 600;
    margin-left: 10px;
}
/* End of Dublicated CSS */
.dashboard-grid {
    overflow: hidden;
}
.dashboard-grid .left-col {
    width: 350px;
    display: inline-block;
    float: left;
    padding: 0 15px;
    max-width: 100%;
}
.dashboard-grid .right-col {
    width: calc(100% - 350px);
    display: inline-block;
    padding: 0 15px;
}
.dashboard-grid .right-col .nav-tabs li {
    text-align: left;
}
.dashboard-grid .main-charts .tab-pane {
    min-height: 524px;
}
@media(max-width: 800px) {
    .dashboard-grid .left-col {
        width: 100%;
        float: none;
    }
    .dashboard-grid .right-col {
        width: 100%;
    }
    .summary-box {
        margin-top: 20px;
    }
}
.review-map {
    height: 500px;
}
.summary-box,
.popular-reviews {
    border: 1px solid #dfe4eb;
}
.popular-reviews-head {
    padding: 10px 15px;
    background: #efefef;
}
.summary-box-head {
    padding: 10px 15px;
    background: #f9fafc;
}
.summary-box-head h4,
.popular-reviews-head h4 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    color: #333;
}
.summary-box-head a {
    color: #168ec2;
}
.summary-box-head i,
.popular-reviews-head i {
    float: right;
    margin-top: 4px;
}
.summary-box-content ul,
.popular-reviews-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.summary-box-content ul li,
.popular-reviews-content ul li {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}
.summary-box-content ul li .count,
.popular-reviews-content ul li .reviews-count {
    float: right;
    color: #4a4a4a;
}
.summary-box-content .flag,
.popular-reviews-content .flag {
    margin-right: 10px;
    vertical-align: middle;
}
.stars-distribution {
    margin-bottom: 20px;
}
.stars-distribution ul {
    padding-bottom: 10px;
}
.stars-distribution ul li {
    padding: 10px 15px 5px;
    border: none;
}
.stars-distribution ul li span {
    font-size: 22px;
    color: #333;
}
.stars-distribution ul li a {
    font-size: 16px;
    /*text-decoration: underline;*/
    margin-left: 5px;
    color: #168ec2;
}
.stars-distribution ul li .rating {
    color: #ffd800;
    font-size: 8px;
    margin-top: 10px;
}
.stars-distribution ul li .rating i {
    font-size: 18px;
    margin-right: 1px !important;
}
.stars-distribution ul li .progress {
    width: 100%;
    height: 8px;
    margin-top: 8px;
    margin-bottom: 3px;
    border-radius: 0;
}
.stars-distribution ul li .progress-bar {
    background: #168ec2;
}
.top-review-cities {
    margin-bottom: 10px;
}
.top-review-cities ul li {
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.top-review-cities ul li span {
    font-size: 15px;
}
.top-review-cities ul li .count {
    margin-left: auto;
    font-weight: 600;
    font-size: 16px;
}
.tab-desc {
    display: block;
    font-weight: normal;
    font-size: 14px;
}
.tab-desc i {
    font-style: normal;
    background: #f2f4f6;
    padding: 2px 5px;
    color: #000;
}
.response-rate,
.response-rate ul {
    height: 100%;
}
.response-rate .summary-box-content {
    height: calc(100% - 44px);
}
.response-rate ul li {
    height: 33%;
    display: flex;
    align-items: center;
}
.response-rate ul li .count {
    margin-left: auto;
    font-size: 16px;
    font-weight: 600;
}
.response-rate ul li span {
    font-size: 16px;
    /*font-weight: 600;*/
    margin-left: 15px;
}
.response-rate ul li .fa {
    margin: 0 8px;
    min-width: 26px;
    text-align: center;
}
.response-rate ul li .fa-envelope-open-o {
    color: #0279b7;
    font-size: 21px;
}
.response-rate ul li .fa-star {
    color: #ffc807;
    font-size: 21px;
}
.response-rate ul li .fa-mouse-pointer {
    color: #7ab74d;
    font-size: 21px;
}
.latest-reviews td {
    vertical-align: middle;
}
.top-rated-reviews .rating,
.recent-customer-media .rating,
.latest-reviews .rating {
    color: #ffd800;
    font-size: 5px;
    width: 125px;
    text-align: center;
}
.top-rated-reviews a {
    color: #168ec2;
}
.top-rated-reviews .rating {
    position: relative;
    top: 1px;
}
.latest-reviews .rating i {
    font-size: 20px;
    margin-right: 0px !important;
}
.top-rated-reviews .rating i,
.recent-customer-media .rating i {
    font-size: 16px;
}
.latest-reviews .date {
    width: 130px;
    text-align: center;
}
.latest-reviews ul,
.top-rated-reviews ul,
.recent-customer-media ul,
.review-requests ul,
.latest-reviews table,
.top-rated-reviews table,
.recent-customer-media table,
.review-requests table,
.latest-reviews,
.top-rated-reviews,
.recent-customer-media,
.review-requests {
    height: 100%;
}
.top-rated-reviews table tr,
.recent-customer-media table tr {
    height: 20%;
}
.latest-reviews .summary-box-content,
.top-rated-reviews .summary-box-content,
.recent-customer-media .summary-box-content,
.review-requests .summary-box-content {
    height: calc(100% - 44px);
}
.summary-box-content table td {
    padding: 0.6rem 0.75rem;
    vertical-align: middle;
}
.top-rated-reviews td,
.recent-customer-media td {
    vertical-align: middle;
}
.top-rated-reviews img,
.recent-customer-media img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 80px;
}
.recent-customer-media img:hover {
    opacity: 0.9;
}
.top-rated-reviews .count,
.recent-customer-media .date {
    color: #a09f9f;
}
.top-rated-reviews .count {
    margin-left: 10px;
}
.recent-customer-media .rating {
    margin-right: 10px;
}
.top-rated-reviews .name,
.recent-customer-media .name {
    font-size: 16px;
    display: block;
    font-weight: 600;
}
.top-rated-reviews .name{
    margin-bottom: 0;
}
.recent-customer-media .alert{
    margin-bottom: 0;
    border-radius: 0;
    padding: 7px 15px;
}
.latest-questions-answers {
    margin-top: 30px;
}
.latest-questions-answers .content-box{
    padding: 20px;
}
.latest-questions-answers .table {
    margin-bottom: 0;
}
.latest-questions-answers .table td {
    vertical-align: middle;
    width: 50%;
}
.latest-questions-answers .table tbody > tr:first-child td {
    border: none;
}
.latest-questions-answers .table .product-url {
    color: #333 !important;
    text-decoration: none !important;
}
.products-company-switch {
    margin: 10px auto 0;
}
.products-company-switch.company-selected .company{
    font-weight: bold;
}
.products-company-switch:not(.company-selected) .products{
    font-weight: bold;
}
.products-company-switch.switch input + label::before,
.products-company-switch.switch input:checked + label::before {
    background-color: #fff;
}
.products-company-switch.switch input + label::after{
    background-color: #08d;
}
.products-company-switch.switch input + label {
    border: 1px solid #ddd;
    box-sizing: content-box;
    /*height: calc(2.375rem * 0.8 + 2px);*/
    text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 1px);
}
#reviewsChartLegends {
    /*padding: 0 10px;*/
    text-align: right;
}
#reviewsChartLegends div {
    width: auto;
    cursor: pointer;
    margin: 0 5px 10px;
    display: inline-block;
    color: #fff;
    padding: 8px 20px;
    border-radius: 300px;
    font-size: 15px;
}
#reviewsChartLegends div:not(.active) {
    background-color: #ddd !important;
    color: #333;
}
.stars-distribution .summary-box-head,
.device-statistics .summary-box-head,
.review-requests-chart .summary-box-head,
.latest-questions-answers .summary-box-head {
    border-bottom: 1px solid #dfe4eb;
}
.device-statistics .summary-box-content,
.review-requests-chart .summary-box-content {
    padding: 15px 10px 15px 20px;
}
.custom-chart-legend {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-chart-legend ol {
    list-style: disc;
    padding: 0;
}
.custom-chart-legend li {
    padding: 5px 0;
    font-size: 24px;
}
.custom-chart-legend .text {
    color: #333;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: 3px;
}
.custom-chart-legend .count {
    font-weight: 600;
    margin-left: 10px;
}
.date-select {
    text-align: right;
}
.date-select div {
    display: inline-block;
    position: relative;
}
.date-select .fa-calendar {
    position: absolute;
    top: 11px;
    margin-left: 8px;
}
.date-select .fa-caret-down {
    position: absolute;
    top: 11px;
    right: 15px;
}
.date-select input {
    width: 275px;
    padding-left: 35px;
    padding-right: 30px;
}
#chartjs-tooltip:before,
#chartjs-tooltip:after {
    content: "\f0d7";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}
#chartjs-tooltip:before {
    color: #eee;
    bottom: -15px;
}
#chartjs-tooltip:after {
    color: #fff;
    font-size: 22px;
    bottom: -13px;
}
@media(min-width: 1400px) {
    .custom-chart-legend .text {
        font-size: 18px;
    }
}
.period-related-data.loading{
    opacity: 0;
}
.period-related-data{
    transition: opacity 0.3s ease-in-out;
}
.product-type-field input {
    max-width: 100%;
}


/***********EXPERIENCES BEGIN*********/
.experiences-projects-overview .device-statistics,
.experiences-projects-overview .projects-moderation-box {
    height: 100%;
}
.experiences-projects-overview .device-statistics .summary-box-content,
.experiences-projects-overview .projects-moderation-box .summary-box-content {
    height: calc(100% - 45px);
}
.experiences-projects-overview .device-statistics .summary-box-content .row {
    margin-top: 20px;
}
.projects-moderation-box .summary-box-head {
    /*border-bottom: 1px solid #dfe4eb;*/
}
.projects-moderation-box table {
    margin-bottom: 0;
    height: 100%;
    font-size: 16px;
}
.projects-moderation-box table td {
    vertical-align: middle;
}
.projects-moderation-box table td:first-child {
    text-align: center;
    font-size: 17px;
}
.projects-moderation-box a {
    color: #168ec2;
}
.section-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.experiences-overview-table .badge {
    width: 70px;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 600;
}
.experiences-overview-table .badge-warning {
    color: #fff;
    background: #efb406;
}
.project-modal-step {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#collectorsCarousel .carousel-control-prev,
#collectorsCarousel .carousel-control-next {
    width: 50px;
}
#collectorsCarousel .carousel-control-prev:hover,
#collectorsCarousel .carousel-control-next:hover {
    background: rgba(32, 32, 32, 0.63);
}
#collectorsCarousel .carousel-img {
    width: calc(100% - 5px);
    height: 150px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#collectorsCarousel .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 5px;
    background: rgba(0,0,0,0.45);
}
#collectorsCarousel .carousel-item > div:hover .img-overlay {
    display: block;
    cursor: pointer;
}
#collectorsCarousel .carousel-item > div:last-child .carousel-img,
#collectorsCarousel .carousel-item > div:last-child .img-overlay {
    width: 100%;
}
[collector-status="active"] .enable-btn {
    display: none;
}
[collector-status="expired"] .disable-btn,
[collector-status="disabled"] .disable-btn {
    display: none;
}
.btn-edit,
.btn-delete {
    padding: 9px 10px 9px;
    color: #fff !important;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 15px;
    height: 36px;
    min-width: 80px;
    display: inline-block;
    line-height: normal;
}
.btn-edit:hover,
.btn-delete:hover {
    opacity: 0.9;
}
.btn-edit {
    background: #0279b7;
}
.btn-delete {
    background: #ef5234;
}
#selectCollector {
    width: calc(100% - 30px);
    margin-bottom: 0;
    display: inline-block;
    float: left;
}
#selectCollector .select2-selection {
    height: 38px;
}
.task-filter,
.collector-filter {
    white-space: nowrap;
    margin-left: 20px;
}
.filter-options label {
    font-size: 15px;
}
.customer-name {
    margin-top: 2px;
}
.customer-name h6 {
    color: #405e82;
    font-weight: 600;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 18px;
}
.item-media {
    margin-right: 10px;
    margin-bottom: 10px;
}
.item-media div {
    width: 130px;
    height: 100px;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
.item-media .item-img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.item-media .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
}
.item-media div:hover .img-overlay {
    display: block;
    cursor: pointer;
}
.item-media div:hover .img-edit-tools {
    display: flex;
}
.img-edit-tools {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
}
.img-edit-tools a {
    cursor: pointer;
    color: #fff !important;
    z-index: 999999;
    padding: 4px 8px;
}
.visual-item-head {
    width: 100%;
    height: 140px;
    position: relative;
}
.visual-item-head .item-img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.visual-item-head .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.45);
}
.visual-item-head:hover .img-overlay {
    display: block;
    cursor: pointer;
}
.visual-item-footer {
    text-align: center;
    position: relative;
    padding: 3px;
    text-align: center;
    height: 58px;
    font-size: 15px;
    color: #444;
    line-height: 26px;
}

.ts-star-disabled {
    color: #ddd;
}
.visual-item-footer .item-favorite i {
    font-size: 15px;
}
.visual-item-footer .item-favorite.active {
    color: #ffd800 !important;
}
.visual-item-footer .rating {
    color: #ffd800;
}
.visual-item-footer .rating i {
    font-size: 18px;
    vertical-align: -3px;
    margin: 1px;
}
.visual-item-footer .social-sharing-tools {
    display: inline-block;
    align-items: center;
    padding: 1px 12px;
    white-space: nowrap;
}
.visual-item-footer .social-sharing-tools > a {
    width: calc(100% / 6);
    color: #666565 !important;
}
.visual-item-footer .social-sharing-tools > a:not(:first-of-type) {
    margin-left: 8px;
}
.visual-item-footer .social-sharing-tools > a:not(.item-favorite):hover {
    color: #000 !important;
}
.visual-item-footer .fa-arrow-circle-up {
    color: #68ac3c;
}
.visual-item-footer .fa-arrow-circle-down {
    color: #ef5234;
}
.instagram-box .search-btn {
    height: 38.5px;
}
.instagram-box .select2 {
    font-size: 15px;
}
.instagram-edit-form {
    display: none;
    margin-bottom: 15px;
}
.select2-100 .select2 {
    width: 100% !important;
}
.photo-overlay-container {
    position: relative;
}
.photo-overlay-container a {
    color: #fff !important;
    position: absolute;
    top: calc(40% - 20px);
    font-size: 80px;
    z-index: 999999999;
    opacity: 0.8;
    font-family: FontAwesome;
    font-weight: normal;
    text-rendering: auto;
    padding: 20px;
}
.photo-overlay-container a:hover {
    opacity: 1;
}
#leftArrow {
    left: -40px;
}
#leftArrow::before {
    content: "\f104";
}
#rightArrow {
    right: -40px;
}
#rightArrow::before {
    content: "\f105";
}
.photo-overlay-container #vimeoPlayer {
    margin: auto;
}
.read-more-btn {
    color: #0063ab !important;
}
.tag-option {
    font-size: 14px;
    max-height: 44px;
    overflow: hidden;
    display: flex;
}
.tag-option .img {
    width: 38px;
    min-width: 38px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collector-settings-general {
    padding: 5px 15px 20px;
}
.collector-settings-general .preview {
    display: none;
}
.collector-settings-general[data-active-tab="main"] .main-preview {
    display: block;
}
.collector-settings-general[data-active-tab="appearance"] .appearance-preview {
    display: block;
}
.collector-settings-general .preview-header-right,
.collector-settings-questions .preview-header-right {
    margin-left: auto;
    min-width: 34%;
}
.collector-settings-general .preview-header-right span,
.collector-settings-general .preview-header,
.collector-settings-questions .preview-header-right span,
.collector-settings-questions .preview-header {
    display: flex;
    align-items: center;
}
.collector-settings-general .preview-header-title,
.collector-settings-questions .preview-header-title {
    min-width: 34%;
    width: auto;
}
.collector-settings-general .preview-header-buttons,
.collector-settings-questions .preview-header-buttons {
    display: flex;
    width: 50%;
    justify-content: center;
}
.collector-settings-general .preview-header-title h5,
.collector-settings-questions .preview-header-title h5 {
    font-size: 15px;
}
.checkbox-image-upload button {
    margin: -5px 5px 0 15px;
}
.checkbox-image-upload a,
.checkbox-image-upload .remove-image-btn {
    font-color: #333;
    cursor: pointer;
    display: none;
}
.checkbox-image-upload.has-file a,
.checkbox-image-upload.has-file .remove-image-btn {
    display: inline-block;
}
.checkbox-image-upload button span {
    max-width: 150px;
    overflow: hidden;
    display: block;
}
.collector-question-types {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.collector-question-types li {
    width: calc(25% - 20px);
    margin: 10px;
}
.collector-question-types li label {
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.collector-question-types li input {
    display: none;
}
.collector-question-types li label:hover,
.collector-question-types li [type="radio"]:checked + label {
    box-shadow: 0px 0px 10px 0px #0279b74d;
    border-color: #0279b766;
}
.collector-question-types li [type="radio"]:checked + label svg {
    /*fill: #fff;*/
}
.collector-question-types li [type="radio"]:checked + label span {
    /*font-weight: 600;*/
}
.collector-question-types li label svg {
    width: 24px;
    height: 40px;
}
.collector-question-types li label > span:last-child {
    /*display: flex;
    align-items: center;
    height: 48px;*/
}
.customer-information-table {
    width: 100%;
}
.customer-information-table th {
    width: 10%;
    padding-bottom: 8px;
    padding-right: 10px;
    text-align: left;
}
.customer-information-table td {
    padding-right: 10px;
    padding-bottom: 7px;
}
.customer-information-table label {
    margin-bottom: 0;
}
.customer-information-table .form-check {
    text-align: center;
}
.customer-information-table .form-control {
    height: 34px;
}
#questions .delete-radio {
    padding: 0;
    margin: 0 0 0 5px;
}
#questions .form-check-label input {
    width: calc(100% - 30px);
    float: right;
}
.settings-tooltip {
    color: #a6a8ac
}
.settings-tooltip:hover {
    color: #5e646d
}
.collector-questions-list {
    list-style: none;
    padding: 0;
}
.collector-questions-list li {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 15px;
    padding: 10px 15px;
    align-items: center;
}
.collector-questions-list li p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.collector-questions-list li .btn {
    font-size: 15px;
    font-weight: normal;
    height: 34.5px;
}
.collector-questions-list li .ml-auto {
    text-align: right;
}
#shareModal,#FBshareModal {
    padding-left: 17px;
}
#shareModal .modal-dialog {
    max-width: 980px;
}
#FBshareModal .modal-dialog {
    max-width: 980px;
}
.darkgreen-btn {
    background: #02995a;
    border-color: #02995a;
    color: #fff;
}
.darkgreen-btn:hover {
    background: #02824d;
    border-color: #02824d;
}
#newQuestion input[type=number]::-webkit-outer-spin-button,
#existingQuestion input[type=number]::-webkit-outer-spin-button,
#newQuestion input[type=number]::-webkit-inner-spin-button,
#existingQuestion input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#newQuestion input[type=number],
#existingQuestion input[type=number]{
    -moz-appearance:textfield;
}
.fa-icon {
    width: 20px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
}
.fa-icon svg {
    max-height: 20px;
    vertical-align: -3px;
}
.visual-tags-select2 .select2-selection__choice {
    display: none;
}
.visual-tags-block {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #e6e6e6;
}
.trustspot-photo-carousel .visual-tags-block .active-tags-title {
    font-weight: bold;
    margin-top: 13px !important;
}

.visual-tags-select2 .select2-container {
    width: 100% !important;
    max-width: 250px;
}

#visualCarousel .slick-prev {
    background: #00000080;
    height: 100%;
    left: 0;
    z-index: 10;
    width: 35px;
}
#visualCarousel .slick-next {
    background: #00000080;
    height: 100%;
    right: 0;
    z-index: 10;
    width: 35px;
}
#visualCarousel .carousel-img {
    width: 100%;
    display: block;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#visualCarousel .img-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.45);
}
#visualCarousel .carousel-img-block {
    position: relative;
}
#visualCarousel .carousel-img-block:hover .img-overlay {
    display: block;
    cursor: pointer;
}
.question-group-list > li:first-child {
    margin-top: 10px;
}
.new-question-group-types {
    padding-top: 10px;
}
.question-group-footer {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 15px 0;
    border-top: 1px solid #ddd;
}
.new-question-group-types .question-options .form-check label {
    width: calc(100% - 55px);
}
.move-answer {
    cursor: pointer;
    font-size: 16px;
    color: #888f98 !important;
    margin: 0 3px 0 8px;
}
.radio-delete:hover,
.move-answer:hover {
    color: #656b72 !important;
}
/***********EXPERIENCES END*********/
.no-icons .upsells-option {
    position: relative;
    padding-left: 23px;
}
.no-icons .upsells-option::before {
    content: '';
    width: 4px;
    background: #0378b5;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
}
.upsells-image.flex-center {
    justify-content: center;
}
.nav-link {
    outline: 0;
}
li.select2-search.select2-search--inline {
    background: none !important;
}
#sentCoupons .dataTables_processing,
.dataTables_wrapper .dataTables_processing{
    z-index: 9;
}
.limit-tags-wrapper {
    margin-left: 30px;
}
.limit-tags-wrapper .select2-container {
    width: 100% !important;
    max-width: 260px;
}
#experienceCollectorSelect {
    width: calc(100% - 25px);
}
#experienceCollectorSelect .select2-container {
    width: 100% !important;
}
#experienceCollectorSelect .select2-search.select2-search--inline {
    width: 100% !important;
}
#experienceCollectorSelect .select2-selection__rendered {
    line-height: 34px !important;
}
#experienceCollectorSelect .select2-container .select2-selection--single {
    height: 38px !important;
}
#experienceCollectorSelect .select2-selection__arrow {
    height: 37px !important;
}
.conditional-modal .modal-dialog {
    max-width: 950px;
}
.conditional-modal .modal-header {
    display: block;
}
.conditional-modal .modal-header p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 15px;
}
.conditional-modal .modal-body {
    padding: 20px 20px 30px;
    min-height: 380px;
}
.conditional-modal .modal-footer {
    justify-content: start;
}
.conditional-modal .modal-footer .btn-primary {
    width: 110px;
}
.conditional-modal .modal-footer .btn {
    padding-top: 7px;
    height: 36px;
}
.conditional-rule-settings {
    margin-bottom: 20px;
}
.conditional-rule-settings .main-label {
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.condition-box {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #dadada;
    border-left: solid 6px #0279b7;
    background-color: #f7f7f7;
    border-radius: 4px;
    padding: 16px 10px;
    width: 100%;
    position: relative;
}
.action-box {
    border-left-color: #79b74c;    
}
.condition-box > label {
    font-weight: bold;
    color: #555;
    font-size: 15px;
    padding: 0 10px;
}
.conditional-flex {
    display: flex;
    font-size: 15px;
}
.conditional-flex label {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    color: #221e1fa3;
}
.conditional-flex > div:first-child {
    width: 35%;
}
.action-box .conditional-flex > div {
    width: 30%;
}
.action-box .conditional-flex > div:first-child {
    width: 25%;
}
.conditional-flex > div {
    width: calc(65% / 3);
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}
.conditional-flex .question-title {
    margin-top: auto;
    margin-bottom: 10px;
}
.conditional-separator::before,
.conditional-separator::after {
    content: '';
    width: 3px;
    height: 19px;
    display: block;
    margin: auto;
    background: #dadada;
}
.conditional-separator {
    display: inline-block;
}
.conditional-separator span {
    font-size: 13px;
    letter-spacing: 1px;
    background-color: #0279b7;
    color: #fff;
    padding: 6px 12px;
    font-weight: bold;
    border-radius: 3px;
}
.conditional-separator.green span {
    background-color: #79b74c;
}
.condition-type {
    text-transform: uppercase;
}
.conditional-modal .modal-title {
    font-size: 18px;
    letter-spacing: 1px;
    color: #231f20;
}
.conditional-modal .modal-header p {
    font-size: 16px;
    color: #231f20;
    opacity: 0.8;
}
.condition-box .close {
    top: 8px;
    position: absolute;
    right: 10px;
    outline: 0;
}
.conditional-buttons {
    margin-top: 20px;
}
.conditional-buttons .btn {
    font-size: 14px;
    margin-right: 5px;
    min-width: 65px;
}
.conditional-buttons .btn-outline-primary {
    color: #0279b7;
    font-weight: bold;
    border: 2px solid #0279b7;
}
.conditional-buttons .btn-outline-success {
    border: 2px solid #79b74c;
    color: #79b74c;
    font-weight: bold;
    min-width: 105px;
}
.conditional-buttons .btn-outline-primary:active,
.conditional-buttons .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #0279b7;
}
.conditional-buttons .btn-outline-success:active,
.conditional-buttons .btn-outline-success:hover {
    color: #fff !important;
    background-color: #79b74c;
}
.conditions-list li {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 15px;
    padding: 10px 15px;
    align-items: center;
}
.conditions-list li p {
    margin-bottom: 0;
}
.conditions-list li .btn {
    font-size: 15px;
    font-weight: normal;
    height: 34.5px;
    padding: 0;
}
.conditions-list span.ml-auto {
    text-align: right;
}
span.error {
    color: red;
}
#conditionals-wrapper > .condition-block:first-child .close,
#conditionals-wrapper > .condition-block:first-child .conditional-separator {
    display: none;
}
.condition-count {
    text-transform: uppercase;
}
@media(max-width: 700px) {
    .collector-settings-form .row {
        width: 100%;
    }
}
@media(max-width: 1400px) and (min-width: 1000px) {
    .collector-settings-form .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 10px;
    }
}
.collector-settings-page .iframe-content.img-uploading iframe,
.collector-settings-page .iframe-content.loading iframe {
    display: none !important;
}
.collector-settings-page .iframe-content.img-uploading .spinner,
.collector-settings-page .iframe-content.loading .spinner {
    display: flex !important;
    height: 480px;
    align-items: center;
    justify-content: center;
}
.collector-settings-page .iframe-content:not(.mobile-preview) iframe {
    height: 700px !important;
}
@media(max-width: 1550px) {
    .collector-settings-page .iframe-content:not(.mobile-preview) iframe {
        width: 126% !important;
        transform: scale(0.75);
        transform-origin: top left;
        margin-left: 3%;
        position: absolute;
        left: 0;
        height: 750px !important;
    }
}
.collector-settings-page .iframe-content.mobile-preview iframe {
    height: 700px !important;
    width: 380px !important;
    transform: scale(0.8);
    transform-origin: top center;
    margin: auto;
}
.collector-settings-page .iframe-content.mobile-preview {
    overflow: hidden;
    height: 535px;
    width: 100%;
}
.collector-settings-page .iframe-content {
    position: relative;
    padding: 18px 0 !important;
    min-height: 600px;
}
.sticky-top.preview {
    top: 75px;
    z-index: 9;
}
.preview-question-controls {
    display: none;
}
.remove-image-btn {
    margin: 0 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
.remove-image-btn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
#selectCollector .select2-selection__rendered {
    line-height: 38px;
}
#selectCollector .select2-selection__arrow {
    height: 38px;
}
.collector-email-wrapper {
    padding: 5px 15px 15px;
}
.collector-email-wrapper:not[data-active-tab="multipleProducts"] #multipleProducts {
    width: 200%;
}
.collector-email-wrapper[data-active-tab="multipleProducts"] .settings-block {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.collector-email-wrapper[data-active-tab="multipleProducts"] .email-preview-block {
    display: none;
}
.card-header {
    cursor: pointer;
}
#fixSpelling .no-questions {
    font-size: 14px;
    color: #4d4d4d;
}
#fixSpelling textarea {
    font-size: 15px;
    min-height: 85px;
}
.iframe-content.has-preview {
    background: #f1f7fa;
}
.fix-spelling-questions > div {
    margin-bottom: 15px;
}
#onboardingModal .modal-dialog {
    max-width: 500px;
}
#onboardingModal .modal-body {
    padding: 30px;
}
#onboardingModal .modal-title {
    margin-bottom: 25px;
    font-size: 21px;
    margin-top: 10px;
}
#onboardingModal .welcome-title {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
}
#onboardingModal .btn {
    min-width: 160px;
    border: none;
    font-size: 16px;
    height: 40px;
    padding: 7px 20px;
}
#onboardingModal .btn-primary {
    background: #0279b7;
}
#onboardingModal .form-control {
    padding: 10px;
    height: auto !important;
}
#dropzoneLogo {
    padding: 10px ;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background: #fbfbfb;
    text-align: center;
    height: 210px;
}
.premium-features > div {
    margin-bottom: 10px;
    font-size: 15px;
}
.premium-features img {
    margin-right: 10px;
    height: 30px;
}
#onboardingModal .form-control {
    box-shadow: none !important;
}
.field-error {
    border-color: red !important;
}
.btn.disabled, .btn:disabled {
    cursor: no-drop;
}
.dropzone .dz-preview .dz-image img {
    margin: auto;
}
.dropzone .upload-success {
    position: absolute;
    right: 11px;
    font-size: 13px;
    bottom: 7px;
    color: #558a2d;
}
.dropzone .dz-preview .dz-image {
    border-radius: 10px;
}
#fixSpelling textarea {
    font-size: 15px;
    min-height: 85px;
}
#reviews-step-2 label {
    white-space: nowrap;
}
.fix-spelling-custom-answers {
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.fix-spelling-custom-answers > div {
    margin-bottom: 15px;
}
.experience-preview {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
/* Share Box Preview */
.share-card {
    margin: 0;
    /*padding: 15px 10px;*/
    border-radius: 4px;
}
.share-card .share-card-header {
    overflow: hidden;
    display: flex;
}
.share-card .share-card-header i {
    float: left;
    margin-right: 10px;
    font-size: 38px;
}
.share-card .share-card-header i.fa-facebook-square {
    color: #3b579d;
}
.share-card .share-card-header i.fa-twitter-square {
    color: #00aced;
}
.share-card .share-card-header .share-card-user-name {
    font-weight: bold;
    color: #365899;
    font-size: 15px;
}
.share-card .share-card-header .share-card-date {
    display: block;
    margin-top: -5px;
    color: #a2a5ab;
}
.share-card .share-card-body {
    /*border: 1px solid #ddd;*/
    padding-bottom: 10px;
    box-shadow: 3px 5px 6px -2px #e3e0e0;
}
.share-card-image-block {
    width: 100%;
    height: 245px;
    overflow: hidden;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.share-rating {
    margin-bottom: 10px;
}
.share-card .share-card-body .share-card-desc {
    padding: 0 10px;
}
.share-card .share-card-body .share-card-desc h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-top: 11px;
    margin-bottom: 4px;
}
.share-card .share-card-body .share-card-desc p {
    font-size: 15px;
    color: #000000;
    margin-bottom: 0;
}
.share-card .share-card-body .share-card-desc .customer-name {
    display: block;
    color: #7a7a7a;
    margin-top: 5px;
}
.share-card .twitter-share-tools {
    color: #b6b6b6;
    font-size: 15px;
    padding: 8px 10px 0px;
    /* display: none; */
}
.share-card .twitter-share-tools span {
    margin-right: 15px;
    cursor: pointer;
}
.share-card .twitter-share-tools span.dots {
    font-size: 6px;
    position: relative;
    top: -1px;
}
.platform-name {
    text-transform: capitalize;
}
.no-caret:after {
    content: none;
}
#notification > a:not([data-unread-notifications="0"])::before {
    content: attr(data-unread-notifications) ' ';
    border-radius: 8px;
    border: solid 1px #22272b;
    background-color: #02c3ff;
    position: absolute;
    left: 11px;
    top: -5px;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    padding: 2px 5px 1px;
    font-weight: bold;
}
.profile-top-menu .dropdown-menu::before {
    content: '\f0d8';
    font-family: FontAwesome;
    position: absolute;
    top: -26px;
    color: #ffff;
    font-size: 27px;
    right: 67px;
}
.profile-top-menu .dropdown-menu > .dropdown-divider:last-child {
    display: none;
}
.profile-top-menu .dropdown-menu .dropdown-item.active {
    color: #0279b7;
    font-weight: 600;
    background: none;
}
#notification .dropdown-menu {
    padding: 2px;
    width: 354px;
}
#notification .dropdown-menu::before {
    right: 173px;
}
#notification ul {
    list-style: none;
    padding: 0;
}
.notification-menu-head {
    padding: 10px 15px 7px;
    border-bottom: 1px solid #eee;
}
.notification-menu-head ul li {
    display: inline-block;
}
.notification-menu-head ul li a {
    padding: 7px !important;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #575757 !important; 
}
.notification-menu-head ul li.active a {
    border-bottom: 3px solid #08d;
    font-weight: 600;
}
.notification-menu-footer {
    background-color: #f6f8fe;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-menu-footer .btn {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-decoration: none;
}
.notification-menu-content {
    padding: 5px;
}
.notification-menu-content ul {
}
.notification-menu-content ul li {
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #f6f8fe;
}
.notification-menu-content ul li a {
    color: #627282 !important;
    text-decoration: none;
}
.notification-menu-content ul li .status {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 300px;
    background: #c4e2fe;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-menu-content ul li .status img { 
    width: 18px;
    display: none;
}
.notification-menu-content ul li a b {
    color: #252525;
}
.notification-menu-content ul li .status:hover { 
    background: #dcf6d3;
}
.notification-menu-content ul li .status:hover img { 
    display: block;
}
.profile-top-menu .account-settings-menu .dropdown-menu {
    min-width: 210px;
}
.no-notifications {
    padding: 15px 17px 0;
    font-size: 14px;
    color: #627282;
    display: none;
}
.notification-dropdown[data-unread-notifications="0"] .notification-menu-content,
.notification-dropdown[data-unread-notifications="0"] .notification-menu-footer {
    display: none;
}
.notification-dropdown[data-unread-notifications="0"] .no-notifications {
    display: block;
}
.top-rated-reviews .rating i, 
.recent-customer-media .rating i, 
.latest-reviews .rating i {
    font-size: 18px;
    margin-right: 1px !important;
}
.top-rated-reviews .rating, 
.recent-customer-media .rating, 
.latest-reviews .rating {
    font-size: 8px;
}
.fullpage-upsells .section-block {
    max-width: 1325px;
    margin: auto;
}
.fullpage-upsells section:not(.section-angled) {
    padding: 20px 0;
}
.fullpage-upsells .section-block {
    padding: 30px;
}
.fullpage-upsells .section-block > .row > div:not(.image-block) {
    display: flex;
    align-items: center;
}
.blue-bg {
    background-image: url('../website/img/blue-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.sky-blue-bg {
    background-image: url('../website/img/sky-blue-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff;
}
.white-bg {
    background-image: url('../website/img/white-bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff;
}
.fullpage-upsells .btn {
    padding: 10px 18px;
    height: 44px;
    min-width: 180px;
    margin-top: 5px;
    font-size: 16px;
}
.section-angled {
    position: relative;
    top: 6px;
    z-index: 9;
}
@media(max-width: 570px) {
    .fullpage-upsells .image-block  {
        margin: 40px 0;
        text-align: center !important;
    }
}
.image-size-block input {
    width: 60px;
    text-align: center;
    display: inline-block;
}
.fullpage-upsells h2 {
    margin-bottom: 15px;
}
.header-lootly-button {
    display: flex;
    align-items: center;
    margin: 0 auto 0 50px;
}
.header-lootly-button a {
    color: #fff !important;
    text-decoration: none !important;
}
.header-lootly-button a:hover {
    opacity: 0.9;
    text-decoration: none;
}
.header-lootly-button img {
    height: 31px;
    vertical-align: -9px;
    margin-right: 5px;
}
.checkmark-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.checkmark-list li {
    margin: 13px 0;
}
.checkmark-list i {
    font-size: 20px;
    color: #0279b7;
    margin-right: 10px;
    vertical-align: -1px;
}
#photoStudio {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.photo-studio .modal-dialog {
    max-width: 1100px;    
}
.photo-studio .modal-content {
    height: 610px;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
}
.photo-studio .modal-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;        
    font-size: 13px;
    color: #221e1fb8;
    border-bottom: 1px solid #dadada;
}
.photo-studio .modal-header .label {
    font-weight: bold;
    color: #221e1f;
}
.photo-studio .modal-header > * {
    width: 100%;
}
.photo-studio .modal-header h3 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #231f20;
    margin-bottom: 0;
}
.photo-studio .modal-footer {
    padding-top: 0;
    padding-bottom: 0;
}
.photo-studio .modal-body {
    padding: 0;
    overflow: hidden;
}
.photo-studio .modal-footer {
    display: block;
}
.photo-studio-action-buttons {
    display: flex;
    align-items: center;
    padding: 9px 0px 9px 15px;
    height: 100%;
    border-left: 1px solid #dadada;    
}
.photo-studio-action-buttons .spinner {
    padding: 0;
    transform: scale(0.5);
    transform-origin: 0;
    margin: 7px 10px 0;
}
.photo-edit-toolbox {
    display: flex;
    justify-content: space-around;
    padding: 15px 0px;    
}
.photo-studio .photo-studio-accordion .btn img {
    width: 20px;
}
.photo-edit-toolbox .btn {
    min-width: auto;
}
.photo-edit-toolbox .btn svg,
.photo-edit-toolbox .btn img {
    width: 24px;
    opacity: 0.65;
    vertical-align: middle;    
}
.photo-edit-toolbox .btn:hover:not([disabled="disabled"]) svg {
    opacity: 0.9;
}
.photo-edit-toolbox .resize-box {
    display: flex;
    align-items: center;
}
.photo-edit-toolbox .resize-box .progress {
    width: 100px;
    margin: 0 5px;
}
.photo-studio .modal-body > .row {
    height: 100%;
}
.photo-studio-accordion {
    height: 100%;
    overflow-y: auto;
    border-left: 1px solid #dadada;    
}
.photo-studio-image {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
    position: relative;
}
.photo-studio-image img {
}
.photo-studio-action-buttons .btn {
    min-width: auto;
    padding: 8.5px 18px;
    height: auto;
}
.photo-studio-action-buttons .save-photo.green-btn {
    pointer-events: none;
}
.photo-studio-action-buttons .btn-link {
    text-decoration: none;
    padding: 0;
    margin-right: 15px;
}
.photo-studio-action-buttons .btn-link:hover {
    opacity: 0.8;
}
.photo-studio-action-buttons .btn-blue {
    min-width: 70px;
}
.photo-studio-reset-block {
    display: none;
    height: 100%;
}
.photo-studio-reset-block > div {
    display: flex;
    align-items: center;
    padding: 9px 0px 9px 15px;
    height: 100%;
    border-left: 1px solid #dadada;
}
.photo-studio-reset-block p {
    margin-bottom: 0;
    font-size: 14px;
    padding-right: 10px;
}
.photo-studio-accordion .accordion-block > .btn {
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    letter-spacing: 0.78px;
    color: #5a5657;
    border-bottom: solid 1px #dadada;
    border-radius: 0;
    height: auto;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
}
.photo-studio-accordion .accordion-block > .btn[aria-expanded="true"] {
    color: #333;
}
.photo-studio-accordion .accordion-block > .btn::after {
    content: "\f0da";    
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    margin-top: 7px;
    opacity: 0.8;
}
.photo-studio-accordion .accordion-block > .btn[aria-expanded="true"]::after {
    content: "\f0d7";
}
.photo-studio-accordion .accordion-block .btn img {
    width: 15px;
    margin-right: 7px;
}
.photo-studio .modal-footer-wrapper,
.photo-studio .modal-body-wrapper {
    display: flex;
    height: 100%;
}
.photo-studio .modal-footer-wrapper > div,
.photo-studio .modal-body-wrapper > div {
    width: 100%;
}
.photo-studio .modal-body-wrapper .right-col {
    background: #dadada;
}
.photo-studio .progress-bar {
    background-color: #0279b7;
}
.photo-studio .accordion-body {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dadada;
    padding: 15px;
}
.photo-studio .accordion-body .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    letter-spacing: 0.78px;
    color: #5a5657;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.photo-studio .accordion-body .title i {
    margin-left: 5px;
    font-size: 16px;
}
.photo-studio .accordion-body .slider-block {
    width: 100%;
    margin-top: 5px;
}
.photo-studio .accordion-body .slider-value {
    margin-left: auto;
}
.photo-studio .accordion-body .slider-value span {
    margin-left: 30px;
    width: 58px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #dadada;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    opacity: 0.8;
    color: #221e1f;
    display: block;
    text-align: center;
    line-height: 40px;
}
.photo-studio-image .spinner {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0;
    width: auto;
}
.photo-studio-image .spinner > div {
    width: 14px;
    height: 14px;
    margin-right: 1px;
}
.slider-block {
    position: relative;
}
.slider-block .slider {
    margin-bottom: 0;
}
.slider-block .slider-label {
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0.8;
    color: #292929;
    margin-bottom: 5px;
}
.slider-block .slider-label.lower {
    margin-top: -5px;
    opacity: 0.5;
}
.slider-block .slider-track-high,
[data-type="balance-slider"] .slider-block .slider-selection {
    display: none !important;
}
.slider-block .slider-selection {
    background: #0279b7;
    box-shadow: none !important;
}
.slider-block .slider-handle {
    background-image: url('../icons/img/knob.png') !important;
    background-size: 100%;
    box-shadow: none;
    width: 24px;
    cursor: pointer;
    z-index: 99;
    top: -8px !important;
}
.slider-block .slider.slider-horizontal .slider-track {
    height: 5px;
    width: 100%;
    margin: 0;
    top: 2px;
    background: #efefef;
    border: 1px solid #dadada;
    box-shadow: none;
}
.slider-block .tooltip.top {
    display: none !important;
}
.custom-slider-selection {
    left: 50%;
    width: 0%;
    height: 5px;
    position: absolute;
    top: 25px;
    bottom: 0;
    background: #0279b7;
}
.custom-slider-selection::before,
.custom-slider-selection::after {
    content: " ";
    border-right: 1px solid #dadada;
    position: absolute;
    right: 0;
    top: -5px;
    height: 15px;
}
.custom-slider-selection::before {
    right: unset;
    left: 0
}
.filter-block:not(:first-of-type) {
    padding: 12px 0 0;
    border-top: 1px solid #dadada;
}
.filter-block {
    margin-bottom: 12px;
}
.filter-block:last-child {
    margin-bottom: 0;
}
.photo-studio .accordion-body label {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.5;
    color: #221e1f;
}
.photo-studio .accordion-body .description {
    color: #545454;
    margin-bottom: 14px;
}
.photo-studio .accordion-body .colorpicker-component {
    display: flex;
}
.photo-studio .accordion-body .colorpicker-component input {
    width: 75px;
    font-size: 15px;
}
.photo-studio .accordion-body .colorpicker-component .input-group-addon {
    width: 38px;
}
.photo-studio .accordion-body .form-control,
.photo-studio .accordion-body .colorpicker-component > * {
    height: 38px !important;
}
.photo-studio-image-block {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#crop-box-wrapper {
    display: none;    
    position: absolute;
}
#crop-box {
    position: absolute;
    width: 200px;
    height: 150px;
    left: 0px;
    top: 0px;    
    background-color: rgba(0,0,0,0.5);
    border: 2px dashed #ddd;
    cursor: move;
    max-width: 100%;
}
#crop-box .ui-icon-gripsmall-diagonal-se {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    cursor: nw-resize;
}
#crop-box .box-center {
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 4px);
}
.crop-buttons {
    width: 96px;
    text-align: center;
}
.reset-crop {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px 8px;
    min-width: auto;
    font-size: 11px;
    display: none;
}
.filter-block .form-check label {
    opacity: 1;
    color: #444;
}
.filter-block .checkbox .title {
    position: relative;
    top: 2px;
}
.b-t-0 {
    border-top: none !important;
}
.h-38 {
    height: 38px;
}
.photo-studio-opened .modal-backdrop {
    opacity: 0.8;
}
#watermark-custom-image {
    float: right;
}
@media(max-width: 776px) {
    .photo-studio .modal-footer-wrapper,
    .photo-studio .modal-body-wrapper {
        flex-direction: column;
    }
    .photo-studio .modal-content {
        height: auto;
    }
    .photo-studio .modal-dialog {
        margin: 0;
    }
    .photo-studio .modal-header {
        flex-direction: column;
        text-align: center;
        padding-bottom: 10px;
    }
    .photo-studio .modal-header > * {
        text-align: center !important;
        margin-bottom: 5px;
    }
    .photo-studio-action-buttons {
        border-left: none;
    }    
}
@media(max-width: 1230px) {
    .top-menu {
        display: flex;
    }
    .profile-top-menu,
    .emails-sent-block,
    .header-lootly-button {
        white-space: nowrap;
    }
    .emails-sent-block {
        width: 340px;
        margin: 0 auto;
    }
    .profile-top-menu {
        margin-left: auto;
    }
    .header-lootly-button {
        margin-left: 20px;
        margin-right: 10px;
    }
}
.dashboad-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.submission-approved-template {
    display: flex;
    flex-direction: column;
    height: 100%;
}
pre {
    background: #f8f8f8;
    display: inline-block;
    margin-bottom: 0;
    margin-bottom: 5px;
    vertical-align: middle;
}
.width-auto {
    width: auto;
}
.xdsoft_inline {
    border: none !important;
    width: 100%;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 340px !important;
    margin-left: 0 !important;;
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 124px !important;
    margin-left: 40px !important;
}
.xdsoft_datetimepicker .xdsoft_label span {
    text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    text-align: left !important;
}
.xdsoft_calendar table {
    height: 100%;
}
.xdsoft_calendar {
    height: 213px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 213px !important;
    margin-top: 23px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    height: 27px !important;
}
.xdsoft_datetimepicker .xdsoft_label i {
    left: 14px;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 52px !important;
    margin-left: 20px !important;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    display: none !important;
}
.xdsoft_timepicker .xdsoft_prev {
    display: none !important;
}
.xdsoft_timepicker .xdsoft_next {
    display: none !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 72px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    text-align: center;
}
#fb-schedule-message {
    margin-left: 0;
    opacity: 0.8;
    font-size: 15px;
    margin-top: 12px;
}
.fb-share-model-left {
    width: calc(100% - 430px);
    min-width: 400px;
    padding-right: 22px;
}
.fb-share-model-right {
    width: 430px;
}
.custom-datetimepicker {
    width: 410px;
    border: 1px solid #e5e5e5bd;
    /*border-radius: 8px;*/
    padding: 10px;
    box-shadow: 10px 10px 10px 0px #f8f8f878;
    background: #f8f8f878;
    position: relative;
}
.custom-datetimepicker .datepicker-days {
    padding: 0;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table thead tr:first-child th {
    border: none;
    padding: 10px 0;
}
.custom-datetimepicker .day.today:not(.active) {
    background: #ddd !important;
    color: #000 !important;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table td.today:not(.active)::before {
    border-bottom-color: #c0c0c0;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table td.day {
    border: none;
    padding: 7px 5px;
    font-size: 14px;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table th {
    border: none;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table td span:hover {
    background: none;
}
.custom-datetimepicker .picker-switch.accordion-toggle {
    width: 50px;
    position: absolute;
    top: 6px;
    right: 8px;
}
.custom-datetimepicker .timepicker {
    margin-top: 10px;
}
.custom-datetimepicker .picker-switch a[title="Select Time"] {
    display: none;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget a[title="Select Date"] {
    background-color: transparent;
    padding: 0;
    border-radius: 5px;
    color: #0279b7;
    width: 20px;
    display: block;
    margin-left: auto;
}
.custom-datetimepicker .timepicker-picker a[data-action] {
    color: #0279b7;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget .btn-primary {
    background: #0279b7;
    width: 54px;
    display: inline-block;
    min-width: auto;
    color: #fff !important;
    border-color: #0279b7;
}
.custom-datetimepicker .datepicker table tr td span.active.active {
    background: #0279b7;
    color: #fff !important;
    line-height: 45px;
}
.custom-datetimepicker .bootstrap-datetimepicker-widget table td span {
    height: 45px !important;
    margin: 0 !important;
}
.fb-post-preview {
    border: 1px solid #eee;
    box-shadow: 0 10px 10px 5px rgba(23,101,168,.03);
}
.fb-post-head {
    display: flex;
    align-items: center;
    padding: 15px 10px 10px;
}
.fb-post-head .avatar {
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 5px;
    background: #f7f6f6ab;
    margin-right: 12px;
}
.fb-post-head img {
    width: 35px;
}
.fb-post-head h5 {
    font-size: 18px;
    margin-bottom: 0;
}
.fb-post-head .fb-date {
    margin-bottom: 0;
    font-size: 13px;
    opacity: 0.7;
}
.fb-post-preview .share-card-image-block {
    height: 280px;
    margin-bottom: 0;
}
.fb-post-body {
    padding: 0 15px;
    margin-bottom: 10px;
}
.fb-text {
    white-space: break-spaces;
    line-height: 26px;
}

.dropdown-checkbox-menu {
    display: inline-block;
    color: #495057;
}
.dropdown-checkbox-menu button.dropdown-toggle{
    border: 1px solid #ced4da;
    height: calc(2.25rem + 2px);
}
.dropdown-checkbox-menu .dropdown-toggle::after{
    color: #495057;
    border-right: .2em solid transparent;
    border-left: .2em solid transparent;
    position: absolute;
    right: 5px;
}
.dropdown-checkbox-menu .dropdown-menu > li {
    min-height: auto;
    border-bottom: none;
}
.dropdown-checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.dropdown-checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}
.dropdown-checkbox-menu li input:focus {
    outline: 0;
    box-shadow: none;
}
.dropdown-checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;

}
.description,
.upload-description {
    font-weight: 500;
    font-size: 13px;
    margin-top: 15px;
    opacity: 0.9;
    color: inherit;
    word-break: break-word;
}

.upload-description {
    margin-top: 25px;
}

.upload-block {
    margin-bottom: 20px;
}

.visual-upload textarea {
    max-height: 130px;
    min-height: 130px;
    box-shadow: none !important;
}

.custom-file {
    display: block;
}

.visual-upload .input-group,
.visual-upload .custom-file,
.visual-upload .custom-file-label {
    height: 100%;
}

.custom-file-label::after {
    content: none;
}

.custom-file .files-count {
    display: none;
}

.custom-file.has-files .files-count {
    display: block;
}

.custom-file-label {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(237, 237, 237, 0.5);
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    border: dashed 2px #01276a !important;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
}
.custom-file-label-span {
    color: #0047d0
}
.custom-file-label img {
    display: block;
    margin: 0 auto 5px;
}
.visual-upload .custom-file-input {
    visibility: visible;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    z-index: 9999;
    opacity: 0;
    cursor: pointer;
}
.custom-file-label.has-file {
    pointer-events: none;
    border-width: 1px !important;
}

.custom-file-label.has-file .file-desc {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.img-preview {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.img-preview .btn {
    position: absolute;
    bottom: 4px;
    right: 2px;
    background-image: url(../img/collector/trash-alt-regular.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 30px;
    background-size: 49%;
    z-index: 9999;
    pointer-events: all;
}

.img-preview .media-upload-animation {
    position: absolute;
    left: 60px;
}

.img-preview .p-1 {
    word-break: break-word;
}

.visual-upload .col-sm-12 {
    display: flex;
}

.visual-upload .input-group {
    min-height: 150px;
    min-width: 225px;
    max-width: 225px;
}

.visual-upload .caption-box {
    display: inline-block;
    margin-left: 20px;
    width: 100%;
}

.upload-icon {
    position: relative;
    display: inline-block;
}
.upload-icon svg {
    width: 50px;
    height: 50px;
}
.upload-icon svg path {
    fill: #0047d0;
}
.files-count {
    position: absolute;
    right: -3px;
    background: #1555d3;
    width: 18px;
    font-size: 10px;
    border-radius: 50%;
    text-align: center;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -3px;
    color: #fff;
    padding-top: 2px;
    padding-right: 1px;
}
.auto-scroll-interval {
    display: inline-block;
    margin-left: 20px;
}
.auto-scroll-interval input {
    width: 60px;
    margin-left: 5px;    
    min-width: auto;
    text-align: center;
    display: inline-block;
    height: 29px;
    box-shadow: none !important;
}
.visual-item-footer .fa.fa-calendar {
    position: absolute;
    top: -135px;
    background: rgba(0,0,0, 0.4);
    padding: 4px;
    border-radius: 0px;
    left: 4px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.sms-type-block {
    display: none;
}
.sms-preview {
    width: 320px;
    margin: auto;
}
.sms-preview-container {
    background-image: url(../img/iphone-sms-preview.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
    padding-bottom: 10px;
}
.merchant-number {
    display: block;
    position: relative;
    top: 84px;
    font-size: 11px;
    color: #555;
    height: 20px;
    font-weight: 600;
    font-family: Arial;
}
.sms-content {
    white-space: pre-wrap;
    background: #eeedf0;
    width: calc(100% - 95px);
    border-radius: 10px;
    text-align: left;
    padding: 10px;
    margin-left: 35px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 120px;
}
#phoneNumbersSearch {
    display: flex;
    align-items: end;
    justify-content: end;
}
.sms-credit {
    max-width: 1150px;
    margin: 25px auto;
}
.sms-credit ul {
    padding: 0;
    list-style: none;
    display: flex;
}
.sms-credit li {
    text-align: center;
    width: 25%;
}
.sms-credit li .block {
    margin: 10px;
    border: 1px solid rgba(0,0,0,.125);
    padding: 30px 15px;
    border-radius: 5px;
    box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.1);
}
.sms-credit .subscribe-btn {
    display: none;
    margin: 0;
}
.sms-credit .price {
    font-size: 33px;
    margin-bottom: 10px;
}
.sms-credit .desc {
    font-size: 16px;
    color: #555;
    margin-top: 15px;
}
.pricing-plan-switch.blue .switch input + label::after {
    background: #0279b7 !important;
}
.pricing-plan-switch.blue strong.active {
    color: #0279b7 !important;
}
.pricing-plan-switch strong.right-label {
    min-width: unset;
}
#bulkInvite .iframe-content {
    min-height: 460px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    line-height: normal;
}
.stripe-modal .payment-form {
    padding: 20px;
    width: 100%;
}
.upgrade-box p {
    color: #444;
}
.hide-number-arrows::-webkit-outer-spin-button,
.hide-number-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number].hide-number-arrows {
    -moz-appearance:textfield; /* Firefox */
}
.datatables-custom-button {
    margin-left: 10px;
    float: right;
}
.dataTables_wrapper {
    position: relative;
}
#customCssFileName .spinner {
    position: absolute;
    top: -47px;
    left: 160px;
}
.lock-pad {
    min-width: 140px;
    width: auto;
}
.lock-pad-text {
    padding: 0 0 0 20px;
}
.hidden {
    display: none;
}