@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
      font-display: auto;
    font-style: normal;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2");
  }
  @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
  .wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: right;
}

#sidebarNew {
    transition: all 0.3s ease-in-out;
    min-width: 240px;
    max-width: 250px;
}


#sidebarNew.active {
    margin-left: -250px;
}
/* LOADER */

.page-loader-wrapper {
    background-color: #ddd;
}
.font-black-color{
    color: #333333;
}
.loader img {
    height: 50px;
}
/*Global Links*/
.btn-primary.focus, .btn-primary:focus, .btn-hover-zoom:focus {
   color: #FFFFFF;
}
/* LOGIN */

.pattern {
    height: 8px;
}

.bg-login {
    background-image: url(../../../assets/images/dashboard-bg-new.png);
    background-repeat: repeat;
    -webkit-animation: slide 60s linear infinite;
}

.auth-main .body {
    border: 2px solid rgba(255, 255, 255, 0.09);
}

.auth-main .card {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.body h4{
    font-size: 18px;
}
.list-marketing .list-group-item a h6{
    font-size: 15px;
}
.accordion h5{
    font-size: 15px;
}

#loginForm button:hover {
    color: #fff;
    font-weight: 700;
}

#loginForm a {
    color: #9367B4;
}

.bg-intro {
    background-image: url(../../../assets/images/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-intro table {
    background-color: rgba(0, 0, 0, 0.25);
}

.bg-intro table td {
    padding: 20px;
}

.bg-intro h2 {
    letter-spacing: 0;
    font-weight: 900;
    line-height: 45px;
}

.bg-intro h3 {
    padding-top: 10px;
}

.bg-intro p {
    font-weight: bold;
}

.bg-intro a {
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 0;
    font-weight: bolder;
}
.c-f-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .bg-intro h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .bg-intro h3 {
        font-size: 16px;
    }
}


/* Modal Content */


/* The Close Button */

.removeVideoModal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.removeVideoModal:hover,
.removeVideoModal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* LAYOUT */
.iframe-tabs-menu{
    width: 100%;
}
.btn-register{
    -webkit-box-shadow: 0px 4px 5px -1px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 5px -1px rgb(0 0 0 / 50%);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    text-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 50px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .btn-register:hover{
      border: none !important;
      border-color:transparent !important;
  }
.overlay {
    z-index: 11;
}

.metismenu>li i {
    color: rgb(147, 103, 180);
}

.metismenu .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
    content: "";
}
.notification-link{
    color: #007bff !important;
    text-decoration: none !important;
    background-color: transparent !important;
    cursor: pointer !important;
}
#main-content {
    padding-top: 72px;
    padding-bottom: 68px;

}

#main-content .page-loader-wrapper {
    position: absolute;
    z-index: 12;
}

#main-content.quick-setup {
    /* background-color: #666666; */
    margin-top: 0px;
    padding: 0px;
    position: inherit;
    width: inherit;
    min-height: auto;
    max-height: 100%;
    float: inherit;
     height: 100%;
}
/*
#main-content.quick-setup .card {
    margin-bottom: 30px !important;
}
*/
#main-content.quick-setup .block-header {
    display: none;
}

#main-content.quick-setup #wizardNav {

    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;

    padding-top: 10px;
    
}
.margin-quick-setup{
    margin-top: 40px;
}
#main-content.quick-setup #wizardNav.quick-show-dashbaord {

    position: relative;
    width: 100%;
    bottom: 5px;
    left: 0;

    padding-top: 10px;
    
}
/*
#main-content.quick-setup #wizardNav {

    position: relative;
    width: 100%;
    bottom: 0px;
    left: 0;

    padding-top: 10px;
    
}
*/
.footer-responsive{
    width: calc(100% - 240px);
}
.section-content{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3%;

}
#main-content.quick-setup #wizardLogout {
    display: block;
    position: fixed;
    top: 25px;
    right: 175px;
}
.button-content-whats-new{
    display: flex;
}
.btn-no-padding{
    padding: .4rem 0.5rem !important;
}
.nav-title-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.video-analytics-offer{
    display: block;
    margin: auto;
    width: 450px;
    height: 250px;
}
.modal-title-analytics{
    font-size: 25px;
}
.row-analytics-upgrade{
    width: 90%;
    margin: auto;
}
@media only screen and (max-width: 767px) {
    .row-analytics-upgrade{
        width: 100% !important;
    }
    .modal-title-analytics{
        font-size: 22px !important;
    }
    .video-analytics-offer{

        width: 100% !important;
    }

    #main-content.quick-setup #wizardNav.quick-show-dashbaord {

        position: absolute !important;
        width: 100%;
        bottom: 30px !important;
        left: 0;
    
        padding-top: 10px;
        
    }
    .nav-border{
        border-radius: 60px !important;
    }
    .icon-arrow-mobile{
        font-size: 20px !important;
    }
    .btn-close-notif{

        right: 0px !important;
    }
    .button-content-whats-new{
        display: block !important;
    }
    .carousel-control-next{
        right: -16px !important;
    }
    .carousel-control-prev{
        left: -16px !important;
    }
    .title_popup_notif{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    #carrusel-notification-container .carousel-item{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .next_page_btn{
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .prev_page_btn{
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .footer-responsive{
        width: 100% !important;
    }
    #main-content.quick-setup #wizardLogout {
        display: block;
        position: absolute;
        top: 25px;
        right: -4px;
    }
    #main-content {
        padding-top: 80px;
    }
    .section-content{
        padding-left: 2%;
        padding-right: 2%;
    }
}

#main-content.quick-setup #wizardLogout a span {
    display: none;
}

#main-content.quick-setup #wizardLogout a:hover span {
    display: inline-block;
}

#left-sidebar {
    z-index: 10;
}

@media only screen and (max-width: 767px) {
    .domain_status_cell{
        display: flex !important;
        flex-direction: column !important;
    }
    .domain_status_cell button{
        margin-left: 0px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .list-domain-table tbody tr td{
        padding: 4px;
    }

    .upgrade-text-container{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #left-sidebar-nav {
        padding-bottom: 75px;
    }
    /*
    #main-content {
        padding-top: 25px;

    }
    */
    .tab-pane-profile{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dashboard_container{
        max-height: 700px;
        min-height: 700px;
    }
}

.btn-percentage:hover .progress-bar {
    background-color: #fff;
}

.user_div {
    padding: 2px;
}

.user_div img {
    width: 31px;
    height: 31px;
    border-radius: 100px;
}

.navbar-brand {
    margin-top: 9px;
    padding-bottom: 10px;
    line-height: 16px;
}

.top-navbar .navbar-btn .logo {
    width: 40px;
}

@media only screen and (min-width: 768px) {
    .navbar-nav .icon-menu {
        padding: 13px 15px 14px;
    }
}

.metismenu li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.metismenu a {
    font-size: 16px !important;
    /*margin-left: 1rem; */
    /*margin-right: 1rem; */
}

.metismenu li:hover,
.metismenu li.active {
    background-color: rgba(147, 103, 180, 0.1);
    border-left: 4px solid rgb(147, 103, 180);
}


/* MY360 HEADER */

#featuredProfileDiv .body>div {
    border-radius: 10px;
}

#featuredProfileDiv .body ul li {
    border-radius: 5px;
    margin: 1px;
}

.steps-list li {
    border: none;
    font-size: 14px;
}

.card.social {
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

.card.social:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

.my360-header {
    color: rgb(255, 255, 255);
    position: relative;
    background-image: url(../../../assets/images/dashboard-bg.png);
    background-size: auto 100%;
    padding: 20px;
    overflow: hidden;
    border-radius: 15px;
    -webkit-animation: slide 60s linear infinite;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 960px -960px;
    }
}

.profile-badge>div,
.profile-badge a {
    display: block;
    margin: auto;
    width: 100px;
    height: 90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.badge-vip a:hover {
    background-image: url(../../../assets/images/badges_vip.png);
}

.badge-amp a:hover {
    background-image: url(../../../assets/images/badges_amp.png);
}

.badge-bi2d a:hover {
    background-image: url(../../../assets/images/badges_bi2d.png);
}

.badge-osi2d a:hover {
    background-image: url(../../../assets/images/badges_osi2d.png);
}

.badge-tpe a:hover {
    background-image: url(../../../assets/images/badges_tpe.png);
}

.badge-vipx a:hover {
    background-image: url(../../../assets/images/badges_vipx.png);
}

.badge-mib a:hover {
    background-image: url(../../../assets/images/badges_mib.png);
}

.badge-s2s a:hover {
    background-image: url(../../../assets/images/badges_s2s.png);
}


/* MAIN FORM */

#rightbar .card .body,
#main-content .card .body {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
    border-radius: 15px ;
    border: none;
    cursor: pointer;
    padding: 10px;
}
#main-content .card .body-pricing {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.10);
    border-radius: 15px ;

    cursor: pointer;
    padding: 15px;
    padding-top: 32px;
    padding-bottom: 32px;

    text-align: center;
}
#main-content .card .background-pricing-3, #main-content .card .background-pricing-2, #main-content .card .background-pricing-1 {
    background: white;
    box-shadow:none;
    border-radius: 15px ;
    border: none;
    cursor: pointer;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
    color: rgb(91, 91, 91);
    padding-top: 21px;
    padding-bottom: 21px;
  
    
    /*   border-style: solid; border-width: 2px; border-image: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;*/
}
#main-content .card .background-pricing-4,#main-content .card .background-pricing-5 {

    padding-left: 18px;
    padding-right: 18px;

    padding-top: 21px;
    padding-bottom: 21px;
  
    
    /*   border-style: solid; border-width: 2px; border-image: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;*/
    text-align: left;
}
#main-content .card .background-pricing-3::before, #main-content .card .background-pricing-2::before, #main-content .card .background-pricing-1::before{
    border-radius: 15px;
    content: '';
    top: -3px;
    left: -1px;
    bottom: -3px;
    right: -1px;
    position: absolute;
    z-index:-1;
}
.background-pricing-3::before{
    background-image: linear-gradient(331deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%);

}
.background-pricing-2::before{
    background-image: linear-gradient(238deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%);

}
.background-pricing-1::before{
    background-image: linear-gradient(331deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%);

}
.pricingToggle{
    
    position: sticky;
    top: 0px;
    z-index: 2;
    background: white;
    /*margin-left: -15px;
    width: 110%;*/
}


.background-pricing-4{
    background: rgb(226,89,133);
    background: linear-gradient(238deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%);
    color: white;
    min-height: 410px;

}
.background-pricing-5{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
color: white;

}
.bannerVipLarge{
    border-radius: 42px;
    border: 1px solid #2a2a2a;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);

}
.background-pricing-3 .title{
 color: rgb(60, 60, 60);
}
.background-pricing-2 .title{
    color: rgb(60, 60, 60);
   }
   .background-pricing-1 .title{
    color: rgb(60, 60, 60);
   }
.table-pricing tbody tr:nth-child(even){
    background: #F5F7F8 ;
}

