body, h1,h2,h3,h4,h5,h6,.c3-chart-arcs-title,.c3-legend-item,.floating-labels .form-control,.myadmin-dd .dd-list .dd-item .dd-handle{
    font-family: 'Open Sans',Helvetica,sans-serif,Arial;
}
}

.btn{
    font-size:1rem;
}

.clear, .clr{
    clear: both;
}
html{
    font-size:10pt;
}

.navbar-brand b img {
    height: 20px;
}

.navbar-brand span img {
    height: 20px;
}

.topbar .top-navbar {
    min-height: 50px;
}

.topbar .top-navbar .navbar-header {
    line-height: unset;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
    line-height: unset;
    display: inline-block;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    line-height: unset;
}

a.navbar-brand {
    margin-top: -3px;
}

#ghostery-purple-box {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.left-sidebar {
    padding-top: 50px;
}

.navbar-organization {
    display: inline;
    font-size: 10pt;
    vertical-align: middle;
}

.navbar-users {
    display: inline;

    vertical-align: middle;
}

.navbar-organization-box{
    max-width: 320px;
    white-space: nowrap;
    text-overflow: ellipsis;
}


@media (max-width: 399px) {
    /* .navbar-organization {
        display: none;
    } */
    .btn-users-navbar {
        display: none;
    }
}

.topbar .profile-pic {
    width: 28px;
}

@media (min-width: 500px) {
.login-box {
    width: 450px;
    overflow-y: auto;
}

}

.login-register {
    /* height: unset;
    bottom: 0px;
    top: 50px; */
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    top: 50px;
    /* padding: 10% 0; */
    position: fixed;
    left: 0px;
    right: 0px;
    height: unset;
}

.nav-btn-register{
    margin-right:-6px;
    margin-left: 3px;
}

.btn-top-register{
    /* background: green; */
    border-color: transparent;
    box-shadow: unset;
    padding: 5px 12px;
    margin-top: 1px;
}
.btn-top-login {
    background:transparent;
    border-color: transparent;
    box-shadow: unset;
    padding: 5px 12px;
    margin-top: 1px;
}
@media (max-width: 768px){
    .login-sidebar {
        /* position: absolute; */
        overflow-y: auto;
    }
    .login-sidebar .login-box {
        height: unset;
    }
    .container-fluid
    {
        padding: 0 5px 25px 5px;
    }
}


.error-box {
    background: url(/assets/theme/assets/images/background/error-bg.jpg) no-repeat center center #fff;
}

@media (max-width: 768px) {

    .topbar .top-navbar .navbar-collapse {
        display: none;
        padding-bottom: 10px;
    }
    .topbar .top-navbar {
        padding-left: 12px;
    }
    .navbar-collapse{
        position: absolute;
        top:50px;
        left:0px;
        right: 0px;
        background: #2A241F;
    }

    .navbar-collapse ul {
        float:left;
    }
    .topbar .profile-pic {
        margin-top: -3px;
    }
    .mini-sidebar .top-navbar .navbar-header {
        width: unset;
        margin: auto;
    }

    .sidebartoggle {
        padding: 10px 4px;
    }

}


@media (min-width: 769px) {

    .topbar .top-navbar .navbar-collapse {
        display: flex !important;
    }



}


.topbar .top-navbar.top-navbar-outside .navbar-nav>.nav-item>.nav-link {

    font-size: 14px;

}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {

    font-size: 14px;

}

.navbar-organization-box {
    font-size: 18px !important;
}

@media (max-width: 768px){
.mini-sidebar .page-wrapper {
    padding-top: 0px;
}
}

@media (min-width: 769px){
    .page-wrapper {
        margin-left: 240px;
    }
    .footer {
        left: 240px;
    }

}

.tracking-code{
    background: #EDF4F8;
    width: 100%;
    height: 80px;
    border: 1px solid #ddd;
    font-family: 
    monospace,"Lucida Courier",
    "Courier New",
    Courier,
    monospace;
    font-size: 10pt;
    padding: 10px;
}

.the-code-verification{
    display: none;
}

.verify-code-img {
    text-align: center;
}

.verify-code-img img {
    width: 350px;
    border: 1px solid #eee;
}

.code_successfuly_installed{
    padding: 10px;
    border: 1px solid lightgreen;
    background: rgba(0,255,0,0.1);
}

.graphjs{
    height: 250px;
}

.tooltip-inner {
    max-width: unset;
}

.pro-tooltip{
    text-align: left;
    max-width: 600px;
    font-size: 10pt;
}
@media (max-width: 820px) {
    .pro-tooltip {
        max-width: 600px;
    }
}

@media (max-width: 768px) {
.pro-tooltip {
    max-width: 400px;
}

.page-titles {
    margin:0 -5px 30px;
}

}



.recordings-container {
    width: 100%;
    font-size: 9pt;
}

.recordings-container,
.recordings-container * {
    transition: all linear 0.1s;
}

.rec-twolinedata {
    padding: 15px 15px 15px 0px;
    position: relative;
}