.havePlan{
    color: #e25985;
    font-size: 25px;
}
.table-pricing{
    width: 100%;
    background: white;
    border-radius: 8px;
    color:rgb(91, 91, 91) ;
}
.table-title-pricing{
    width: 100%;
}
.table_pricing_content td{
    font-size: 19px;
}
.table-pricing tbody tr th, .table-title-pricing tbody tr th{
    width: 25%;
}
.table-pricing tbody tr td, .table-title-pricing tbody tr td{
    width: 17%;
}
.table-title-pricing tbody tr th h1{
    font-weight: bold;
    color: rgb(255, 255, 255);
}
.table-title-pricing  tbody tr td{
    
    color: rgb(222, 222, 222);
}
.table-title-pricing tbody tr td span{
    font-weight: bold;
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.table-pricing tbody tr td, .table-pricing tbody tr th, .table-title-pricing tbody tr th, .table-title-pricing tbody tr td{
    padding: 20px;
}
.table-head-title tbody tr th, .table-head-title tbody tr td{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;



}
#priceProTable, #priceAdvancedTable, #priceBasicTable{

    text-shadow: 1px 1px #575757;
}
.table-pricing tbody tr td, .table-title-pricing tbody tr td{
    text-align: center;

}
.btn-pricing{
    height: 32px;
    cursor: pointer;
    width: 140px;
    max-width: 100%;

    display: block;
    margin: auto;
    position: relative;
    /*color: rgb(117, 81, 233);*/
    background: #e25985;
    color: white;
    /*background: transparent;*/
    /*border: 1px solid rgb(117, 81, 233);*/
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.current.btn-pricing.disabled{
    color: rgb(255, 255, 255);

    /*border: 1px solid rgb(255, 255, 255);*/
}
.btn-pricing:hover{
    color: white;
    background: #c33a65;
}
.btn-pricing:focus{
    background: #e25985;
    color: white;
}
.btn-pricing-pro{
    height: 32px;
    cursor: pointer;
    width: 140px;
    max-width: 100%;
    display: block;
    margin: auto;
    position: relative;
    color: white;
    /*color: rgb(117, 81, 233);*/
    background: transparent;
    /*border: 1px solid rgb(117, 81, 233);*/
    border: 1px solid white;

    padding-left: 5px !important;
    padding-right: 5px !important;
}
.btn-pricing-pro:hover{
    background-color: white;
    color: rgb(117, 81, 233);
}
.btn-remove-section-library{
    position: absolute;
    top: -23px;
    right: 0px;
    display: none;
    z-index: 2;
    transition: 0.5s;
}
.btn-remove-section-library:hover{

}
.col-btn-remove-library:hover > .btn-remove-section-library{
    display: flex;
    right:-7 ;
    top: -24;


}
.btn-remove-section-library i{
    position: relative;


}
.library-image-content{
    width: 100%;
    border-radius: 5px;
    height: 76px;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 15%);
    margin-bottom: 28px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.body-pricing .title, .title-mobile{
    text-align: left;
    font-weight: bold;
    padding-bottom: 13px;
    font-size: 22px;
}
.body-pricing .title .i-m{
    margin-left: 7px;
}

.body-pricing ul{
   
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 130px;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;

}

.background-pricing-4 ul{
    min-height: 185px;

}
.badge-recomended{
    /* position: absolute; */
    /* top: 27px; */
    /* right: 10px; */
    background: #FDFD02;
    border: white;
    color: black;
    display: block;
    margin: auto;
    width: 100px;
    margin-bottom: 20px;
}
/*
.background-pricing-1 ul{
    min-height: 160px !important;

}
*/
.row-pricing-table-mobile{
    flex-direction: column;
}
.selectTab{
    margin: auto;
    width: 400px;
    display: flex;
}
.selectTab h2{
    font-weight: bold;
    color: #ccc;
    font-size: 31px;
}
.switchBtn{
    position: relative;
    display: inline-table;
    margin: auto;
    margin-bottom: 10px;
    width: 113px;
    height: 42px;
}
.switchBtn input{
    opacity: 0;
    width: 0;
    height: 0;

}
.slider{
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #e25985;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider::before{
    position: absolute;
    content: "";
    height: 37px;
    width: 37px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider
{
    background-color: #e25985;
}
input:focus + .slider{
    box-shadow: 0 0 1px #e25985;
}
input:checked + .slider:before{
    -webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    transform: translateX(70px);
}
.slider.round{
    border-radius: 34px;
}
.slider.round::before{
    border-radius: 50%;
}
#main-content .card .body.inactive {
    background-color: #eee;
    color: #666;
}

#rightbar .card .body:hover,
#main-content .card .body:hover {
   /* box-shadow: 0 0 10px 5px rgba(147, 103, 180, 0.8);*/
    box-shadow: 0 0 10px 5px rgba(45, 176, 238, 0.8);
}

#main-content .input-group-prepend.full {
    display: block;
    width: 100%;
}

#main-content .input-group-prepend.full label {
    /*border: none;*/
    border: 1px solid rgb(225, 232, 237);
    border-bottom: none;
    border-radius: .25rem .25rem 0 0;
}

#main-content .input-group-text {
    color: #999;
    font-size: 13px;
}

#main-content .input-group input,
#main-content .input-group textarea,
#main-content .input-group select {
    color: #000;
}

#main-content .input-group input[type='text'],
#main-content .input-group select {
    height: 38px !important;
}

#main-content .input-group-keywords {
    height: 260px;
}

#main-content .input-group-keywords .form-control {
    height: 260px;
    overflow-y: auto;
    border: 0;
}

#main-content .input-group-checkbox {
    border: 1px solid rgb(225, 232, 237);
    border-radius: .25rem;
}

#main-content .input-group-checkbox label.input-group-text {
    /*color: #aaa;*/
    /*color: rgb(119, 121, 124);*/
    font-size: 13px;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgb(225, 232, 237);
    border-radius: .25rem .25rem 0 0;
    text-align: left;
}

#main-content .input-group-checkbox label.cb {
    display: block;
    cursor: pointer;
}

#main-content .input-group-checkbox label.cb.active,
#main-content .input-group-checkbox label.cb:hover {
    color: rgb(147, 103, 180);
    font-weight: 600;
}

#main-content .input-group-checkbox label.cb.disabled {
    color: #aaa;
    cursor: context-menu;
}

#main-content .input-group-checkbox label.cb.disabled:hover {
    font-weight: inherit;
}

#main-content .input-group-checkbox label.cb.disabled:hover span {
    cursor: context-menu;
}
input[type="text"]:disabled {
    background-color: #bfbfbf !important;
    color: #888 !important;
  }
  label.disabled{
    background-color: #bfbfbf !important;
    color: #888 !important;
  }
@media only screen and (max-width: 375px) {
    #main-content .input-group-prepend {
        display: block;
        width: 100%;
    }
    #main-content .input-group-prepend label {
        border-bottom: none;
        border-radius: .25rem .25rem 0 0;
    }
    #main-content .input-group-keywords .form-control {
        height: 230px;
    }

}
.card_dashboard_only_user{
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}


/* ICONS LINKS (ACCORDION) */

.accordion2 {
    border-top: none;
}

.tab-content .icon a {
    color: #eee;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 15px 0;
    border: none;
    background-color: #d8dadd;
    display: block;
    text-align: center;
    margin: auto;
}

.tab-content .icon a i {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}

.tab-content .icon a.btn-selected {
    color: #fff;
}

.tab-content .icon a.icon-image img {
    height: 28px;
    margin: auto;
}

.tab-content .icon p {
    font-size: 10px;
    margin: 2px auto 10px;
    word-wrap: initial;
    text-align: center;
}

small.list-number {
    width: 20px;
    display: inline-table;
    text-align: right;
}


/* IMAGE UPLOAD*/

.dropzone {
    /* border: 2px dashed rgb(57, 61, 66); */
    border: 1px dashed rgba(147, 103, 180, 0.5);
    color: rgb(147, 103, 180);
    background-color: transparent;
    border-radius: 5px;
    /*min-height: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px !important;
    flex-direction: column;
}

.dropzone:hover {
    border-color: rgb(147, 103, 180);
    background-color: rgba(147, 103, 180, 0.15);
    color: rgb(10, 10, 10);
}

.dropzone.dz-clickable .dz-message {
    /*font-size: 12px;*/
    padding: 10px 5px;
    margin: 0;
}

.dropzone .dz-preview {
    margin: 15px;
}

.dropzone.dropzone-sm .dz-preview {
    margin: 5px;
}

.dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
    display: flex;
    align-items: center;
}

.dropzone .dz-preview .dz-image {
    width: 100px;
    height: 100px;
}
.dropzone-background{
    min-height: 90px !important;
}
.dropzone.dropzone-sm .dz-preview .dz-image {
    width: 69px;
    height: 67px;
}

.progress-upload {
    margin-top: 5px;
}

.progress-upload p {
    font-size: 10px;
    text-align: center;
    color: #515b69;
}

.bar {
    height: 5px;
    background-color: #515b69;
    border-radius: 5px;
    margin-bottom: 5px;
}

.bar.complete {
    background-color: green;
}

.thumb-image {
    max-width: 50px;
    margin: auto 10px auto auto;
    box-shadow: 0 0 5px 1px #000;
}

#bgEditor {
    
    width: 480px;
    height: 286px;
    background-color: #fff;
    border: 1px solid;

    margin: auto;
    position: relative;
    overflow: hidden;
    /*box-shadow: 0 0 2px 1px #ddd;*/

}

#bgTools>div {
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
}
.range-image-controls{

    width: 90%;
}
.holder-desktop, .holder-mobile{
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    */
}
#bgHolder {
    width: 480px;
    height: 286px;
    background-image: url(../../../assets/images/background_guides.png);
    background-size: cover;
    background-position: center;
    opacity: 0.35;
    position: absolute;
    z-index: 100;
}

#picPadHolder {
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    /*background-color: rgba(255, 255, 255, 0.8);*/
}

#picHolder {
    
    position: relative;
    bottom: 0;

    transition:transform 400ms;
    
}
.picHolderBackground{
    background-position: center center;
    background-size: cover;
    width: 177px;
    height: 264px;
}
.modal-content-upload{
    max-width: 80%;
    margin: auto;
}
.modal-content{
    color: #6c757d;
}

#picPad {
    margin: auto;
    width: 100%;
}

#picPad td {
    width: 20%;
    text-align: center;
}

#picPad td a {
    display: block;
    color: #eee;
    background-color: #999;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 2px 5px;
}

#picPad td a.up {
    border-radius: 5px 5px 0 0;
}

#picPad td a.right {
    border-radius: 0 5px 5px 0;
}

#picPad td a.down {
    border-radius: 0 0 5px 5px;
}

#picPad td a.left {
    border-radius: 5px 0 0 5px;
}

.slidecontainer {
    width: 100%;
    height: 40px;
}

.slider-pad {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 5px;
}

.slider-pad:hover {
    opacity: 1;
}

.slider-pad::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    background-image: url(../../../assets/images/horizontal-control.jpg);
    background-size: cover;
    cursor: w-resize;
    border-radius: 5px;
}

.slider-pad::-moz-range-thumb {
    width: 40px;
    height: 40px;
    background-image: url(../../../assets/images/horizontal-control.jpg);
    background-size: cover;
    cursor: w-resize;
    border-radius: 5px;
}
.pointer{
    cursor: pointer !important;
}
.image-uploads{
    max-width: 80%;
}
.image-icon, .image-icon-remove {
    color: rgba(200, 200, 200, 0.5);
    position: relative;
    max-width: 100%;
}
.image_photo{
    color: rgba(200, 200, 200, 0.5);
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.image-icon:hover i, .image-icon-remove:hover i {
    color: rgba(250, 250, 250, 0.95);
    text-shadow: 0 0 5px rgba(150, 150, 150, 1);
}
.image-icon>div{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.image-icon-remove>div {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.image-icon>div>div, .image-icon-remove>div>div {
    position: relative;
    top: 40%;
    width: 100%;
}

.image-icon img, .image-icon-remove img {
    border-radius: 3px;
    margin-bottom: 3px;
    text-align: center;
    max-height: 190px;
    width: auto;
}
.py-buttons{
    text-align: center;
}
#main-content .input-group-image {
    border: 2px solid #e25985;
    border-radius: 5px;
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}
.input-image-quick{
    min-height: 300px !important;
}

#main-content .input-group-image:hover {
    border: 2px solid #e25985;
    background-color: #eee;
}

#main-content .input-group-image span {
    /*background-color: rgb(57, 61, 66);*/
    background-color: #ccc;
    border-radius: 3px;
    /*border-radius: 0 0 3px 3px;*/
    margin: 0;
    padding: 5px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #333;
    font-size: 12px;
}

#main-content .input-group-image:hover span {
    background-color: #e25985;
    color: #fff;
    /*background-color: rgba(255,255,255,0.75);*/
    /*color: #333333;*/
}


/* PAYMENT METHODS */

#paymentsBody .card {
    background: rgba(62, 72, 86, 1);
    background: -moz-linear-gradient(-45deg, rgba(62, 72, 86, 1) 0%, rgba(100, 112, 128, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(62, 72, 86, 1)), color-stop(100%, rgba(100, 112, 128, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(62, 72, 86, 1) 0%, rgba(100, 112, 128, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(62, 72, 86, 1) 0%, rgba(100, 112, 128, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(62, 72, 86, 1) 0%, rgba(100, 112, 128, 1) 100%);
    background: linear-gradient(135deg, rgba(62, 72, 86, 1) 0%, rgba(100, 112, 128, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3e4856', endColorstr='#647080', GradientType=1);
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    display: block;
    margin-bottom: 10px;
    cursor: default;
    height: 110px;
}

#paymentsBody .card:hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
}

#paymentsBody .card h4 {
    color: #ddd !important;
    padding: 5px 0;
    margin: 0;
    font-size: 12px;
}

#paymentsBody .card h5 {
    color: #fff !important;
    padding: 0 0 2px;
    margin: 0 0 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#paymentsBody .card h5 small {
    color: #fff !important;
    font-size: 14px;
}

#paymentsBody .card h6 {
    color: #bbb !important;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

#paymentsBody .card .actions {
    float: right;
    color: #999;
}

#paymentsBody .card .actions a {
    color: rgba(255, 255, 255, 0.5);
}

#paymentsBody .card .actions a:hover {
    color: #fff;
}

#paymentsBody .card .actions .active {
    color: #fc0;
}

#paymentsBody .card .info i {
    color: #999;
}


/* DATATABLE */

thead th {
    background-color: #ddd !important;
}

tfoot th {
    background-color: #eee !important;
}


/* TOGGLE */

.card .header h2 .switch {
    margin-left: 10px !important;
    margin-bottom: -5px !important;
}
.card .headerCard h2 .switch {
    margin-left: 10px !important;
    margin-bottom: -5px !important;
}
.toggle-status {
    font-size: 11px;
    font-weight: bolder;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    display: inline;
    position: relative;
    top: -2px;
    text-align: center;
    left: -1px;
    letter-spacing: 1px;
}

.toggle-on {
    background-color: #55B57B;
    color: #fff;
}

.toggle-off {
    background-color: #d46057;
    color: #fff;
}
/* RADIO BUTTON */

.radioButton1{
    width: 45%;
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}
  
  .radioButton1 input[type='radio'] {
    display: none;
  }
  
  .radioButton1 label {
    color: #666;
    font-weight: normal;
  }
  
.radioButton1 label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid rgb(147, 103, 180);
    background-color: transparent;
  }
  
  .radioButton1 input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: rgb(147, 103, 180);
  }

/* INDUSTRIES */

.industry-checkboxes label span {
    font-size: 14px;
}


/* FOOTER */

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(241, 244, 246);
}


/* MOUSE OVER */

.mouse-cursor .even,
.mouse-cursor .odd {
    cursor: pointer !important;
}

.mouse-cursor .list-group-item:hover,
.mouse-cursor tr.hover:hover td {
    background-color: #aaa;
    color: #fff;
}


/* CANCELLATION */

.wizard .content {
    min-height: 300px;
    /*padding: 10px;*/
}

.wizard>.content>.body {
    border: none;
    width: 100%;
}

.wizard>.actions {
    text-align: center;
}

.wizard>.actions a {
    background-color: #9367B4 !important;
}

.wizard>.actions li[aria-disabled="true"] a {
    background-color: #eee !important;
}

#accordionVip [aria-expanded="true"] a i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
#accordionVip li a i{
    position: absolute;
    right: -12px;
}
.card-body-border{
    border-radius: 17px !important;
}
#cancellationRequestForm .input-group-prepend span {
    color: #999;
    font-size: 13px;
}

@media only screen and (max-width: 417px) {
    #cancellationRequestForm .input-group-prepend {
        display: block;
        width: 100%;
    }
    #cancellationRequestForm .input-group-prepend span {
        border-radius: 0.25rem 0.25rem 0 0;
        border-bottom: none;
    }

}
#cancellationRequestForm .input-group-prepend span {
    color: #999;
    font-size: 13px;
}

@media only screen and (max-width: 417px) {
    #cancellationRequestForm .input-group-prepend {
        display: block;
        width: 100%;
    }
    #cancellationRequestForm .input-group-prepend span {
        border-radius: 0.25rem 0.25rem 0 0;
        border-bottom: none;
    }

}


/* SEARCH */

.search-result {
    max-height: 555px;
    overflow-y: auto;
}

.search_div {
    z-index: 1000;
    padding: 10px 10px 5px;
}

.search_div .table-search {
    height: calc(100% - 155px);
    overflow-y: auto;
}


/*.search_div table{*/


/*width: 500px;*/


/*}*/

.search_div .searchCol {
    /*width: 200px;*/
}

#searchIndustry {
    border-radius: .25rem 0 0 .25rem;
    height: 35px;
}
@media only screen and (max-width: 990px) {
    #bgEditor {
        width: 317px;
        
    }
    #bgHolder {
        width: 317px;
    
    }
}

@media only screen and (max-width: 900px) {
    .vip_club_logo{
        max-width: 100% !important;
    }


    .pricingToggle{

    }
    .selectTab{
        width: 283px;
    }
    .selectTab h2{
        font-size: 24px;
    }
    .switchBtn{
        width: 96px;
    }
    .body-pricing ul{
        min-height: 135px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 16px;
    }
    #main-content .card .body-pricing{
        min-height: 380px;
    }
    .body-special ul{
        min-height: 135px !important;
    }
    input:checked + .slider:before{
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    .modal-content-upload{
        max-width: 100%;
        margin: auto;
    }
    .py-buttons{
        text-align: left;
    }
    #searchIndustry {
        border-radius: .25rem .25rem .25rem 0;
    }
    #searchThis {
        border-radius: 0 0 0 .25rem;
    }
    .search_div .input-group-prepend {
        display: block;
        width: 100%;
    }
    .search_div .table-search {
        height: calc(100% - 205px);
        overflow-y: auto;
    }
    /*.search_div table{*/
    /*width: 315px;*/
    /*}*/
    .search_div .searchCol {
        /*width: 115px;*/
    }
    .search-result {
        max-height: 300px;
    }
}
.btn-more{
    background: linear-gradient(238deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%);
    color: white;
    border: none;
    display: block;
    margin: auto;
    padding-left: 34px;
    padding-right: 34px;
    font-size: 20px;
    margin-top: 10px !important;
    border-radius: 23px;
}
#plansCollapse div [aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.btn-more:hover{
    color: white;
}

/* CBP */

.cbp-sidebar {
    border-color: #9367B4 !important;
}

.cbp-sidebar>a {
    background-color: #9367B4 !important;
}

.cbp-sidebar {
    line-height: 16px;
}

.cbp-sidebar small {
    font-size: 12px;
}

#affiliate_message p {
    line-height: 26px;
}

#affiliate_message p small {
    font-size: 12px;
}

#cbpModal ol li {
    line-height: 25px;
}


/* GLOBAL */

body {
    font-family: 'Poppins', sans-serif;
}


.li-item-nav{
    margin-right: .5rem;
}

li.dropdown {
    font-size: 14px;
}

.text-gray {
    color: #999;
}


.border-gray {
    border-color: #ddd !important;
}

.btn {
    font-weight: 600;
}

.btn-shadow {
    box-shadow: 0 2px 5px 1px rgba(20, 20, 20, 0.25) !important;
}

.btn-shadow:hover {
    box-shadow: 0 2px 8px 1px rgba(20, 20, 20, 0.5) !important;
}


.btn-success {
    background-color: #51d444;
    
}
.btn-gold {
    background-color: #E6AB30;
    
}
.btn-glow-blue:hover{
    box-shadow: 0 0 10px 5px rgb(45 176 238 / 80%);

}
.btn-block{
    display: block;
    margin: auto;
}
.btn-danger {
    background-color: #d46057 !important;
    border: none !important;
}

.btn-vip {
    background-color: #000 !important;
    color: #fc0 !important;
   
    display: block;
    margin: auto;

   
}
.btn-vip-banner{
    background-color: #000 !important;
    color: #fc0 !important;
    min-width: 200px;
    display: block;
    margin: auto;
   
}
.body-special{
    min-height: 330px;
}
.body-special ul{
    min-height: 95px;
}
.accordionBenefits{
    margin-left: 100px;
    margin-right: 100px;
}
.accordionBenefits .card-header .btn{
    font-size: 18px;
    color: #404040 !important;
}

.text-vip{
    color: #fc0 !important;
    
}
.btn-vip2 {
    background-color: #fc0 !important;
    color: #000 !important;
    display: block;
    margin: auto;
    width: 435px;

   
}
.btn-vip2:hover {
    box-shadow: 0 0 10px 5px rgb(45 176 238 / 80%);
    background-color: rgb(174, 140, 0) !important;


   
}
.showing-offer{
    display: none;
}
.btn-center{
    margin-top: 40px;
}
.btn-vip-special{
    background-color: #000 !important;
    color: #fc0 !important;
    display: block;
   
    transform: scale(1);
    animation: pulse 2s infinite;
    margin: auto;
}
.btn-vip-special:hover {
    color: #000 !important;
    background-color: #fc0 !important;
}
.btn-vip:hover {
    color: #000 !important;
    background-color: #fc0 !important;
}

.btn-cbp {
    font-size: 1.25rem;
    background: rgb(39, 238, 28);
    background: linear-gradient(180deg, rgba(39, 238, 28, 1) 0%, rgba(56, 122, 16, 1) 100%);
}

.btn-cbp-menu.active {
    box-shadow: 0 0 5px 1px rgba(20, 20, 20, 0.5) !important;
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%) !important;
}

.bg-indigo {
    color: #fff;
}

.bg-indigo:hover {
    color: #fff;
    background: #ff75a1;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-search {
    background-color: rgb(241, 244, 246) !important;
}

.btn-indigo {
    color: #fff !important;
    background-color: rgb(0,163,235) !important;
    border: none !important;
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

.h40 {
    height: 40px !important;
}

.w40 {
    width: 40px !important;
}
.h90 {
    height: 126px !important;
}

.w90 {
    width: 126px !important;
}

.rounded-iframe {
    border-radius: 10px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

iframe {
    /*border-radius: 10px !important;*/
}

.img-round {
    border-radius: 10px;
}

.invalid-field {
    border: 1px solid #f00 !important;
}


/**/

.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #ccc;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

.form-control::placeholder {
    color: #ccc;
}


/* PRICING */

.pricing-icon {
    border: 2px solid rgb(147, 103, 180);
    background-color: rgba(147, 103, 180, 0.1);
    width: 150px;
    height: 150px;
    margin: auto;
    padding-top: 30px;
    text-align: center;
}

.pricing:hover .pricing-icon {
    background-color: rgba(147, 103, 180, 1);
}

.pricing h5 span {
    vertical-align: top;
    font-size: 12px;
}


/* ABOUT */

.services-item {
    padding: 25px;
    border: 1px solid #f5f5f5;
    margin-bottom: 30px;
    border-radius: 4px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.services-item .icon i {
    font-size: 42px;
    width: 42px;
    height: 42px;
    background: linear-gradient(to right, #f66d9b 0%, #FFA117 98%, #FFA117 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.services-item .services-content h3 {
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 10px;
}

.services-item .services-content h3 a {
    font-size: 17px;
    color: #333333;
}

.services-item:hover {
    border-color: #FFA117;
    box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.05);
}

#feature {
    background: #22252a;
}

#feature hr {
    border-color: #414448;
}

#feature .title-h3 {
    color: #a5a8ad
}

.feature-thumb {
    margin-right: -60px;
}

.features-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

.features-box .features-icon {
    margin-bottom: 15px;
}

.features-box .features-icon i {
    background: linear-gradient(to right, #f66d9b 0%, #FFA117 98%, #FFA117 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 30px;
}

.features-box .features-content h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.team-item {
    margin: 15px 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.team-item .team-img {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 7px;
}

.team-item .team-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    width: 100%;
    border-radius: 0px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.team-item .overlay-social-icon {
    color: #fff;
    top: 45%;
    position: absolute;
    display: table-cell;
    margin: 0 auto;
    width: 100%;
}

.team-item .overlay-social-icon .social-icons {
    padding-left: 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.team-item .overlay-social-icon .social-icons li {
    display: inline-block;
    margin: 0 4px;
}

.team-item .overlay-social-icon .social-icons li a {
    letter-spacing: 0px;
    outline: 0 !important;
}

.team-item .overlay-social-icon .social-icons li a i {
    font-size: 20px;
    color: #fff;
    width: 36px;
    height: 36px;
    background: #17C2D7;
    display: block;
    border-radius: 36px;
    line-height: 36px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.team-item .overlay-social-icon .social-icons li a:hover .lni-facebook-filled {
    background: #3B5998;
}

.team-item .overlay-social-icon .social-icons li a:hover .lni-twitter-filled {
    background: #00aced;
}

.team-item .overlay-social-icon .social-icons li a:hover .lni-instagram-filled {
    background: #fb3958;
}

.team-item .info-text {
    padding: 15px 20px;
}

.team-item .info-text h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}

.team-item .info-text h3 a {
    color: #333;
}

.team-item .info-text h3 a:hover {
    color: #17C2D7;
}

.team-item .info-text p {
    margin: 0;
    color: #888;
}

.team-item:hover .team-overlay {
    opacity: 1;
}


/* Blink */

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}


/* Wizard */
/*

#wizardForm {
    background-color: #ffffff;
    margin: auto;
    border-radius: 30px;
    max-width: 90%;
}
*/


/*
#wizardForm .form-control {
}
#wizardForm input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}
*/

#wizardForm input.invalid,
#wizardForm select.invalid {
    background-color: #ffdddd;
}

#wizardForm .tab {
    display: none;
}

#wizardForm .step {
    height: 22px;
    width: 22px;
    margin: 0 8px;
    background: #E1E8ED;
    border: none;
    border-radius: 50%;
    display: inline-block;
}

#wizardForm .step.active {
    background: rgba(60, 169, 252, 0.5);
    border: 2px solid white;
    outline: 2px solid #3CA9FC;
}

#wizardForm .step.finish {
    background: #3CA9FC;
}