.rec-twolinedata0{
    padding-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.rec-twolinedata1 {
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.rec-twolinedata2 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.list-header-fixed{
    display: none;
    position: fixed;
    top: 48px;
    padding-bottom: 5px;
    z-index: 4;
    overflow: hidden;
    margin-right: -1px;

}
.list-header-fixed table{
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    background: #EDF4F8;
}
.rec-twolinedata-btn {
    position: absolute;
    left: 0px;
    top: 37px;
    right: 0px;
    bottom:0px;
}
.rec-twolinedata-btn-data {
    top:0px;
    transition: all linear 0.1s;
    position: absolute;
    left: 0px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 1px 6px;
    cursor: pointer;
    z-index: 2;
    margin-right: -16px;
}

.rec-twolinedata-btn.active .rec-twolinedata-btn-data {
    color: #000;
    border-radius: 5px 5px 0px 0px;
    top: -53px;
    border-bottom: 0px;
}
.rec-tags{
    position: relative;
    margin: 0px 2px 0px 2px;
    float: left;
    width: 19px;
    height: 19px;
}
.rec-tags .tag-item{
    position: absolute;
    text-transform: uppercase;
    font-family: 'Inconsolata',
    'Consolas',
    'Courier New',
    Courier,
    monospace;
    letter-spacing: 2px;
    padding: 0px 3px;
    overflow: hidden;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    /* color: #fff; */
    transition: all linear 0.1s, border-radius linear 0s;
    pointer-events: none;
    background: #EEF5F9;

}
.rec-tags:hover .tag-item {
    letter-spacing: 0px;
    padding: 0px 3px;
    width: auto;
    height: 19px;
    border-radius: 5px;
    z-index:2;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    
    box-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
    background: #1D88E5;
    color: #fff;
}



.rec-badge-pull-right {
    float: right;
}
.rec-pages-list{
    position: absolute;
    left: -11px;
    right: 15px;
    top: -33px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    padding: 10px;
    z-index: 1;
    opacity:0;
    height:1px;
    overflow-y: auto;
    max-height:250px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.rec-twolinedata-btn.active .rec-pages-list {
    opacity:1;
    left: -11px;
    right: -11px;
    height: auto;
    min-width: 150px;
    z-index: 3;
}

.rec-pages-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 45px;
    position: relative;
}
.rec-pages-list li:last-child {
    padding-bottom: 5px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.rec-pages-list li .badge{
    margin-left: 5px;
    font-size: 9pt;
}

.rec-pages-list-play {
color: #aaa;
position: absolute;
right: 1px;
padding: 1px 12px;
top: 0px;
font-size: 8pt;
border-radius: 2px;
border: 1px solid #ccc;
}

.rec-pages-list-play:hover {
    color: #000;
    border: 1px solid #aaa;
}


.rec-play {
color: #eee;
padding: 11px;
font-size: 8pt;
border-radius: 3px;
text-align: center;
display: block;
min-width: 56px;
background: #444954;
text-shadow: 0px 1px 2px #000;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
cursor: pointer;
text-decoration: none !important;;
}
.rec-play {
    color: #fff !important;
    padding: 11px;
    font-size: 8pt;
    border-radius: 3px;
    text-align: center;
    display: block;
    min-width: 56px;
    background: #197DE1;
    text-shadow: 0px 1px 2px #000;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}


.rec-list-action-btn{
    cursor: pointer;
}

/* .rec-play {
    color: #fff;
    padding: 11px;
    font-size: 8pt;
    border-radius: 3px;
    text-align: center;
    display: block;
    min-width: 56px;
    background: #fdd52e;
    text-shadow: 0px 0px 1px #8a741c;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #e2bf2e;
} */

.rec-play:hover {
    color: #fff;
    background: #111;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}
.rec-play:hover {
    color: #fff;
    background: rgb(59, 143, 226);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.rec-play:active {
    color: #fff;
    background: rgb(17, 110, 202);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}



.minus-margin-for-rec-list-action{
    margin: 0px -2px;
}

.rec-list-action-btn-container {
    width: 50%;
    float: left;
}

.rec-list-action-btn{
    color: #444954;
    padding: 6px;
    font-size: 8pt;
    border-radius: 3px;
    text-align: center;
    display: block;
    background: #fff;
    border: 1px solid #eee;
    margin: 0px 2px;
}


.camera-row .rec-list-action-btn {
    background: #ABAFAF;
    border: 0px;
    font-size: 10pt;
    margin-bottom: 10px;
    margin-top: 7px;
    border: 1px solid transparent;
}

.rec-list-action-btn:hover {
    border: 1px solid #ccc;
    color: #000;
}
.rec-list-action-btn:active {
    border: 1px solid #bbb;
    color: #111;
    background: #eee;
}
.recordings-container thead{
    color: #aaa;
}


.recordings-container-row{
    border:1px solid #eee;
    background: #fff;
    border-radius: 3px;

}

.rec-col-star {
    text-align: right;
    padding-left: 10px;
}

.list-loading-holder{
    text-align: center;
    padding: 90px;
    display: none;
}

.list-loading-holder svg{
    position: unset;
}

.zoom-in {
  animation: zoomingin 2000ms linear both;
}

/* Generated with Bounce.js. Edit at https://goo.gl/Z14LLe */

@keyframes zoomingin {
  0% { transform: matrix3d(4, 0, 0, 0, 0, 4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { transform: matrix3d(2.457, 0, 0, 0, 0, 2.457, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.61% { transform: matrix3d(1.364, 0, 0, 0, 0, 1.364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.91% { transform: matrix3d(0.843, 0, 0, 0, 0, 0.843, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% { transform: matrix3d(0.72, 0, 0, 0, 0, 0.72, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.33% { transform: matrix3d(0.938, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% { transform: matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% { transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}



.rec-col-id {
    padding: 10px;
}
.rec-col-visitor{
    width: 115px;
    padding-left:5px;

}
.rec-col-pages{

    max-width: 200px;
    min-width: 150px;
}

.rec-col-referrer{
    padding-right: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    min-width:0px;
}
.rec-col-duration{
    text-align: center;
}
.rec-col-date {
    text-align: center;
    padding: 0px 5px;
}

.rec-col-actions {
    width: 90px;
}

.played{
    opacity: 0.6;
}

.played .rec-play{
    color: #ddd;
    background: #949994;
    text-shadow: 0px 1px 2px #555;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.recordings-container-row:hover {
    opacity: 1;
    background: #fff;
}
.tooltip{
    pointer-events: none;
}
.btn-star.active{
    color: #FDD52E;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

.rec-list-return-container{
    position: relative;
}
.rec-list-return-badge {
    position: absolute;
    top: 3px;
    left: 2px;
    font-size: 7pt;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
    right: 2px;
    cursor: default;
    bottom: 0px;
}

.visitor_card_middle_ref_left .left-icon,
.visitor_card_middle_ref_right .left-icon {
    float: left;
    padding: 12px;
    background: rgba(240, 240, 240, 0.1);
    box-shadow: 0px -4px 18px rgba(220, 220, 220, 0.3) inset;
    color: rgb(140, 140, 140);
    text-shadow: 0px 1px 0px #fff;
}

.visitor_card_inner_box {

    padding: 0px;
    border: rgba(200, 200, 200, 0.3) 1px solid;
    box-shadow: 0px -4px 18px rgba(220, 220, 220, 0.3) inset;
    overflow: hidden;
    height: 23px;
    font-size: 9pt;
}

.geomapping{
    width: 300px;
    height: 200px;
}

.visitor_card_inner_box_outer {
    display: inline-block;
}

.visitor_card_inner_box,
.visitor_card_inner_box a {
    color: #999;
}

.visitor_card_inner_box:hover,
.visitor_card_inner_box a:hover {
    color: #666;
}

.visitor_card_inner_box_flag {
    width: 19px;
    vertical-align: middle;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 2px;
    margin-left: 2px;
}

.visitor_card_inner_box_text {
    display: inline;
    padding: 0px 3px;
}

.visitor_box_browser {
    display: inline-block;
    vertical-align: top;
    margin: 1px 2px 1px 2px;
}

.visitor_box_browser img {
    width: 19px;
    height: 19px;
}

.visitor_box_right {
    display: inline-block;
    padding: 0px 6px;
    border: rgba(200, 200, 200, 0.3) 1px solid;
    box-shadow: 0px -4px 18px rgba(220, 220, 220, 0.3) inset;
    overflow: hidden;
    height: 23px;
    font-size: 9pt;
}

.visitor_box_right_shell {
    padding: 7px 3px 7px 4px;
    display: inline-block;

}

.visitor_box_right_shell_first {
    padding: 7px 6px 7px 4px;
}

.visitor_box_right,
.visitor_box_right a {
    color: #999;
}

.visitor_box_right:hover,
.visitor_box_right a:hover {
    color: #666;
}

.visitor_box_right .icon {
    color: #fff;
    margin-right: 4px;
}

.visitor_box_shiny {
    cursor: default;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));
    background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);
    background-image: -o-linear-gradient(top, #52aeff, #2180d3);
    background-image: linear-gradient(to bottom, #52aeff, #2180d3);
    background-color: #3290E2;
}

.visitor_box_shiny a {
    color: #fff;
}

.visitor_box_shiny:hover,
.visitor_box_shiny a:hover {
    color: #f0f0f0;
}

.visitor_box_shiny_label {
    position: relative;
    cursor: default;
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
}

.visitor_box_shiny_label a {
    color: #fff;
}

.visitor_box_shiny_label:hover,
.visitor_box_shiny_label a:hover {
    color: #f0f0f0;
}

.label_shine {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.5) 45%, rgba(0, 0, 0, 0.1) 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
}

@media (max-width: 850px){
    .rec-col-pages {
        max-width: 150px;
    }
}



@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}


.btn-star i.rotating {
    color: rgba(200,200,200,0.5);
    transition: unset;
}

.jq-icon-info {
    background-color: #444954 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.rec-list-action-btn-share.shared {
    background: #fdd52e;
    border: 1px solid #e2bc24;
    color: #5f5116;
}
.rec-list-action-btn-share.shared:hover {
    background: #ffd83b;
    border: 1px solid #dab41f;
    color: #5f5116;
}
.rec-list-action-btn-share.shared:active {
    background: #ffe063;
    border: 1px solid #d6b11d;
    color: #5f5116;
}

@media (max-width: 1015px) {
.rec-twolinedata-btn.active .rec-pages-list {
    left: -110px;
}
}

@media (min-width: 1015px) {
.rec-twolinedata-btn.active .rec-pages-list {
    right: -232px;
}
}

.navbar-brand b{
    display: none !important;
}

.mini-sidebar .navbar-brand span {
    display: block !important;
    
}
.mini-sidebar .navbar-brand b {
    display: block !important;
}

@media (max-width: 768px){
.mini-sidebar .navbar-brand b {
    display: none !important;

}
.mini-sidebar .navbar-brand span {
    display: block !important;
}
}
.mini-sidebar .top-navbar .navbar-header {
    width: 240px;
}

.session-camera.view_only{
    pointer-events: none;
}

.camera-row {
    padding: 3px 7px;
    color: #bbb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.camera-row-icon {
    display: inline-block;
    width: 20px;
}

.camera-row-icon img {
    width: 15px;
}

.row-sp{
    margin:-15px;
    margin-bottom: 15px;
    margin-top:0px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 15px;
}

tbody.recordings-container-body a {
    color: #333;
}

tbody.recordings-container-body a:hover {
    color: #000;
    text-decoration: underline;
}

.page-wrapper.no-sidebar{
    margin-left:0px;
}

.footer.no-sidebar{
    left:0px;
}




.fixed-topbar{
    top:0px;
    right:0px;
    left:0px;
    position: fixed;
    z-index: 11000;
}


.scroll-sidebar>ul li a {
    background:#444954;
    color: #89acbd;
    
}
.mini-sidebar .scroll-sidebar>ul li a{
    border-radius:0px;
}

.left-sidebar,
.sidebar-nav {

    background:#444954;
    color: #89acbd;
}

.left-sidebar .slimScrollBar {
    background:rgba(0,0,0,0) !important;
}

.scroll-sidebar>ul>li>a i,
.scroll-sidebar>ul>li>a i {
    color: #99abb4;
}
.scroll-sidebar>ul>li>a {
    background:#444954 !important;
    color: #607d8b;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

}

.scroll-sidebar>ul>li>a {
    font-weight: 400;
    background: rgba(255, 255, 255, 0.1);
    color: #89acbd;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.scroll-sidebar>ul>li>a,
.scroll-sidebar>ul>li>a:hover>a {
    color: #89acbd;
    background: unset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}


.scroll-sidebar ul li a.active,
.scroll-sidebar ul li a:hover,
.scroll-sidebar>ul>li>a:hover i {
    color: #fff;
}

.scroll-sidebar>ul>li>a.active i,
.scroll-sidebar>ul>li>a:hover i{
    color: #89acbd;
}


.scroll-sidebar>>ul>li.active>a i,
.scroll-sidebar>>ul>li.active:hover>a i {
    color: #89acbd;
}

.scroll-sidebar>>ul>li.active>a,
.scroll-sidebar>>ul>li.active:hover>a {
    color: #fff;
}


.scroll-sidebar>>ul>li.active>a.has-arrow i,
.scroll-sidebar>>ul>li.active:hover>a.has-arrow i {
    color: #a5c5d4 !important;
}

.scroll-sidebar>>ul>li.active>a.has-arrow,
.scroll-sidebar>>ul>li.active:hover>a.has-arrow {
    color: #a5c5d4 !important;
}

.textbox-loading-spinner {
    background: url('../img/loading.gif') no-repeat right center !important;
    background-size: contain !important;
    background-position: left center !important;
    padding-left: 37px !important;
}

.blink {
    animation: blink-animation 4s step-start infinite;
}

@keyframes blink-animation {
    0% {
        visibility: visible;
    }
    15% {
        visibility: hidden;
    }
}

@media (max-width: 768px) {
.wizard-content .wizard>.steps {
    display: none;
}
}
.wizard-content .wizard>.steps {
    display: none;
}

.custom-control {
    width: 100%;
    padding-left: 0px;
}

.displayunset{
    display: unset;
}
.recording-set{
    width: 100%;
    height: 65px;
    margin-bottom:10px !important;
}

.recordingset-span{
    font-size: 8pt;
    display: block;
}

#steps-uid-0 li.disabled {
 display: none;
}

.recordings404{
    padding: 25px;
}


.err-col-session {
    width: 155px;
    min-width: 155px;
    padding-left:15px;
}
.err-col-date {
    width: 120px;
}
.err-col-type {
    width: 40px;
    text-align: center;
    position: relative;
}

.err-col-actions {
    width: 100px;
}
.err-col-count {
    width: 45px;
}

.err-col-message{
    padding-right: 10px;

    max-width: 200px;
    min-width: 150px;
}

.err-msg{
    display: block;
    max-height: 51px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: block;
}
.err-page{
    color: #ccc !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 7pt;
    margin-top: 8px;

}

.err-page a{
    color: #ccc;
}
.errors-container {
    width: 100%;
    font-size: 9pt;
}
.errors-container,
.errors-container * {
    transition: all linear 0.1s;
}
.errors-container thead{
    color: #aaa;
}


.errors-container-row{
    border:1px solid #eee;
    background: #fff;
    border-radius: 3px;

}
.errors-container-row:hover {
    opacity: 1;
    background: #fff;
}

tbody.errors-container-body a {
    color: #333;
}

tbody.errors-container-body a:hover {
    color: #000;
    text-decoration: underline;
}


.errors-msg-label {
    top:17px;
    position: absolute;
    left: -10px;
    width: 50px;
    color: #fff;
    text-align: center;
    font-size: 8pt;
    padding: 2px 0px;
    text-transform: capitalize;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);

}
.errors-msg-label-error{
    background: #CA433B;
}
.errors-msg-label-error::after {
    content: 'Error';
}

.errors-msg-label-warn{
    background: #E9A33C;
}
.errors-msg-label-warn::after {
    content: 'Warn';
}
.errors-msg-label-ajax{
    background: red;
}
.errors-msg-label-ajax::after {
    content: 'Net';
}

.errors-msg-label-info{
    background: #6BABE0;
}
.errors-msg-label-info::after {
    content: 'Info';
}

.errors-msg-label-log{
    background: #77A248;
}
.errors-msg-label-log::after {
    content: 'Log';
}
.errors-msg-label-debug{
    background: #333333;
}
.errors-msg-label-debug::after {
    content: 'Debug';
}

.visitor_card_inner_box_flag{
    width: 19px !important;
    height: unset !important;
    margin-top: 3px;
}

.err-twolinedata{
    padding: 15px 15px 15px 0px;
    position: relative;
}

.err-twolinedata1 {
    height: 40px;
}

.err-twolinedata2 {
    padding: 12px 0px 0px 0px;
}

.err-play-button{
    background: #fff;
    border: 1px solid #197DE1;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
    color: #197DE1 !important;
    text-shadow: none;
}

.err-play-button:hover{
    text-decoration: none  !important;
    background: #fff;
    border: 1px solid rgb(15, 103, 192);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
    color: rgb(15, 103, 192) !important;
    text-shadow: none;
}

.err-play-button:active{
    text-decoration: none !important;
    background: #fff;
    border: 1px solid rgb(15, 103, 192);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.4), 0px 4px 14px rgba(0,0,0,0.1) inset;
    color: rgb(15, 103, 192) !important;
    text-shadow: none;
}

.err-play-button-no{
    background: #fff;
    border: 1px solid #7c7c7c;
    box-shadow: unset;
    color:#7c7c7c !important;
    text-shadow: unset;
    cursor: default;
}

.err-play-button-no:hover{
    text-decoration: none  !important;
    background: #fff;
    border: 1px solid #6b6b6b;
    box-shadow: unset;
    color: #6b6b6b !important;
    text-shadow: unset;
}

.err-play-button-no:active{
    text-decoration: none !important;
    background: #fff;
    border: 1px solid #5e5e5e;
    box-shadow:  0px 4px 14px rgba(0,0,0,0.1) inset;
    color: #5e5e5e !important;
    text-shadow: none;
}


.err-col-message .label.label-sm.label-info {
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}


.errors404{
    padding: 25px;
}

.list-header-fixed th{
    min-height:30px;
    height:30px;
}

.error-type-filter{
    text-align: center;
    font-size: 8pt;
}

.right-side-toggle i{
-webkit-transition-property:  unset;
-webkit-transition-duration:  unset;
-moz-transition-property:  unset;
-moz-transition-duration:  unset;
transition-property:  unset;
-o-transition-property:  unset;
transition-property:  unset;
transition-property:  unset;
-o-transition-duration:  unset;
transition-duration:  unset;
-webkit-animation-name:  unset;
-webkit-animation-duration:  unset;
-webkit-animation-iteration-count:  unset;
-webkit-animation-timing-function:  unset;
-moz-animation-name:  unset;
-moz-animation-duration:  unset;
-moz-animation-iteration-count:  unset;
-moz-animation-timing-function:  unset;
animation-name:  unset;
animation-duration:  unset;
animation-iteration-count:  unset;
animation-timing-function:  unset;
position:  unset;
top:  unset;
left: unset;
}


.right-sidebar {
    position: fixed;
    right: -400px;
    width: 400px;
    top: 50px;
    bottom: 0px;
    height: unset;
    z-index:10999;
    
}

.right-sidebar ul.dropdown-menu.inner.show {
    overflow-y: visible;
}

.right-sidebar * {
    font-size: 8pt;
}
.shw-rside {
    right: 0px;
    width: 400px;
    display: block;
}


.right-sidebar .rpanel-title {
    display: block;
    padding: 14px 18px;
}



.w-20 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20% !important;
            flex: 0 0 20% !important;
    max-width: 20%;
  }

  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.r-panel-body{
    padding:0px !important;
}
.filter_form{
    position: relative;
}
.filter_form_contents {
    padding: 20px;
    position: absolute;
    bottom: 70px;
    top: 50px;
    overflow-y: scroll;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.filter_form_submit{
    padding:20px;
    position: absolute;
    bottom:0px;
    right:0px;
    left:0px;

}

li.dropdown-header {
    padding: 5px 5px !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {

    top: 15px !important;
}

.right-sidebar .r-panel-body ul li {
    padding: 5px 5px !important;
}

.tooltip {
    z-index: 1200;
}


.daterangepicker .calendar.right{
    display: none !important;
}

.form-control.rightselectpicker,.right-sidebar .right.form-control {
    min-height: unset !important;
    height: unset !important;

}



.groupedrightsidebarleft{
    width:100px;
}

.groupedrightsidebarleft .btn.dropdown-toggle.btn-light {
    padding: 10px 10px 11px 10px;
    border: 1px solid #ccc;
    border-radius: 6px 0px 0px 6px !important;
}

.groupedrightsidebarright{
    width:70px;
}

.groupedrightsidebarright .btn.dropdown-toggle.btn-light {
    padding: 10px 10px 11px 10px;
    border: 1px solid #ccc;
    border-radius: 0px 6px 6px 0px !important;
    letter-spacing: -1px;
}

.daterangepicker .ranges li{
    font-size:10px !important;
}
.daterangepicker .ranges ul {
    width: 100px !important;
}

.countrypicker .dropdown-menu.show {
    min-width: 345px !important;
}

.countrypicker ul.dropdown-menu.inner.show {
    min-width: 320px !important;
}

.bootstrap-tagsinput {
    min-width: 100%;
}

.page-item.disabled {
    cursor: not-allowed;
}

a.page-link.page-number {
    background-color: transparent !important;
}

.err-col-recording {
    width: 50px;
    max-width: 50px;
    min-width:100px;
    padding-left:15px;
}

.err-col-page {
    overflow: hidden;
    word-break: break-all;
    max-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
}


.err-col-page .err-page {
    font-size: 9pt;
    color: #333 !important;
    
}

.dropdown-menu {
    max-height: 450px;
    overflow-y: auto;
    font-size:9pt;
}

.oneliner{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-mini-label{
    position: absolute;top:0px; left:0px; font-size:8pt;
    background:#444954;
    color:#fff;
    padding:0px 4px;
}


.btn-share-error.shared {
    background: #fdd52e;
    border: 1px solid #e2bc24;
    color: #5f5116;
}
.btn-share-error.shared:hover {
    background: #ffd83b;
    border: 1px solid #dab41f;
    color: #5f5116;
}
.btn-share-error.shared:active {
    background: #ffe063;
    border: 1px solid #d6b11d;
    color: #5f5116;
}

.errortimebadge{
    float: right;
    background: #EEF5F9;
    box-shadow: 0px 5px 14px rgba(0,0,0,0.1) inset;
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 10pt;
    margin-left: 10px;
}


.error_sourcecode {
    background: #EEF5F9;
    box-shadow: 0px 5px 14px rgba(0,0,0,0.1) inset;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 10pt;
    margin-top: 15px;
    color: #777;
}
.error_sourcecode b {
    color: #222;
}


.error_sourcecode a {
    color: #777;
}



.error_stack {
    background: #EEF5F9;
    box-shadow: 0px 5px 14px rgba(0,0,0,0.1) inset;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 10pt;
    margin-top: 15px;
    color: #777;
    line-height: 1.8em;
}
.error_stack b {
    color: #222;
}


.error_stack a {
    color: #777;
}

.btn-star-error.active{
    color: #FDD52E;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
.btn-star-error i.rotating {
    color: rgba(200,200,200,0.5);
    transition: unset;
}

.errorlistpageview.played{
    opacity: 1 !important;
}

.error-observe b{
    font-size: 10pt;
}

.error-observe.contentful{
    margin-top:15px;
}





.errors-card-label {
    top: 0px;
    position: absolute;
    left: 20px;
    width: 50px;
    color: #fff;
    text-align: center;
    font-size: 8pt;
    padding: 2px 0px;
    text-transform: capitalize;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);

}

.err-col-actions-content{
    padding:10px;
    white-space: nowrap;
}

.recording-set input.custom-control-input{
    display: none;
}

.heatmap-method-tab{
    display: none;
}

.heatmap-method-tab.active{
    margin-top:25px;
    display: block;
}

.groupedheatmapmethod{
    width:150px;
}

.testbuttonappendheatmap{
    margin-left:10px;
}

.heatmap-method-test-tab{
    background: #EEF5F9;
    border-radius:5px;
    padding: 20px;
    margin-top: 20px !important;
}

.btn-group .btn-secondary:not(.active) label{
    color: unset!important;
}

.btn-group .btn-secondary:hover label{
    color: #fff!important;
}



.heatmap-container {
    width: 100%;
    font-size: 9pt;
}

.heatmap-container,
.heatmap-container * {
    transition: all linear 0.1s;
}

.heatmap-container thead{
    color: #aaa;
}

.heatmap-container-row{
    border:1px solid #eee;
    background: #fff;
    border-radius: 3px;

}

.heatmap-container-row:hover {
    opacity: 1;
    background: #fff;
}

tbody.heatmap-container-body a {
    color: #333;
}

tbody.heatmap-container-body a:hover {
    color: #000;
    text-decoration: underline;
}


.rec-col-name{
    width:40%;
}
.rec-col-lastdata{
    width:150px;
    min-width:140px;
    max-width:160px;
}

.heatmap-container-row .rec-col-actions {
    min-width: 150px;
    width: 150px;
}

.heatmap-container-row .rec-list-action-btn-container{
    width:25%;
}

td.rec-col-name {
    padding-left: 10px;
}


.heatmap404{
    padding: 25px;
}


.heatmapContainer{
    background: #444954;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    position: relative;
}

#heatmap-loading-status{
    padding: 60px;
    font-size: 15pt;
    font-weight: 100;
    color: #fff;
    position: absolute;
    top:0px;
    right:0px;
    left:0px;
    text-align: center;
}

.btn-heatmap-container .btn{
    /* padding: 0px; */
    /* border: 1px solid #bdc3ca; */
}


.btn-heatmap-container .button-label{
    white-space: nowrap;
    /* padding: 7px 12px; */
    font-size:10pt;
}


.btn-heatmap-container  .data-point-progress {
    font-size: 6pt;
    background: #bdc3ca;
    color: #fff;
    white-space: nowrap;
    display: none;
}

/* .btn-heatmap-container .btn:hover .data-point-progress {
    background: #424242;
} 


.btn-heatmap-container .btn:active .data-point-progress {
    background: #3a3d40;
} */

.heatmap-container-right{
    text-align: right;
}

.heatmap-container-left{
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #eee;

}

.heatmap-container-middle{
    float: left;
}

.heatmap-container-right{
    padding-right: 0px;
    padding-left: 15px;
    border-left: 1px solid #eee;
    float: right;
}


.heatmap-frame{
    margin: 25px;
    float:left;
}



.hscaleable-wrapper{
    /* position: absolute;
    top: 50px;
    bottom: 80px;
    left: 0px;
    right: 200px;
    background: #3B3D3F;
    overflow: hidden; */
    position: relative;
}
#heatmapContainer{
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
}
#heatmapContainerScaler {
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    


}

#heatmap-frame{
    opacity:0;
    transition: all linear 0.2s;
}


#heatmap-canvas-container
{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    margin: 25px;
    z-index:1;
    background: rgba(0,0,0,0.4);
}


#heatmap_scrollhighlighter_container{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    margin: 25px;
    z-index:2;
    pointer-events: none;
    display:none;
}

#heatmap_highlighter_container{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    margin: 25px;
    z-index:2;
    pointer-events: none;
    display:none;
}

#heatmap_highlighter_container, #heatmap_highlighter_container *{

    transition: all linear 0.1s;
}


#heatmap_legends{
    position: fixed;
    top: 0px;
    bottom: 30px;
    left: 0px;
    right: 82px;
    pointer-events: none;
    z-index: 5;
    transition: all linear 0.1s;
    opacity: 1;
    display: none;
}

#heatmap_legend_colors{
    right: 10px;
    bottom: 10px;
    position: absolute;
    opacity: 0.9;
}
#heatmap_legend_colors img{
    width: 300px;
    height: 27.19px;
}
#heatmap_legend_counter{
    background: rgba(0,0,0,0.78);
    color: rgba(255,255,255,0.8);
    font-size: 9pt;
    position: absolute;
    bottom: 10px;
    right: 320px;
    white-space: nowrap;
    padding: 4.5px 10px 5px;
    border-radius: 3px;
}

@media (max-width: 545px) {
    #heatmap_legend_counter{
        visibility: hidden;
    }
}

#heatmapContainer:hover #heatmap_legends{
    opacity:0.2;
}

#heatmap_scrollhighlighter_label{
    position: absolute;
    top: -1px;
    height: 20px;
    background: #000;
    color: #fff;
    padding: 1px 10px;
    left: -2px;
    font-size: 9pt;
    border-radius: 0px 0px 5px 0px;
    z-index:4;
    white-space: nowrap;
}

#heatmap_scrollhighlighter_divlabel {
    position: absolute;
    top: 0px;
    height: 20px;
    color: #fff;
    padding: 1px 10px;
    left: 55px;
    right: -6px;
    font-size: 9pt;
    border-radius: 0px 0px 3px 0px;
    z-index: 3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: right;
    text-shadow: 0px 0px 2px rgba(0,0,0,1);
}



#heatmap_highlighter_label{
    position: absolute;
    top: -2px;
    /* width: 50px; */
    height: 20px;
    background: #fff;
    color: #000;
    padding: 1px 10px;
    left: -2px;
    font-size: 9pt;
    border-radius: 0px 0px 3px 0px;
    z-index:4;
    white-space: nowrap;
}

#heatmap_highlighter_divlabel {
    position: absolute;
    top: -1px;
    height: 20px;
    color: #fff;
    padding: 1px 10px;
    left: 55px;
    right: -6px;
    font-size: 9pt;
    border-radius: 0px 0px 3px 0px;
    z-index: 3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: right;
    text-shadow: 0px 0px 2px rgba(0,0,0,1);
}

#rawdatalistdata *{     
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#rawdatalistdata  .col-10:hover{


        overflow: auto !important;
        white-space: normal;
        word-break: break-all;
        position: absolute;
        max-width: 97%;
        flex: 0 0 97%;
        background: white;
        z-index: 1;
        border: 2px solid orange !important;
        margin-top:-2px;
        margin-left:-2px;


}