#wizard_available option:disabled {
    color: #bbb;
    background-color: #eee;
}

#wizardPreview ul {
    list-style: none;
}

#main-content .badge-active {
    background-color: rgb(23, 194, 215);
    color: #ffffff;
}

#main-content .badge-default.disabled {
    border-color: #eee !important;
    color: #eee !important;
}

#main-content #wizardLogout {
    display: none;
}

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

    #wizardForm .full-width {
        width: 100%;
    }
}



.btn-classic {
    background-color: #0066b3;
}

.btn-male {
    background-color: #ee4023;
}

.btn-female {
    background-color: #ff0080;
}

.social-item span {
    min-width: 76px !important;
    max-width: 150px !important;
    max-height: 76px !important;
    margin: auto auto 5px !important;
    display: block !important;
}

.social-item span.padding {
    padding: 13px 0 17px !important;
    width: 76px !important;
}

.social-item span.padding.border {
    padding: 12px 0 15px !important;
}

.social-item span.padding img {
    height: 35px !important;
    margin-top: 2px !important;
}

.social-item span.circle {
    border-radius: 100% !important;
}

.social-item span.square {
    border-radius: 0px !important;
}

.social-item span.round {
    border-radius: 10px !important;
}

.social-item span.border {
    border: 2px solid #fff !important;
}

.social-item span.solid {
    background-color: #fff !important;
}

.social-item span.gradient-linear {
    background: rgba(226, 226, 226, 1);
    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
}

.social-item span.gradient-circular {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(38%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(212, 212, 212, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1);
}






/*preview items*/

.social-item2 span {
    min-width: 76px !important;
    max-width: 150px !important;
    max-height: 76px !important;
    margin: auto auto 5px !important;
    display: block !important;
}

.social-item2 span.padding {
    padding: 13px 0 17px !important;
    width: 76px !important;
}

.social-item2 span.padding.border {
    padding: 12px 0 15px !important;
}

.social-item2 span.padding img {
    height: 35px !important;
    margin-top: 2px !important;
}

.social-item2 span.circle {
    border-radius: 100% !important;
}

.social-item2 span.square {
    border-radius: 0px !important;
}

.social-item2 span.round {
    border-radius: 10px !important;
}

.social-item2 span.border {
    border: 2px solid #fff !important;
}

.social-item2 span.solid {
    background-color: #fff !important;
}

.social-item2 span.gradient-linear {
    background: rgba(226, 226, 226, 1);
    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
}

.social-item2 span.gradient-circular {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(38%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(212, 212, 212, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 38%, rgba(212, 212, 212, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1);
}

/* Deep Links List */

.list-links {
    padding: 0;
    padding-left: 15px;
    margin: 0;
    list-style: square;
    color: rgb(147, 103, 180);
}

.list-links p {
    font-size: 12px;
}

.list-links input {
    font-size: 12px !important;
}

.copied {
    box-shadow: 0 0 5px rgb(147, 103, 180) !important;
}

.col-s-xs-5,

.col-s-sm-5,

.col-s-md-5,

.col-s-lg-5 {

  min-height: 1px; 
  margin: 4px;
  position: relative;

}

.col-s-xs-5 {

  float: left;

  width: 19%;

}

.icon-menu-left svg{
    position: relative;
    top: -3px;
}
.st_my360-menu{
    fill: #131313;
}
.zoom-card-menu{
    transition: transform .5s;
}
.zoom-card-menu :hover{
    transform: scale(1.2);
}
.card-menu .card-body{
    min-height: 174px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.card-menu .card-img-top{
    max-height: 163px;
    min-height: 163px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;

}
.image_container_menu{
    background-color: white;
    width: 100%;
    position: relative;
    float: left;
}
.image_container_menu .vid-clip-play {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
  }
  /*
  .image_container_menu .vid-clip-play i{
    -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.75);
  }*/


  
  .image_container_menu .vid-clip-play:hover {
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66000000', endColorstr='#66000000'); /* IE */
  
  }
  .gold-card-background{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #ffe261 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%) !important;
    border:none !important;
    color: white !important;

  }
  .background-membership{
    background: rgb(226,89,133) !important;
    background: linear-gradient(238deg, rgba(226,89,133,1) 0%, rgba(226,89,133,1) 11%, rgba(146,103,179,1) 100%) !important;
    color: white !important;
    border:none !important;
  }
@media (max-width: 768px) {

    .bannerVipLarge{
        padding: 5px;
        background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                    radial-gradient(ellipse farthest-corner at left top, #ffe261 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%);

    }
    .bannerVipLarge h1{
       font-size: 28px;
    }

    .col-s-sm-5 {
  
      float: left;
  
      width: 100%;
  
    }
  
  }
  
  @media (min-width: 992px) {
  
    .col-s-md-5 {
  
      float: left;
  
      width: 19%;
  
    }
  
  }
  
  @media (min-width: 1200px) {
  
    .col-s-lg-5 {
  
      float: left;
  
      width: 19%;
  
    }
  
  }

/* VIP Club List */

.list-vip {
    list-style: none;
    padding: 0;
    margin: 0 0 0 20px;
    margin-right: 20px;
    position: relative;
    padding-top: 7px;
    margin-bottom: 20px;
    /*top: -43px;*/
}
.vip_club_logo{
    max-width: 348px; 
    display:block; 
    margin: auto;   
     position: relative;
     top: -20px;
}
.vip_club_logo2{
    max-width: 348px; 
    display:block; 
    margin: auto;   
    position: relative;
    top: -22px;
}
.list-vip li {
    font-size: 16px;
    padding: 4px 0;
}

.list-vip li::before {
    content: "✓";
    margin-left: -15px;
    margin-right: 5px;
    font-weight: 900;
    color: rgb(0, 204, 0);
}



/* NDA */

.nda {
    background-color: #fff;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
    width: 100%;
    color :#14284e;
}

.nda h5 {
    color: #9367B4;
    ;
}

.list-nda {
    margin: 0;
}

#signature {
    border: 1px dashed #ced4da;
    border-radius: .25rem;
    /* min-height: 200px; */
}

.card.shadow {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15) !important;
    border-radius: 15px !important;
}

#requestBtn {
    position: fixed;
    bottom: 5px;
    left: 46%;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15) !important;
    text-transform: uppercase;
    z-index: 99;
}
#walletBtn{
    position: fixed;
    bottom: 5px;
    z-index: 99; 
    left:35%
}

.my360-holder {
    text-align: right !important;
}
.div-search-text{
    min-width: 250px;
    max-width: 250px;
}
@media only screen and (max-width: 600px) {
    .li-item-nav{
        margin-right: 2px;
    }
    .container-nav{
        padding: 2px !important;
    }
    .div-search-text{
        min-width: 177px;
        max-width: 177px;
    }
    #requestBtn {
        bottom: 50px;
        left: 10px;
    }
    #walletBtn{
        position: fixed;
        bottom: 5px;
        z-index: 99; 
        left:7%
    }
    .my360-holder {
        text-align: center !important;
        margin-bottom: 10px;
    }
}

.line-through {
    text-decoration: line-through;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
    display: flex;
    flex-direction: column;
}

.row.display-flex>[class*='col-'] .card,
.row.display-flex>[class*='col-'] .card .body,
.row.display-flex>[class*='col-'] .card .body table {
    height: 100% !important;
    width: 100% !important;
}

#replayCard .segments .link {
    position: relative;
}

#replayCard .segments a {
    width: 98%;
    height: 98%;
    display: block;
    position: absolute;
    left: 0;
    border: 1px dashed #ddd;
    border-radius: 5px;
    margin: 1%;
}

#replayCard .segments a:hover {
    border-color: rgb(147, 103, 180);
}

#replayCard .segments a:hover p {
    background-color: rgba(147, 103, 180, 0.75);
}

#replayCard .segments a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
}

#replayCard .segments .link.active a {
    border-color: rgb(147, 103, 180);
    border-style: solid;
}

#replayCard .segments .link.active a p {
    background-color: rgba(147, 103, 180, 0.95);
}

.metismenu ul a {
    padding-left: 0;
}

.metismenu ul a::before {
    width: 0 !important;
}

.btn-hover-zoom {
    transition: all .2s ease-in-out;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
    margin-bottom: 10px;
    margin-top: 10px;
}
.btn-hover-green-zoom{
    transition: all .2s ease-in-out;
}
.btn-hover-green-zoom:hover{
    transform: scale(1.1);
}
.btn-hover-zoom:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.75);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 1);
}

.theme-indigo .nav.nav-tabs3>li>a:hover {
    background-color: #fff;
}

.theme-indigo .nav.nav-tabs3>li>a.active {
    background-color: #e25985 !important;
    color: #fff !important;
}

#eventsDashboardHolder h3 {
    font-size: 20px;
}

#eventSectionsHolder .btn {
    text-transform: uppercase;
    font-size: 1.15rem;
}

#tipsModal {
    border: 4px solid #CCC;
    width: 400px;
    /* height:50px; */
    display: none;
    position: fixed;
    left: 50%;
    /* top:50%; */
    /* margin: -25px 0 0 -50px; */
    border-radius: 15px;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.75);
    /* padding: 10px; */
}

#tipsModal .header {
    padding: 5px 10px;
    cursor: all-scroll;
    border-bottom: 1px solid #ccc;
}

#tipsModal .header:hover {
    color: rgb(147, 103, 180) !important;
}

#tipsModal .body {
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
}

.is-tags p {
    font-size: 12px;
}

.is-tags p:hover {
    background-color: #eee;
}

.select2-container {
    padding: 0;
}

.select2-container .select2-choice {
    padding: 4px !important;
    height: 36px !important;
}

.select2-container .select2-choice .select2-arrow {
    padding-top: 3px !important;
}

#cbpHolder ul li span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    padding: 2px;
}

.sortable li:hover {
    color: #fff !important;
    background-color: #666 !important;
}

.sortable li button,
.sortable li button:hover {
    cursor: n-resize !important;
}

.eventReplay>li:hover {
    background-color: #ddd !important;
}

#paymentForm {
    width: 100%;
}

.bootstrap-tagsinput.form-control {
    height: auto;
}

.offset-sm-4-5 {
    margin-left: 37.5%;
}

.btn-outline-warning:hover,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff !important;
}
/*
.offcanvas-active #left-sidebar .btn-toggle-offcanvas {
    position: absolute;
    top: 2px;
    right: 2px;
}
*/
.offcanvas-active #sidebarNew .btn-toggle-offcanvas-new {
    position: absolute;
    top: 2px;
    right: 2px;
}
.date-range-commissions label{
    display: flex;
    align-items: center;
}
.date-range-commissions input, .date-range-commissions select{
    max-width: 150px;
}
.date-range-commissions{
    display: flex;
    justify-content: space-between;
}


.date-range-top-commissions label{
    display: flex;
    align-items: center;
}
.date-range-top-commissions input, .date-range-top-commissions select{
    max-width: 150px;
}
.date-range-top-commissions{
    display: flex;
    justify-content: space-between;
}


.date-repeat-every{
    display: flex;
    width: 150px;
    justify-content: space-between;
}
.higlight-no-adds{
    font-size: 20px;
    color: #e25985;
    border: 1px solid;
    padding-left: 4px;
    padding-right: 4px;
    width: 113px;
    display: block;
    margin: auto;

}
.higlight-no-adds-red{
    font-size: 20px;
    color: red;
    border: 1px solid;
    padding-left: 4px;
    padding-right: 4px;
    width: 113px;
    display: block;
    margin: auto;

}
.higlight-no-adds-white{
    font-size: 20px;
    border: 1px solid;
    padding-left: 4px;
    padding-right: 4px;
    width: 113px;
    display: block;
    margin: auto;

}
@media screen and (max-width: 767px) {
    .offcanvas-active #left-sidebar {
        width: 70% !important;
    }
    .date-range-commissions{
        flex-direction: column;
    }
    .date-range-commissions input{
       display: block;
       margin: auto;
       width: 100% !important;
       margin-bottom: 10px !important;
    }
    .date-range-top-commissions{
        flex-direction: column;
    }
    .date-range-top-commissions input{
       display: block;
       margin: auto;
       width: 100% !important;
       margin-bottom: 10px !important;
    }
    .date-range-top-commissions input, .date-range-top-commissions select{
        max-width: 100% !important;
    }
}

.navbar-nav>li:hover .dropdown-menu {
    display: none !important;
}

.navbar-nav>li.dropdown-show:hover .dropdown-menu {
    display: block !important;
}
.input_image_content>.input-group>.input-group-image{
    min-height: 180px !important;
}
.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
.select2-container{
    flex: 1 1 auto;
}
.select2-selection__rendered img{
    margin-top: 5px;
}
.select2-container--default .select2-selection--single{

    border: 1px solid #e1e8ed !important;
}

/*QUICK SETUP*/

#finishCol{
    padding-right: 25px;
}

.content-center{
    width: 100%;
}
.form-row-Quick{
    display: flex;
    align-items: center;
    justify-content: center;
}
.iframe_appointments{
    height:468px;
    /*border: 2px solid #9367B4;*/
   /* margin-bottom: 20px;*/
}
.upload-quick-button{
    display: block;
    font-size: 19px;
    margin: auto;

    margin-bottom: 10px;
}
.rotate-quick-button{
    display: block;
    margin: auto;
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 12px;

    border: 1px solid #131313;
    color: #131313;
    background-color: white !important;
}
.quick_insdustry{
    height: 310px;
}

.main-wrapper{
 min-height: 100%;
}
#prevBtn, #skipBtn, #nextBtn, .rotate-quick-button {
    width: 132px;
    height: 36px;
    background: #E1E8ED !important;
    border-radius: 20px;
    border: 0;
}
#nextBtn {
    background: #E25985 !important;
}
/*
.quick-content{
    margin-top: 5%;
}
*/
.container-fluid-quick{
    width: 45%;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
.wizardFormContainer{
    /*min-height: 750px;*/
}
.quicksetup-card{
    border-radius: 25px !important;
    
}
.fieldQuickStep1 {
    width: 25%;
    margin: auto;
}

.fieldQuickStep2 {
    /*width: 30%;*/
    margin: auto;
    
}

.fieldQuickStep3 {
    padding-left: 70px;
    padding-right: 70px;
}

.fieldDarkQuick {
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #E1E8ED;
    border-radius: 20px;
    padding-left: 40px;
}
.bg-white-direct,.bg-white-direct:focus{
    background: white;
    
}
.field-direct-flex{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.buttons-group{
    width: 300px;
    margin: auto;
    display: block;
}
@media screen and (max-width: 767px) {
    .iframe-upgrade iframe{
        max-width: 100%;
        height: 200px !important;
    }
    #select_all_button{
        margin-top: 15px;
    }
    .btn-vip2 {
  
        width: 100%;
    
       
    }
    .list-steps-vip li label{
        display: block;
        
    }
    .list-steps-vip li a{
        display: block;
        margin: auto;
    }
    .iframe-vip-video-2 iframe{
        height: 200px;
    }
    #finishCol{
        padding-right: 15px;
    }
    .quicksetup-card{
     
        padding-top: 0px !important;
    }
    .iframe_appointments{
        height:104% !important;
        /*margin-bottom: 20px;*/
        position: relative;
        top: -28px;
    }
    .quick_insdustry{
        height: 369px;
    }
    
    .quickLogo{
        width: 10% !important;
    }
    /*
    .quick-content {
        margin-top: 15% !important;
    }
    */
    /*
    #wizardForm{
        max-width: 100% !important;
        width: 100% !important;
        
    }
    */
    

    #main-content.quick-setup #wizardNav{
        bottom: 10px !important;
        position: absolute;
        width: 100%;
        left: 0;
    
        padding-top: 10px;
        
       
    }
    .margin-quick-setup{
        margin-top: 80px !important;
    }
    /*
    .if-mobile-col{
        padding: 0% !important;
    }*/
    .if-mobile-quick-setup{
        background: #FFFFFF !important;
        /*height: 100%;*/
    }
    .card-if-mobile .body{
        
        border: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        
        height: 100%;
    }
    .card-if-mobile{
        height: 100%;
    }
    .fieldQuickStep1 {
        width: 80%;
        margin: auto;
    }
    .fieldQuickStep2 {
        /*width: 30%;*/
        margin: auto;
    }
    .fieldQuickStep3 {
        padding-left: 40px;
        padding-right: 40px;
    }
    #main-content .input-group-image {
        border: 2px solid #e25985;
        border-radius: 5px;
        height: 300px;
        width: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        min-height: auto;
    }
    .socialContainer{
        width: 100% !important;
    }
}


/*DASH BOARD*/

.btn-dashboard-head {
    /* width: 50%; */
    /* margin: auto; */
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .btn-dashboard-head {
        width: 95%;
        margin: auto;
    }
    .container-fluid-quick{
        width: 100%;
    }
}


/*Mouseflow API View Start*/

@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap");
* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
}

main .outer-section {
    width: 100%;
    display: inline-block;
    font-family: "Source Sans Pro", sans-serif;
}

main .outer-section .inner-section .traffic-overview {
    border: 1px solid #333;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    width: 540px;
    margin-bottom: 20px;
}