.rawdatalistdatatitle{
    font-weight: bold;
    padding: 10px;
}

#rawdatalistdata .row{
    padding: 5px;
    
}

#rawdatalistdata .row .col-10, #rawdatalistdata .row .col-2{
    border-bottom: 1px solid #eee;
}

.addnewcontactform{
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 3px;
    display: flex;
}
.contactformlist{
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 3px;
    display: flex;
}


#contactmethodvalfield{
    margin-left:3px;
}
#contactmethodvalfield,#contactmethodfield{
    height: 30px;
    min-height:30px;
}

#contactmethodval{
    width: 100%;
}
.addnewcontactformcontainer{
    display: none;
}

.contact-method-col{
    display: flex;
    flex: 2;
    flex-basis: 100px;
    max-width: 100px;

}
.contact-value-col{
    display: flex;
    flex:3;
    flex-basis: 60%;
}
.contact-action-col{
    display: flex;
    flex:1;
    flex-basis: 50px;
    max-width: 50px;
    min-width: 50px;
    margin-left:6px;
}

.contactlistitem {
    margin-top: 5px;
}



.contactlist-method-col{
    display: flex;
    flex: 2;
    flex-basis: 100px;
    max-width: 100px;
}

.contactlist-method-col .colcontents{
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contactlist-value-col{
    display: flex;
    flex:3;
    flex-basis: 60%;
}

.contactlist-value-col .colcontents{
    margin-left:4px;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contactlist-action-col{
    display: flex;
    flex:1;
    flex-basis: 50px;
    max-width: 50px;
    min-width: 50px;
    margin-left:4px;
}

.contactlist-action-col .btn-xs{
    padding-top: 6px;
}

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

.progress {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, 0.3);
}

.progress .progress-bar {
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    font-weight: 700;
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    padding-left: 5px;
}
.hidden{
    display: none;
}
.noln{
    white-space: nowrap;
}

.maplayer{
    width: 100%;
    height: 90vh;
}

.modal{
        z-index: 15000;
}
.fb_dialog {
    z-index: 10900 !important;
}

.mini-sidebar .enhanced-sidebar{
    display: none;
}

.mini-sidebar .enhanced-sidebar-footer{
    display: none;
}

.mini-sidebar.show-sidebar .enhanced-sidebar{
    display: block;
}

.mini-sidebar.show-sidebar .enhanced-sidebar-footer{
    display: block;
}

.enhanced-sidebar{
    position:fixed;
    top:50px;
    bottom:0px;
    left:0px;
    width:240px;
    bottom:50px;

}
.enhanced-sidebar-footer{
    bottom: 0px;
    left: 0px;
    position: fixed;
    width: 240px;
    height: 50px;
    box-shadow: 0 -2px 2px -2px rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.2);
    padding: 15px;
    text-align: center;
}