main .outer-section .inner-section .traffic-overview .title-section {
    display: flex;
    align-items: center;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell {
    flex: 1;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell h2 {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell:last-child ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell:last-child ul li {
    flex: 1;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell:last-child ul li a {
    position: relative;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell:last-child ul li a.add-icon::before {
    content: '';
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    vertical-align: middle;
    background-image: url(./images/add.svg);
    background-size: 10px auto !important;
    background-repeat: no-repeat;
}

main .outer-section .inner-section .traffic-overview .title-section .title-cell:last-child ul li a.delete-icon::before {
    content: '';
    width: 10px;
    height: 13px;
    cursor: pointer;
    position: absolute;
    vertical-align: middle;
    background-image: url(./images/trash.svg);
    background-size: 10px auto !important;
    background-repeat: no-repeat;
}

main .outer-section .inner-section .traffic-overview .traffic-container {
    display: flex;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell {
    flex: 1;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell:first-child {
    position: relative;
    margin-right: 30px;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul li {
    flex: 0 0 50%;
    padding-bottom: 10px;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul li:nth-child(even) {
    text-align: right;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul li span {
    font-size: 10px;
    color: #333;
    font-weight: bold;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul li span.value {
    color: #73aa42;
}

main .outer-section .inner-section .traffic-overview .traffic-container .traffic-cell ul li:nth-child(even) span {
    color: #73aa42;
}

main .outer-section .inner-section .devices-section {
    border: 1px solid #333;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    width: 540px;
    margin-bottom: 20px;
}

main .outer-section .inner-section .devices-section .title-section {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

main .outer-section .inner-section .devices-section .title-section .title-cell {
    flex: 1;
}

main .outer-section .inner-section .devices-section .title-section .title-cell h2 {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

main .outer-section .inner-section .devices-section .recordings-container {
    display: flex;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell {
    flex: 1;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell:first-child {
    position: relative;
    margin-right: 30px;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell:first-child::before {}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li {
    flex: 0 0 50%;
    font-size: 10px;
    padding-bottom: 8px;
    position: relative;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li span {
    color: #73aa42;
    position: relative;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li span strong {
    font-weight: bold;
    display: inline-block;
    padding-right: 3px;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li.list-title {
    font-size: 12px;
    font-weight: bold;
    color: #73aa42;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li:nth-child(even) {
    text-align: right;
}

main .outer-section .inner-section .devices-section .recordings-container .recording-cell .recordings-list ul li:nth-child(odd) span {
    color: #333;
    position: relative;
    padding-left: 30px;
}

.data-list {
    width: 1200px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-bottom: 20px;
}

.data-list h3 {
    display: inline-block;
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 15px 10px;
}

.data-list .table-wrap .container {
    padding: 0%;
}

.data-list .table-wrap .container .table-label {
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
}

.data-list .table-wrap .container .table-label ul {
    display: flex;
}

.data-list .table-wrap .container .table-label ul li {
    flex: 1;
}

.data-list .table-wrap .container .table-label ul li span {
    font-size: 10px;
}

.data-list .table-wrap .container .table-label.table-header ul {
    display: flex;
    width: 100%;
    align-items: center;
    height: 20px;
    background-color: #759bc8;
}

.data-list .table-wrap .container .table-label.table-header ul li {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.data-list .table-wrap .container .table-label.table-header ul li span {
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    font-family: Lato;
}

.data-list .table-wrap .container .table-label.table-header ul li:first-child span {
    padding-left: 10px;
}

.data-list .table-wrap .container .table-label.table-body {
    box-sizing: border-box;
    display: inline-block;
    max-height: 200px;
    overflow-x: auto;
    overflow-y: auto;
}

.data-list .table-wrap .container .table-label.table-body::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}

.data-list .table-wrap .container .table-label.table-body::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
    height: 10px;
}

.data-list .table-wrap .container .table-label.table-body::-webkit-scrollbar-thumb {
    background-color: #d6d6d6;
    border-radius: 2px;
}

.data-list .table-wrap .container .table-label.table-body ul {
    background: #f2f2f2;
    align-items: center;
}

.data-list .table-wrap .container .table-label.table-body ul li {
    padding: 5px 0px;
    padding-left: 20px;
    word-break: break-all;
}

.data-list .table-wrap .container .table-label.table-body ul li span {
    position: relative;
}

.data-list .table-wrap .container .table-label.table-body ul li span.no-referrer {
    color: #c5c5c5;
}

.data-list .table-wrap .container .table-label.table-body ul li span.device-listing ul {
    display: flex;
    width: 60px;
    background: transparent;
}

.data-list .table-wrap .container .table-label.table-body ul li span.device-listing ul li {
    cursor: pointer;
}

.data-list .table-wrap .container .table-label.table-body ul li:first-child {
    display: flex;
    align-items: center;
}

.data-list .table-wrap .container .table-label.table-body ul li:first-child span.flag {
    position: relative;
    padding-left: 30px;
    align-items: center;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
}

.data-list .table-wrap .container .table-label.table-body ul li:first-child span.flag::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 10px;
    background: blue;
    left: 10px;
}

.data-list .table-wrap .container .table-label.table-body ul li:nth-child(5) span {
    width: 30px;
    display: inline-block;
    text-align: center;
}

.tags-listing ul {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    background: transparent;
}

.tags-listing ul li {
    width: 100%;
    padding: 1px 0;
}

.play-icon {
    position: relative;
    right: 0;
    top: 0px;
    cursor: pointer;
}

.tags-listing ul li span {
    border: 1px solid #8fa970;
    border-radius: 5px;
    font-size: 8px;
    background: #dbe9d0;
    display: inline-block;
    width: 95%;
    padding: 3px;
}

.tags-listing ul li:last-child {
    padding-right: 0 !important;
}

.heatmap-list .table-wrap .container .table-label.table-header ul li:first-child span {
    padding-left: 10px;
}

.data-list .table-wrap .container .table-label.table-body ul:nth-child(even) {
    background: #fff;
}

.heatmap-list .table-wrap .container .table-label ul li:first-child span {
    padding-left: 10px;
}

.heatmap-list .table-wrap .container .table-label.table-body ul li:first-child {
    position: relative;
    word-break: break-all;
}

.heatmap-list .table-wrap .container .table-label.table-body ul li:first-child::before {
    position: absolute;
    content: '';
    /* background-image: url(./images/eye.svg);
    background-size: 20px auto; */
    width: 20px;
    height: 15px;
    left: 10px;
    right: auto;
    background-repeat: no-repeat;
    color: #5f708b;
}

.heatmap-list .table-wrap .container .table-label.table-body ul li span.high {
    background-color: #93d84c;
}

.heatmap-list .table-wrap .container .table-label.table-body ul li span.medium {
    background-color: #fdf523;
}

.heatmap-list .table-wrap .container .table-label.table-body ul li span.low {
    background-color: #ee9712;
}

.tospan {
    float: right;
    color: #73aa42;
    font-size: 1rem;
}

.row span::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 16px;
    left: 0;
    top: 5px;
}

span.desktop::before {
    background-color: #71aa44;
}

span.phone::before {
    background-color: #7599c9;
}

span.tablet::before {
    background-color: #e8eb25;
}

span.unknown::before {
    background-color: #ff8d49;
}

span.location1::before {
    background-color: #0074D9;
}

span.location2::before {
    background-color: #FF4136;
}

span.location3::before {
    background-color: #2ECC40;
}

span.location4::before {
    background-color: #FF851B;
}

span.location5::before {
    background-color: #7FDBFF;
}

span.location6::before {
    background-color: #B10DC9;
}

span.locationUnknown::before {
    background-color: #AAAAAA;
}

span.source1::before {
    background-color: #0074D9;
}

span.source2::before {
    background-color: #FF4136;
}

span.source3::before {
    background-color: #2ECC40;
}

span.source4::before {
    background-color: #FF851B;
}

span.source5::before {
    background-color: #7FDBFF;
}

span.source6::before {
    background-color: #B10DC9;
}

span.sourceUnknown::before {
    background-color: #AAAAAA;
}

span.total {
    padding-left: 0;
    font-weight: bold;
}

table tbody tr:nth-child(even) {
    background: #DCDCDC;
}

.theadReco th {
    height: 45px !important;
}


/*Mouseflow API View Start*/


/*Quicksetup Css*/


.otherBase,
.userBase,
.industryBase,
.finishbase {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.industryBase{
    min-height: 250px;
    display: block;
    margin: auto;
}
*/


/* .otherBase {
    height: unset;
}

.userBase {
    height: unset;
} */

.quickLogo {
    width: 15%;
}

.iframbox:hover {
    box-shadow: 0 0 10px 5px rgb(147 103 180 / 80%);
}

.spanDashboard {
    font-size: 22px;
}
.icon-in-bg {
    width: 75px;
    height: 75px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.margin_sections{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.pop_player{
    position: fixed;
    z-index: 999;
    margin: 1%;
    width: 80%;
    height: 500px;
}
.pop_player2{
    position: fixed;
    z-index: 999;
    margin: 1%;
    width: 85%;
    height: 500px;
}
.iframe_pop_player{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
    /* unnecessary styling properties */
    width: 100%;
    text-align: center;
}
.iframe_pop_player2{
    /*
    position: fixed;
    left: 57%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 100%;
    text-align: center;
    */
}
.lightFrame{
    position: fixed;
    left: 57%;
    top: 50%;
    z-index: 4;
    opacity: 1!important;
    transform: translate(-50%, -50%);
    text-align: center;
}
.iframe_pop_player_quick{
    position: fixed;
    left: 50%;
    top: 50%;
    height: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 100%;
    text-align: center;
}

.iframe_pop_player_affiliate{
    /*
    position: fixed;
    left: 57%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 50%;
    text-align: center;
    */
}
.iframe_pop_player_domians{
    position: fixed;
    left: 50%;
    top: 50%;
    height: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 100%;
    text-align: center;
}
.affiliate_light .margin_sections, .affiliate_video_light .margin_sections, .domains_video_light .margin_sections, .wallet_light .margin_sections,.phones_light .margin_sections{
    position: relative;
    left: 50%;
    bottom: 10%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 50%;
    text-align: center;
}
.image_pop_player{
    position: fixed;
    left: 57%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 260px;
    text-align: center;
}
.image_pop_player_large{
    position: fixed;
    left: 57%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 700px;
    text-align: center;
}
.hidden{
    display: none !important;
}

/*light*/
.lightbox { 

    z-index: 3;
	outline: none;
	position: fixed;
	top: 0px;
    left: 0px;

	text-align:center;
	background: #222222;
    opacity: 0.7;
	height: 95%;	
	width: 100%;	
    min-height: 600px;
	box-sizing: content-box;
}
.lightboxQuick{ 
    z-index: 3;
    outline: none;
    position: fixed;
    left: 0px;
    top: 0px;
    text-align: center;
    background: #222222;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    min-height: 600px;
    box-sizing: content-box;
}


.closeButton {
    position: relative;
    top: 0px;
    right: 0px;
    color: #FFFFFF !important;
    text-decoration: none;
    z-index: 5;
    cursor: pointer;
}
.close2 {
    position: fixed;
    top: 80px;
    background: black;
    width: 56px;
    height: 56px;
    border: 1px solid white;
    /* border: 100px; */
    right: 90px;
    color: #FFFFFF !important;
    text-decoration: none;
    font-size: 55px;
    z-index: 5;
    border-radius: 100%;
    cursor: pointer;
    font-size: 36px;
}
.close2 i{
    position: relative;
    right: -12px;
}

.btn-add-section{
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 2px;
    text-align: center;
    display: block;
    font-size: 38px;
    margin: auto;
    background: white;
    border-color: rgb(0,163,235);
    color: rgb(0,163,235);
}
.btn-add-section:hover{
    background: rgb(0,163,235);
    color: white;
}
.btn-add-section i{
    position: relative;
    left: -2px;
}
.btn-remove-section{
    float: right;
    position: relative;
    top: -28px;
    right: -26px;
    text-align: center;
    z-index: 1 !important;

}
.btn-remove-section:hover{
    background: rgb(147, 103, 180);
    color: white;
}


/*

.big-icon-dashboard{
    width: 273px;
    height: 273px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fa-6x{
    font-size: 6em;
}
*/

#affiliate_preview{
    display: inline;
}
#affiliate_preview_mobile{
    display:none;
}
#tdots_preview{
    display: inline;
}
#tdots_preview_mobile{
    display:none;
}
#banner_preview{
    display: inline;
}
#banner_preview_mobile{
    display:none;
}
#contact_preview{
    display: inline;
}
#contact_preview_mobile{
    display:none;
}
.card-header h2{
    font-size: 18px;
}
.accordion .card-header .btnView{
    width: auto;
    padding: 5px 10px;
}
#cbpHolder .margin_sections a span{
    min-width: 150px;
}
.accordion-title>div{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: table-cell;
}
.hidde-desktop{
    display: none !important;
}
.hidde-desktop-smooth{
    display: none;
}
.hidde-desktop-block{
    display: none !important;
}
.accordion2 .accordion-thumb::before{
    content:none !important;
}
.fontAwesome{
    font-family: "FontAwesome"; font-weight: 900;
}
.animate-hearth{
    animation: pulse 2s infinite;
}
.box-shadow-default{
    box-shadow: 0 0 10px 5px rgb(147 103 180 / 80%);
    border-radius: 10px;
  }
  .modal-quick-setup{
    width: 483px;
  }
  .text-indigo2:hover{
    color: white;
  }
  @media screen and (min-width: 280px) and (max-width: 349px) {
    .mask-preview{
        width: 179px !important;
        left: 30px !important;
    }
}
  @media screen and (min-width: 350px) and (max-width: 360px) {
    .mask-preview{
        width: 180px !important;
        left: 69px !important;
    }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
    .mask-preview{
        width: 180px !important;
        left: 76px !important;
    }
}
@media screen and (min-width: 376px) and (max-width: 390px) {
    .quick_insdustry {
        height: 490px !important;
    }
    .mask-preview{
        width: 180px !important;
        left: 83px !important;
    }
}
@media screen and (min-width: 391px) and (max-width: 393px) {
    .quick_insdustry {
        height: 510px !important;
    }
    .mask-preview{
        width: 180px !important;
        left: 85px !important;
    }
}
@media screen and (min-width: 394px) and (max-width: 414px) {
    .quick_insdustry {
        height: 530px !important;
    }
    .mask-preview{
        width: 180px !important;
        left: 96px !important;
    }
}
@media screen and (min-width: 415px) and (max-width: 768px) {
    .mask-preview{
        width: 180px !important;
        left: 99px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 820px) {
    .mask-preview{
        width: 180px !important;
        left: 99px !important;
    }
}

@media screen and (max-width: 767px) {
    .direct-form{
        width: 100% !important;
    }
    .btn-header-round{
        padding-left: 10px !important;
        padding-right: 10px !important;

    }
    .btn-header-round img{
        padding: 0px !important;
    }
    .modal-quick-setup{
        width: 100%;
        margin: auto;
      }
    .hidde-mobile{
        display: none !important;
    }
    .hidde-mobile-smooth{
        display: none;
    }
    .hidde-desktop{
        display: inline !important;
    }
    .hidde-desktop-smooth{
        display: inline;
    }
    .hidde-desktop-block{
        display: block !important;
    }
    .accordion-thumb span{
        margin-left: 0px !important;
    }
    .accordion2 .accordion-thumb{
        font-size: 14px !important;
    }
    .accordion-title>div{
        width: 33%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }
    .margin_sections a span.topButtons {
        width: 100%;
    }
    .margin_sections a{
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 45%;

    }
    .margin_sections{
        display: flex !important;
        justify-content: space-evenly !important;
    }
    #cbpHolder .margin_sections a{
        display: block;
       margin-top: 10px;
       margin-bottom: 10px;
    }
    #cbpHolder .margin_sections a span.topButtons{
        width: 65%;
    }
    
    .image_pop_player{
        left: 50%;
    }
    .image_pop_player_large{
        left: 50%;
        width: 340px;
    }
    /*
    .industryBase {
        height: 568px;
    }
    .otherBase {
        height: 568px;
    }
    .userBase {
        height: 568px;
    }
    .finishbase {
        height: 728px;
    }*/
    .quickLogo {
        width: 16% !important;
    }
    .image-icon img, .image-icon-remove img {
        border-radius: 3px;
        margin-bottom: 3px;
        text-align: center;
        max-height: 190px;
        width: auto;
    }
    .imageBase {
        height: 568px;
        display: flex;
        align-items: center;
    }
    .spanDashboard {
        font-size: 11px;
    }
    .close {

        right: 20px;

    }
    .close2 {

        right: 2px;
        top: 2px;

    }
    .lightbox {
        z-index: 3;
        outline: none;
        position: fixed;
        top: 0px;
        left: 0;
        text-align: center;
        background: #222222;
        /*transform: translate(-50%, -50%);*/

        opacity: 0.7;
        height: 95%;
        width: 100%;
        box-sizing: content-box;
    }
    .iframe_pop_player2 {
        width: 95%;
        position: relative;
        height: 200px;

        /*
        position: fixed;
        left: 50%;
        top: 50%;
        height: 50%;
        z-index: 4;
        transform: translate(-50%, -50%);
        opacity: 1!important;
        width: 92%;
        text-align: center;
        */
    }
    .lightFrame{
        position: fixed;
        left: 50%;
        top: 50%;
        height: 50%;
        z-index: 4;
        transform: translate(-50%, -50%);
        opacity: 1!important;
        width: 92%;
        text-align: center;
    }
    .iframe_pop_player_affiliate{
        width: 95%;
        position: relative;
        height: 200px;
        /*
        position: fixed;
        left: 50%;
        top: 50%;
        height: 50%;
        z-index: 4;
        transform: translate(-50%, -50%);
        opacity: 1!important;
        width: 92%;
        text-align: center;
        */
    }
    .iframe_pop_player_domians{
        width: 95%;
        position: relative;
        height: 200px;
        /*\
        position: fixed;
        left: 50%;
        top: 50%;
        height: 50%;
        z-index: 4;
        transform: translate(-50%, -50%);
        opacity: 1!important;
        width: 92%;
        text-align: center;
        */
    }
    .affiliate_light .margin_sections, .affiliate_video_light .margin_sections,.domains_video_light .margin_sections, .phones_light .margin_sections{
        position: fixed;
        left: 50%;

    }
    .affiliate_light .margin_sections, .affiliate_video_light .margin_sections,.domains_video_light .margin_sections, .wallet_light .margin_sections,  .phones_light .margin_sections{
       
        left: 50%;
        bottom: -7%;
        z-index: 4;
        transform: translate(-50%, -50%);
        opacity: 1!important;
        width: 100%;
        text-align: center;
    }

    #affiliate_preview{
        display: none;
    }
    #affiliate_preview_mobile{
        display:inline;
    }
    #banner_preview{
        display: none;
    }
    #banner_preview_mobile{
        display:inline;
    }
    #tdots_preview{
        display: none;
    }
    #tdots_preview_mobile{
        display:inline;
    }
    #contact_preview{
        display: none;
    }
    #contact_preview_mobile{
        display:inline;
    }
    /*
    .card_dashboard_only_user{
        min-height: 358px !important;

    }
    */
}

.btn-event{
    margin-top: 10px;
    margin-bottom: 10px;
}
/* image previews */
.mask-preview{
    position: absolute;
    top: 10px;
    left: 65px;
    z-index: 1;
    height: 384px;
    width: 177px;
    border-radius: 20px;
}

.img-preview{
    -webkit-box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);

    max-width: 170px;
    margin: auto;
    display: block;
}

.image-contact-button{
  
    width: 70%;
    margin: auto;
    -webkit-box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 14px -4px rgba(0,0,0,0.75);
}

.accordion-indicator{
    border: 0.1px solid white;
    border-radius: 53px;
    padding: 1px 6px;
    margin-right: 3px;
}
.is-active .accordion-thumb span .accordion-indicator i{
    transform: rotateX(180deg);
}


/*what's new modal */

.modal-content-whats-new{
    background: #F0F4F7 !important;
    border-radius: 0px;
    border: 0px;
}
.bold{
    font-weight: bold;
}
.modal-content-whats-new .modal-body{
    padding: 2rem !important;
}
.round-close-button{
    border: 1px solid #C6C6C6;
    border-radius: 20px;

}
.whats-new-list >ol>li{
    list-style:disc;
    margin-bottom: 10px;
}
.btn-remove-x{
   margin-left: 5px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    font-size: 25px;
    background: white;
    border-color: rgb(147, 103, 180);
    color: rgb(147, 103, 180);
}
.btn-remove-x:hover {
    background: rgb(147, 103, 180);
    color: white;
}

/* preview frame profiles */