.card-no-border .scroll-sidebar>ul>li>a.active{
    background:#ffffff
}



.scroll-sidebar>ul>li{
    margin-bottom:10px
}
.scroll-sidebar>ul>li.active>a{
    color:#ffffff;
    font-weight:500;
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2)
}
.scroll-sidebar>ul>li.active>a i{
    color:#26c6da
}
.scroll-sidebar>ul>li>a.active i,.scroll-sidebar>ul>li>a:hover i{
    color:#26c6da
}
.scroll-sidebar>ul>li>a i{
    width:27px;
    height:27px;
    font-size:21px;
    line-height:27px;
    display:inline-block;
    vertical-align:middle;
    color:#99abb4
}
.scroll-sidebar>ul>li>a .label{
    float:right;
    margin-top:6px
}
.scroll-sidebar>ul>li>a.active{
    font-weight:400;
    background:#242933;
    color:#26c6da
}

.sidebar-nav{
    padding:0px;
}

.scroll-sidebar{
    padding:15px;
}


.btn-users-navbar{
    font-size: 10pt !important;
    padding: 6px 12px;
    margin: 5px 0px;
    border-radius: 3px;
    background: rgba(255,255,255,0.1);
}

.navbar-users{
    padding:0px 3px;
}


.btn-plans-navbar{
    font-size: 10pt !important;
    padding: 7px 12px 6px 12px;
    margin: 5px 5px 5px 0px;
    border-radius: 3px;
    background: rgba(255,255,255,0.1);
}

.navbar-plans{
    padding:0px 3px;
}

.mega-dropdown {
    width: unset;
}

.menu-dropdown-label {
    font-size: 8pt;
    color: #999;
    padding: 5px 10px !important;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

.menu-dropdown-website {

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}


ul.dropdown-user.dropdown-sites-list {
    max-height: 260px;
    overflow: auto;
    padding: 5px 0px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    border-top: 1px solid #eee;
    margin-top: 0px;
    cursor: pointer;
}

.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "/";
}

.menu-dropdown-users {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    padding: 13px 17px !important;
}

.menu-dropdown-users small{
    font-size: 7pt;
    color: #999;
}

@media (max-width: 768px) {
.topbar ul.dropdown-user {
    width: 100%;
}
}







.sp-container, .sp-container *, .live-monitor,.live-monitor *,.form-container, .form-container *{
    transition: unset;
}

.analysis {

    padding: 20px;
    background: #efefef;
    height: 200px;
}

.formatted-field {
    border: 1px solid #ced4da;
    padding: 0px;
    border-radius: .25rem;
}

.formatted-field:hover {
    border: 1px solid #eee;
    padding: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 255, 0.3);
}

.formatted-field:hover .formmated-field-column {
       padding-top:6px;

       height: 50px;
       overflow: unset;
}

.name_field{
    height: auto;
}
.sp-preview {
    width: 25px !important;
    height: 14px !important;
    margin-right: 5px !important;
}

.sp-replacer {
    padding: 2px !important;
    margin-bottom: 6px;
}

.sp-dd {
    height: 13px !important;
    line-height: 10px !important;
    font-size: 9px !important;
}
.formatted-field input,
.formatted-field select{
    -webkit-appearance: none;
    background: none;
    font-size: 10pt;
    border-radius: 0px;
    border:0;
    outline:none;
    box-shadow:none;
}


.formatted-field input:focus ,
.formatted-field select:focus {
    outline: none !important;
    box-shadow:none;
}

.clear{clear:both;}
.formatted-field div small{
    display: block;
    font-size: 8pt;
    color: gray;
    font-style: italic;

}

.formmated-field-column{
    float:left;
    padding:0px 12px;
    padding-top:6px;

    height: 0px;
    overflow: hidden;
    padding-top: 0px;
}


.live-monitor-container{
    position: relative;
    opacity:0;
    
}

.live-monitor{
    position: absolute;
    width: 1024px;
    height: 853px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
}


.live-monitor-screen-container {
    position: absolute;
    top: 39px;
    left: 39px;
    bottom: 212px;
    right: 38px;
    background: #fff;
    overflow: hidden;
}

.live-monitor-screen-scroll {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: -15px;
    right: -15px;
    background: #fff;
    overflow: scroll;
}
.live-monitor-screen {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #fff;
    overflow: hidden;
    pointer-events: none;
    transform: translate(0%, 0%) scale(1);
}

.live-monitor-screen-container:hover .live-monitor-screen {
    transform: translate(50%,50%) scale(2);

}


.form-add-question{
    border-radius:10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3) inset;
    padding: 15px;
    background: #efefef;
    text-align: center;
}
.form-add-question .btn{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    cursor: default;
}
.form-add-question .btn ul{
    list-style-type: none;
    padding:0px;
    margin:0px;
    position: absolute;
    top:45px;
    left:-22px;
    width: 200px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    display: none;
    z-index:1; 
}
.form-add-question:hover .btn ul {
    display: block;
}
.form-add-question .btn ul li.addnewfield{
    padding:10px;
    float:left;
    width:200px;
    font-size: 10pt;
    text-align: left;
    background:#fff;
    border:1px solid #eee;
}

.advanced-form-field{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden; 
    margin-bottom: 10px;
    background: rgba(255,255,255,0.9);
    position: relative;
}

.form-highlight-placeholder{
    border-radius:5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) inset;
    background: #fefefe;
    margin-bottom: 10px;
}

.advanced-form-drag-handler{
        width: 100%;
        height: 10px;
        cursor: move;
        background: #FDD52E;
        margin-bottom: 10px;
    }

.form-group-container{
    padding: 10px;
}
.form-group-container select{
    padding: 0px;
    margin: 0px;
    font-size: 9pt;
    height: 20px;
}

.form-question-delete {
    position: absolute;
    z-index: 1;
    right: -11px;
    top: -11px;
    font-size: 10pt;
    border-radius: 35px;
    overflow: hidden;
    background: rgb(200, 0, 0);
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 10px 0px 0px 6px;
    cursor: pointer;
    }

    .form-question-delete:hover {

        background: rgb(255, 0, 0);

        }

.form-right-side{
    position: relative;
}
.delete-button-widget{
    position: absolute;
    bottom:0px;
    right:0px;
}

.listing-widgets{
    box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
    border: 3px #fff solid;
    border-radius: 4px;
    padding: 15px;
    background: rgb(240,240,240);

}

.listing-answer{
    opacity: 0.5;
}
.listing-answer:hover {
    opacity:1;
}

.listing-answer-new{
    opacity: 1;
}

.view-individual-answer-sheet{
    border-radius: 4px;
    background: #fff;
    padding: 15px;
    border: 3px solid #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4) inset;
    
}

.question-title {
    color: #000;
    font-size: 12pt;
    font-weight: bold;
}

.question-title-required {
    color: red;
}

.question-qheading .question-title {
    color: #000;
    font-size: 14pt;
    font-weight: bold;
}

.question-qdesc .question-title {
    font-weight: unset;
}

.question-container {
    padding: 20px;
}


.ratelabel {
    font-size: 11pt;
    color: #444;
}

#container-thankyou {
    text-align: center;
}


.one-row{
    margin-bottom: 10px;
    border: 2px solid #eee;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    padding:10px;

}

.list-of-columns label{
    display: inline-block;
    width: 33%;
    float: left;

}

.lead-answer-sheet i{
    text-decoration: none;
    color: gray;
    display: inline-block;
    width: 80px;
}

.card .card-header{
    background: #F7F7F7;
    box-shadow: inset 0px -11px 22px rgba(50,50,50,0.1);

}

.card-header .btn-link{
    color: #444;
}

.card-header .btn-link:hover,.card-header .btn-link:focus{
    text-decoration: none;
}

.accordion .card {
    overflow: unset;
}


.formmated-field-column-first{
    line-height: 0px;
}



.btn-add-new-pagerule-filter {
    position: absolute;
    top: -24px;
    right: 0px;
    padding: 1px 31px;
    border-color: #ccc;
}




.funnel-container {
    width: 100%;
    font-size: 9pt;
}

.funnel-container,
.funnel-container * {
    transition: all linear 0.1s;
}

.funnel-container thead{
    color: #aaa;
}

.funnel-container-row{
    border:1px solid #eee;
    background: #fff;
    border-radius: 3px;

}

.funnel-container-row:hover {
    opacity: 1;
    background: #fff;
}

tbody.funnel-container-body a {
    color: #333;
}

tbody.funnel-container-body a:hover {
    color: #000;
    text-decoration: underline;
}


.funnel-container-row .rec-col-actions {
    min-width: 150px;
    width: 150px;
}

.funnel-container-row .rec-list-action-btn-container{
    width:25%;
}


.funnelContainer{
    background: #444954;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    position: relative;
}


.btn-funnel-container .button-label{
    white-space: nowrap;
    /* padding: 7px 12px; */
    font-size:10pt;
}

.funnel404{
    padding: 25px;
}




.fnl-graph-container{
    position: relative;
}

.fnl-graph-provider{
    position: absolute;
}

.fnl-rcf-legend-addon{
    position: absolute;
    left:0px;
    right: 0px;
    height: 200px;
}

.fnl-label-sessions{
    font-size: 7pt;
    top: 6px;
    position: absolute;
    color: #999;
}

.label__value::after {
    content: "Sessions";
    font-size: 8pt;
    padding-left: 5px;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 30px;
    border-bottom: 1px dotted #ccc;
    display: inline-block;
}

.fnl-label-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #000;
    position: absolute;
    top: 20px;
}

.fnl-label-perc-reach {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #999;
    position: absolute;
    top: 78px;
    display: inline-block;
}


.fnl-label-dropped {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    color: #000;
    line-height: 18px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 28px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
}


.fnl-label-dropped span{
    font-size: 8pt;
    display: inline-block;
    padding-left:5px;
    font-weight: normal;
}

.fnl-label-dropped-line2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #999;
    line-height: 18px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 10px;

}


.fnl-btn-reach{
    position: absolute;
    text-align: center;
    width: 90px;
    bottom:40px;
    right: 0px;

}

.fnl-btn-dropped{
    position: absolute;
    text-align: center;
    width: 90px;
    bottom:10px;
    right: 0px;
    
}
.fnl-btn-label-watch {
    font-size: 7pt;
    right: 61px;
    bottom: 70px;
    position: absolute;
    color: #999;
}

.jq-toast-wrap {
    z-index: 900000000 !important;
}



#sidebarnav .seperator{
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}