.previewFrame{
    width: 240px;
    height: 479px;
    border-radius: 15px;
    margin: auto;
    background-image: url(../../../assets/images/frame_iphone2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.previewFrame-background{
    width: 203px;
    height: 400px;
    border-radius: 15px;
    margin: auto;
    background-image: url(../../../assets/images/frame_iphone2.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.content-preview-screen{
    overflow: hidden;
    height: 453px;
    width: 210px;
    border-radius: 24px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
}
.marketingDots{
    /* width: 100%; */
    text-align: right;
    position: relative;
    bottom: -52px;
    padding-right: 10px;
    color: white;
    text-shadow: 1px 1px 2px black;

}
.content-preview-screen-background{
    height: 380px;
    width: 177px;
    border-radius: 20px;
    margin: auto;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
}
.header-preview{
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
   /* top: -46px; */
    display: inline-flex;
    width: 210px;
    margin-left: 0px;
    height: 55px;
    border-radius: 24px 24px 0 0;
}
.header-preview-background{
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    top: -46px;
    display: inline-flex;
    width: 177px;
    margin-left: 0px;
    height: 56px;
    border-radius: 20px 20px 0 0;
}
.header-preview > div, .header-preview-background >div {
    padding: 10px 0 !important;
    text-align: center;
}
.img-logo {
    border-radius: 5px;
}
.icon-bg {
    display: block;
    width: 32px;
    height: 55px;
    margin: auto;
    /* padding: 2px; */
    border-radius: 10px;
}
.icon-label {
    position: absolute;
    bottom: 28px;
    font-size: 5px;
    background-color: rgba(0,0,0,0.75);
    width: 33px;
    margin: auto;
    border-radius: 0 0 5px 5px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.header-preview img, .header-preview-background img {
    max-height: 27px;
    margin: auto;
}
.header-preview h2, .header-preview-background h2 {
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 9px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}
.preview-content{
    position: relative;
    width: 100%;
}
.preview-content ul{
    position: relative;
    top: -29px;
    min-height: 278px;
}
.icon-link, .icon-link:hover {
    cursor: pointer !important;
    color: #fff !important;
    text-decoration: none !important;
}
.iconsDiv>ul>li > a > table > tbody > tr > td > span > i{
    font-size: 23px !important;
}

.icon-link:before {
    content: none;
}


.iconsDiv > ul li {
    width: 50%;
    display: inline-block;
}

/*copy of global css*/

.social-item.video-item span.padding{
    padding: 11px 0 !important;
  }
  .social-item.video-item span.padding i{
    font-size: 28px;
  }
  .social-item.video-item span.border.padding{
    padding: 9px 0 !important;
  }
  .social-item.download{
    animation-name: download;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    position: relative;
  }
  /*preview */

  .social-item2.video-item span.padding{
    padding: 11px 0 !important;
  }
  .social-item2.video-item span.padding i{
    font-size: 28px;
  }
  .social-item2.video-item span.border.padding{
    padding: 9px 0 !important;
  }
  #tblRecording tr td{
    /*white-space: normal;*/
  }
  .social-item2.download{
    animation-name: download;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    position: relative;
  }
  @keyframes download {
    from {
      top: -5px;
      opacity: 0;
    }
    to {
      top: 5px;
      opacity: 1;
    }
  }
  @keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
  .item-link-popup>.table-item>tbody>tr>td>.social-item>span{
    padding: 6px !important;
  }
  .table-item .table-item-icon .social-item span{
    margin: 2px auto;
    /*padding: 12px 0;*/
  }
  .item-link-popup>.table-item>tbody>tr>td>.social-item2>span{
    padding: 6px !important;
  }
  .table-item .table-item-icon .social-item2 span{
    margin: 2px auto;
    /*padding: 12px 0;*/
  }
  .icon-grow{
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .icon-grow:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .social-item img{
    height: 70px;
    margin: auto;
    /*height: 80px;*/
    /*margin: auto auto 8px;*/
  }
  .social-item span{
    min-width: 47px !important;
    max-width: 47px !important;
    max-height: 47px !important;
    margin: auto auto 5px !important;
    display: block !important;
  }
  .social-item span.padding{
    padding: 17px 0;
    width: 76px;
  }
  .social-item span.padding.border{
    padding: 15px 0;
  }
  .social-item span.padding img{
    height: 23px !important;
    margin-top: 2px;
  }
  /**/
  .social-item span.circle{
    border-radius: 100%;
  }
  .social-item span.square{
    border-radius: 0px;
  }
  .social-item span.round{
    border-radius: 10px;
  }
  /**/
  .social-item span.border{
    border: 2px solid #fff;
  }
  .social-item span.solid{
    background-color: #fff;
  }
  .social-item span.gradient-linear{
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
  }
  .social-item span.gradient-circular{
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(38%, rgba(246,246,246,1)), color-stop(100%, rgba(212,212,212,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1 );
  }
  /*preview*/

  .social-item2 img{
    height: 70px;
    margin: auto;
    /*height: 80px;*/
    /*margin: auto auto 8px;*/
  }
  .social-item2 span{
    min-width: 47px !important;
    max-width: 47px !important;
    max-height: 47px !important;
    margin: auto auto 1px !important;
    display: block !important;
  }
  .social-item2 span.padding{
    padding: 17px 0;
    width: 76px;
  }
  .social-item2 span.padding.border{
    padding: 15px 0;
  }
  .social-item2 span.padding img{
    height: 23px !important;
    margin-top: 2px;
  }
  /**/
  .social-item2 span.circle{
    border-radius: 100%;
  }
  .social-item2 span.square{
    border-radius: 0px;
  }
  .social-item2 span.round{
    border-radius: 10px;
  }
  /**/
  .social-item2 span.border{
    border: 2px solid #fff;
  }
  .social-item2 span.solid{
    background-color: #fff;
  }
  .social-item2 span.gradient-linear{
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
  }
  .social-item2 span.gradient-circular{
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(38%, rgba(246,246,246,1)), color-stop(100%, rgba(212,212,212,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 38%, rgba(212,212,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=1 );
  }
  /*
  .social-item span.gradient-linear-silver{
    background: rgb(168,169,173);
    background: -moz-linear-gradient(319deg, rgba(168,169,173,1) 0%, rgba(255,255,255,1) 50%, rgba(168,169,173,1) 100%);
    background: -webkit-linear-gradient(319deg, rgba(168,169,173,1) 0%, rgba(255,255,255,1) 50%, rgba(168,169,173,1) 100%);
    background: linear-gradient(319deg, rgba(168,169,173,1) 0%, rgba(255,255,255,1) 50%, rgba(168,169,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8a9ad",endColorstr="#a8a9ad",GradientType=1);
  }
  .social-item span.gradient-linear-gold{
    background: rgb(212,175,55);
    background: -moz-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: -webkit-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4af37",endColorstr="#d4af37",GradientType=1);
  }
  .social-item span.gradient-linear-roseGold{
    background: rgb(183,110,121);
    background: -moz-linear-gradient(319deg, rgba(183,110,121,1) 0%, rgba(255,243,245,1) 50%, rgba(183,110,121,1) 100%);
    background: -webkit-linear-gradient(319deg, rgba(183,110,121,1) 0%, rgba(255,243,245,1) 50%, rgba(183,110,121,1) 100%);
    background: linear-gradient(319deg, rgba(183,110,121,1) 0%, rgba(255,243,245,1) 50%, rgba(183,110,121,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b76e79",endColorstr="#b76e79",GradientType=1);
  }*/


  .social-item span.gradient-linear-gold i::before{
    background: rgb(212,175,55);
    background: -moz-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: -webkit-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4af37",endColorstr="#d4af37",GradientType=1);
  }
  
  /* LEFT */
  .social-item span.left{
    box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item span.left i{
    text-shadow: -2px 3px 5px rgba(0,0,0,0.25);
  }
  .social-item span.left svg{
    -webkit-filter: drop-shadow(-2px 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(-2px 3px 5px rgba(0,0,0,0.25));
  }
  /* CENTER */
  .social-item span.center{
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item span.center i{
    text-shadow: 0 3px 5px rgba(0,0,0,0.25);
  }
  .social-item span.center svg{
    -webkit-filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25));
  }
  /* RIGHT */
  .social-item span.right{
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item span.right i{
    text-shadow: 2px 3px 5px rgba(0,0,0,0.25);
  }
  .social-item span.right svg{
    -webkit-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.25));
  }
  /* SVG - Custom Icons */
  .social-item span.circle svg,
  .social-item span.square svg,
  .social-item span.round svg,
  .social-item span.classic svg{
    height: 23px;
    margin-top: 0;
  }
    /* SVG - Custom Icons */
    .social-item span.circle img,
    .social-item span.square img,
    .social-item span.round img,
    .social-item span.classic img{
      height: 23px;
      margin-top: 0;
    }
  /**/
  .social-item small{
    display: block;
    font-size: 10px;
    font-family: 'Arial';
    text-transform: uppercase;
    text-align: center;
    
  }

  /*preview*/
  .social-item2 span.gradient-linear-gold i::before{
    background: rgb(212,175,55);
    background: -moz-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: -webkit-linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    background: linear-gradient(319deg, rgba(212,175,55,1) 1%, rgba(255,255,255,1) 50%, rgba(212,175,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4af37",endColorstr="#d4af37",GradientType=1);
  }
  
  /* LEFT */
  .social-item2 span.left{
    box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item2 span.left i{
    text-shadow: -2px 3px 5px rgba(0,0,0,0.25);
  }
  .social-item2 span.left svg{
    -webkit-filter: drop-shadow(-2px 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(-2px 3px 5px rgba(0,0,0,0.25));
  }
  /* CENTER */
  .social-item2 span.center{
    box-shadow: 0 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item2 span.center i{
    text-shadow: 0 3px 5px rgba(0,0,0,0.25);
  }
  .social-item2 span.center svg{
    -webkit-filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25));
  }
  /* RIGHT */
  .social-item2 span.right{
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.25);
  }
  .social-item2 span.right i{
    text-shadow: 2px 3px 5px rgba(0,0,0,0.25);
  }
  .social-item2 span.right svg{
    -webkit-filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.25));
    filter: drop-shadow(2px 3px 5px rgba(0,0,0,0.25));
  }
  /* SVG - Custom Icons */
  .social-item2 span.circle svg,
  .social-item2 span.square svg,
  .social-item2 span.round svg,
  .social-item2 span.classic svg{
    height: 23px;
    margin-top: 0;
  }
    /* SVG - Custom Icons */
    .social-item2 span.circle img,
    .social-item2 span.square img,
    .social-item2 span.round img,
    .social-item2 span.classic img{
      height: 23px;
      margin-top: 0;
    }
  /**/
  .social-item2 small{
    display: block;
    font-size: 10px;
    font-family: 'Arial';
    text-transform: uppercase;
    text-align: center;
    
  }
  .center_inputs{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
  }
  .center_inputs_icons{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
  }


  /* new library */
  .card-library{
    max-height: 445px;
    overflow-y: auto;
    padding-bottom: 30px;

  }
  .card-library .row .col-2{
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .card-library .row .col-2 img{
      transition: .4s;
  }
  @media (hover: hover){
    
    .card-library .row .col-btn-remove-library .library-image-content:hover{
        transform: scale(1.2);
        box-shadow: 0 0 10px 5px rgb(147 103 180 / 80%) !important;
        z-index: 2;
    
      }
    
}

  .image-library-selected{
    transform: scale(1.2);
    box-shadow: 0 0 10px 5px rgb(147 103 180 / 80%) !important;
    z-index: 2;
  }
  .image-library-selected-green{
    transform: scale(1.2);
    box-shadow: 0 0 10px 5px rgb(81 212 68 / 80%) !important;
    z-index: 2;
  }
  #cropHolder{
        width: 100%;
      position: relative;

      width: 200px;
      height: 196px;
      clear: both;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
     
  }
  #cropHolder img{
      /*width: 100%;*/
      /*height: 100%;*/
      max-height:100%;
      max-width:100%;
  }
  .cropBorder{
    width: 100%;
    height: 100%;
    /*background: #d7d7d7;
    border-radius: 24px;

    */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .squareHolder{
      background-color: white;
      width: 200px;
      height: 200px;
      overflow: hidden;
      border: 2px solid rgba(147, 103, 180, 0.8);
      border-radius:10px;
      cursor: move;
  }
  .upload_library{
      width: 100%;
      margin-bottom: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  .btn-add-upload{
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 2px;
    text-align: center;
    display: block;
    font-size: 24px;
    margin: auto;
    background: white;
    border-color: rgb(147, 103, 180);
    color: rgb(147, 103, 180);
  }
  .btn-add-upload:hover{
    background: rgb(147, 103, 180);
    color: white;
  }

  /* direct register */

  .container-direct-register{

      margin: auto;

  }
  .direct-register-logo{
      width: 100px;
      display: block;
      margin: auto;
  }
  .container-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.direct-form{
    width: 65%;
    display: block;
    margin: auto;
}
.sortableSub{
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px;
 
}
.sortableSub.sortableCustom .card .body{
    min-height: 270px;
}
.sortableSub .card .body{
    min-height: 230px;
}
.sortableSubList{
    list-style-type: disc;
}

.content-item-timmer{
    display: inline-table;
}
.item-timmer{
    
    background: #F40238;
    width: 65px;
    color: white;
    border-radius: 8px;
    font-size: 37px;
    margin: 10px;
}
.iframe-video-quick{
    height: 301px;
    margin-bottom: 20px !important;



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


    .iframe-video-quick{
        height: 173px;
        width: 271px;

    }
    .sortableSub{

        width: 100%;
        min-height: 300px !important;
        height: auto !important;

    }
    .item-timmer{
        margin: 2px;
    }
    .signup-title{
      
        font-size: 26px !important;
    }
    .img-header-signup{
        max-width: 80% !important;
        display: block;
        margin: auto;
    }
    .btn-signup .headline{
        font-size: 20px !important;
        position: relative;
        top: -8px;
    }
    .btn-signup .headline i{
        font-size: 29px;
    }
    .iframe_pop_player_sign_up{
        max-height: 400px;
    }

}
@media screen and (min-width: 950px)   {
    .item-timmer{
        width: 52px;
        font-size: 24px;
        margin: 6px;
    }
    .background-quick-blue{
        background: url(../../../assets/images/background_signup2-min.png);
        background-size: cover;
        position: fixed;
        /* display: none; */
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
        z-index: -1;
        cursor: pointer;
    }
}


/* Direct Login */
.main-backgorund{
    background: url(../../../assets/images/background_signup2-min.png);
    background-size: cover;
    background-position: center;
}
.img-header-signup{
    max-width: 100%;
}
.img-logo-signup{
    display: block;
    margin: auto;
    max-width: 75px;
    margin-top: 20px;
}
.field-direct-signup-group{
    width: 100%;
    margin: auto;
}
.field-direct-signup{
    border-radius: 5px !important;
    height: 45px;
    color: #2B2B2B;
}
.field-direct-signup:focus{

    color: #2B2B2B !important;
}
.btn-outline-signup{
    color: white;
}
.btn-outline-signup:hover, .btn-outline-signup:active {
    color: #2B2B2B !important;
    background: white !important;
}
.btn-outline-signup:focus{
    color: white;
    background: transparent;
}
.btn-outline-signup::placeholder, .btn-outline-signup:-ms-input-placeholder, .btn-outline-signup::-ms-input-placeholder {
    color: #2B2B2B;
}
.font-oswald{
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500;
}
.buttonFlex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.iframe-upgrade iframe{
    max-width: 100%;
}
.buttonFlex button{
    width: 150px;
}
.img_footer_upgrade{
    max-width: 300px;
    display: block;
    margin: auto;
}
.img_vip_gold_banner{
    max-width: 214px;
    display: block;
    margin: auto;
}
.upgrade-text-container{
    padding-left: 60px;padding-right: 60px;
}
.signup-title{
    font-family: 'Oswald', sans-serif;
    color: white;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    padding-left: 25px;
    padding-right: 10px;
    font-size: 35px;
}
.signup-list{
    font-family: 'Oswald', sans-serif;
    color: white;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    padding-left: 67px;
    font-size: 24px;
    padding-right: 10px;
   

}
.signup-list li{
    list-style: disc !important;
}
.list-option .list-group-item:hover{
    background-color: #e8e8e8;

}
.list-option .list-group-item{
    cursor: pointer;
}
.ul-center li{
    text-align: center;
}
.btn-get-now{
    color: white;
    background: rgb(0,163,235);
    font-size: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 3px solid rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    padding-bottom: 6px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
.btn-signup{
    color: rgb(71, 48, 9);
    background: rgb(234, 175, 75);
    font-size: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 3px solid rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    padding-bottom: 10px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .btn-signup .headline{
    font-size: 27px;
  }
.btn-signup .headline i{
    font-size: 38px;
}
.iframe_pop_player_sign_up{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    opacity: 1!important;
    width: 100%;
    text-align: center;
}
.lightbox_signup{ 

    z-index: 3;
	outline: none;
	position: fixed;
	top: 0px;
	text-align:center;
	background: #222222;
    opacity: 0.7;
	height: 100%;	
	width: 100%;	
    min-height: 600px;
	box-sizing: content-box;

}
.btn-delete{
    color: red;
    transition: transform .2s;
}
.btn-delete:hover{
    color: red;
    box-shadow: none;
    transform: scale(1.5);
}
.btn-delete:active{
    color: red;
    box-shadow: none;
    transform: scale(1);
}
.btn-delete:focus{
    color: red;
    box-shadow: none;
}
.nav-tabs3 .nav-item .nav-link-white.nav-link{
    color: white;
}
.nav-link-white{
    color: white;
}
.nav-link-white:hover{
    color: #96989c;
}
#main-content:not(.quick-setup){
    background: url(../../../assets/images/background_signup2-min.png);
    background-size: cover;
    background-position: center;
    color: white;
    max-height: 600px;
    min-height: 600px;
    /* overflow: overlay; */
    overflow-x: hidden;
    overflow-y: overlay;

}
.button-stat-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.blue_background{
    background: url(../../../assets/images/background_signup2-min.png);
    background-size: cover;
    background-position: center;
    color: white;
}
#main-content.quick-setup{
    background: white;
    /* max-height: 600px; */
    min-height: 600px;
    /* overflow: overlay; */
    overflow-x: hidden;
    overflow-y: overlay;

}
.socialContainer{
    width: 80%;
    display: block;
    margin: auto;
}
.nav-border{
    border-radius: 40px;
}
.card .header h2, .card .header small, .card .header small a{
    color: white !important;
}
.card .headerCard {
    margin: 10px;
}

.card .headerCard h2, .card .headerCard small, .card .headerCard small a{
   font-size: 14px;
}
.search_div .card .header h2{
    color: #77797c !important;
}
.margin_sections a .btn:hover{
    box-shadow: 0 0 10px 5px rgba(45, 176, 238, 0.8);
}

/*new quick setup*/

.iframe_appointments_quick{
    height: 900px;
    width: 80%;
    margin: auto;
}
/* new domain setup*/


.preview-stiky{
    position: sticky;
    top: 0px;
}
.col-stiky-preview{
    height: 800px;
}

.btn-close-popup-notification{
    z-index: 999999;
    position: absolute;
    top: 1px;
    right: 1px
}
.title-history{
    font-size: 18px;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .history-list li{
    list-style: disc;
  }

  .btn-short-padding{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .banner_ad_preview_horizontal_bottom{
    width: 210px;
    height: 69px;
    position: absolute;
    bottom: -37px;
    background: white;
    align-items: center;
    display: none;
  }
  .banner_ad_preview_vertical_left{
    width: 75px;
    height: 465px;
    position: absolute;
    bottom: -37px;
    background: white;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .banner_ad_preview_vertical_right{
    width: 75px;
    height: 465px;
    position: absolute;
    bottom: -37px;
    background: white;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    right: 0px;
  }

  .img-preview-add-banner{
    width: 46px;
    margin: 10px;

  }
  .img-preview-add-banner-left{
    width: 61px;
    margin: 10px;
  }

  .banner_ad_preview_horizontal_top{
    width: 210px;
    height: 69px;
    position: absolute;
    top: -2px;
    background: white;
    display: none;
    align-items: center;
    z-index: 2;
  }
.banner_ad_preview_horizontal_bottom p, .banner_ad_preview_horizontal_top p, .banner_ad_preview_vertical_left p, .banner_ad_preview_vertical_right p{
    text-align: center;
    color: #000;
    font-size: 9px;
    display: flex;
    align-items: center;
}

.banner_ad_preview_horizontal_bottom button , .banner_ad_preview_horizontal_top button, .banner_ad_preview_vertical_left button, .banner_ad_preview_vertical_right button{
    height: 32px;
    margin: 5px;
    font-size: 12px;
}

.carrousel-control-notifications{
    background: none;
    border: none;
}
.carrousel-control-notifications.carousel-control-prev{
    justify-content: flex-start !important;
}
.carrousel-control-notifications.carousel-control-next{
    justify-content: flex-end !important;
}
.carousel-control-prev-icon-notifications{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
    color: #22252a;
    font-size: 21px;
}
.carousel-control-next-icon-notifications{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
    color: #22252a;
    font-size: 21px;


}
.btn-close-notif{
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 5;
}
#carrusel-notification-container .carousel-item{
    padding-left: 53px;
    padding-right: 53px;
}
/*whatsapp button */

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
  transition: transform .2s; /* Animation */
}
.whatsapp:hover{
    transform: scale(1.2);
    color: white;
}

.whatsapp-icon {
  margin-top:13px;
}

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

    table.table-expand-fix {
        table-layout: fixed;
    }

    table.table-expand-fix .dtr-details {
        width: 100%;
    }

    table.table-expand-fix .dtr-details li {
        width: 100%;
    }

    table.table-expand-fix .dtr-data {
        display: inline-block;
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: -5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 835px) {
    #tblRecording_wrapper div.col-sm-12.col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 836px) and (max-width: 924px) {
    #tblRecording_wrapper > div:nth-child(1) > div.col-sm-12.col-md-6 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media screen and (min-width: 768px) {
    .larger-text {
        font-size: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.align-items-stretch {
    align-items: stretch;
}

/*QUICK SETUP DESIGN*/
#startTitle {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #181818;
    max-width: 633px;
    margin: auto;
}

.quick-setup-input-icon {
    width: 36px;
    height: 36px;
    background: #E1E8ED;
    border: 1px solid #E1E8ED;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    line-height: 24px;
    color: #6C757D;
}

#main-content.quick-setup .navbar.bg-light {
    background-color: #fff !important;
    text-align: center;
}

@media (min-width: 768px) {
    #main-content.quick-setup .navbar-expand-lg {
        justify-content: center;
    }
}

#main-content.quick-setup .badge-active {
    background-color: #3CA9FC;
    border-radius: 20px;
    font-size: 14px;
}

.fieldDarkQuickRight {
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #E1E8ED;
    border-radius: 20px;
    padding-right: 40px;
    padding-left: 20px;
}

.abs-right {
    right: 0;
}

.position-relative {
    position: relative;
}

.quick-setup-input-icon img {
    margin: 0 0 2px 2px;
}

.narrow-desc {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
}

.narrower-desc {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.nowrap {
    white-space: nowrap;
}

.tooltip-inner {
    max-width: 330px;
    border-radius: 20px;
}

.appt-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #17191c;
    max-width: 729px;
    margin: 0 auto;
}

.appt-yellow {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFC700;
    display: none;
}

.appt-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.appt-buttons div {
    width: 48%;
}

.appt-button, .appt-button:hover, .appt-button:visited {
    color: white;
    background: #E25985;
    border-radius: 20px;
    display: inline-block;
    padding: 10px 30px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.appt-no-thanks, .appt-no-thanks:hover, .appt-no-thanks:visited {
    color: #6C757D;
    background: #E1E8ED;
}

.button-sub {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;

    text-align: center;
    display: block;
    margin: 0 auto;
}

.appt-video {
    height: 300px;
}

@media screen and (max-width: 767px) {
    .button-stat-container{
        justify-content: left !important;
        margin-bottom: 10px !important;
    }
    .appt-buttons {
        flex-direction: column-reverse;
    }

    .appt-buttons div {
        width: 100%;
    }

    .button-sub {
        display: none;
    }

    .appt-video {
        height: 200px;
    }
}

#wizardForm .tab .row, #wizardForm .tab .industryBase .row input.form-control, #wizardForm .tab .industryBase .row .position-relative {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

#wizardForm .tab .industryBase .row {
    width: 100%;
    max-width: 100%;
}

#wizardForm .tab .finishbase .row {
    width: 100%;
    max-width: 819px;
}

.bootstrap-tagsinput {
    text-align: center;
}

.white-bg {
    background: white;
}

.input-borderless {
    width: 85%;
    display: inline;
    padding: 0;
    border: 0;
    margin-top: -10px;
}
.cc-input label{
    position: relative;
    color: #8898AA;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
}
.cc-input-group div:not(:last-child) {
    border-bottom: 1px solid #F0F5FA;
  }
.cc-input label span{
    text-align: right;
}
.cc-input .field{
    background: transparent;
    font-weight: 300;
    border: 0;
    color: #31325F;
    outline: none;
    flex: 1;
    padding-right: 10px;
    padding-left: 10px;
    cursor: text;

}

.cc-input .field::-webkit-input-placeholder {
  color: #CFD7E0;
}

.cc-input .field::-moz-placeholder {
  color: #CFD7E0;
}

.modal-body .list-group{
    max-height: 300px;
    overflow: auto;
}