.StripeElement {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
  
    padding: 10px 12px;
  
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: white;
  
    box-shadow: 0 1px 2px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
  }
  
  .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
  }
  
  .StripeElement--invalid {
    border-color: #fa755a;
  }
  
  .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
  }



  .billing_card_on_file {
    background: #EEF5F9;
    box-shadow: 0px 5px 14px rgba(0,0,0,0.1) inset;
    border-radius: 5px;
    padding: 15px;
    font-size: 10pt;

    color: #777;
    height: 100%;

    
}
.billing_card_on_file b {
    color: #222;
}


.billing_card_on_file a {
    color: #777;
}

.rcf-modal-loading{
    text-align: center;
    padding: 90px;

}

.rcf-modal-loading svg{
    position: unset;
}

.modal-body.rcf-modal-body.loading-overlay::after {
    content: "Please wait...";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255,255,255,0.88) url(../img/loading.gif) no-repeat center 37%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    font-weight: bold;
    background-size: 44px;
}

.modal-body.rcf-modal-body.loading-overlay.noText::after {
    content: " " !important;
}



.billing-orgName{
    background: #c2d3dd80;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 5px 5px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:-8px;
}

.billing_domainName{
    background: #7fb7d840;
    display: inline-block;
    padding: 10px 14px;
    border-radius: 5px 5px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -8px;
}

.plan-unchanged-hidden{
    display: none;
}

.plan_label_title{
    background: #7fb7d840;
    display: inline-block;
    padding: 10px 14px;
    border-radius: 5px 5px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -8px;
}


.pricing-label-discount-container{
    position: relative;
}

.pricing-label-discount{
    position: absolute;
    top: 2px;
    left: -16px;
    transform: rotate(-45deg);
    font-size: 8pt;
    color: #000;
    background: yellow;
    padding: 2px 13px;
    letter-spacing: -1px;
    border-radius: 10px 10px 0px 0px;

}

div#card-errors {
    color: red;
    font-weight: bold;
    line-height: 23px;
}

.billing_need_payment_action{
    background: #da3434;
    color: #fff;
    position: absolute;
    right: 0px;
    top: -46px;
    padding: 8px 19px;
    border-radius: 5px 5px 0px 5px;
}

.billing_need_payment_action:hover{
    background: #FF3D3D;
    color: #fff;
    position: absolute;
    right: 0px;
    top: -46px;
    padding: 8px 19px;
    border-radius: 5px 5px 0px 5px;
    cursor: pointer;
}


.plan_badge{
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    cursor: pointer;
}
.plan_badge-disabled{
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    cursor: default;
}
.plan_badge_nav_top{
    border-radius: 3px !important;
    padding: 6px 12px  !important;line-height: 20px !important;
}


.topbar ul.dropdown-user li .dw-user-box .u-img {
    width: 55px;
    display: inline-block;
    vertical-align: top;
}

.film_strip {
    height: 50px;
    background: url(/assets/img/graphics/negativetapetexture.png) center center repeat-x;
    background-size: contain;
    margin-bottom: 15px;
    margin-top: 8px;
    border: 1px solid #000;
}

.plan_badge_recording_head {
    position: absolute;
    bottom: -10px;
    left: 10px;
    right: 10px;
}
.menu-dropdown-website{
    position: relative;
}
.plan_badge_navbar_menu{
    font-size: 8pt;
    padding: 3px 8px;
    position: absolute;
    top: 6px;
    right: 7px;
}

.topbar ul.dropdown-user li a {

    overflow: hidden;
    text-overflow: ellipsis;
}


.btn-very-red {
    animation: btn-very-red 1s infinite;
  }
  
  @-webkit-keyframes btn-very-red {
    0%, 49% {
      background-color: rgb(214, 30, 30);

    }
    50%, 100% {
      background-color: rgb(151, 28, 28);

    }
  }

  footer.footer a {
    color: #555;
}



.homepage-top-part{
 position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,ffffff+100&1+0,1+46,0+70 */
/* background: radial-gradient(ellipse at center,  rgba(252,252,252,0.9) 0%,rgba(253,253,253,1) 26%,rgba(254,254,254,0) 60%,rgba(255,255,255,0) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.demo-wrapper{
    background: #000 url('/assets/img/hometopbg2.jpg') center center no-repeat;
    background-size: cover;

}



.home-top-text{
    padding: 50px 20px;
    text-align: center;
    position: relative;
}

.rotateText span{
    display: none;
}
.rotateText span:first-child{
    display: block;

}

.home-top-text.tophead, .home-top-text.tophead h2, .home-top-text.tophead h3,.home-top-text.tophead h4, .home-top-text.tophead p{
    color: #fff;
}


@media (min-width: 769px){
.home-top-text.left{
    text-align: left;

}
}




.home-top-text h2{
    font-size: 22pt;
    font-weight: 100;
}
.home-top-text h2.toph2{
    font-size: 23pt;
    font-weight: 100;
}

.home-top-text h3{
    padding-top: 20px;
    font-size: 14pt;
    font-weight: 100;
    max-width: 500px;
    margin: auto;
    line-height: 27pt;
    padding-bottom: 40px;
}

.home-top-text p{
    font-size: 11pt;
    letter-spacing: 0.2px;
}



.home-top-text .tagline{
    max-width: 500px;

    display: inline-block;
}

.home-top-text .lead-catcher{
    padding-bottom: 30px;
}
.home-top-text .lead-catcher .btn{
    font-size: 16pt;
}




.home-live-monitor-container{
    position: relative;
    opacity:0;
    
}

.home-live-monitor{
    position: absolute;
    width: 1774px;
    height: 1007px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    z-index:2;
}


.home-live-monitor-screen-container {
    position: absolute;
    top: 64px;
    left: 209px;
    bottom: 97px;
    right: 212px;
    background: #000;
    overflow: hidden;
    
}

.home-live-monitor-screen-scroll {
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: -15px;
    right: -15px;
    background: #000;
    overflow: scroll;
}
.home-live-monitor-screen {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #000;
    overflow: hidden;
    pointer-events: none;
    transform: translate(0%, 0%) scale(1);
}

.home-live-monitor-screen-container:hover .home-live-monitor-screen {
    /* transform: translate(50%,50%) scale(2); */

}

.home-monitor-container{
    width: 100%;
    max-width: 900px;
    padding-left: 50px;
    padding-right: 50px;
    margin: auto;
    min-height: 300px;
}

.home-monitor-layer{

    position: relative;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4064f9+0,4064f9+100&0+50,1+51 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 41%,#FFFFFF 41%,#FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.home-top-tag{
    padding-top: 30px;
    padding-bottom: 60px;
}




.home-mid-section{
    padding: 50px 20px;
    text-align: center;
    position: relative;
}

.home-mid-section h2{
    padding-top: 20px;
    font-size: 22pt;
    font-weight: 100;
}


.home-mid-section h3{
    padding-top: 20px;
    font-size: 14pt;
    font-weight: 100;
    max-width: 755px;
    margin: auto;
    line-height: 27pt;
}

.home-mid-section p{
    font-size: 11pt;
    letter-spacing: 0.2px;
}

.home-mid-section .lead-catcher{
    padding-bottom: 0px;
    padding-top:30px;
}
.home-mid-section .lead-catcher .btn{
    font-size: 16pt;
}

.footer-gap{
    height: 50px;
}

.text-highlighter{
    z-index:1;
    position: relative;
    display: inline-block;
}
.text-highlighter::before{
    background: url(/assets/img/highlight.png) no-repeat center center;
    position: absolute;
    background-size: 100% 51%;
    left: -13px;
    right: 0px;
    top: -17px;
    bottom: -23px;
    z-index: -2;
    display: block;
    content: '';
}

.text-underline{
    z-index:1;
    position: relative;
    display: inline-block;
}

.text-underline::before {
    background: url(/assets/img/highlight.png) no-repeat center center;
    position: absolute;
    background-size: 100% 51%;
    left: -13px;
    right: 0px;
    top: 10px;
    bottom: -13px;
    z-index: -2;
    display: block;
    content: '';
}

@media (max-width: 600px){

    .home-monitor-container{
        min-height:200px;
    }



    .home-top-text{
        padding: 20px 10px;
    }


    .home-top-text h2{
        font-size: 14pt;
    }
    
    .home-top-text h2.toph2{
        font-size: 18pt;
        font-weight: 100;
        height: 75px;
    }
    
    .home-top-text h3{
        font-size: 12pt;
        line-height: 17pt;
    }
    
    .home-top-text p{
        font-size: 10pt;
    }
    
    .home-top-text .lead-catcher .btn{
        font-size: 14pt;
    }

    .home-mid-section{
        padding: 20px 10px;
    }
    .home-mid-section h2{
        font-size: 18pt;
        letter-spacing: -1px;
    }
    
    .home-mid-section h3{
        font-size: 12pt;
        line-height: 17pt;
    }
    
    .home-mid-section p{
        font-size: 10pt;
    }

    .home-mid-section .lead-catcher .btn{
        font-size: 14pt;
    }


    .home-monitor-container{
 
        padding-left: 15px;
        padding-right: 15px;

    }

    .home-monitor-layer{
 
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4064f9+0,4064f9+100&0+50,1+51 */
        background: linear-gradient(to bottom,  rgba(64,100,249,0) 0%,rgba(255,255,255,0) 20%,rgba(240,240,240,1) 21%,#FFFFFF 21%,#FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
}


@media (max-width: 330px){

    .home-top-text{
        padding: 20px 10px;
    }

    .home-top-text h2{
        font-size: 12pt;
    }
    
    
    .home-top-text h3{
        font-size: 10pt;
        line-height: 16pt;
    }
    
    .home-top-text p{
        font-size: 9pt;
    }
    
    .home-mid-section h2{
        font-size: 12pt;
    }
    
    .home-top-text .lead-catcher .btn{
        font-size: 12pt;
    }

    .home-mid-section{
        padding: 20px 10px;
    }

    .home-mid-section h3{
        font-size: 10pt;
        line-height: 16pt;
    }
    
    .home-mid-section p{
        font-size: 9pt;
    }

    .home-mid-section .lead-catcher .btn{
        font-size: 12pt;
    }


    .home-monitor-container{
 
        padding-left: 5px;
        padding-right: 5px;

    }

    .home-monitor-layer{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4064f9+0,4064f9+100&0+50,1+51 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.8) 21%,#FFFFFF 21%,#FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
        

}

.garmamapfader{
    position: absolute;
    bottom: 0px;
    height: 100px;
    width: 100%;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    z-index: 1;

}























.home-noable-plugins{
    box-shadow: 0px 1px 3px rgba(200,200,200,0.5);    border-top: 1px solid #eee;
    padding: 50px 20px;
    text-align: center;
    position: relative;
    background: #F8F8F8;
}

.home-noable-plugins h2{
    font-size: 22pt;
    font-weight: 100;
    padding-bottom: 20px;
}


.home-noable-plugins h3{
    padding-top: 20px;
    font-size: 14pt;
    font-weight: 100;
    max-width: 500px;
    margin: auto;
    line-height: 27pt;
    padding-bottom: 40px;
}

.home-noable-plugins p{
    font-size: 11pt;
    letter-spacing: 0.2px;
}



.home-noable-plugins .tagline{
    max-width: 500px;

    display: inline-block;
}


@media (max-width: 600px){

    .home-noable-plugins{
        padding: 20px 10px;
    }


    .home-noable-plugins h2{
        font-size: 14pt;
    }
    
    
    .home-noable-plugins h3{
        font-size: 12pt;
        line-height: 17pt;
    }
    
    .home-noable-plugins p{
        font-size: 10pt;
    }
    
}


@media (max-width: 330px){

    .home-noable-plugins{
        padding: 20px 10px;
    }

    .home-noable-plugins h2{
        font-size: 12pt;
    }
    
    
    .home-noable-plugins h3{
        font-size: 10pt;
        line-height: 16pt;
    }
    
    .home-noable-plugins p{
        font-size: 9pt;
    }

}


.home-features{
    max-width: 1000px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.home-features:first-child{

    margin-top: 60px;

}



.home-feature-container{
    display: flex;
    flex-direction: row;
}

.home-features.home-features-right .home-feature-container {
    flex-direction: row-reverse;
}

.home-feature-container .feature-img{
    display: flex;

    width: 450px;
    
}

.home-feature-container .feature-img .feature-img-inside{
    display: block;
    max-width: 450px;
}

.home-features-right .home-feature-container .feature-img .feature-img-inside{
    text-align: right;
}

.home-feature-container .feature-img .feature-img-inside img{
    max-width: 450px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    
}

.home-feature-container .content{
    display: flex;
    flex: 1;
}

.home-features-left .content-inside{
    padding-left: 40px;
}



.home-features-right .content-inside{
    padding-right: 40px;
}

.home-feature-container .content h2{
    font-size: 18pt;
    font-weight: 100;
    padding-bottom: 20px;
}

.home-feature-container .content p{
    line-height: 22pt;
    font-size: 12pt;
}



@media (max-width: 768px){



.home-feature-container{
    display: block;
    flex-direction: unset;
    padding-left: 10px;
    padding-right: 10px;
}

.home-features.home-features-right .home-feature-container {
    flex-direction: unset;
}

.home-feature-container .feature-img{
    display: block;

    width: 100%;
    
}

.home-feature-container .feature-img .feature-img-inside{
    display: block;
    max-width: 100%;
}

.home-features-right .home-feature-container .feature-img .feature-img-inside{
    text-align: left;
}

.home-feature-container .feature-img .feature-img-inside img{
    max-width: 100%;
    width: 100%;

}

.home-feature-container .content{
    display: block;
    flex: unset;
}

.home-features-left .content-inside{
    padding-left: unset;
}



.home-features-right .content-inside{
    padding-right: unset;
}

.home-feature-container .content h2{
    font-size: 16pt;
    font-weight: 100;
    padding-bottom: 20px;
    padding-top: 20px;
}

.home-feature-container .content p{
    line-height: 22pt;
    font-size: 12pt;
}


}




.home-built-for h4{
    font-weight: 100;
}


















#generic_price_table .conta-iner{
    margin: auto;
    width: 100%;
    padding: 0px 20px;
    max-width: 1100px;
}

#generic_price_table{
    background-color: #f0eded;
    padding-top:50px;
    padding-bottom: 50px;
}


/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
	background-color: #fff;
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #7460ED;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #7460ED; 
    color: #7460ED;
} 

/* #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
	color: #fff;
} */

/* #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
} */

#generic_price_table .generic_content .generic_price_btn a{
	background-color: #7460ED;
	color: #fff;
} 



#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #7E68FF;
	color: #fff;
} 

.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}


.generic_price_headline{
    padding-top: 20px;
    padding-bottom: 20px;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}


/* Credit of generice_price_table_home goes to MRSAHAR in codepen */
#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

#generic_price_table_home .price-heading{
    text-align: center;
}
#generic_price_table_home .price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
#generic_price_table_home .demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#generic_price_table_home .bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}



#generic_price_table .generic_content.basic .generic_head_price .generic_head_content .head_bg{
	border-color: #444444 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #444444;
	color: #fff;
}

#generic_price_table .generic_content.pro .generic_head_price .generic_head_content .head_bg{
	border-color: #45398E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #45398E;
	color: #fff;
}

#generic_price_table .generic_content.business .generic_head_price .generic_head_content .head_bg{
	border-color: #FDD52E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FDD52E;
	color: #fff;
}




.lens-mobile {
    z-index: 99998 !important;
}

.magnify-mobile>.close {
    z-index: 99999 !important;
}

.is_btn{
    cursor: pointer;
}

.addnewfield:hover{
    cursor: pointer;
    background:rgba(250,250,250,1);
}

.addnewfield:active{
    cursor: pointer;
    background:rgba(255,255,255,1);
}


.brands-logo-container h2{
    font-weight: 100;
    padding-top:60px;
    padding-bottom: 40px;
    font-size: 22pt;


}

.brands-logo-container{
    padding-bottom: 70px;
    text-align: center;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background:#fff;
    box-shadow: 0px 1px 3px rgba(200,200,200,0.5);
}

.brands-logo-container > div {
    margin: auto;
}

.homepage-top-part.footer-part{
    background: #efefef;
}

@media (max-width: 600px){

    .brands-logo-container h2{
        font-size: 14pt;
    }

}

@media (max-width: 330px){
    .brands-logo-container h2{
        font-size: 12pt;
    }
}

.brands-logo-home{

    max-height: 50px;
    height: 50px;
    display: inline-block;
   

}

.brands-logo-home img{
    max-width: 200px;
    height: 50px;
    margin-left: 25px;
    margin-right: 25px;
}

.jquery-marquee-enabled{
    height: 50px;
    overflow: hidden;
}



/* Slider */
.slick-slide {
    margin: 0px 20px;
    width: 200px;
}

/*  */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.home-top-text.tophead .home-top-tag {
    height: 280px;
}
.footer.no-sidebar{
    text-align: center;
}

.nopad{
    padding: 0px;
}

.force-inline *{
    display: inline;
}
.rotateText.force-inline span:first-child {
    display: inline-block;
}



.rotateText.force-inline.mid-section-for-three-dots{
    display: inline-block;
    text-align: center;

}

.home-threedots-block{
    text-align: center;
}

.lead-catcher.nopad.mid-section{
padding-bottom: 50px;
}


.home-threedots-block i{
    font-size: 40pt;
    color: #777777;
    margin-bottom: 30px;
}

.home-threedots-block h3{
    font-size: 18pt;
    font-weight: 100;
    color: #666666;
}

.home-threedots-block p{
    font-size: 14pt;

}

@media (max-width: 768px){

    .home-threedots-block i{
        font-size: 40pt;
        margin-top:15px;
    }

}


@media (max-width: 600px){



.home-threedots-block i{
    font-size: 35pt;
    margin-top:15px;
}

.home-threedots-block h3{
    font-size: 16pt;
}

.home-threedots-block p{
    font-size: 12pt;
}


}

@media (max-width: 330px){
    .home-threedots-block i{
        font-size: 30pt;
        margin-top:15px;
    }
    
    .home-threedots-block h3{
        font-size: 14pt;
    }
    
    .home-threedots-block p{
        font-size: 10pt;
    }

}


.home-threedots {
    background: #ffffff;
    position: relative;
    padding-top: 10px;
}


.home-built-for {
    background: #fff url(/assets/img/graphics/growlikeskyscrapper3.jpg) no-repeat top left;
    background-size: 45%;
    box-shadow: 0px 1px 3px rgba(200,200,200,0.5);
}


@media (max-width: 991px) {
    .home-built-for {
        background: #fff;
    }
}

.force-inline-block{
    display: inline-block;
}


.home-noable-plugins-call-to-action-container{
    position: relative;
    transition: all 0.5s linear;
}

.home-noable-plugins-call-to-action-container .home-noable-plugins-call-to-action-btn{
    opacity: 0;
    position: absolute;
    margin-top: 32px;
    transition: all 0.5s linear;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;

}

.home-noable-plugins-call-to-action-container .home-noable-plugins-call-to-action-blur{
    filter: blur(0px);
    position: relative;
    transition: all 0.5s linear;
}

.home-noable-plugins-call-to-action-container:hover .home-noable-plugins-call-to-action-blur{
    filter: blur(10px);
    opacity: 0.5;
}

.home-noable-plugins-call-to-action-container:hover .home-noable-plugins-call-to-action-btn{
    opacity: 1;
}

.home-built-for h2{
    font-weight: 100;
    font-size: 23pt;
}


@media (max-width: 600px){
    .home-built-for h2{
        font-weight: 400;
        font-size: 20pt;
    }
}

@media (max-width: 330px){
    .home-built-for h2{
        font-weight: 400;
        font-size: 18pt;
    }
}




.features_pricing_table.features_pricing_table_agent{
    display: none;
}

.features_pricing_table.features_pricing_table_biz{
    display: block;
}

.features_pricing_table.features_pricing_table_single{
    display: none;
}
.generic_content {
    border-radius: 33px;
}

.features_pricing_table.features_pricing_table_biz  .generic_content .generic_head_price .generic_head_content {
    margin: 0 0 20px 0 !important;
}

.price_range_slider{
    height: 50px;
    width: 80%;
    margin: auto;
}

.dynamic-price-pv{
    margin-top:-20px;
    margin-bottom:20px;
}

.generic_pricing_list{
    list-style-type: none;
    margin:0px;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: -20px;
    border-bottom: 1px solid #ddd;
}

.generic_pricing_list li{
    padding: 10px;
    border-bottom: 1px solid #eee;
}


.generic_pricing_list li span{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-right: 5px;
}

.generic_pricing_list li.active span{
    border: 1px solid rgb(236, 196, 36);
    background: #FDD52E;
    color: #000;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);

    font-size: 12pt;

}


.plan-by-type{
    position: relative;
}

.plan-by-type-group{
    position: absolute;
    top:-28px;
    left:0px;
    right:0px;
    text-align: center;
    z-index: 2;
}


.plan-by-type-group .plan-by-type-btn{
    display: inline-block;
    padding: 10px 20px;
    margin-left:5px; margin-right: 5px;
    font-size: 16pt;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}


.plan-by-type-group .plan-by-type-btn.active{
    border: 1px solid #FDD52E;
    background: #FDD52E;
    color: #000;
    box-shadow: 1px 1px 2px inset rgba(0,0,0,0.2);
}

.plan-by-type-group .plan-by-type-btn.individual.active{
    background: #45398E;
    border: 1px solid #45398E;
    color: #fff;
}
.plan-by-type-group .plan-by-type-btn.agency.active{
    background: #8E3232;
    border: 1px solid #8E3232;
    color: #fff;
}

.plan-by-type-group .plan-by-type-btn:hover{
    border: 1px solid rgb(255, 231, 133);
    background: rgb(255, 231, 133);
    color: #000;
}

.pricing-offer-cheaper{
    border: 2px solid #FDD52E;
    background: #FDD52E;
    padding: 15px;
    display: none;
}

.pricing-offer-cheaper:hover{
    color: #000;
    background: #FDD52E;
    cursor: pointer;
}

.pricing-offer-higher{
    border: 2px solid #FDD52E;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: -22px;
    display: none;
}



.generic_pricing_list li{
    border-left:0px solid #FDD52E;
    cursor: pointer;
    height: 50px;
    
}

.generic_pricing_list li:hover{
    border-left:10px solid #FDD52E;
    color: #000;
    padding-right: 10px;
}

.generic_pricing_list li.active{
    border-left:20px solid #FDD52E;
    color: #000;
    padding-right: 20px;
    padding-top: 6px;
}



.generic_pricing_list, .generic_pricing_list *{
    transition: all ease-out 0.5s;
}

@media (max-width: 768px){
    .plan-by-type-group .plan-by-type-btn{
        padding: 5px 10px;
        margin-left:2px; margin-right: 2px;
        font-size: 14pt;
        border-radius: 5px;
    }
    .plan-by-type-group{
        position: absolute;
        top:-20px;
        left:0px;
        right:0px;
        text-align: center;
        z-index: 2;
    }
}


#generic_price_table .generic_content.agent .generic_head_price .generic_head_content .head_bg{
	border-color: #8E3232 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8E3232;
	color: #fff;
}







.page-faq h2{
    font-weight: 100;
    padding-top:60px;
    padding-bottom: 40px;
    font-size: 22pt;


}

.page-faq{
    padding-bottom: 70px;
    text-align: center;
    border-top: 1px solid #efefef;
}

.page-faq > div {
    margin: auto;
}


.page-faq dt{
    cursor: pointer;
    font-size: 16pt;
    font-weight: normal;
    text-align: left;
    margin-top:30px;
    margin-bottom:10px;
}


.page-faq dt:hover{
    color: #000;
}

.page-faq dd{
    display: none;
    text-align: left;
    font-size: 13pt;

}

.page-faq .table{
    font-size: 10pt !important;
}

.page-faq dt .opened{
    display: none;
}

.page-faq dt .closed{
    display: inline-block;
}

.page-faq dt.expanded{
    color: #000;
}


.page-faq dt.expanded .closed{
    display: none;
}

.page-faq dt.expanded .opened{
    display: inline-block;
}



@media (max-width: 600px){

    .page-faq h2{
        font-size: 14pt;
    }

    .page-faq dt{
        font-size: 12pt;
    }

    .page-faq dd{
        font-size: 10pt;
    }

}

@media (max-width: 330px){
    .page-faq h2{
        font-size: 12pt;
    }

    .page-faq dt{
        font-size: 11pt;
    }

    .page-faq dd{
        font-size: 10pt;
    }
}




section#wrapper.new {
    /* position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    padding-top: 50px;
    padding-bottom: 50px; */

    position: relative;
    margin-top: -50px;

    overflow: auto;
    
}

.login-sidebar.new .login-box {
    right: unset ;
    position: unset;
    height: unset;
    margin-top: 50px; 
    margin-bottom: 50px; 
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.how-to-help ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


.how-to-help li{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    font-size: 12pt;
    height: 60px;
    
}
.how-to-help li::before{
    content: '◆';
    color: #F9D22F;
    text-shadow: 1px 1px 1px rgba(100,100,100,0.1);
    margin-right: 0.5em;
    margin-top: -3px;
    display: block;
    float: left;
}

@media (max-width: 600px){
    .how-to-help li{
        width: 100%;
        height: unset;
        
    }

}

.btn-rcf-group *, .btn-rcf-group2 *{
    cursor: pointer;
}
.btn-rcf-group{
    color: #333;
    border: 1px solid #eee;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 45px;
    height: unset;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    cursor: pointer;

}
.btn-rcf-group label{
    color: #333 !important;
}

.btn-rcf-group.active{
    color: #000;
    border: 1px solid #e0e0e0;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    background: #f0f0f0;
}
.btn-rcf-group.active label{
    color: #000 !important;
}


.btn-rcf-group2{
    color: #333;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    height: unset;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    cursor: pointer;

}

.btn-rcf-group2 .custom-control-label{
    margin-top: 10px;
}

.btn-rcf-group2.active{
    background-color: yellow;
}

.btn-rcf-group .custom-control-label{
    padding-left:0px !important;
}
.btn-rcf-group .custom-control-label::before{
    display: none;
}
.btn-rcf-group .custom-control-label::after{
    display: none;
}

@media (max-width: 768px){

    .btn-rcf-group {
        margin-top: 28px !important;
    }
    .btn-group > div > div:first-child .btn-rcf-group {
        margin-top: 0px !important;
    }
}

@media (max-width: 768px)
{
.login-sidebar.new {
   padding: 0px;
}
}




.testi-heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.testi-white-heading{
    color: #ffffff;
}
.testi-heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    /* background: url(img/heading-line.png); */
    background-repeat: no-repeat;
    background-position: center;
}
.testi-white-heading:after {
    background: url(/assets/img/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.testi-heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.testi-white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: #203133 url(/assets/img/testimonials.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
    background-size: cover;
}

#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
/* ------testimonial  close-------*/

.testimonial4_slide h4 a{
    color: #fff;
}


.testimonial-roles, .testimonial-roles a{
    color: #FFFFFF;
}


.testimonial-stars{
    color: #FDD52F;
    font-size: 13pt;
}

/* .testimonial .carousel-inner{
    padding-bottom: 50px;
} */



#sidebar span.tag.label.label-info {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1px 10px;
}


.product_title{
    font-size: 25pt;
    font-weight: 200;
    text-decoration: underline;
    text-decoration-color: #FDD52E;
}

.product_tagline{
    font-size: 19pt;
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 180%;
}

.product_description{
    font-size: 14pt;
    line-height: 180%;
}

.product_button{
    font-size: 14pt;
}

.container-bg-product-outline{
    background: #eee;
}

.for-call2action{
    background: #fff !important;
}

.persistant-cta{
    position: fixed;
    bottom: 0px;
    padding-bottom: 10px;
    right: 75px;
    margin: auto;
    padding: 20px;
    z-index:2;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 0px 5px  rgba(0,0,0,0.1);
    text-align: center;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.menuslider-link{
    text-align: center;
    
}

.menuslider-link span{
    display: block;
    padding-top: 3px; padding-bottom: 3px;
    color: #333;
    text-align: center;
}

.menuslider-link img{
    border: 1px solid #ccc
}

.menuslider h4{
    font-size: 16pt;
}

.menuslider .list-style-none a{
    font-size: 14pt;
}

.top-header-menu li{
    font-size: 14px;
}


.content-inside h2 a{
    color: #000;
    text-decoration: none;
}






@media (max-width: 769px){

    .rec-col-visitor {
        max-width: 115px;
    }

    .rec-col-pages {
        width: 120px;
        max-width: 120px;
    }

}

@media (max-width: 400px){
    .shw-rside {
        width: 100vw;
    }
}



@media (max-width: 729px){
    .daterangepicker .ranges {
        width: 100%;
        text-align: center !important;
    }

    .daterangepicker .ranges ul {
        width: 100% !important;
    }
}


@media (max-width: 768px){
    .topbar .top-navbar .navbar-nav {
        flex-direction: column;
        float: unset !important;
        text-align: center;
    }
    .topbar .top-navbar .navbar-nav .dropdown {
        position: relative !important;
    }
}


[data-noclick]{
    cursor: default !important;
}

.btn-sidebar-footer-rec {
    margin-top: -5px;
}