ul,
li {
    list-style-type: none;
    list-style: none;
}

html {
    font-size: inherit !important;
}

a {
    color: #bbbbbb;
}

.swal_siteblox_username,
.swal_siteblox_key{
    width: 80% !important;
}
.builder_inner_dragpost_sel {
    position: relative;
}
.enable_bloxx_builder a {
    text-decoration: none !important;
}

.enable_bloxx_builder .site-content, .enable_bloxx_builder .content-area, .enable_bloxx_builder .site-main {
    padding: 0;
}

.enable_bloxx_builder .entry-content, .enable_bloxx_builder .entry-summary {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.enable_bloxx_builder .entry-content {
    margin-bottom: 0
}

.enable_bloxx_builder .bloxx_et_builder {
    margin: 0 !important;
}

.enable_bloxx_builder #masthead, .enable_bloxx_builder .widget-area, .enable_bloxx_builder .site-footer {
    display: none;
}

table a {
    color: rgba(59, 20, 81, 1);
    text-decoration: underline;
}

.show_footer_data a {
    pointer-events: none;
}

.btn-custom-tabs {
    position: absolute;
    top: 50%;
    z-index: 999;
}

.swal2-container{
    position: relative !important;
}

.btn-prev {
    left: 10px;
}

.btn-next {
    right: 10px;
}

p.um-notice.err {
    background: #eae2f0 !important;
    color: #707070 !important;
}

.um-field-error {
    background: #eae2f0 !important;
    color: #707070 !important;
}

.um-field-arrow {
    color: #eae2f0 !important;
}

p.um-notice a {
    color: rgba(59,20,81,1) !important;
}

.single .et_animated {
    opacity: 1 !important;
}

.left-aside {
    width: 60px;
    /* overflow-y: auto; */
    position: fixed;
    padding-top: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 2px solid #fff;
    background: #231f20;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    z-index: 1103;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: left 0.8s 0.8s;
    -webkit-transition: left 0.8s 0.8s;
    outline: none;
}

.left-aside::-webkit-scrollbar {
    width: 0;
}

.left-aside::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.left-aside::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.show_header_data {
    display: flex;
}

.show_footer_data {
    display: flex;
}

.left-list {
    margin: 0;
    padding: 0 !important;
}

.topWrapmenu .builder_bredcumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding: 0 0 0 40px !important;
    margin: 0 !important;
}

.topWrapmenu .builder_bredcumbs li {
    margin: 0;
}

.topWrapmenu .builder_bredcumbs li a {
    background: transparent !important;
    color: #fff !important;
    padding: 15px 20px !important;
    border-right: 1px solid #352C53;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none;
}

/* .topWrapmenu .builder_bredcumbs li span {
    background: transparent !important;
    color: rgba(59,20,81,1) !important;
    padding: 0px !important;
    font-size: 12px !important;
    margin-left: 0.5rem;
    font-weight: 800;
    border: none !important;
} */

.topWrapmenu .builder_bredcumbs li a .letter {
    display: inline-block;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 100px;
    line-height: 27px;
    margin-right: 6px;
}

.topWrapmenu .builder_bredcumbs li a:hover .letter {
    color: #ffffff;
    background: purple;
    border: 2px solid purple;
}

.left-list>li>a {
    display: flex !important;
    align-items: center;
    line-height: 50px;
    height: 50px;
    padding: 10px 16px;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    outline: none;
}

.buttonDisabled li a,
.disabled a {
    pointer-events: none;
}

.disabled a {
    opacity: 0.5;
}

.topWrapmenu ul li.bloxExit a {
    color: #fff;
    opacity: 0;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 0.2rem 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.3px
}

.topWrapmenu ul li.bloxExit a:hover {
    background: #b40101;
    border: 1px solid #b40101;
}

.bloxSwitch {
    padding: 0.2rem 0.5rem;
    position: fixed;
    top: 13px;
    right: 33px;
    z-index: 10;
    border: 1px solid #fff;
    color: #fff;
    margin: 0;
    font-size: 13px;
    background: none;
    z-index: 777777;
    letter-spacing: 0.3px;
}

.bloxSwitch:hover {
    background: #b40101;
    color: #fff;
    border: 1px solid #b40101;
}

.topWrapmenu ul li.bloxExit a span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

span.diviTag {
    display: inline-block;
    opacity: 0.5;
    font-size: 10px;
    border: 1px solid;
    height: auto;
    line-height: normal;
    padding: 2px 5px 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: -6px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
}

.left-list>li>a:hover span {
    opacity: 1;
}

.left-list>li>a img {
    opacity: 0.5;
    margin: auto;
}

li.open-sidebar.active a {
    color: #fff;
    background: #b40101;
}

li.open-sidebar.active a img,
.left-list>li>a:hover img {
    opacity: 1;
}

li.open-sidebar.active a img {
    box-shadow: none;
    border: 0;
}

.left-list>li>a.left-list-img img {
    opacity: 1;
}

.builder_categories>li {
    border-bottom: 1px solid #473e65;
}

.left-list-img::after {
    display: none;
}

.left-list-img {
    padding: 0 10px !important;
    margin-bottom: 20px !important;
}

.left-list li a.active,
.left-list .active a {
    background: #b40101 !important;
    color: #fff !important;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}

.left-category-aside {
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 300px;
    color: #fff !important;
    background: #231f20 !important;
    z-index: 1100;
    overflow: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline: none;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
}

.left-category-aside::-webkit-scrollbar {
    width: 0.2em;
}

.left-category-aside::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.left-category-aside::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.open-sidebar:hover .left-category-aside {
    width: 220px !important;
}

#category-page .wrapContent {
    margin-left: 60px !important;
    padding: 0 2rem 3rem 0;
}

.left-category-aside li a.builder_cat_active {
    color: #fff !important;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.mobWrapPanel {
    display: none;
}

.slide_reload {
    pointer-events: none;
}

.slide_reload .builder_inner_dragpost {
    opacity: 0.5;
}

.swal2_spinner .swal2-popup.swal2-modal.swal2-show {
    background: none !important;
    box-shadow: none !important;
}

#loadingSpinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

p.um-notice {
    width: auto;
    color: #fff;
}

a {
    color: rgba(59, 20, 81, 1);
}

a:hover {
    color: rgba(59, 20, 81, 1);
    text-decoration: none;
}

.um.um-account .um-account-side,
.um.um-account .um-account-main {
    float: none;
    margin-bottom: 1em;
    margin-left: 0px;
    padding: 0px;
    max-width: 100%;
    width: 100%;
}

.um.um-account .um-account-side ul {
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.um.um-account .um-account-side ul li {
    margin: 0px 4px 4px 0px !important;
}

.um.um-account .um-account-side ul a.current {
    background-color: rgba(0, 0, 0, 0.05);
}

.um.um-account .um-account-side ul span.um-account-icontip {
    padding: 0em 0.7em;
    width: initial;
}

.um.um-account .um-account-side ul span.um-account-title {
    padding-right: 20px;
}

.um.um-account .um-account-side ul span.um-account-arrow {
    display: none;
}

.builder-template {
    width: 100% !important;
}

.heading2 {
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    color: rgba(59, 20, 81, 1);
}

h2#my_categories_heading {
    border-top: 4px solid #fff;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link:hover {
    background: #f2ad45 !important;
    border-color: transparent !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link img.menu-image.menu-image-title-after,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link img.menu-image.menu-image-title-after,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link img.menu-image.menu-image-title-after,
#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link:hover img.menu-image.menu-image-title-after {
    opacity: 0;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item {
    border-bottom: 0 !important;
}

#mega-menu-wrap-my-custom-menu {
    background: transparent !important;
}

#mega-menu-wrap-extra-menu {
    background: transparent !important;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu>li.mega-menu-flyout ul.mega-sub-menu {
    bottom: 100%;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 32px;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu>li.mega-menu-item {
    width: 100% !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item {
    width: 100% !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-toggle-on ul.mega-sub-menu {
    position: relative !important
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-toggle-on img.hovered-image {
    opacity: 1 !important
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link {
    display: flex !important;
    align-items: center;
    vertical-align: middle !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu .disabled a.mega-menu-link {
    opacity: 0.5;
    pointer-events: none;
}

.menu-image-hover-wrapper img.hovered-image,
.menu-item:hover .menu-image-hover-wrapper img.menu-image {
    left: 11px;
    position: relative;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link:hover .menu-image.menu-image-title-after {
    opacity: 0;
}

.menu-item a img,
img.menu-image-title-after,
img.menu-image-title-before,
img.menu-image-title-above,
img.menu-image-title-below,
.menu-image-hover-wrapper .menu-image-title-above {
    width: 25px !important;
}

.menu-image-title-after.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
.menu-image-title-before.menu-image-title {
    padding-right: 0px !important;
}

.menu-image-title-after.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
.menu-image-title-before.menu-image-title {
    padding-right: 0;
    margin: -5px -10px 0 10px;
    min-width: 55px;
}

.mega-current-menu-item img.hovered-image {
    opacity: 1 !important;
}

.mega-toggle-on a:nth-child(2) img.hovered-image {
    opacity: 1 !important;
}

a.mega-menu-link:hover .menu-image-hover-wrapper img.hovered-image {
    opacity: 1 !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link:hover img.hovered-image {
    opacity: 1 !important
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,
.menu-image-title-after.menu-image-title {
    padding-left: 0px !important;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu>li.mega-menu-item>a.mega-menu-link {
    line-height: 36px !important;
    display: flex !important;
    align-items: center;
    vertical-align: middle !important;
    justify-content: center;
    border: 1px solid #ffffff80 !important;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu li.mega-menu-item:first-child a.mega-menu-link {
    border: 1px solid #7e2b57 !important;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
}

#mega-menu-wrap-extra-menu #mega-menu-extra-menu li.mega-menu-item:first-child span.menu-image-hover-wrapper {
    display: none;
}

.wrapPanel-sm #mega-menu-wrap-extra-menu #mega-menu-extra-menu li.mega-menu-item:first-child span.menu-image-hover-wrapper {
    display: inline-block;
}

#left-area .builder_categories {
    padding: 0 15px;
    list-style: none;
}

#left-area .builder_categories h2 {
    padding-left: 0;
    padding-right: 0;
}

#left-area .builder_categories li {
    position: relative;
}

#left-area .builder_categories li a {
    display: block;
    position: relative;
    padding: 10px 15px;
    color: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

#left-area .builder_categories li a i {
    width: 25px;
    height: 25px;
    background: #b40101;
    color: #fff;
    position: absolute;
    right: 0;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    top: auto;
    bottom: auto;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

h3.builder_cat_title {
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
}

#builderposts {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
}

#left-area #builderposts ul {
    padding: 0;
    list-style: none;
}

#left-area #builderposts ul li a {
    display: block;
    background: #000;
    padding: 10px 15px;
    color: #ffffff;
}

#left-area .builder_categories li a.builder_cat_active {
    color: #fff !important;
    background: #b40101 !important;
    position: relative;
}

#left-area .builder_categories li a.builder_cat_active::after {
    position: absolute;
    right: -5px;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3px;
    height: 8px;
    background: #b40101;
}

.tabs {
    margin: 0 auto;
    max-width: 100%;
}

#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
    display: grid;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ml-1 {
    margin-left: 1rem !important;
}

.p-0 {
    padding-top: 0px !important;
}

.wrapper {
    width: 100%;
    position: relative;
}

.drop {
    overflow: hidden;
    text-align: center;
    background: white;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: auto;
}

.drop .cont {
    color: #8E99A5;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: auto;
}

#list {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}

.drop input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: red;
    opacity: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/*-===-=-=-=-=-=-=-
Builder Profile
-=-=-=-=-*/

#page-container {
    padding-top: 0 !important
}

#page-container #main-content .container {
    width: 100%;
    padding: 0 !important;
    max-width: 100%;
    margin: auto;
}

#footer-widgets {
    padding: 14% 0 0 !important;
}

#page-container .main_title {
    display: none;
}

.contentWrapper {
    display: flex;
    flex-flow: row wrap;
    background: #dfe1ed;
    min-height: 100vh;
    max-width: 100% !important;
    margin: 0 !important;
}

.wrapPanel::-webkit-scrollbar {
    width: 0.2em;
}

.wrapPanel::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.wrapPanel::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.wrapPanel {
    flex: 0 0 15%;
    max-width: 15%;
    width: 270px;
    min-width: 270px;
    padding: 0 10px;
    height: 100vh;
    position: fixed;
    z-index: 880;
    top: 0px;
    left: 0;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    overflow-y: auto;
}

.wrapPanel .brand-image {
    padding: 15px 20px;
    text-align: center;
}

.togglebar {
    left: 245px;
    top: 5px;
    font-size: 16px;
    position: fixed;
    background: url(../images/right-new-angle.png) no-repeat center center;
    background-size: auto;
    font-weight: 100;
    border: 0;
    width: 27px;
    height: 74px;
    padding: 0;
    align-items: center;
    display: flex;
    z-index: 888;
    justify-content: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.togglebar.active {
    left: 65px;
    background: url(../images/left-new-angle.png) no-repeat center center;
    background-size: auto;
}

.togglebar img {
    display: none
}

.togglebar.active img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.wrapContent {
    flex: 1 1;
    padding: 0 2rem 3rem;
    margin-left: 270px;
    height: 100%;
    background: #dfe1ed;
    width: 100%;
    max-width: 100%;
}

.topnavbar {
    margin-left: 270px;
}

.wrapPanel-sm .sidebar_lower_menus {
    position: relative;
    margin-top: auto;
    padding: 0;
}

.bottomDiv {
    text-align: center;
    width: 100%;
    color: #fff;
    padding-bottom: 1rem;
    position: absolute;
    bottom: 0
}

.bottomDiv a {
    background: none;
    color: #b40101;
    border: 2px solid #b40101;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    max-width: 80%;
    margin-top: 0.5rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.bottomDiv a:hover,
.bottomDiv a:focus {
    background: #b40101;
    color: #ffffff;
    border: 2px solid #b40101;
}

.bottomDiv i,
.wrapPanel-sm .bottomDiv p,
.wrapPanel-sm .bottomDiv span {
    display: none;
}

.wrapPanel-sm .bottomDiv i {
    display: inline-block;
    margin: 0;
    font-size: 17px;
}

.wrapPanel-sm .bottomDiv a {
    padding: 4px 6px 8px;
    max-width: 100%;
}

#table-page .wrapContent {
    padding: 0 2rem 3rem;
}

.sidebar_lower_menus {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 15px;
}

.sidebar_lower_menus #mega-menu-wrap-extra-menu #mega-menu-extra-menu li {
    margin-bottom: 10px;
}

.siteblox_term_disconnect img {
    vertical-align: sub;
    margin-left: 0.1rem;
}

.wrapPanel-sm span.menu-image-hover-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0 0 0 !important;
    min-width: 25px !important;
}

.wrapPanel-sm img.menu-image.menu-image-title-after {
    display: none;
}

.wrapPanel-sm .menu-image-hover-wrapper img.hovered-image,
.menu-item:hover .menu-image-hover-wrapper img.menu-image {
    left: 0px;
    margin: 0 !important;
    opacity: 0.5;
}

.wrapLogo-sm {
    display: none;
}

.wrapPanel-sm {
    flex: 1;
    max-width: 65px;
    min-width: 65px;
    width: 65px;
    overflow: initial !important;
}

.wrapPanel-sm .wrapLogo {
    display: none;
}

.wrapPanel-sm .wrapLogo-sm {
    display: block;
    width: 60px;
    height: auto;
    text-align: center;
    padding: 2.5rem 0 0 0.5rem;
}

.wrapPanel-sm .menu-image-title {
    display: none;
}

.wrapPanel-sm .sidebar-heading {
    display: none;
}

.wrapContent-sm {
    margin-left: 65px !important;
}

.wrapPanel-sm~.topnavbar {
    margin-left: 65px;
}

.topnavbar .rowWrap {
    align-items: center;
}

.wrapPanel-sm .menu-image-title {
    display: none;
}

.wrapPanel-sm #mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-item>a.mega-menu-link,
.wrapPanel-sm #mega-menu-wrap-extra-menu #mega-menu-extra-menu>li.mega-menu-item>a.mega-menu-link {
    line-height: 45px;
    height: 45px;
    padding: 0px 10px;
}

.mt-4 {
    margin-top: 40px !important;
}

.topnavbar {
    position: absolute;
    top: 0;
    background: #f9fafa;
    height: 80px;
    padding: 20px;
    left: 0;
    right: 0;
}

.topnavbar .container {
    width: 90% !important;
    margin: auto;
}

.topnavbar .brand-title {
    float: right;
    padding-top: 10px;
}

.topnavbar .brand-image {
    float: left;
    display: none;
}

#category-page .wrapPanel {
    top: 80px;
}

#diviBuilder .builder_create_template {
    padding-left: 0;
}

#diviBuilder .topWrapmenu .builder_bredcumbs {
    padding: 0 !important;
}

#diviBuilder .topWrapmenu .builder_bredcumbs li a {
    padding-left: 0 !important
}

#syncBox_assign_footer .modal-content.modal-sm {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    padding: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.popup-header {
    margin: 0;
    width: 100%;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    padding: 10px 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    float: left;
    max-height: 75px;
}

.popup-header img.modal-brand-img {
    width: 150px;
    margin: 0 auto;
    display: block;
}

.popup-body {
    padding: 0 30px;
    margin: 50px auto;
}

.popup-footer {
    display: flex;
    width: 100%;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.popup-body h3#page_nm {
    line-height: 40px;
}

.popup-footer a {
    background: #fafbfc;
    border: 2px solid #dfe3e8;
    padding: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    max-width: 40%;
    flex: 0 0 40%;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.popup-footer a:hover {
    border: 2px solid #231942;
}

.popup-footer a img {
    width: 100%;
}

.popup-footer a i {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 30px;
    color: rgba(59, 20, 81, 1);
    opacity: 0;
}

.popup-footer a:hover i {
    opacity: 1;
}


/* Variation View  */

.builder_create_template {
    margin: auto;
    padding-left: 2rem;
    padding-right: 0;
    padding-top: 2rem;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}

.project_details_menu li.active_bar a,
.project_details_menu li a.active_bar {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}



.show_header_data,
.builder_create_template .builder_inner_dropable,
.show_footer_data {
    width: 100% !important;
}

.variation_tablet {
    width: 52% !important;
}


.variation_mobile {
    width: 40% !important;
}

.variation_mobile ul#mobile_menu1,
.variation_tablet ul#mobile_menu1 {
    padding: 0;
    text-align: left;
    min-width: 150px;
    right: 0;
    position: absolute;
    left: auto;
}

.variation_mobile .mobile_menu_bar,
.variation_tablet .mobile_menu_bar {
    text-align: right;
}



.getpaid a.btn.disabled {
    cursor: not-allowed;
}


/* .footer_resp img {
    width: 100%;
}
.header_resp img {
    width: 100%;
} */


.builder_create_template a:not(.builder_remove_layout), .show_footer_data a {
    cursor: default;
    pointer-events: auto !important;
}

.websites_pages li a.current_active {
    background: #b40101;
    cursor: not-allowed;
}

/*
 ^^ Media Css ^^
 */

@media (min-width:992px) and (max-width:1199px) {
    .variation_desktop {
        width: 95%;
    }
}

@media (max-width:992px) {
    .variation_desktop {
        zoom: 0.7;
    }

    .variation_desktop {
        width: 90% !important;
    }

    .variation_tablet {
        width: 70% !important;
    }

    .variation_mobile {
        width: 50% !important;
    }

}

@media (max-width:767px) {
    .variation_desktop {
        width: 90% !important;
    }

    .variation_tablet {
        width: 75% !important;
    }

    .variation_mobile {
        width: 60% !important;
    }

}


/* End Variation View  */

@media(max-width:1920px) and (min-width:1460px) {
    .modal-sm {
        width: 50% !important;
    }

    .modal-lg {
        width: 95% !important;
    }
}

.wrapPanel i {
    margin-right: 8px;
    font-size: 20px;
    vertical-align: middle;
}

.wrapLogo {
    height: auto;
    background: #ffffff;
    text-align: center;
    padding: 2.5rem 0 0;
}

.wrapLogo img {
    max-width: 170px;
    margin: auto;
}

.wrapMenu {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    height: calc(100% - 82px);
    padding-bottom: 82px;
    position: relative;
}

p.um-notice.warning {
    width: max-content;
    margin: 0 15px !important;
}

#left-area .wrapMenu ul,
#left-area .topWrapmenu ul,
#left-area .tabWrapcontent ul {
    padding: 0;
    list-style: none;
}

#left-area .wrapMenu ul li a {
    color: #000;
    padding: 8px 15px;
    display: block;
    line-height: 30px !important;
}

#left-area .wrapMenu ul li.current-menu-item a {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
}

#left-area .wrapMenu ul li.current-menu-item img.hovered-image {
    opacity: 1 !important;
}

#left-area .wrapMenu ul li a:hover {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
}

#left-area .wrapMenu ul li a:hover svg {
    fill: #fff !important;
}

.topWrapmenu~.rowWrap {
    margin-top: 30px;
}

.topWrapmenu {
    background: #fff;
    padding: 1.5rem 2rem;
    margin: 0 -2rem;
}

.topWrapmenu h5,
.topnavbar h5,
.topWrapmenu h2 {
    padding: 0;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
}

.topWrapmenu h2 span {
    color: #9C9EB8;
}

.topWrapmenu ul,
.topnavbar ul {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.topWrapmenu ul li,
.topnavbar ul li {
    margin-left: 1rem;
    position: relative;
}

.topWrapmenu ul li span,
.topWrapmenu ul li a,
.topnavbar ul li a {
    text-transform: capitalize;
    padding: 0;
    font-size: 18px;
    display: inline-block;
    color: #777777;
}

.topWrapmenu ul li.storeIcon a {
    background: #d0d0d0;
    cursor: default;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
}

.topWrapmenu ul li.storeIcon a::before {
    border-style: solid;
    border-width: 5px;
    opacity: 0;
    border-color: transparent transparent #231942 transparent;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    -moz-transform: translate(0px, 5px);
    -ms-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
}

.topWrapmenu ul li.storeIcon a:after {
    position: absolute;
    opacity: 0;
    left: 50%;
    bottom: 0;
    content: 'Coming Soon!';
    width: 100%;
    height: 35px;
    padding: 0 1rem;
    color: #fff;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    top: 100%;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    transform: translate(-50%, 5px);
    -webkit-transform: translate(-50%, 5px);
    -moz-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    -o-transform: translate(-50%, 5px);
}

.topWrapmenu ul li.storeIcon a:hover:after,
.topWrapmenu ul li.storeIcon a:hover::before {
    opacity: 1;
}

.topWrapmenu ul li.plusSign>a {
    background: #f2ad45;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.topWrapmenu ul li.plusSign>a:hover,
.topWrapmenu ul li.plusSign>a:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.topWrapmenu ul li a img {
    max-width: 40px;
    vertical-align: middle;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.topWrapmenu .searchForm {
    position: relative;
}

.topWrapmenu .searchForm input {
    border: 1px solid #ddd;
    padding: 10px 30px 10px 20px;
    color: #999999;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.topWrapmenu .searchForm i {
    color: #999999;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.builder_cats a {
    text-transform: capitalize;
    padding: 10px 25px;
    display: inline-block;
    color: rgba(59, 20, 81, 1);
    border: 1px solid transparent;
}

#left-area .wrapMenu ul li a svg {
    width: 22px;
    height: auto;
    vertical-align: middle;
    margin-right: 0.5rem;
    fill: #000;
}

.builder_cats a {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
    margin-left: 0.5rem;
}

.builder_cats a:hover {
    color: rgba(59, 20, 81, 1);
    background: #fff;
    border: 1px solid rgba(59,20,81,1);
}

.tabWrapcontent ul {
    border-bottom: 3px solid #eee;
}

.tabWrapcontent ul li {
    display: inline-block;
    vertical-align: top;
}

#left-area .sub-menu a {
    margin-left: 30px;
}

#left-area ul li.active>ul {
    display: block;
}

.brand-title {
    background: transparent !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 20px;
}

.brand-title span {
    background: transparent !important;
    padding: 0px !important;
    border: none !important;
}

.project_fixed_menu {
    position: absolute;
    z-index: 888;
    top: 16px;
    right: 0;
    font-size: 28px;
    color: rgba(59,20,81,1) !important;
    background: transparent !important;
    padding: 8px 18px !important;
    height: 45px;
    line-height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.project_sliding_menu {
    font-size: 28px;
    color: rgba(59,20,81,1) !important;
    background: transparent !important;
    padding: 8px 18px !important;
    height: 45px;
    line-height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category-page .topWrapmenu,
#diviBuilder .topWrapmenu {
    background: #231f20;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    position: fixed;
    top: 0;
    left: 30px;
    width: 100%;
    z-index: 777;
}

.project_details_menu.active {
    display: flex !important;
}

.project_details_menu li a i {
    font-size: 16px;
}

.project_details_menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topWrapmenu .project_details_menu li {
    margin-left: 0;
}

.topWrapmenu .project_details_menu li.active {
    background: none;
    border-bottom: 2px solid #b40101;
}

.project_details_menu li a {
    text-transform: capitalize;
    margin-left: 0.1rem !important;
    padding: 15px 20px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 0;
    border-right: 1px solid #352C53;
    white-space: nowrap;
    line-height: 26px;
}

#left-area .builder_categories .project_details_menu {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 1rem;
}

#left-area .builder_categories .project_details_menu a {
    margin-left: 0 !important;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    margin-bottom: 0;
    border-right: 0;
    white-space: nowrap;
    line-height: 26px;
    display: block;
    padding: 10px 15px !important;
    background: #68B0AB;
    color: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 0;
}

.topWrapmenu .project_details_menu li a img {
    max-width: 100%;
    vertical-align: middle;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    opacity: 0.6;
}

.topWrapmenu .project_details_menu li.active a img {
    opacity: 1;
}

ul#slideNav {
    margin: auto;
}

.ui-widget.ui-widget-content {
    margin-top: 1.5rem;
}

.topWrapmenu .sliding-buttons li a {
    color: #ffffff;
    font-size: 15px;
}

.topWrapmenu ul.headerButton li {
    margin-left: 0;
}

ul.headerButton li a {
    color: #ffffff;
    font-size: 14px;
    padding: 15px 20px;
    border-left: 1px solid #3D345A;
}

ul.headerButton .page_draft a {
    color: #fff;
    background: #b40101;
    animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
        transform: scale(0.90);
        -webkit-transform: scale(0.90);
        -moz-transform: scale(0.90);
        -ms-transform: scale(0.90);
        -o-transform: scale(0.90);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
        transform: scale(0.90);
        -webkit-transform: scale(0.90);
        -moz-transform: scale(0.90);
        -ms-transform: scale(0.90);
        -o-transform: scale(0.90);
    }
}

span.defaulthome_page {
    background: #b40101;
    color: #fff;
    padding: 0;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    margin-left: 0;
    position: absolute;
    left: 12px;
    bottom: 17px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

ul.headerButton li:last-child a {
    border-right: 1px solid #3D345A;
}

.topWrapmenu ul.headerButton li a img {
    max-width: 100%;
    vertical-align: top;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.rounded-left {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.rounded-top-left-right {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    margin-bottom: 0px !important;
}

.rounded-right {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.table-project {
    width: 100% !important;
    border-radius: 0px !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.tabWrapcontent ul li button {
    border: none;
    background: #000;
    color: #fff;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 16px;
    text-transform: upeprcase;
}


/* Create an active/current tablink class */

.tabWrapcontent ul li button.active,
.tabWrapcontent ul li button:focus,
.tabWrapcontent ul li button:hover {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    outline: none;
    box-shadow: none;
}


/* Style the tab content */

.tabcontentwrap {
    display: none;
    padding: 0;
    border: 0;
    border-top: none;
    margin-top: 2rem;
}

.bg-white {
    background: #fff !important;
}

.account-tabs {
    border: none !important;
    box-shadow: none;
    background: transparent;
    padding: 0 !important
}

.tabMenu {
    background: #fff !important;
    color: rgba(59,20,81,1) !important;
    border: 1px solid transparent !important;
    border-bottom: 0px !important;
}

.tabMenu.active,
.tabMenu:focus,
.tabMenu:hover {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
    outline: none;
    box-shadow: none;
}

#content-2 .topWrapmenu {
    margin: 0px !important;
}

#content-2 .topWrapmenu ul {
    width: 100%;
    border: none;
    margin: 0px;
}

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

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.padding-profile {
    padding: 1rem;
}

.padding-profile .tabcontentwrap {
    margin-top: 0px !important;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}

.tabcontentwrap {
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}


/* Go from zero to full opacity */

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*-=-=-=-=
Sync Tool css
-=-=--==-=*/

.tabWrapcontent-main {
    margin: auto;
    max-width: 1200px;
    width: 100%;
}

.tabWrapcontent-main ul {
    padding: 0;
    list-style: none;
}

.tabWrapcontent-main ul li {
    display: inline-block;
    vertical-align: top;
}

.tabWrapcontent-main ul li button.active,
.tabWrapcontent-main ul li button:focus,
.tabWrapcontent-main ul li button:hover {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
    outline: none;
    box-shadow: none;
}

.tabWrapcontent-main ul li button {
    border: none;
    background: #000;
    color: #fff;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 16px;
    text-transform: upeprcase;
    border-bottom: 0px !important;
}

.builder_template_section h3 {
    font-size: 20px;
    margin: 0 15px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.builder_template_section .default-btn {
    margin: 0 15px;
    max-width: 130px;
}

.builder_template_section .rowWrap {
    margin-top: 30px;
}

.tabWrapcontent {
    margin: auto;
}

.dashboard_no .box {
    box-shadow: 0 0 30px -27px #000;
    -webkit-box-shadow: 0 0 30px -27px #000;
    color: #888888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 100%;
}

.bloxx_account p {
    margin-bottom: 1rem;
}

.accordion-content .dashboard_no .box img {
    width: 100%;
}

.accordion-content .list-view-filter .dashboard_no .box img {
    max-width: 150px;
    border: 1px solid #eee;
}

.dashboard_no .box i {
    font-size: 100% !important;
    margin-left: 0 !important;
}

.d-flexinner h4 {
    color: #F0AC46;
    font-size: 50px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

.d-flexinner h6 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

.d-flexinner p {
    text-align: left;
    color: #888888;
}

.d-flexinner a {
    color: #68B0AB;
}

.p-2 {
    padding: 12px;
}

.d-flexinner .ms-2 {
    font-size: 18px;
    padding-top: 10px;
    line-height: 0.5;
}

.dashboard_no .box .d-flexinner .ms-2 {
    display: block !important;
    margin-bottom: 1rem;
}

.dashboard_no .box iframe {
    height: 115px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}

.dashboard_no .box.last-column {
    background: #ffffff90 !important;
}

.dashboard_no .last-column .d-flexinner {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_no .last-column .d-flexinner h6,
.dashboard_no .last-column .d-flexinner p {
    padding: 10px 20px;
}

.dashboard_no .last-column .d-flexinner p {
    font-size: 13px;
    padding: 0 20px 10px;
}

#table-page .tabWrapcontent {
    box-shadow: none;
    margin: auto;
}

.template-table-responsive {
    padding: 1rem;
    display: grid;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.builder_template_section {
    display: grid;
    width: 100%;
}

img.show_clone_img {
    width: 100%;
}

.wrapContainer {
    max-width: 1200px;
    margin: auto;
    padding: 2rem 0 0;
    width: 100%;
}

.dataTables_wrapper {
    display: grid;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.tabWrapcontent .project_buttons_light {
    padding: 0.2rem 1rem;
    color: #000;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tabWrapcontent .project_buttons_light.bg-theme-gradient {
    padding: 0.6rem 1rem;
}

.tabWrapcontent .project_buttons {
    padding: 1rem;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tabWrapcontent .project_heading {
    text-align: left;
}

.tabWrapcontent .project_heading h3 {
    color: #fff;
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.tabWrapcontent .project_buttons_light .project_heading h3 {
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.tabWrapcontent .project_buttons_light .project_heading h3.text-white {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.tabWrapcontent .project_theme_button {
    text-align: right;
    position: relative;
}

.col-sm {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.tabWrapcontent .project_theme_button a {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
    margin-left: 0.5rem;
    text-transform: capitalize;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.syncBox {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 20px;
}

.syncTool {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 2rem 0 0;
    border-right: 2px solid #eeeeee
}

.importBox {
    flex: 0 0 100%;
    max-width: 100%;
}

.syncTool h3,
.importBox h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 1rem;
    line-height: 25px;
    color: rgba(59, 20, 81, 1);
    background: none;
    padding: 6px 0;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.syncTool h3 span,
.importBox h3 span {
    display: block;
    font-size: 14px;
}

.syncTool h3 span label,
.importBox h3 span label {
    cursor: pointer;
    color: #68B0AB;
}

.syncTool p,
.importBox p {
    margin-bottom: 1.2rem;
    padding-bottom: 0 !important;
}

.syncBox button {
    margin-top: 20px;
}

.importBox input {
    width: 100%;
    padding: 0 15px;
    height: 40px;
    color: #555555;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.mainkey_div {
    margin-top: 20px !important;
}

#gen_key {
    padding: 10px 20px;
    border: 1px solid;
    margin-right: 15px;
}

.copy-btn {
    color: #555;
    font-size: 20px;
}

.tabWrapcontent input[type=email],
.tabWrapcontent input[type=password],
.tabWrapcontent input[type=tel],
.tabWrapcontent input[type=text],
.tabWrapcontent select,
.tabWrapcontent textarea {
    background-color: #fff;
    border: 1px solid #eee;
    width: auto;
    padding: 2px 15px;
    height: 40px;
    color: #4e4e4e;
    margin-bottom: 0.8rem;
}

.support-box textarea {
    height: 97px;
    width: 100%;
}

.support-box label {
    display: block;
    margin-bottom: 0.2rem;
    text-align: left;
}

.support-box h3 {
    font-weight: 700;
    font-size: 21px;
    margin: 0 0 1rem;
    color: #fff;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    padding: 6px 0;
    max-width: 32%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.support-box input[type=email]:focus,
.support-box input[type=password]:focus,
.support-box input[type=tel]:focus,
.support-box input[type=text]:focus,
.support-box select:focus,
.support-box textarea:focus {
    border: 1px solid #cccccc;
    outline: none;
    box-shadow: 0 0 5px #cccccc;
    -webkit-box-shadow: 0 0 5px #cccccc;
}

.support-box .rowWrap {
    margin: auto !important;
    width: 100%;
}

.support-box .flex-12,
.support-box .flex-3,
.support-box .flex-4,
.support-box .flex-6,
.support-box .flex-8,
.support-box .flex-9 {
    padding: 0 5px !important;
}

.regular-textarea {
    background-color: #fff;
    border: 1px solid #eee !important;
    width: auto;
    padding: 2px 15px;
    height: 40px;
    color: #4e4e4e;
    margin-bottom: 0;
}

.tabWrapcontent textarea {
    height: 97px;
    width: 100%;
}

.builder_input input {
    width: 100% !important;
}

.tabWrapcontent input[type=email]:focus,
.tabWrapcontent input[type=password]:focus,
.tabWrapcontent input[type=tel]:focus,
.tabWrapcontent input[type=text]:focus,
.tabWrapcontent select:focus,
.tabWrapcontent textarea:focus {
    border: 1px solid #cccccc;
    outline: none;
    box-shadow: 0 0 5px #cccccc;
    -webkit-box-shadow: 0 0 5px #cccccc;
}

.rowWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#panelPages .rowWrap {
    margin-bottom: 0;
}

.wrapContent .rowWrap {
    margin-left: -15px;
    margin-right: -15px;
}

.flex-3,
.flex-4,
.flex-5,
.flex-6,
.flex-7,
.flex-8,
.flex-9,
.flex-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.flex-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.flex-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.flex-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.flex-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.flex-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.flex-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.flex-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.flex-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.mBottom {
    margin-bottom: 1rem
}

.mTop {
    margin-top: 1rem;
}

.syncTool h3 span {
    font-size: 16px;
    display: block
}

.default-btn {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    display: inline-block;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    text-transform: capitalize;
    box-shadow: none;
    cursor: pointer;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.project_theme_button .add_page_restriction {
    margin-top: 1rem;
    background: #68B0AB;
}

.default-btn:hover,
.default-btn:focus {
    background: #b40101;
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.bg_teal {
    background: #68B0AB;
}

#support_modal span.wpcf7-not-valid-tip {
    text-align: left;
    margin-bottom: 10px;
}

#support_modal .default-btn:hover,
#support_modal .default-btn:focus {
    background: transparent;
    border: 1px solid #f2ad45;
    color: #000;
    outline: none;
    box-shadow: none;
}


/* Custom CSS */

.builderTemplate .wrapMenu {
    height: auto;
}

#left-area .builderTemplate .wrapMenu ul li a {
    color: #000;
}

#left-area .builderTemplate .wrapMenu ul li a:hover {
    background: #7b7a7a;
}

.wrapPanel.builderTemplate {
    color: #000;
}

.wrapLogo span {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 24px;
    margin-top: 7px;
    font-weight: bold;
}

.builder_create_template {
    display: block;
    width: 100%;
    /* text-align: center; */
}

#category-page .builder_create_template {
    padding-top: 5rem;
}

.builder_create_template .dropable_area {
    border: 1px solid #68B0AB20;
    text-align: center;
    padding: 5%;
    background: #fff;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.builder_create_template .dropable_area i {
    color: rgba(59, 20, 81, 1);
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 10px;
}

.px-0 {
    padding: 0px !important;
}

.builder_create_template .dropable_area h1 {
    color: #9C9EB8;
    font-size: 35px;
    font-weight: 400;
}

.enable_bloxx_builder h1::before, .enable_bloxx_builder h2::before, .enable_bloxx_builder h3::before,
.enable_bloxx_builder h4::before, .enable_bloxx_builder h5::before {
    display: none !important;
}

.builder_create_template .dropable_area h1 span {
    color: #9C9EB8;
    display: block;
}

.builder_create_template .dropable_area h1 i {
    color: #9C9EB8;
    /* font-weight: normal */
}

.builder_create_template .dropable_area span {
    color: #555;
}

.builder_inner_area {
    box-shadow: 4px 4px 35px -15px #00000050;
    -webkit-box-shadow: 4px 4px 35px -15px #00000050;
}

.builder_inner_area:hover {
    box-shadow: 4px 4px 35px -15px #00000070;
    -webkit-box-shadow: 4px 4px 35px -15px #00000070;
}

.builder_create_template .builder_inner_dropable {
    width: 70%;
    margin: 0 auto;
    box-shadow: none;
    background: #fff;
    padding: 5px;
}

.d-flex {
    display: flex;
}

.float-right {
    float: right !important;
}

.builder_posts {
    background: #ffffff;
    width: 25%;
    position: fixed;
    left: 280px;
    z-index: 999;
    top: 0px;
    height: 100%;
    overflow-y: scroll;
}

.builder_posts a.builder_remove_layout,
.builder_posts .card:hover .builder_remove_layout {
    display: none
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .9) !important;
}

.load_more {
    text-align: center;
    margin: 1rem 0 2rem;
}

.load_more_cats {
    text-align: center;
    margin: 2rem 0;
}

.load_more_cats .cats_more_load {
    background: #68b0ab;
}

.load_more_cats .cats_more_load:hover, .load_more_cats .cats_more_load:focus {
    background: #b40101;
}

/* .swal2-container.swal2-center > .swal2-popup {
    background: none !important;
    color: #fff !important;
} */

.builder_inner_dragpost span {
    color: #ffff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #000000;
    padding: 5px;
}

.builder_posts .builder_inner_dragpost {
    padding: 10px;
    display: inline-block;
}

.builder_posts img {
    width: 100%;
}

.card {
    position: relative;
}

.action_btns a {
    position: absolute;
    right: 0;
    top: 0;
}

a.builder_remove_layout, .action_btns .builder_uparrow, .action_btns .builder_downarrow {
    font-size: 21px;
    z-index: 111;
    display: none !important;
    padding: 0;
    position: absolute;
    right: 0;
}

a.builder_remove_layout i {
    font-size: 21px;
    color: #fff;
    background: red;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    line-height: 38px;
}

.card:hover .builder_remove_layout, .card:hover .action_btns .builder_uparrow, .card:hover .action_btns .builder_downarrow {
    display: block !important;
}

.action_btns .builder_uparrow, .action_btns .builder_downarrow {
    right: 43px;
    background: #f9f9f9;
    color: rgba(59, 20, 81, 1);
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 34px;
    font-weight: 700;
    font-size: 21px;
    cursor: pointer !important;
    z-index: 111;
    pointer-events: all !important;
    border: 1px solid #eee;
}

.action_btns .builder_downarrow {
    right: 85px;
}


/*  Profile Page CSS  */

.tabcontentwrap.active {
    display: block;
}

.alert.hidden {
    display: none;
}

.project_theme_button.builder_cats {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

p#ajax-response {
    color: green;
    padding: 10px;
}

#user-profile label {
    display: block;
    margin-bottom: 0.2rem;
}

input.text-input.regular-text {
    box-shadow: 0 0 0 transparent;
    border: 1px solid #eeeeee;
    background-color: #fff;
    color: #2c3338;
    width: 100%;
    padding: 0 8px;
    line-height: 2;
    min-height: 40px;
    margin-bottom: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

#search-form {
    vertical-align: top;
    margin-top: -10px;
}

.show-enteries {
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
    padding-top: 20px;
}

.show-enteries .dataTables_length {
    margin-bottom: 0px;
}

#search-form input.text-input.regular-text {
    padding: 0 15px;
    width: 100%;
}

.btn-search {
    background: transparent;
    border: none;
    position: relative;
    top: 32px;
    left: 5px;
    color: #555;
    font-size: 20px;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_filter {
    display: none;
}

button.button.button-primary {
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    vertical-align: baseline;
    font-size: 13px;
    line-height: 2.15384615;
    min-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

.my-validation-message::before {
    display: none;
}

.my-validation-message i {
    margin: 0 .4em;
    color: #f27474;
    font-size: 1.4em;
}

.swal2-styled.swal2-confirm {
    border: 1px solid transparent !important;
    background: #b40101 !important;
    padding: 0.8em 3em !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.swal2-styled.swal2-deny {
    border: 0 !important;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff !important;
    font-size: 1em !important;
    padding: 0.8em 3em !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.swal2-html-container {
    padding: 1em 0em 1.3em !important;
    max-height: 350px;
    overflow-y: auto;
}

input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus {
    border-color: #b40101 !important;
}

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
    border: 1px solid #b40101 !important;
    box-shadow: none !important;
}

.swal2-container.swal2-center>.swal2-popup {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    padding: 20px !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}

.swal2-icon {
    margin: 0em auto .6em !important;
}

.sort-highlight {
    background: #F8F9FA;
    border: 3px dashed #DEE2E6;
    margin-bottom: 10px;
    width: 100% !important;
}

.swal2-styled.swal2-cancel {
    border: 1px solid rgba(59,20,81,1) !important;
    background-color: transparent !important;
    color: rgba(59,20,81,1) !important;
    font-size: 1em !important;
    padding: 0.8em 3em !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.swal2-styled.swal2-cancel:hover, .swal2-styled.swal2-cancel:focus, .swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus {
    border: 1px solid transparent !important;
    background: rgb(59,20,81) !important;
	background: -moz-linear-gradient(-45deg,  rgba(59,20,81,1) 0%, rgba(87,16,99,1) 100%) !important;
	background: -webkit-linear-gradient(-45deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	background: linear-gradient(135deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
    color: #ffffff !important;
}

.swal2-title {
    font-weight: 700 !important;
    font-size: 26px !important;
    color: rgba(59,20,81,1) !important;
}

.swal2-title img {
    display: block;
    margin: auto auto 2rem;
}

.swal-wide .swal2-title {
    text-align: center !important;
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 21px !important;
    margin: 0 0 1rem !important;
    color: rgba(59,20,81,1) !important;
}

.swal2-footer a {
    color: #68b0ab !important;
}

.swal-wide .swal2-title img {
    display: block;
    margin: 3rem auto 2rem;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background: rgb(59,20,81);
	background: -moz-linear-gradient(-45deg,  rgba(59,20,81,1) 0%, rgba(87,16,99,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%);
	background: linear-gradient(135deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
}

.swal2-styled.swal2-default-outline:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff;
    box-shadow: none !important;
}

.swal2-icon.swal2-error {
    border-color: rgba(59,20,81,1) !important;
    color: rgba(59,20,81,1) !important;
}

.swal-wide .swal2-input {
    height: 2.625em;
    padding: 0 .75em;
    margin: 15px 0px 5px !important;
}

.swal-wide .swal2-actions {
    margin: 15px auto !important;
    justify-content: center !important;
}

.swal-wide .swal2-validation-message {
    justify-content: center !important;
    margin: 15px auto !important;
}

ul.builder_action_btn {
    border: 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

th:last-child {
    text-align: right;
}

td:last-child {
    text-align: right;
}

tr {
    padding: .857em 1.387em;
}

.closebtn {
    float: right;
    font-size: 21px;
    font-weight: normal;
    position: relative;
    color: #9C9EB8;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px !important;
}

.builder_action_btn li a {
    padding: 0;
    white-space: nowrap;
    font-size: 16px;
    color: rgba(59,20,81,1) !important;
    border: 1px solid #dee2e6 !important;
    background: transparent !important;
    padding: 6px 13px;
    display: inline-block;
    margin-left: 0px !important;
    text-align: center;
    margin: 0px;
    line-height: 23px;
    white-space: nowrap;
}

.builder_action_btn li a.active {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
    border: 1px solid transparent !important;
}

.builder_action_btn li a:hover {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff !important;
    border: 1px solid transparent !important;
}

.sync_builder li a {
    border-radius: 0;
    padding: 4px 10px;
    width: auto;
    height: auto;
}

div#template_table_length {
    display: none;
}

.span_error {
    color: red;
}

body {
    font-family: 'Lato', sans-serif !important;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    background: #F9FAFA;
}

.bg-theme-gradient {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.bg-theme {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.bg-theme-light {
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.title-theme {
    color: rgba(59,20,81,1) !important;
    font-weight: 600;
    font-size: 18px;
}

.title-gradient {
    font-weight: bold;
    background: -webkit-linear-gradient(#231942, #231942);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.title-light-theme {
    color: rgba(59,20,81,1) !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-white {
    color: #fff !important;
}

.link-btn {
    color: #9C9EB8;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 20px;
}

.link-btn img {
    vertical-align: middle;
}

.linkBtn {
    color: rgba(59, 20, 81, 1);
    font-size: 20px;
    white-space: nowrap;
}

.project-title {
    font-size: 26px;
    text-transform: uppercase;
}

#login--section .um-58.um {
    max-width: 350px;
}

#login--section .um-col-alt-b {
    padding-top: 0px;
}

#login--section .um-link-alt {
    color: #555 !important;
    font-size: 14px;
}

#login--section .um {
    color: #555 !important;
    font-size: 14px;
}

.um-um_password_id.um {
    max-width: 350px !important;
    text-align: left;
}

#login--section .um-field-block {
    color: #555 !important;
    font-size: 14px;
}

.um-field-block div {
    text-align: left !important;
}

#login--section .um-field-checkbox-option,
.um-field-radio-option {
    color: #555 !important;
}

#login--section .um-field-label label {
    font-weight: 500;
    font-size: 14px !important;
}

.sidebar-heading {
    padding: 8px 15px 8px 15px;
    text-transform: uppercase;
    color: #000;
    margin-top: 19px;
    font-size: 13px;
}

[class^="um-icon-"]:before,
[class*=" um-icon-"]:before {
    color: #555 !important;
}

.builder-box {
    position: relative;
    margin: auto;
    min-width: 95px;
}

.builder-editable {
    border: 1px solid #eee;
    background: no-repeat;
    width: auto;
    height: auto;
    padding: 10px;
}

.builder-editable .builder-text {
    text-decoration: underline;
}

.builder-text {
    outline: none;
    padding-right: 10px;
    display: inline-block;
}

.default_page_selected {
    display: inline-block;
}

.builder-edit,
.builder-save,
.builder-cancel {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    text-align: center;
    cursor: pointer;
    box-shadow: none;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
    width: 21px;
    height: 21px;
    line-height: 22px;
    text-align: center;
    font-size: 10px;
    padding: 0;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.builder-edit {
    color: #ffffff;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.builder-save {
    display: none;
    background: #9C9EB8;
    color: #ffffff;
    right: 35px;
    top: 5px;
}

.builder-cancel {
    display: none;
    color: red;
    background: #f8e6f6;
    right: 5px;
    top: 5px;
}

.builder-box:hover .builder-edit {
    opacity: 1;
}

.builder-edit:hover,
.builder-save:hover,
.builder-cancel:hover {
    color: #fff;
    background: #b40101;
}

input[type=submit].um-button,
input[type=submit].um-button:focus {
    background-image: #231942 !important;
    width: 100% !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

.dataTables_wrapper .dataTables_length {
    float: left;
    white-space: nowrap;
}

.table {
    width: 99.6% !important;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: #fff;
    border-color: #dee2e6;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.sorting,
.sorting_asc,
.sorting_desc {
    background: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: none !important;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: .9em;
    display: block;
    opacity: .3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "↑" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "↓" !important;
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 30px !important;
}

.table .builder_action_btn {
    padding: 0px !important
}

table.dataTable>thead .sorting,
table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_desc,
table.dataTable>thead .sorting_asc_disabled,
table.dataTable>thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

/* .table th {
    padding: 8px 18px !important;
    color: rgba(59,20,81,1) !important;
} */

.text-right {
    text-align: right !important;
}

.table tbody td {
    padding: 8px 10px !important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 8px 18px;
    border-bottom: 1px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .01);
}

.m-0 {
    margin: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(59,20,81,1) !important;
    background: transparent !important;
    border: 1px solid rgba(59,20,81,1);
    padding: 6px 15px;
    border-radius: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: rgba(59,20,81,1) !important;
    background: transparent !important;
    border: 1px solid rgba(59,20,81,1);
    padding: 6px 15px;
    border-radius: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    border: 1px solid rgba(59,20,81,1);
    padding: 6px 15px;
    border-radius: 0px;
    color: rgba(59,20,81,1) !important;
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border: 1px solid transparent;
    padding: 6px 15px;
    border-radius: 0px;
}


/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgb(0 0 0 / 70%);
}

.assign_sync {
    display: inline-grid;
}

.assign_headfooter span {
    color: #000;
    font-weight: 600;
    margin: 20px 0;
    display: flex;
}


/* Modal Content */

.modal-content {
    background-color: #fefefe;
    margin: auto;
    top: 50%;
    padding: 2rem;
    width: 100%;
    text-align: center;
    max-width: 700px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#sync_tool_modal .modal-content {
    max-width: 900px;
    overflow-y: auto;
    height: auto;
    max-height: 640px;
}

#sync_tool_modal .pricing-table-membership-custom .block-plans .freePlan .features h4,
#sync_tool_modal .pricing-table-membership-custom .block-plans .agencyPlan .features h4,
#sync_tool_modal .pricing-table-membership-custom .block-plans .recommendedPlan .features h4,
#sync_tool_modal .pricing-table-membership-custom .block-plans .litePlan .features h4 {
    justify-content: center;
}

.disabled-plan {
    pointer-events: none;
    opacity: 0.6;
}

#syncBox_assign_footer .modal-content {
    overflow-y: auto;
    height: auto;
    max-height: 640px;
}

#syncBox_assign_footer .modal-content::-webkit-scrollbar, #sync_tool_modal .modal-content::-webkit-scrollbar {
    width: 3px;
}

#syncBox_assign_footer .modal-content::-webkit-scrollbar-track, #sync_tool_modal .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#syncBox_assign_footer .modal-content::-webkit-scrollbar-thumb, #sync_tool_modal .modal-content::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.modal-content .default-btn {
    background: #f2ad45;
    min-width: 120px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin-top: 1rem;
    display: inline-block;
}

.modal-content .default-btn+.default-btn {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.modal-content .default-btn:hover,
.modal-content .default-btn:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff;
}

.support-box {
    padding: 30px 0 0;
    margin: 0;
}

.bckbtn {
    color: rgba(59,20,81,1) !important;
    margin-right: 12px;
}

a#sync_tool_step1 {
    color: rgba(59, 20, 81, 1);
    text-decoration: underline;
}

.bckbtn {
    position: absolute;
    left: 0;
    margin: 0;
}

.bckbtn~h3 {
    padding-left: 1.2rem;
}

#page_nm {
    padding-bottom: 0px;
    margin-bottom: 10px;
    color: rgba(59, 20, 81, 1);
    text-align: left;
    margin-top: 0;
}

div#sync_step1 #page_nm {
    margin-top: 2rem;
}

.modal-header p {
    color: #9C9EB8;
}

.modal-header {
    border-bottom: 0;
    position: relative;
}

span.title-light-theme {
    font-weight: bold;
    text-transform: uppercase;
}

.siteblox_term_connect {
    vertical-align: middle;
}

.project_buttons_light .project_heading span {
    font-weight: bold;
    text-transform: uppercase;
}

.modal-content .flex-12,
.modal-content .flex-3,
.modal-content .flex-4,
.modal-content .flex-5,
.modal-content .flex-6,
.modal-content .flex-7,
.modal-content .flex-8,
.modal-content .flex-9 {
    padding: 0px;
}


/* The Close Button */

.close {
    right: 29%;
    left: auto;
    top: 50px;
    font-size: 21px;
    position: absolute;
    color: #fff;
    font-weight: 400;
    border: none;
    width: 30px;
    height: 30px;
    opacity: 1;
    display: flex;
    align-items: center;
    z-index: 999;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.modal-lg .close-white {
    right: 3% !important;
}



#preview_html .et_pb_section {
    padding: 0;
}

.modal-brand-img {
    position: relative;
    z-index: 999;
    left: 43%;
    top: 2%;
    width: 210px;
    margin: 0 auto;
}

.builder_page_create {
    max-width: 100%;
    padding: 0;
}

.builder_create_page_content .builder_input select {
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.topWrapmenu ul li span,
.topWrapmenu ul li a,
.topnavbar ul li a,
.builder_cats a {
    white-space: nowrap;
    text-decoration: none !important;
}

.topMenuUser .builder_layout_exit a {
    color: #ffffff;
    font-size: 14px;
    padding: 8px 0;
}

#category-page .topMenuUser .builder_layout_exit a img {
    filter: invert(1);
    -webkit-filter: invert(1);
    max-width: 25px;
}

.topWrapmenu .builder_layout_exit {
    display: none
}

#category-page .topWrapmenu .builder_layout_exit {
    display: inline-block
}

.project_theme_button a {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

#footer-nav {
    display: none;
}

.builder_mobile_sidebar {
    display: none;
}

.builder_desktop_sidebar {
    display: block;
}

#category-page .builder_desktop_sidebar,
#diviBulder .builder_desktop_sidebar {
    width: 100%;
}

.footer-support {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 999;
    background: rgb(59, 20, 81) !important;
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    height: 60px !important;
    width: 60px !important;
    font-weight: 700 !important;
    line-height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.accordion img,
.builder_cats img {
    right: 50px;
    position: absolute;
    float: none;
    top: 14px;
    clear: both;
}

.active,
.accordion:hover {
	background-color: #ffffff;

}

.accordion-panel {
    overflow: hidden;
    height: 250px;
    overflow: auto;
    display: none;
}

.accordion:after,
h4.accordion-title:after {
    content: '\f107';
    font-size: 21px;
    font-family: 'FontAwesome';
    color: #fff;
    float: left;
    margin-right: 10px;
}

.accordion.active:after,
h4.accordion-title.open:after {
    content: "\f106";
}

h4.accordion-title:after {
    color: rgba(59, 20, 81, 1);
}

.accordion-title.open i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion-container h4 {
    position: relative;
}

.accordion-content .rowWrap {
    margin-left: -15px;
    margin-right: -15px;
}

.accordion-content .d-flexinner {
    padding: 0;
    position: relative;
}

.accordion-content .box>img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    width: 100%;
}

.accordion-content .box {
    position: relative;
}

.projectOptions, .starred_action {
    position: absolute;
    right: 1px;
    top: 1px;
}

.starred_action, .defaultstarred_action {
    margin-left: auto;
    position: absolute;
    left: 2px;
    right: auto;
    top: 8px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.starred_action, .defaultstarred_action {
    margin-left: auto;
}

.starred_action a, .defaultstarred_action a {
    color: #b40101;
    background: none;
    width: 28px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    /* border: 1px solid #b40101; */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.accordion-content .box h4 .projectOptions {
    right: 0;
    top: 0;
    padding: 0 !important;
}

.accordion-content .box h4 .userBottom {
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: 5px;
}

.accordion-content .box h4 .projectOptions .buttonView {
    background: #f2ad45;
    cursor: pointer;
    color: #ffffff;
    border: 0;
    margin-left: 15px;
    font-size: 15px;
    padding: 0;
}

.topWrapmenu .rowWrap {
    margin-bottom: 0;
    align-items: center;
}

.accordion-content .box .buttonView {
    background: #f2ad45;
    position: relative;
    width: 28px;
    height: 25px;
    cursor: pointer;
    border: 0;
    color: #ffffff;
    font-size: 17px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.accordion-content .box .buttonView:hover,
.accordion-content .box .buttonView:focus,
.accordion-content .box .buttonView:active,
.accordion-content .box .buttonView:visited {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff;
}

.dropdownList,
.topWrapmenu .dropdownList {
    display: none;
    position: absolute;
    right: 0;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    text-align: left;
    background: #fff;
    top: 100%;
    padding: 10px 0 5px !important;
    min-width: 225px;
    max-width: 100%;
    width: 100%;
    z-index: 999999;
    box-shadow: 0 5px 50px -20px #999;
    -webkit-box-shadow: 0 5px 50px -20px #999;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.topWrapmenu .dropdownList {
    min-width: 300px;
    width: auto;
}

.topWrapmenu ul li.plusSign .dropdownList {
    min-width: 150px;
}

.dropdownList.active,
.topWrapmenu .dropdownList.active {
    display: block;
}

.dropdownList::before {
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: -14px;
    right: 8px;
    content: '';
}

.topWrapmenu .dropdownList::before {
    display: none;
}

.dropdownList .dividerLine {
    height: 1px;
    background: #ddd;
    margin: px 0;
}

.tabWrapcontent-main .dropdownList li,
.topWrapmenu .dropdownList li {
    display: block;
    margin: 0;
}

.dropdownList li a,
.topWrapmenu .dropdownList li a {
    display: block;
    color: rgba(59, 20, 81, 1);
    padding: 5px 20px;
    font-size: 12px;
    position: relative;
}

.dropdownList li a:hover,
.dropdownList li a:focus,
.topWrapmenu .dropdownList li a:hover,
.topWrapmenu .dropdownList li a:focus {
    background: whitesmoke;
}

.dropdownList li a i {
    margin-right: 10px;
}

.topWrapmenu .dropdownList li a .badge {
    position: absolute;
    right: 15px;
    top: 5px;
    background: #f8e6f6;
    padding: 2px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #c11eae;
    display: inline-block;
    line-height: 24px;
    height: auto;
    font-size: 12px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.topWrapmenu .dropdownList h3 {
    padding: 10px 20px 15px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.topWrapmenu .dropdownList h3 img {
    max-width: 40px;
    margin-right: 15px;
}

.accordion-content .d-flexinner p a {
    text-overflow: ellipsis;
    font-size: 12px;
    width: 170px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    color: #c7c7c7;
}

.accordion-content .dashboard_no .box:hover {
    box-shadow: 5px 12px 32px -15px #00000070;
    -webkit-box-shadow: 5px 12px 32px -15px #00000070;
}

.userBottom {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 1rem;
}

.userBottom .userImgs {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-top: 0;
}

.userBottom .userImgs img {
    max-width: 25px;
    margin-right: -5px;
}

.userBottom .userImgs .lastNmbr {
    display: inline-block;
    background: #eee;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.userBottom .gray {
    display: inline-block;
    width: 3px;
    height: 10px;
    background: #C2C4D9;
}

.userBottom .red {
    background: #BA01A4;
}

.userBottom .teal {
    background: #68B0AB;
}

.accordion-content .d-flexinner h4 {
    border: 0;
    font-size: 16px;
    padding: 0;
    margin: 5px 0 4px;
    display: flex;
    align-items: center;
}

.accordion-content .d-flexinner h4>a {
    font-size: 16px;
    color: rgba(59, 20, 81, 1);
    display: flex;
    align-items: center;
}

.accordion-title {
    cursor: pointer;
}

.no-data-found {
    margin-top: 30px;
}

.accordion-container h4 .projectOptions {
    right: 0;
    top: 10px;
    padding: 0 !important;
}

.accordion-container .projectOptions {
    background: none;
    cursor: pointer;
    color: #C2C4D9;
    border: 0;
    margin-left: 15px;
    font-size: 15px;
    padding: 0;
}

.accordion-container h4 .projectOptions .buttonView {
    background: none;
    cursor: pointer;
    color: #C2C4D9;
    border: 0;
    margin-left: 15px;
    font-size: 15px;
    padding: 0;
}

.accordion-container .projectOptions li {
    position: relative;
    width: auto;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.accordion-container .projectOptions li .dropdownList {
    min-width: 155px;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.accordion-container .projectOptions .dropdownList li {
    display: block;
}

h4.accordion-title img {
    vertical-align: middle;
    margin-top: -3px;
}

.accordion-content .list-view-filter {
    margin-bottom: 1rem;
}

.accordion-content .list-view-filter .flex-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.accordion-content .list-view-filter .box {
    display: flex;
    box-shadow: none;
    border-radius: 0;
    align-items: center;
    flex-flow: row nowrap;
}

.accordion-content .list-view-filter .box:hover {
    box-shadow: none;
}

.accordion-content .list-view-filter .box>img {
    max-width: 70px;
}

.accordion-content .list-view-filter .box .d-flexinner {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between;
}

.accordion-content .list-view-filter .rowWrap {
    margin-top: 0;
    margin-bottom: 0;
}

.accordion-content .list-view-filter .d-flexinner h4 {
    line-height: 22px;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
}

.accordion-content .list-view-filter .projectOptions {
    position: relative;
    top: auto;
    right: auto;
    order: 13;
}

.accordion-content .list-view-filter .userBottom {
    margin: 0;
}

.accordion-content .list-view-filter .userBottom .userImgs {
    order: 1;
    margin-left: 2rem;
}

ul#menu-naviagtion {
    padding: 10px !important;
    text-align: center;
}

ul#menu-naviagtion li a {
    color: #fff;
}

#syncBox_assign_footer .popup-body {
    padding: 0 30px;
    margin: 10px auto;
}

#syncBox_assign_footer p {
    padding-bottom: 0 !important;
    margin-bottom: 10px;
}

#syncBox_assign_footer ul {
    list-style: disc !important;
    display: grid;
    border: 0
}

#syncBox_assign_footer ul li {
    padding: 5px 0;
}

#syncBox_assign_footer .tabWrapcontent ul {
    border-bottom: 0;
}

#syncBox_assign_footer .popup-footer {
    border-top: 0;
}

#syncBox_assign_footer a {
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}


/*Window Classes*/

.windows-views {
    text-align: center;
    overflow-x: auto;
    width: 100%;
    padding-top: 4rem;
    padding-right: 0;
}

#category-page .wrapContent,
#diviBuilder .wrapContent {
    width: 100%;
    max-width: 100%;
}

.desktop-view {
    background-image: url(../images/desktop-back-new.png);
    background-repeat: no-repeat;
    padding: 48px 68px 48px 68px;
    background-size: 100% 100%;
    display: inline-block;
    width: 1366px;
    height: 953px;
    max-width: initial;
    position: relative;
    max-height: 100%;
    background-position: center center;
    margin-top: 1rem;
}

.tablet-view {
    background-image: url(../images/tablet-back-new.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 990px;
    height: 1366px;
    max-width: initial;
    max-height: 100%;
    background-position: center center;
    position: relative;
    padding: 68px 88px 68px 88px;
}

.mobile-view {
    background-image: url(../images/mobile-back-new.png);
    background-repeat: no-repeat;
    padding: 57px 33px 55px 32px;
    background-size: 100% 100%;
    display: inline-block;
    width: 414px;
    height: 767px;
    max-width: initial;
    max-height: 100%;
    background-position: center center;
    position: relative;
    margin-top: 1rem;
}

.window-loader {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: auto;
    margin-top: 0;
    text-align: center;
    z-index: 1;
}

.diviblock-preloader {
    background: rgb(59,20,81);
	background: -moz-linear-gradient(-45deg,  rgba(59,20,81,1) 0%, rgba(87,16,99,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%);
	background: linear-gradient(135deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
}

.window-loader .diviblock-preloader {
    height: 90%;
    width: 82%;
    position: relative;
    z-index: 1;
}

.window-loader .diviblock-preloader img {
    width: auto;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    max-width: 220px;
}

.desktop-view .window-loader .diviblock-preloader {
    height: 90%;
    width: 90%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    z-index: 1;
}

.mobile-view .window-loader .diviblock-preloader {
    height: 85%;
    width: 84%;
    position: relative;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    z-index: 1;
}

.desktop-view-in,
.tablet-view-in,
.mobile-view-in {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.desktop-view-in,
.tablet-view-in,
.mobile-view-in {
    display: none;
    position: relative;
    z-index: 111;
}

.et-db #et-boc .et-l #et-fb-app .et-fb-responsive-view-controls:not(.et-tb-responsive-view-controls) .et-fb-responsive-view-controls-form {
    top: 25px !important;
}


.et-responsive-view-controls:before {
    height: auto !important;
}

.p-3 {
    padding: 1.5rem !important;
}

.align-items-center {
    align-items: center !important;
    justify-content: center;
}

.d-flex {
    display: flex !important;
    background: #F9FAFA;
    color: rgba(59, 20, 81, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.d-flex img {
    margin-right: 20px;
}

.boxbg-blue {
    background: none;
    color: rgba(59, 20, 81, 1);
    border-radius: 0;
}

.boxbg-blue h4 {
    color: rgba(59, 20, 81, 1);
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 22px;
}

div#accordion h4 p {
    color: rgba(59, 20, 81, 1);
}

.boxbg-blue ul {
    border: 0;
}

.recent_pr li {
    color: #555;
}

.builder_template_section h5 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-top: -20px;
    padding-left: 15px;
    color: rgba(59, 20, 81, 1);
    display: inline-block;
}

.contentWrapper~.et-boc .et_pb_section_0,
.contentWrapper~.et-boc .et_pb_row {
    padding: 0;
}

.et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters) {
    opacity: 1 !important;
}

.projectFilter {
    position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
}

.projectFilter .buttonView {
    background: none;
    border: 1px solid #ccc;
    padding: 8px 30px 8px 20px;
    margin-bottom: 0;
    color: rgba(59, 20, 81, 1);
    font-size: 15px;
    position: relative;
    cursor: pointer;
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.projectFilter .buttonView i {
    color: #f2ad45;
    font-size: 18px;
    margin-right: 5px;
}

.projectFilter .buttonView:after {
    position: absolute;
    right: 8px;
    top: 12px;
    content: "\f107";
    font-family: 'FontAwesome';
}

.projectFilter .dropdownList {
    left: 0;
    right: auto;
    min-width: 100%;
    margin-top: 0;
    padding: 0;
    width: 100%;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.projectFilter .dropdownList::before {
    display: none;
}

button.addClick {
    border: 0;
    background: #f2ad45;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 11px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

button.addClick:hover,
button.addClick:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    box-shadow: none;
    outline: none;
}


/*-=-==-==-=
Library Page Css
-=-=-=-=--=*/

.filter-buttons {
    display: flex;
    background: #C2C4D9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px 5px 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.list-view-button,
.grid-view-button {
    color: white;
    border: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.list-view-button {
    margin-left: 5px;
}

.list-view-button.active,
.grid-view-button.active {
    background: #fff;
    color: #c2c4d9;
}

.sectionTitle {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.sectionTitle h3 {
    padding: 0;
}

.sectionTitle .viewList {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.sectionTitle .viewList li {
    margin-left: 15px;
}

.sectionTitle .viewList li a {
    color: #C2C4D9;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.list {
    background: #ffffff;
    margin-top: 2rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.list-view-filter {
    width: 100%;
}

ul.listLi {
    padding: 0 !important;
    display: table;
    width: 100%;
}

ul.topLi {
    padding: 1.5rem !important;
    display: block;
    width: 100%;
}

ul.topLi li,
ul.listLi li {
    padding: 1.2rem !important;
}

.list-view-filter li.backColor {
    background: #F0F1FA;
    color: #9C9EB8;
    text-transform: uppercase;
    font-weight: 600;
}

.list-view-filter ul.topLi li,
.list-view-filter ul.listLi li {
    display: table-row;
}

.list-view-filter ul.topLi li span,
.list-view-filter ul.listLi li span {
    display: table-cell;
    padding: 0.5rem 1.2rem;
    vertical-align: middle;
}

.list-view-filter ul.listLi li span {
    border-bottom: 1px solid #eee;
}

.list-view-filter ul.listLi li img {
    vertical-align: middle;
    margin-top: 7px;
    min-height: 42px
}

.list-view-filter ul.listLi li.backColor img {
    vertical-align: middle;
    margin-top: 0;
    min-height: auto;
}

.list-view-filter li input[type="checkbox"] {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

ul.topLi li input[type="checkbox"] {
    margin-right: 5px;
}

.list-view-filter ul.listLi li span:first-child {
    min-width: 30px;
    width: 2%;
}

.list-view-filter ul.listLi li .width_1 {
    min-width: 130px;
    width: 10%;
}

.list-view-filter ul.listLi li .lastChild {
    text-align: right;
    position: relative;
}

.list .buttonView {
    background: #f2ad45;
    position: relative;
    width: 28px;
    height: 25px;
    cursor: pointer;
    border: 0;
    color: #d0d0d0;
    font-size: 17px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.list .buttonView:hover,
.list .buttonView:focus,
.list .buttonView:active,
.list .buttonView:visited {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #ffffff;
}

.list-view-filter .dropdownList {
    right: 17px;
    margin-top: 0;
    left: auto;
}

.list ul.listLi .dropdownList li {
    flex: 1;
    max-width: 100%;
    margin-bottom: 0;
    padding: 0 !important;
    border-radius: 0;
    overflow: visible;
    position: relative;
    display: block;
}

.list.grid-view-filter {
    background: none;
}

.grid-view-filter ul.topLi,
.grid-view-filter li.backColor {
    display: none;
}

.grid-view-filter ul.listLi {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
}

.grid-view-filter ul.listLi li {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 1rem;
    padding: 0 15px !important;
    overflow: visible;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.grid-view-filter ul.listLi li span {
    background: #fff;
    display: block;
    padding: 0 12px;
}

.grid-view-filter ul.listLi li span:first-child {
    display: none;
}

.grid-view-filter ul.listLi li span.width_1 {
    padding-top: 12px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}

.grid-view-filter ul.listLi li span.width_4 {
    padding-bottom: 12px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}

.grid-view-filter ul.listLi li span.lastChild {
    position: absolute;
    right: 28px;
    top: 15px;
    padding: 0;
    background: none;
}

.grid-view-filter ul.listLi li img {
    width: 100%;
}

.uploadData {
    background: #fff;
    padding: 2rem;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.uploadData p {
    color: #9C9EB8;
    font-size: 14px;
    margin: 1.5rem 0;
}

.uploadData .project-btn {
    background: #f2ad45;
    padding: 10px 40px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.uploadData .project-btn:hover,
.uploadData .project-btn:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.boxWhite {
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 1rem;
}

.projectHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
}

.projectHeader .imageSec {
    display: flex;
    align-items: center;
}

.projectHeader .proImage {
    margin-right: 18px;
    position: relative;
}

.projectHeader .projButtons {
    min-width: 275px;
    text-align: right;
}

.projectHeader .proImage img {
    max-width: 125px;
    border: 7px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.projTitle .form-group {
    position: relative;
    border: 1px solid #E1E2EF;
    padding: 5px 10px;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.projTitle .form-group input {
    border: 0;
    padding: 0;
    color: rgba(59, 20, 81, 1);
    font-weight: 600;
}

.projTitle .form-group i {
    color: #C2C4D9;
}

.projTitle p {
    color: #9C9EB8;
    font-size: 12px;
    line-height: normal;
}

.projButtons ul {
    padding: 0 !important;
}

.projButtons ul li.page_option {
    display: inline-block;
    margin-left: 1rem;
    position: relative;
}

.projButtons li.page_option>a {
    color: #fff;
    border: 1px solid #b40101;
    padding: 5px 18px;
    background: #b40101;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.projButtons li.page_option>a.buttonView {
    color: rgba(59, 20, 81, 1);
    border: 1px solid #e1e2ef;
    background: none;
}

.projButtons li.page_option>a:hover,
.projButtons li.page_option>a:focus {
    color: #fff;
    border: 1px solid rgba(59,20,81,1);
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

.appOptions,
.projUploadList {
    padding: 0 !important;
}

.appOptions li,
.projUploadList li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3rem;
    color: rgba(59, 20, 81, 1);
}

.appOptions li span {
    color: #9C9EB8;
    font-size: 11px;
}

.appOptions li p {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    color: #68B0AB;
}

.appOptions li p img {
    max-width: 32px;
    margin-right: 5px;
}

.appOptions li a {
    color: #68B0AB;
    vertical-align: middle;
    font-size: 12px;
}

.appOptions li a.modalBtn {
    background: #68B0AB20;
    padding: 3px 7px;
}

.appOptions .userImgs img {
    vertical-align: middle;
    max-width: 30px;
    margin-right: -5px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.appOptions .userImgs .lastNmbr {
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.boxWhite h3 {
    font-size: 18px;
    font-weight: 600;
    color: rgba(59, 20, 81, 1);
    padding: 0;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.boxWhite h3 span {
    color: #9C9EB8;
    font-size: 12px;
    margin-left: auto;
}

.boxWhite h3>span {
    margin-right: 15px;
}

.boxWhite h3 span~span {
    margin-left: 0;
    margin-right: 0;
}

.boxWhite h3 .gray {
    display: inline-block;
    width: 3px;
    height: 10px;
    background: #C2C4D9;
}

.boxWhite h3 .red {
    background: #BA01A4;
}

.boxWhite h3 .teal {
    background: #68B0AB;
}

.projUploadList li {
    margin: 0 0 10px 0;
    border: 1px solid #E1E2EF;
    color: #9C9EB8;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.projUploadList li input {
    border: 0;
    color: #9C9EB8;
    font-size: 14px;
}

.projUploadList li input::placeholder {
    color: #9C9EB8;
}

.projUploadList li ::-webkit-input-placeholder {
    color: #9C9EB8;
}

.projUploadList li a {
    color: #68B0AB;
    font-size: 12px;
    margin-left: auto;
    margin-right: 1.2rem;
}

.projUploadList li a:hover {
    text-decoration: underline;
}

.projUploadList li .default-btn {
    color: #b40101;
    background: none;
    padding: 5px 20px;
    border: 1px solid #e1e2ef;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    min-width: 90px;
}

.projUploadList li:hover .default-btn {
    background: #b40101;
    color: #ffffff;
    border: 1px solid #b40101;
}

.tabs {
    padding: 0 !important;
}

.tabbedPanels {
    padding: 0 15px;
}

.tabs li {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-left: 3px;
    position: relative;
    padding-right: 20px;
}

.tabs li .hovertip {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 0;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 9px;
}

.tabs li .hovertip .hovertiptext {
    width: 190px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 14px;
    font-size: 10px;
    background: #a6a6a7;
    color: #fff;
    transform: translate(-50%, 23px);
    -webkit-transform: translate(-50%, 23px);
    -moz-transform: translate(-50%, 23px);
    -ms-transform: translate(-50%, 23px);
    -o-transform: translate(-50%, 23px);
}

.tabs li .hovertip .hovertiptext:after {
    border-color: transparent transparent #a6a6a7 transparent;
    right: 0;
    transform: translate(8px, 0px);
    -webkit-transform: translate(8px, 0px);
    -moz-transform: translate(8px, 0px);
    -ms-transform: translate(8px, 0px);
    -o-transform: translate(8px, 0px);
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.tabs li .hovertip .hovertiptext a {
    color: #ffffff;
    text-decoration: underline;
    border: 0;
}

.tabs li a {
    color: #9C9EB8;
    padding: 0 0 5px;
    display: block;
    border-bottom: 2px solid transparent;
    background: none;
}

.tabs li a.active,
.tabs li a:hover {
    color: rgba(59, 20, 81, 1);
    background: none;
    border-bottom: 2px solid #b40101;
}

.tabs li .hovertip .hovertiptext a:hover {
    color: #ffffff;
    border: 0;
    text-decoration: underline;
}

.panelContainer {
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.panelContainer h4 {
    color: rgba(59, 20, 81, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.panelContainer h4 a.addNew {
    font-size: 14px;
    font-weight: 700;
    background: #f2ad45;
    color: #fff;
    font-size: 13px;
    padding: 5px 12px;
    display: inline-block;
    margin-left: 0;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.panelContainer h4 a.addNew:hover {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
}

.panelContainer .comingSoon h4 {
    text-align: center;
    display: block;
    margin: 3rem 0 1rem 0;
    font-size: 30px;
    font-weight: 700;
    padding: 0;
}

.panelContainer .comingSoon p {
    font-size: 15px;
}

#panel1 h4 {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
}

#panel1 h4 .bg_teal {
    background: #68B0AB;
    margin-left: auto;
    color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.panelContainer label {
    color: #9C9EB8;
    display: block;
}

.panelContainer form input,
.panelContainer select {
    width: 100%;
    border: 1px solid #E1E2EF;
    padding: 5px 10px;
    box-shadow: inset 0 0 5px #C2C4D950;
    -webkit-box-shadow: inset 0 0 5px #C2C4D950;
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.panelContainer #panelGeneral form .input-group, .panelContainer #panelGeneral form .form-group {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.panelContainer #panelGeneral form .form-group label {
    flex: 0 0 100%;
}

.panelContainer #panelGeneral form input {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-right: 10px;
    width: auto;
    min-width: 435px;
}

.panelContainer #panelGeneral form .input-group, .panelContainer #panelGeneral form .form-group {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.panelContainer .input-group .toggle_password {
    position: absolute;
    right: 10px;
    top: 8px;
    border: 1px solid;
    color: #c2c2c2;
    padding: 1px 7px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.panelContainer select {
    width: 60%;
}

.panelContainer .selected input {
    border: 1px solid #68B0AB;
}

.panelContainer .input-group {
    position: relative;
    width: 85%;
}

.panelContainer .input-group-addon {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 40px;
    font-size: 14px;
    color: #C2C4D9;
}

.panelContainer .selected i {
    color: #68B0AB;
}

.panelContainer form p {
    color: #9C9EB8;
    font-size: 12px;
    border-left: 1px solid #F0F1FA;
    padding-left: 2rem;
    line-height: 20px;
}

#plansTab .contentWrapper,
.project_plan_modal .contentWrapper,
.modal-content .contentWrapper {
    background: none;
    min-height: auto;
}

#plansTab .wrapContent,
.modal-content .wrapContent,
#plansTab .wrapContent-sm,
.project_plan_modal .wrapContent,
.project_plan_modal .wrapContent-sm,
.modal-content .wrapContent-sm {
    width: 100%;
    margin: 0;
    margin-left: 0 !important;
    padding: 0 !important;
    background: none;
}

#plansTab .wrapContent .dashboard_no,
.project_plan_modal .wrapContent .dashboard_no {
    padding-left: 0;
    padding-right: 0;
}

#plansTab .topWrapmenu,
.project_plan_modal .topWrapmenu,
.modal-content .topWrapmenu {
    display: none;
}

#plansTab .wrapContainer,
.project_plan_modal .wrapContainer,
.modal-content .wrapContainer {
    padding: 0;
    max-width: 100%;
    width: 100%;
}

#plansTab .pricing-table-membership-custom,
.project_plan_modal .pricing-table-membership-custom,
.modal-content .pricing-table-membership-custom {
    background: none;
    min-height: auto;
}

#plansTab .pricing-table-membership-custom .block-plans,
.project_plan_modal .pricing-table-membership-custom .block-plans,
.modal-content .pricing-table-membership-custom .block-plans {
    padding: 0;
}

.uploadIcon {
    justify-content: space-between;
    background: none;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    align-items: center;
}

.uploadIcon:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

#panel1 .uploadIcon h4 {
    margin: 0;
}

.uploadIcon p {
    color: #9C9EB8;
    font-size: 12px;
    max-width: 500px;
    width: 100%;
    line-height: 20px;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
}

.uploadIcon .favIcon {
    position: relative;
    border: 1px solid #E1E2EF;
    text-align: center;
    min-width: 65px;
    padding: 0px 10px;
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 62px;
    margin-right: 1rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.uploadIcon p img {
    vertical-align: middle;
}

.uploadIcon .favIcon i {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #C2C4D9;
    border: 1px solid #C2C4D9;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.uploadIcon .default-btn {
    background: #b40101;
    border: 0;
    color: #ffffff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    min-width: 130px;
}

.uploadIcon .default-btn:hover,
.uploadIcon .default-btn:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    box-shadow: none;
}

.um-header {
    position: relative !important;
    padding: 0 20px !important;
    border-bottom: 0 !important;
    min-height: 0 !important;
}

.um-profile-photo a.um-profile-photo-img {
    float: none !important;
    position: relative !important;
    vertical-align: middle;
    margin-right: 1rem;
    cursor: pointer;
}

.um-profile-photo-overlay {
    line-height: 36px !important;
    font-size: 16px !important;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    opacity: 0;
}

.um-profile-photo a.um-profile-photo-img:hover .um-profile-photo-overlay {
    opacity: 1;
}

.um-profile-photo-overlay i {
    font-size: 18px !important;
}

.um-profile-photo {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.um-dropdown {
    position: static !important;
}

.um-dropdown ul {
    display: block;
    text-align: left;
}

.um-dropdown li a {
    padding: 8px 12px !important;
}

.um-dropdown-arr {
    top: -12px !important;
    left: 13px !important;
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
    background: #b40101 !important;
}

.um-modal-btn.alt {
    color: #fff !important;
    background: #9C9EB8 !important;
}

.panelFlex {
    display: flex;
    flex-flow: row nowrap;
}

ul#tab-links {
    padding: 0 !important;
    min-width: 220px;
}

.panelContainer .panelContainer {
    padding: 0 0 0 1rem;
    margin-left: 1rem;
    border-left: 1px solid #e1e2ef;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.panelFlex>ul li {
    display: flex;
    margin: 0 0.3rem;
    margin-bottom: 0.5rem;
    width: 100%;
    position: relative;
    align-items: center;
    padding: 0 0 0.5rem;
    border: 0;
    border-bottom: 2px solid #F0F1FA;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.panelFlex>ul li a {
    display: block;
    text-decoration: none;
    background: none;
    color: #9C9EB8;
    position: relative
}

.panelFlex>ul li .hovertip {
    position: absolute;
    right: 0;
    top: 5px;
    text-align: center;
}

.panelFlex>ul li .hovertip .hovertiptext {
    width: 190px;
    color: #808080;
    left: 0;
    transform: translate(-50%, 25px);
    -webkit-transform: translate(-50%, 25px);
    -moz-transform: translate(-50%, 25px);
    -ms-transform: translate(-50%, 25px);
    -o-transform: translate(-50%, 25px);
    right: 0;
    margin: auto;
}

.panelFlex>ul li .hovertip .hovertiptext:after {
    border-color: transparent transparent #adadad transparent;
    right: 0;
    transform: translate(8px, -9px);
    -webkit-transform: translate(8px, -9px);
    -moz-transform: translate(8px, -9px);
    -ms-transform: translate(8px, -9px);
    -o-transform: translate(8px, -9px);
    left: 0;
    top: 0;
    margin: auto;
}

.panelFlex>ul li .hovertip i {
    margin: 0;
    color: #9c9c9c;
}

.panelFlex>ul li .hovertip .hovertiptext a {
    color: #808080;
    text-decoration: underline;
}

.panelFlex>ul li a.active,
.panelFlex>ul li a:hover,
.panelFlex>ul li a:focus {
    background: #fff;
    color: #b40101;
}

.panelFlex>ul li a i {
    margin-right: 1rem;
}

.panel .dashboard_no .box {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.panelFlex .subpanel {
    display: none;
    background: none;
}

.panelFlex .subpanel.active {
    display: block;
    background: none;
}

#domainTab ul {
    padding: 0 !important;
}

#domainTab ul li a {
    color: rgba(59, 20, 81, 1);
    display: block;
    margin-bottom: 1rem;
    text-decoration: underline;
}

#domainTab ul li a span {
    display: inline-block;
    background: #b40101;
    color: #fff;
    padding: 2px 12px;
    text-transform: uppercase;
    margin-left: 0.6rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

#domainTab ul li a span:hover {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
}

.subpanel p {
    margin-bottom: 1rem;
    position: relative;
    padding: 0;
}

.subpanel p label {
    min-width: 0;
    display: inline-block
}

.subpanel p a {
    margin-left: 0.5rem;
    color: #9C9EB8;
}

.subpanel input[type=text],
.subpanel input[type="email"],
.subpanel input[type="password"],
.subpanel input[type="number"],
.subpanel select {
    border: 1px solid #dddddd;
    height: 38px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 1rem;
}

.subpanel input~a {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: 3px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.subpanel input~a+a {
    right: 32px;
}

.panelContainer .subpanel form p {
    border-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.subpanel form input[type="submit"] {
    background: #b40101;
    color: #fff;
    height: auto;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    width: auto;
    margin-top: 1rem;
    float: right;
}

.subpanel .buttonCustom {
    background: #b40101;
    color: #fff;
    margin-bottom: 1rem;
    text-transform: capitalize;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 0;
    cursor: pointer;
}

.subpanel .buttondefault {
    background: #eeeeee;
    color: #333333;
    text-transform: capitalize;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 0;
    cursor: pointer;
}

.subpanel .buttonCustom:hover,
.subpanel .buttondefault:hover,
.subpanel form input[type="submit"]:hover,
.subpanel .buttonCustom:focus,
.subpanel .buttondefault:focus,
.subpanel form input[type="submit"]:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
}

.subpanel .newStyle input,
.subpanel select {
    width: auto;
    margin-bottom: 1rem;
}

.subpanel .newStyle input {
    width: auto;
    margin-bottom: 0;
}

.sitePlans {
    border: 1px solid #F0F1FA;
    padding: 3rem 1rem 1rem;
    text-align: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #9C9EB8;
}

.sitePlans h5 {
    color: #68B0AB;
    font-weight: 600;
    font-size: 22px;
}

.sitePlans.standard h5 {
    color: #b40101;
}

.standard {
    position: relative;
    border: 1px solid #b40101;
    box-shadow: 0px 7px 0px 1px #b40101;
    -webkit-box-shadow: 0px 7px 0px 1px #b40101;
}

.standard .rTag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #b40101;
    color: #fff;
    padding: 0.1rem 1rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

.sitePlans .priceTag {
    color: rgba(59, 20, 81, 1);
    font-size: 48px;
    margin: 1rem 0 0.5rem;
    line-height: 40px;
    font-weight: 300;
}

.sitePlans .priceTag small {
    color: #9C9EB8;
    font-size: 12px;
    display: block;
    font-weight: 300;
}

.sitePlans.elite h5 {
    color: #BA01A4;
}

.sitePlans.vps h5 {
    color: #1FAD6C;
}

.sitePlans p {
    color: #9C9EB8;
    font-size: 12px;
    margin-bottom: 1rem;
    line-height: 20px;
}

.sitePlans li {
    color: #9C9EB8;
    font-size: 12px;
    display: block;
    margin-bottom: 0;
    position: relative
}

.sitePlans li i {
    position: absolute;
    right: 0;
    top: 6px;
    width: 15px;
    height: 15px;
    background: #F0F1FA;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.sitePlans .btn-plan {
    background: #68B0AB;
    color: #fff;
    padding: 0.7rem 2rem;
    display: block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
}

.sitePlans .stanBG {
    background: #b40101;
    color: #fff;
}

.sitePlans .eliteBG {
    background: #BA01A4;
    color: #fff;
}

.sitePlans .vpsBG {
    background: #1FAD6C;
    color: #fff;
}

.sitePlans .btn-plan:hover,
.sitePlans .stanBG:hover,
.sitePlans .eliteBG:hover,
.sitePlans .vpsBG:hover,
.sitePlans .btn-plan:focus,
.sitePlans .stanBG:focus,
.sitePlans .eliteBG:focus,
.sitePlans .vpsBG:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
}

.sitePlans ul {
    padding: 1.5rem 0 0 !important;
    margin-top: 1.5rem;
    border-top: 1px solid #F0F1FA;
}

.themeCol {
    background: #f7f7f7;
    padding: 0.5rem;
    box-shadow: 0 5px 35px -25px #000;
    border: 1px solid #eee;
}

.themeCol h5 {
    display: flex;
    padding: 0 0.5rem;
    align-items: center;
    justify-content: space-between;
}

/*=-===-=-Toggle Switch-=-=-=-*/

.planSwitch {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 3rem;
}

.planSwitch .switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 35px;
    overflow: hidden;
    margin: 0 1rem;
}

.planSwitch .switch input {
    display: none;
}

.planSwitch .toggle {
    position: absolute;
    background: #b40101;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.planSwitch .toggle:after {
    content: " ";
    z-index: 99;
    width: 70px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.planSwitch .toggle:before {
    position: absolute;
    content: " ";
    height: 25px;
    width: 25px;
    background: #fff;
    top: 5px;
    left: 5px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.planSwitch .switch:hover .toggle:before {
    cursor: pointer;
}

.planSwitch .off {
    color: #9C9EB8;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.planSwitch .on {
    color: rgba(59, 20, 81, 1);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.planSwitch input:checked+.toggle:before {
    left: auto;
    right: 5px;
}

.comparePlans {
    margin-top: 2rem
}

.comparePlans>p span {
    border: 1px solid #F0F1FA;
    padding: 1rem 5rem;
    display: inline-block;
    color: #000000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 2rem
}

.comparePlans>p span i {
    color: #b40101
}

.comparePlans table {
    border: 1px solid #F0F1FA;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #9C9EB8;
    text-align: center;
}

.comparePlans table .bgColor {
    background: #F0F1FA;
}

.comparePlans table tr th,
.comparePlans table tr td {
    padding: 1.5rem !important;
    text-align: center;
    border-right: 1px solid #F0F1FA;
    border-bottom: 1px solid #F0F1FA
}

.comparePlans table tr th:first-child,
.comparePlans table tr td:first-child {
    text-align: left;
}

.comparePlans table .colorGray {
    color: #E1E2EF;
}

.comparePlans table .colorTeal {
    color: #68B0AB;
}

.comparePlans table .colorYellow {
    color: #b40101;
}

.comparePlans table .colorPink {
    color: #BA01A4;
}

.comparePlans table .colorGreen {
    color: #1FAD6C;
}

.comparePlans table tr td {
    padding: 0.5rem 1rem !important;
}

.customText .toggleSwitch {
    display: inline-block;
    height: 18px;
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 50px;
    cursor: pointer;
    width: 40px
}

.customText .toggleSwitch label,
.customText .toggleSwitch>span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.customText .toggleSwitch input:focus~a,
.customText .toggleSwitch input:focus+label {
    outline: none;
}

.customText .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
}

.customText .toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
}

.customText .toggleSwitch>span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
}

.customText .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 100%;
    padding: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.customText .toggleSwitch>span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.customText .toggleSwitch input:checked~span:before {
    border-color: #0097D1;
}

.customText {
    border-top: 1px solid #F0F1FA;
    margin-top: 3rem;
    padding: 2rem 0 0 0;
    text-align: left;
}

.customText p {
    margin-bottom: 0
}

.customText p a {
    color: #b40101;
    text-decoration: underline
}

.customText .noteWarning,
.customText .noteSuccess {
    border: 1px solid #F0F1FA;
    padding: 0.5rem 0.5rem 0.5rem 1rem !important;
    position: relative;
    margin-bottom: 0.5rem;
    line-height: 18px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.customText .noteWarning {
    margin-top: 1.5rem;
}

.customText .noteWarning::before,
.customText .noteSuccess::before {
    left: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3px;
    height: 95%;
    content: '';
}

.customText .noteWarning::before {
    background: #b40101;
}

.customText .noteSuccess::before {
    background: #68B0AB;
}

.sftp_inner_steps {
    padding: 0 0 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
}

.subpanel .sftp_inner_steps p {
    margin-bottom: 0
}

.sftp_inner_steps .sftp_editable {
    position: absolute;
    opacity: 0;
    right: 12px;
    top: 0;
    background: #b40101;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.sftp_inner_steps:hover .sftp_editable {
    opacity: 1;
}


/*-=-=-=-=
Modal Css
-=-=-=--=*/

.custom-model-main,
.hire-model-main {
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    -moz-transition: opacity 0.15s linear, z-index 0.15;
    -ms-transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-open {
    z-index: 999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 30px auto;
    max-width: 900px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -ms-transition: -webkit-transform 0.3s ease-out;
}

.hire-model-main .custom-model-inner {
    max-width: 600px;
}

.hire-model-main .custom-model-inner .formInput input,
.hire-model-main .custom-model-inner .formInput textarea {
    width: 100%;
    padding: 0 15px;
    height: 40px;
    color: #999999;
    border: 1px solid #8E99A520;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 1rem;
}

.hire-model-main .custom-model-inner .formInput textarea {
    height: 120px;
}

.custom-model-inner::-webkit-scrollbar {
    width: 0;
}

.custom-model-inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.custom-model-inner::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

.collaborators_invite_modal .custom-model-inner {
    max-width: 375px;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
}

.modalClose {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #271c0b;
}

.menu-image-title span {
    font-size: 11px;
    background: #b40101;
    color: #ffffff;
    padding: 2px 10px 3px;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    line-height: normal;
    margin-left: 12px;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    display: none !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-flyout ul.mega-sub-menu {
    background: none !important;
    padding-left: 60px !important;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: none !important;
    position: relative;
    color: #fff !important;
    padding: 5px 10px !important;
    opacity: 0.5;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link i {
    font-size: 10px;
}

#mega-menu-wrap-my-custom-menu #mega-menu-my-custom-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    background: none !important;
    color: #b40101 !important;
    opacity: 1;
}

label.error {
    color: red;
    margin-top: 5px;
    font-weight: 500;
}


/*=========
Dashboard Css
========*/

.dashboardPage .dashboard_no {
    margin-bottom: 2rem;
}

.dashboardPage h2 {
    display: flex;
    align-items: center;
    margin-top: 2rem
}

.dashboardPage h2 img {
    width: auto;
    margin-right: 1rem;
    height: auto;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.accountInfo {
    padding: 20px;
    color: rgba(59, 20, 81, 1);
}

.accountInfo h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 1rem;
    font-weight: 600;
    color: rgba(59, 20, 81, 1);
}

.accountInfo h4 .editicon {
    color: #c2c4d9;
    font-size: 13px;
    cursor: pointer;
}

.accountInfo h4 a {
    color: #b40101;
    font-weight: normal;
    text-decoration: underline;
    font-size: 13px;
}

.accountInfo h4 .editicon:hover,
.accountInfo h4 a:hover {
    color: rgba(59, 20, 81, 1);
}

.accountInfo .rowWrap {
    margin-top: 0;
    margin-bottom: 0;
}

.accountInfo p strong {
    color: rgba(59, 20, 81, 1);
    font-weight: 500;
}

.accountInfo ul {
    padding: 0 !important;
    border: 0;
    margin-bottom: 1rem;
}

.accountInfo ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: rgba(59, 20, 81, 1);
    font-size: 12px;
    border-bottom: 1px solid #F0F1FA;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    line-height: 28px;
}

.accountInfo ul li span {
    font-weight: 600;
    color: rgba(59, 20, 81, 1);
}

.accountInfo .userBottom .userImgs img {
    max-width: 35px;
}

.accountInfo .userBottom .userImgs .lastNmbr {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.accountInfo ul li .bgPink,
.accountInfo ul li .bgOrange,
.accountInfo ul li .bgTeal {
    padding: 0.2rem 0.8rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 11px;
    margin-left: 0.5rem;
    line-height: normal;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.accountInfo ul li .bgPink {
    background: #BA01A410;
    color: #BA01A4;
    margin-left: auto;
}

.accountInfo ul li .bgOrange {
    background: #FAEBD5;
    color: #DB7944
}

.accountInfo ul li .bgTeal {
    background: #D2EFE2;
    color: #1FAD6C
}

.accountInfo ul li .colorTeal {
    color: #68B0AB
}

.accountInfo ul li .colorLight {
    color: #9C9EB8
}

.accountInfo .billCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #F0F1FA;
    color: rgba(59, 20, 81, 1);
    padding: 0.1rem 1rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.accountInfo .billCard p {
    padding: 0;
}

.accountInfo .billCard a {
    color: #9C9EB8;
    font-size: 12px;
}

.bsui .modal-content {
    max-height: 600px;
    overflow-y: auto;
    top: 0;
    transform: none;
}

.bsui .modal-content::-webkit-scrollbar {
    width: 0.5em;
}

.bsui .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.bsui .modal-content::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.accountInfo .billCard input {
    border: 0;
    margin: 0;
    font-size: 17px;
    color: #000000;
    background: url(../images/visa.png) no-repeat left center;
    text-align: right;
    font-weight: 600;
    padding: 0;
}

.accountInfo .billCard input:focus,
.accountInfo .billCard input:focus-within {
    box-shadow: none;
    border: 0;
}

.accountInfo .default-btn.btn-pink {
    min-width: 0;
    margin: 4px 0;
    background: #ba01a410;
    color: #BA01A4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 15px;
}

.accountInfo .default-btn.btn-pink i {
    margin-right: 1rem
}

.accountInfo .fileList {
    display: flex;
    border: 1px solid transparent;
    border-bottom: 1px solid #F0F1FA;
    padding: 0.3rem 0.8rem;
    margin-bottom: 0.3rem;
    align-items: center;
    justify-content: space-between;
}

.accountInfo .fileList:last-child {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.accountInfo .fileList:hover,
.accountInfo .fileList:last-child:hover {
    border-bottom: 1px solid #b40101;
    border: 1px solid #b40101;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.accountInfo .fileIcon {
    display: flex;
    align-items: center;
}

.accountInfo .fileList h5 {
    padding: 0;
    margin: 0 0 0 1rem;
    color: rgba(59, 20, 81, 1);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.accountInfo .fileList h5 small {
    color: #9C9EB8;
    display: block;
    font-weight: 400;
    font-size: 12px;
}

.profileTabContent .panelContainer form p {
    border: 0;
    padding: 0;
}

.empty_colabrate label {
    margin-bottom: 20px;
    margin-top: 0;
}

.empty_colabrate {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.empty_colabrate .collaborate_add {
    margin-left: auto;
}

.teamForm {
    margin-top: 0;
    position: relative;
    padding-bottom: 0;
}

.teamForm label {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: 0;
}

.panelContainer .teamForm input {
    width: auto;
}

.panelContainer .teamForm input[type="email"],
.panelContainer .teamForm input[type="text"] {
    width: auto;
    margin-right: 0.5rem;
    min-width: 300px;
}

.panelContainer .teamForm input[type="submit"] {
    border: 0;
    padding: 10px 30px;
    box-shadow: none;
    cursor: pointer;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.collaborators_invite_modal .teamForm {
    margin-top: 1rem;
}

.collaborators_invite_modal .teamForm {
    text-align: right;
}

.collaborators_invite_modal .teamForm label {
    position: relative;
    text-align: left;
    display: flex;
}

.collaborators_invite_modal h3 {
    text-align: left;
}

.collaborators_invite_modal .teamForm input[type="text"] {
    height: 38px;
    margin-right: 0.5rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 0.8rem;
    width: 100%;
}

.bsui .modal-body,
.getpaid-payment-form .container-fluid {
    padding: 0;
    text-align: left;
}

.bsui .modal-body .features,
.getpaid-payment-form small.form-text.text-muted {
    display: none;
}

.getpaid-payment-form-element-pay_button {
    text-align: center;
}

.bsui .btn-primary {
    background: #b40101;
    min-width: 150px;
    color: #ffffff;
    width: auto !important;
    border: 0;
    margin: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.bsui .btn-primary:hover,
.bsui .btn-primary:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    box-shadow: none;
    color: #ffffff;
}

.panel .boxWhite {
    background: none;
    padding: 0;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    padding-bottom: 0.5rem;
}

.panel .boxWhite:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hostingTables {
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.hostingTables h3 {
    font-weight: 700;
    color: rgba(59, 20, 81, 1);
    font-size: 20px;
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
}

.hostingTables .project_plan_modal .freePlan h3,
.hostingTables .project_plan_modal .litePlan h3 {
    justify-content: center;
}

.hostingTables h3 .colorTeal {
    color: #68B0AB;
    font-size: 14px;
    font-weight: normal;
}

.hostingTables .mediaObjext {
    display: flex;
    align-items: center;
    border: 1px solid #E1E2EF;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 2rem;
    padding: 1rem;
}

.hostingTables .mediaObjext .mediaImage {
    display: flex;
    align-items: center;
}

.hostingTables .mediaObjext .mediaImage p {
    font-weight: 700;
    color: rgba(59, 20, 81, 1);
    font-size: 16px;
    margin-left: 1rem;
}

.hostingTables .mediaObjext .mediaImage p span {
    font-weight: normal;
    display: block;
    color: #9C9EB8;
    font-size: 14px;
}

.hostingTables .mediaObjext .mediaPrice {
    margin-left: auto;
    font-size: 30px;
    color: #b40101;
    font-weight: 700;
}

.hostingTables .mediaObjext .mediaPrice a {
    font-size: 16px;
    color: #68B0AB;
    font-weight: 700;
    border-right: 1px solid #9C9EB840;
    padding: 12px 20px 12px 20px;
    margin-right: 20px;
    vertical-align: middle;
}

.hostingTables table {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.07);
}

.hostingTables table tr td {
    border-top: 1px solid #E1E2EF;
    padding: 10px 25px;
    color: #9C9EB8;
    vertical-align: middle;
    font-size: 14px;
}

.hostingTables table tr td a {
    color: #9C9EB8;
}

.hostingTables table tr:first-child td {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.hostingTables table tr td.colorPrice {
    color: #b40101;
    font-weight: 700;
    font-size: 16px;
}

.hostingTables table tr td a i, .hostingTables h3 a i {
    color: #C2C4D9;
}

.project_permission_modal .btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    float: right;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.project_permission_modal .btn-toggle:focus,
.project_permission_modal .btn-toggle.focus,
.project_permission_modal .btn-toggle:focus.active,
.project_permission_modal .btn-toggle.focus.active {
    outline: none;
}

.project_permission_modal .btn-toggle:before,
.project_permission_modal .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.project_permission_modal .btn-toggle:before {
    content: 'Off';
    left: -4rem;
}

.project_permission_modal .btn-toggle:after {
    content: 'On';
    right: -4rem;
    opacity: 0.5;
}

.project_permission_modal .btn-toggle>.handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
    -webkit-transition: left 0.25s;
    -moz-transition: left 0.25s;
    -ms-transition: left 0.25s;
    -o-transition: left 0.25s;
}

.project_permission_modal .btn-toggle.active {
    background: #68b0ab;
    transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
}

.project_permission_modal .btn-toggle.active>.handle {
    left: 1.6875rem;
    transition: left 0.25s;
}

.project_permission_modal .btn-toggle.active:before {
    opacity: 0.5;
}

.project_permission_modal .btn-toggle.active:after {
    opacity: 1;
}

.accordion-content .pending_app {
    pointer-events: none;
}

.pending_app .loader {
    position: relative;
    width: 5px;
    height: 12px;
    margin-left: 20px;
    -webkit-animation: loader10m 2s ease-in-out infinite;
    animation: loader10m 2s ease-in-out infinite;
}

.pending_app .loader:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -10px;
    height: 12px;
    width: 5px;
    -webkit-animation: loader10g 2s ease-in-out infinite;
    animation: loader10g 2s ease-in-out infinite;
}

.pending_app .loader:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 10px;
    height: 12px;
    width: 5px;
    -webkit-animation: loader10d 2s ease-in-out infinite;
    animation: loader10d 2s ease-in-out infinite;
}

@-webkit-keyframes loader10g {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, 1);
    }

    50% {
        background-color: rgba(242, 173, 69, .2);
    }

    75% {
        background-color: rgba(242, 173, 69, .2);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

@keyframes loader10g {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, 1);
    }

    50% {
        background-color: rgba(242, 173, 69, .2);
    }

    75% {
        background-color: rgba(242, 173, 69, .2);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

@-webkit-keyframes loader10m {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, .2);
    }

    50% {
        background-color: rgba(242, 173, 69, 1);
    }

    75% {
        background-color: rgba(242, 173, 69, .2);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

@keyframes loader10m {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, .2);
    }

    50% {
        background-color: rgba(242, 173, 69, 1);
    }

    75% {
        background-color: rgba(242, 173, 69, .2);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

@-webkit-keyframes loader10d {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, .2);
    }

    50% {
        background-color: rgba(242, 173, 69, .2);
    }

    75% {
        background-color: rgba(242, 173, 69, 1);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

@keyframes loader10d {
    0% {
        background-color: rgba(242, 173, 69, .2);
    }

    25% {
        background-color: rgba(242, 173, 69, .2);
    }

    50% {
        background-color: rgba(242, 173, 69, .2);
    }

    75% {
        background-color: rgba(242, 173, 69, 1);
    }

    100% {
        background-color: rgba(242, 173, 69, .2);
    }
}

.menu-image-title~.loader {
    position: relative;
    width: 5px;
    height: 12px;
    margin-left: 30px;
    -webkit-animation: loader10x 2s ease-in-out infinite;
    animation: loader10x 2s ease-in-out infinite;
}

.menu-image-title~.loader:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -10px;
    height: 12px;
    width: 5px;
    -webkit-animation: loader10y 2s ease-in-out infinite;
    animation: loader10y 2s ease-in-out infinite;
}

.menu-image-title~.loader:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 10px;
    height: 12px;
    width: 5px;
    -webkit-animation: loader10z 2s ease-in-out infinite;
    animation: loader10z 2s ease-in-out infinite;
}

@-webkit-keyframes loader10y {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, 1);
    }

    50% {
        background-color: rgba(255, 255, 255, .4);
    }

    75% {
        background-color: rgba(255, 255, 255, .4);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

@keyframes loader10y {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, 1);
    }

    50% {
        background-color: rgba(255, 255, 255, .4);
    }

    75% {
        background-color: rgba(255, 255, 255, .4);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

@-webkit-keyframes loader10x {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, .4);
    }

    50% {
        background-color: rgba(255, 255, 255, 1);
    }

    75% {
        background-color: rgba(255, 255, 255, .4);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

@keyframes loader10x {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, .4);
    }

    50% {
        background-color: rgba(255, 255, 255, 1);
    }

    75% {
        background-color: rgba(255, 255, 255, .4);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

@-webkit-keyframes loader10z {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, .4);
    }

    50% {
        background-color: rgba(255, 255, 255, .4);
    }

    75% {
        background-color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

@keyframes loader10z {
    0% {
        background-color: rgba(255, 255, 255, .4);
    }

    25% {
        background-color: rgba(255, 255, 255, .4);
    }

    50% {
        background-color: rgba(255, 255, 255, .4);
    }

    75% {
        background-color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(255, 255, 255, .4);
    }
}

.user_actions .boxWhite {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.user_actions .boxWhite .projButtons {
    margin-right: 20px;
}

.user_actions .panel .boxWhite {
    display: block;
}

.builder_posts .builder_inner_dragpost_global {
    padding-bottom: 20px;
}

#sync_tool_modal .modal-header {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

ul.stepsProgress {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

ul.stepsProgress li {
    padding: 0 2rem 1rem;
    color: #9C9EB8;
    border-bottom: 4px solid #b8b8b920;
    position: relative;
}

ul.stepsProgress li a {
    color: #9C9EB8;
}

ul.stepsProgress li::before {
    position: absolute;
    content: '';
    right: 0;
    bottom: -5px;
    width: 6px;
    height: 6px;
    background: #9C9EB8;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

ul.stepsProgress li:last-child:after {
    display: none;
}

ul.stepsProgress li.activeStep {
    border-bottom: 4px solid #f2ad45;
    color: #f2ad45;
}

ul.stepsProgress li.activeStep a {
    color: #f2ad45;
}

ul.stepsProgress li.activeStep:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: -8px;
    width: 10px;
    height: 10px;
    z-index: 1;
    background: #f2ad45;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

ul.stepsProgress li.activeStep i {
    position: absolute;
    right: -6px;
    z-index: 2;
    bottom: -14px;
    font-size: 25px;
    background: #fff;
}

#sync_step1 form {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

#sync_step1 input[type="text"] {
    width: 80%;
    padding: 1rem;
    color: #949494;
    border-radius: 10px;
    border-color: #E1E2EF;
}

#sync_tool_modal .modal-content .default-btn {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    min-width: 180px;
    line-height: 30px;
}

#sync_tool_modal .modal-content .back-btn {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    line-height: 30px;
    background: #9C9EB8;
    display: inline-block;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    text-transform: capitalize;
    box-shadow: none;
    cursor: pointer;
}

#sync_tool_modal .modal-content .back-btn:hover,
#sync_tool_modal .modal-content .back-btn:focus {
    background: #b40101;
}

#sync_step2 .importBox a {
    border: 1px solid #e1e2ef;
    display: inline-block;
    text-align: center;
    padding: 2rem;
    min-width: 200px;
    vertical-align: top;
    margin: auto 1rem 2rem;
    color: rgba(59, 20, 81, 1);
    font-size: 18px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#sync_step2 .importBox a:focus,
#sync_step2 .importBox a:focus-within {
    border: 2px solid #b40101;
    box-shadow: 5px 0px 5px #eeeeee;
    -webkit-box-shadow: 5px 0px 5px #eeeeee;
}

#sync_tool_modal .custom-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

#sync_tool_modal .custom-radio [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#sync_tool_modal .custom-radio .radio-item {
    position: relative;
    margin: auto 0.8rem;
}

#sync_tool_modal .custom-radio .label-icon {
    border: 2px solid #E1E2EF;
    padding: 30px 40px;
    text-align: center;
    color: rgba(59, 20, 81, 1);
    cursor: pointer;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-flow: column wrap;
    -webkit-transition: all 0.3s cubic-bezier(0.07, 0.49, 1, 0.08);
    -moz-transition: all 0.3s cubic-bezier(0.07, 0.49, 1, 0.08);
    transition: all 0.3s cubic-bezier(0.07, 0.49, 1, 0.08);
    -ms-transition: all 0.3s cubic-bezier(0.07, 0.49, 1, 0.08);
    -o-transition: all 0.3s cubic-bezier(0.07, 0.49, 1, 0.08);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    min-width: 200px;
    min-height: 200px;
}

#sync_tool_modal [type=radio]:checked+.label-icon {
    border: 2px solid #b40101;
    box-shadow: 0px 5px 1px #eee;
    -webkit-box-shadow: 0px 5px 1px #eee;
}

#sync_tool_modal .custom-radio .radio-item.disabled_elementor .label-icon {
    border: 1px solid #ddd;
    background: #eee;
    color: #999;
    pointer-events: none
}

#sync_tool_modal .custom-radio .radio-item.disabled_elementor .label-icon img {
    opacity: 0.2;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

#sync_tool_modal .custom-radio .label-icon img {
    display: block;
    margin: auto auto 1.5rem;
}

#sync_step3 .footer-support {
    display: none;
}

#sync_step4 #page_nm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1;
    width: 100%;
}

#sync_tool_modal #sync_step4 .modal-header {
    padding-left: 0;
    padding-right: 0;
}

#sync_step4 #page_nm .manage_card_toggle, #card_info .manage_card_toggle_profile {
    background: #68B0AB;
    color: #fff;
    font-size: 12px;
    padding: 0.2rem 0.5rem;
}

form#user_card_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 30px;
    flex-flow: row wrap;
}

form#user_card_info .btn-group {
    text-align: center;
}

#card_info #user_card_info .manage_card_toggle, #card_info #user_card_info .manage_card_toggle_profile {
    background: #68B0AB;
    color: #fff;
    font-size: 12px;
    padding: 0.2rem 0.5rem;
}

.card_add {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
}

.card_add .form-inputs {
    display: flex;
    margin-right: 2rem;
    ;
    flex-flow: column wrap;
}

.card_add .form-inputs input {
    width: 100%;
    padding: 0 1rem;
    height: 40px;
    margin-bottom: 0.5rem;
    min-width: 240px;
    border: 1px solid #e1e2ef;
    border-radius: 2px;
}

.card_add .btn-group {
    flex: 0 0 100%;
}

ul.paymentList {
    padding: 0 !important;
}

ul.paymentList li, ul.paymentList_unorderlist li {
    padding: 1rem;
    border: 1px solid #E1E2EF;
    margin-bottom: 1rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.paymentList li.selected, ul.paymentList_unorderlist li {
    border: 1px solid #b40101;
}

ul.paymentList li strong, ul.paymentList_unorderlist li strong {
    font-weight: 500;
    font-size: 12px;
}

ul.paymentList li strong small, ul.paymentList_unorderlist li strong small {
    color: #9C9EB8;
}

ul.paymentList li button, ul.paymentList_unorderlist li button {
    color: #DC5642;
    background: none;
    border: 0;
    box-shadow: none;
    margin-left: 10px;
    cursor: pointer;
}

ul.paymentList li span, ul.paymentList_unorderlist li span {
    font-weight: 600;
    font-size: 17px;
}

ul.paymentList li span.badge, ul.paymentList_unorderlist li a.badge {
    font-weight: normal;
    display: inline-block;
    background: #68B0AB10;
    color: #68B0AB;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#ai_design .modal-content {
    max-width: 1100px;
    max-height: 650px;
    overflow-y: auto;
}

#ai_design .modal-content::-webkit-scrollbar {
    width: 0.2em;
}

#ai_design .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#ai_design .modal-content::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

#free-stock-image-list {
    display: flex;
    flex-flow: row wrap;
}

#ai_design .row-free-stock {
    text-align: left;
    margin-bottom: 1rem;
}

#ai_design .image-list .row-free-stock {
    text-align: center;
    margin-bottom: 0;
    margin-top: 1rem
}

#ai_design .image-list .load-button {
    background: #b40101;
    color: #fff;
    padding: 12px 30px;
    border: 0;
    cursor: pointer;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

#ai_design .image-list .load-button:hover,
#ai_design .image-list .load-button:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border: 0;
    box-shadow: none
}

#ai_design .row-free-stock input {
    padding: 0.5rem 1rem;
}


#library_section .modal-header {
    align-items: center;
    justify-content: center;
}

.pricing-table-membership-custom .block-plans .heading .title-theme {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.page-id-237 .pricing-table-membership-custom .block-plans .heading .title-theme {
    margin-bottom: 2rem;
    border: 0;
    padding: 0;
}

#getpaid-payment-modal .modal-content {
    max-width: 100%;
    border: 0;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.getpaid-payment-form-items-cart-header span {
    text-transform: uppercase;
    color: #9C9EB8;
    letter-spacing: 1px;
    font-size: 12px;
}

#getpaid-payment-modal .modal-dialog {
    max-width: 915px !important;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#getpaid-payment-modal select.getpaid-address-field {
    margin-top: 8px;
}

/* .getpaid-available-gateways-div {
    display: none;
}

.my-2.p-3.bg-light.border.getpaid-gateway-description.getpaid-description-stripe {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.getpaid-description-stripe {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.getpaid-description-stripe p {
    margin: 0;
}

.getpaid-description-stripe p {
    margin: 0;
    flex: 0 0 300px;
}

.getpaid-description-stripe .list-unstyled {
    flex: 0 0 55%;
}

.getpaid-description-stripe .list-unstyled.m-0.mt-2 {
    margin-top: 0 !important;
} */

.pricing-table-membership-custom .block-plans .freePlan .features h4, .pricing-table-membership-custom .block-plans .agencyPlan .features h4,
.pricing-table-membership-custom .block-plans .recommendedPlan .features h4, .pricing-table-membership-custom .block-plans .litePlan .features h4 {
    justify-content: space-between;
    padding-right: 15px;
}

.project_plan_modal .block-plans .item .features h4 {
    justify-content: center;
}

.project_plan_modal .block-plans .item, .project_plan_modal .block-plans .price h4 {
    text-align: center;
}

.project_plan_modal .getpaid {
    padding: 0 15px;
}

.project_plan_modal .block-plans .featureList .features h4 {
    justify-content: flex-start;
}

.imageSec .default-btn {
    padding: 5px 15px;
    margin-left: 1rem;
    display: none;
}

.imageSec:hover .default-btn {
    display: inline-block;
}

.imageSec .default-btn.active {
    opacity: 1;
    background: #b40101;
}

.wp-pagenavi {
    clear: both;
    text-align: center;
    margin: 1rem 0 2rem;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid rgba(59,20,81,1);
    color: rgba(59, 20, 81, 1);
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi span.current {
    font-weight: bold;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    border: 1px solid rgba(59,20,81,1);
    color: #fff;
}

.itemLoader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    width: 100%;
    height: 100%;
}

ul.fixed-btn-save {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 222;
}

ul.fixed-btn-save li a {
    background: #f3ac45;
    display: block;
    padding: 1rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 1px;
    cursor: pointer !important;
    pointer-events: all !important;
}

ul.fixed-btn-save li a img {
    vertical-align: middle;
}

li.modeOption {
    position: relative;
    text-align: center;
}

li.modeOption #epanel-title:before {
    font-family: 'etbuilder';
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "<";
    display: none;
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 32px;
}

li.modeOption .clickDrop {
    display: inline-block;
    opacity: 1;
    color: #b40101;
    border: 1px solid #b40101;
    cursor: pointer;
    background: none;
    font-size: 11px;
    height: auto;
    line-height: normal;
    padding: 2px 5px 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    position: relative;
    z-index: 222;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
}

li.modeOption .clickDrop:hover {
    opacity: 1;
    background: #b40101;
    color: #fff;
}

li.modeOption .dropdownShow {
    left: 0;
    right: 0;
    top: 0;
    border-radius: 0;
    padding: 0 !important;
    min-width: 70px;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    margin: 0;
    position: absolute;
    text-align: left;
    max-width: 100%;
    width: 100%;
    opacity: 0;
    z-index: 111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

li.modeOption .dropdownShow li a {
    color: #fff;
    padding: 2px 15px;
    pointer-events: all;
    line-height: 30px;
    display: block;
    position: relative;
    text-transform: uppercase;
}

li.modeOption .dropdownShow li a:hover, li.modeOption .dropdownShow li:last-child a:hover {
    background: #b40101 !important;
}

li.modeOption .dropdownShow::before {
    display: none;
}

.builder_inner_dropable .card:first-child a.builder_uparrow, .builder_inner_dropable .card:last-child a.builder_downarrow {
    display: none;
}

.builder_inner_dropable .card:first-child a.builder_downarrow {
    right: 43px;
}

.filter-options .plusSign a {
    background: #f2ad45;
    color: #fff;
    font-size: 13px;
    padding: 5px 12px;
    display: inline-block;
    margin-left: 0.5rem;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.filter-options .plusSign a:hover,
.filter-options .plusSign a:focus {
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    color: #fff;
}

#panelCollaborate p span, #panelCollaborators p span {
    display: block;
    margin: auto;
}

#panelCollaborate p, #panelCollaborators p {
    color: rgba(59, 20, 81, 1);
    text-align: center;
}

#panelCollaborate p a, #panelCollaborators p a {
    color: rgba(59, 20, 81, 1);
    display: block;
    font-weight: 700;
}

.spinner_loader {
    text-align: center;
}

.spinner_loader i {
    color: #23194270;
}

.fa-external-link-alt {
    color: #bbbbbb;
}

.fa-external-link-alt:hover {
    color: rgba(59, 20, 81, 1);
}

.default_selected {
    cursor: default !important;
    pointer-events: none;
}

.bsui .table .btn-block {
    display: inline-block;
    width: auto;
    background: #f2ad45;
    border: 0;
}

.bsui .table .btn-block+.btn-block {
    margin-top: 0;
    margin-left: 0.5rem;
    background: #68B0AB;
}

.bsui .table thead th {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 8px 18px;
    color: #9C9EB8;
}

.invoicing-Pagination .page-numbers {
    color: #fff;
    background: rgb(59, 20, 81);
    background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
    padding: 5px 10px;
}

.invoicing-Pagination .current, .invoicing-Pagination .page-numbers:hover {
    background: #b40101;
    color: #fff;
    text-decoration: none;
    outline: none;
}




/*-=-=-=-=-=
* * Media css * *
-=-=-=-=-=-*/

@media (min-width:576px) {
    #free-stock-image-list .column-free-stock {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 0.15rem;
    }
}

@media screen and (max-width:1260px) {
    .close {
        right: 24%;
    }

    .wrapMenu {
        height: calc(100% - 85px);
        padding-bottom: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .accountInfo .default-btn.btn-pink {
        min-width: 0;
        padding: 10px 15px;
    }
}

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

    table.dataTable,
    table.dataTable th,
    table.dataTable td {
        box-sizing: content-box;
        min-width: 85px;
    }

    .wrapPanel-sm {
        padding-bottom: 1rem;
    }

    .wrapMenu {
        height: calc(100vh - 85px);
        padding-bottom: 0;
    }

    .flex-3,
    .flex-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .dashboardPage .flex-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dashboardPage .flex-6 .flex-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .panelFlex {
        flex-flow: column wrap;
    }

    ul#tab-links {
        min-width: 0;
        display: flex;
        margin-bottom: 1rem
    }

    .panelContainer .panelContainer {
        padding: 0;
        margin-left: 0;
        border-left: 0;
    }

    .panelFlex .subpanel .flex-3,
    .panelFlex .subpanel .flex-4 {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media (max-width:768px) {
    .padding-profile .tabcontentwrap {
        width: 100%;
    }

    .modal-content {
        width: 95%;
    }

    .default-btn {
        display: block;
        margin: 20px 0;
    }

    .importBox .modal-sm {
        width: 95%;
    }

    .close {
        right: 4.9%;
        top: 5%;
    }

    .grid-view-filter ul.listLi li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tabs li {
        margin-right: 0;
        margin-left: 0;
    }

    .tabs {
        margin-bottom: 1rem;
    }
}

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

    .flex-12,
    .flex-3,
    .flex-4,
    .flex-5,
    .flex-6,
    .flex-7,
    .flex-8,
    .flex-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .topWrapmenu .flex-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .topWrapmenu {
        text-align: center;
    }

    .topWrapmenu ul,
    .topnavbar ul {
        justify-content: center;
        flex-flow: row wrap;
    }

    .topWrapmenu .searchForm {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 1rem;
        text-align: center;
    }

    .topWrapmenu .searchForm input {
        width: 100%;
    }

    .topWrapmenu h5,
    .topnavbar h5 {
        margin-bottom: 1rem;
    }

    .builder_create_template {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .builder_create_template .builder_inner_dropable,
    .show_header_data,
    .show_footer_data {
        padding: 0;
    }

    .wrapContent-sm {
        margin-left: 65px !important;
        padding: 0 !important;
    }

    .mob-togglebar {
        position: absolute !important;
        bottom: 25px !important;
        background: rgb(59, 20, 81) !important;
        background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        border-radius: 50% !important;
        height: 54px !important;
        width: 54px !important;
        font-weight: 700 !important;
        left: 44%;
        color: #fff !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
    }

    .builder_mobile_sidebar {
        display: block;
    }

    .builder_desktop_sidebar {
        display: block;
    }

    .mob-togglebar.active {
        bottom: 55px !important;
    }

    .syncTool,
    .importBox {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .table .builder_action_btn {
        padding: 0px !important;
        display: inline-flex;
    }

    .table .builder_action_btn li a {
        margin-right: 5px !important;
        font-size: 16px;
        line-height: 20px;
    }

    .tabWrapcontent .project_buttons_light .project_heading h3 {
        font-size: 15px;
        white-space: nowrap;
        font-weight: 600;
    }

    .tabWrapcontent .project_buttons_light {
        margin-bottom: 20px;
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .tabWrapcontent .project_theme_button a {
        padding: 5px 10px;
        white-space: nowrap;
        margin: 0px 3px;
        text-align: center;
    }

    .syncTool {
        padding: 0 0 2rem;
        border-right: 0 solid #eeeeee;
        border-bottom: 2px solid #eeeeee
    }

    #sync_tool_modal .close {
        right: 5.9%;
        top: 9%;
    }

    .modal-brand-img {
        left: 21%;
        position: absolute;
        text-align: center;
    }

    .padding-profile .tabcontentwrap {
        width: 100%;
    }

    .modal-content {
        width: 90%;
    }

    .wrapContent {
        margin-left: 0px !important;
        padding: 0 10px 8rem !important;
    }

    .topnavbar {
        margin-left: 0;
    }

    .togglebar {
        left: 0;
        top: 0;
        background: url(../images/left-new-angle.png) no-repeat center center;
        background-size: auto 100%;
        width: 22px;
        height: 60px;
    }

    .togglebar.active {
        background-size: auto 100%;
    }

    .wrapPanel {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

    .wrapPanel-sm {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .wrapMenu {
        height: calc(100vh - 85px);
    }

    .mobWrapPanel {
        display: block;
    }

    #footer-nav {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background: rgb(59, 20, 81) !important;
        background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        right: 0;
        z-index: 999;
    }

    .mobile_top_menus {
        position: fixed;
        bottom: 0;
        left: 0;
        background: rgb(59, 20, 81) !important;
        background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        right: 0;
        z-index: 999;
    }

    .mob-builder-menu li.builder_layout_save,
    .mob-builder-menu li.builder_live_preview,
    .mob-builder-menu li.builder_layout_exit {
        display: none;
    }

    .topnavbar .brand-image {
        float: none;
        text-align: center;
        display: block;
    }

    .left-aside {
        display: none;
    }

    #category-page .wrapContent {
        margin-left: 0px !important;
    }

    .dashboard_no .d-flex {
        margin-bottom: 20px;
    }

    .builder_template_section h3 {
        font-size: 18px;
        margin: 0 15px 10px;
    }

    .boxbg-blue {
        margin-bottom: 20px;
    }

    .builder_create_template .dropable_area h1 {
        font-size: 20px;
        line-height: normal;
    }

    #menu-mobile-menu {
        display: flex;
        width: 100%;
        padding: 0.5rem 0 !important;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 0;
    }

    #menu-mobile-menu .menu-image-title {
        display: none;
    }

    #menu-mobile-menu>li>a {
        display: flex !important;
        align-items: center;
        line-height: 50px;
        height: 50px;
        padding: 10px 18px 10px 18px;
        width: auto;
        display: block;
        color: #fff;
        text-transform: none;
        text-decoration: none;
        text-align: left;
        text-decoration: none;
        white-space: nowrap;
        background: rgba(0, 0, 0, 0);
        border: 0;
        border-radius: 0;
        font-family: inherit;
        font-size: 18px;
        font-weight: normal;
        outline: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    #menu-mobile-menu>li>a img {
        max-width: 25px;
    }

    #menu-mobile-menu li a:hover,
    #menu-mobile-menu li.current_page_item>a,
    #menu-mobile-menu li.active a {
        background: #b40101;
        color: #fff !important;
        font-weight: normal;
        text-decoration: none;
        border-color: #b40101;
    }

    #menu-mobile-menu li.current_page_item img.hovered-image {
        opacity: 1 !important;
    }

    #menu-mobile-menu .menu-item:hover .menu-image-hover-wrapper img.menu-image {
        opacity: 1 !important;
    }

    #menu-item-55814 a {
        position: relative !important;
        bottom: 37px !important;
        background: rgb(59, 20, 81) !important;
        background: -moz-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: -webkit-linear-gradient(-45deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        background: linear-gradient(135deg, rgba(59, 20, 81, 1) 0%, rgba(87, 16, 99, 1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b1451', endColorstr='#571063', GradientType=1);
        border-radius: 50% !important;
        height: 55px !important;
        width: 55px !important;
        font-weight: 700 !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
    }

    .menu-image-title-after.menu-image-not-hovered img,
    .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
    .menu-image-title-before.menu-image-title {
        margin: 0 !important;
    }

    .footer-support {
        bottom: 90px;
    }

    .support-box h3 {
        max-width: 61%;
        white-space: nowrap;
    }

    .mob-project-tabs {
        position: absolute;
        bottom: 80px;
        left: 0;
        right: 0;
        max-height: 300px;
        overflow: auto;
        text-align: center;
    }

    .mob-category-tabs {
        position: fixed;
        bottom: 80px;
        top: 0;
        left: 0;
        right: 0;
        height: 88vh;
        overflow: auto;
        text-align: center;
        z-index: 99999999;
        background: #fff;
    }

    .mob-category-tabs li a.builder_cat_active {
        color: #fff !important;
        background: rgb(59,20,81) !important;
	    background: -moz-linear-gradient(-45deg,  rgba(59,20,81,1) 0%, rgba(87,16,99,1) 100%) !important;
	    background: -webkit-linear-gradient(-45deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	    background: linear-gradient(135deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	    filter:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
	    -webkit-filter:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
    }

    .mob-category-tabs li a.active {
        color: #fff !important;
        background: rgb(59,20,81) !important;
	    background: -moz-linear-gradient(-45deg,  rgba(59,20,81,1) 0%, rgba(87,16,99,1) 100%) !important;
	    background: -webkit-linear-gradient(-45deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	    background: linear-gradient(135deg,  rgba(59,20,81,1) 0%,rgba(87,16,99,1) 100%) !important;
	    filter:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
	    -webkit-filter:	progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1451', endColorstr='#571063',GradientType=1 );
    }

    .mob-category-tabs li a {
        display: block;
        padding: 10px 15px;
        color: #ffffff;
        background: #555;
    }

    .builder_cat_active>ul {
        display: block !important;
    }

    .popup-body {
        padding: 0 10px;
        margin: 15px auto;
    }

    .popup-header img.modal-brand-img {
        width: 100px;
    }

    .popup-body h3#page_nm {
        font-size: 18px;
        line-height: 26px;
    }

    .popup-footer {
        flex-wrap: wrap;
    }

    .popup-footer a {
        max-width: 200px;
        flex: 0 0 200px;
        margin: 10px auto;
    }

    .popup-footer a i {
        font-size: 20px;
    }

    html body .close {
        top: 15px;
    }

    .d-flex img {
        margin-right: 0px !important;
        width: 50px !important;
    }

    .d-flexinner .ms-2 {
        font-size: 13px !important;
    }

    .d-flexinner .mb-0 {
        font-size: 20px !important;
    }

    .drop .cont {
        width: auto;
    }

    .builder_posts {
        left: 0px !important;
        width: 100% !important;
        height: auto;
        overflow-x: auto;
        top: auto;
        bottom: 168px;
        padding: 1rem 1rem 1.5rem;
        display: flex;
        align-items: flex-start;
        right: auto !important;
        clip: inherit !important;
    }

    .builder_posts .builder_inner_dragpost {
        padding: 10px 10px 0;
        display: flex;
    }

    .builder_posts .builder_inner_dragpost .card {
        display: flex;
    }

    .builder_posts .builder_inner_area {
        flex: 0 0 280px;
        max-width: 280px;
        min-width: 280px;
        display: flex;
    }

    .builder_posts .builder_inner_dragpost .builder_inner_dragpost {
        padding: 0 10px;
    }

    .left-category-aside {
        height: 90px;
        left: 0;
        width: 100% !important;
        top: auto;
        border: 0;
        z-index: 222;
        padding: 0.5rem;
    }

    #left-area .builder_categories {
        padding: 0;
        list-style: none;
        display: flex;
        overflow-x: auto;
        border: 0;
    }

    #left-area .builder_categories h2 {
        display: none;
    }

    #left-area .builder_categories li {
        position: relative;
        min-width: 120px;
        text-align: center;
        border: 0;
    }

    .show_footer_data {
        width: 100% !important;
    }

    .show_header_data {
        width: 100% !important;
    }

    .builder_create_template .builder_inner_dropable {
        width: 100% !important;
    }

    .project-title {
        font-size: 17px;
    }

    .project_buttons_light .project_heading span {
        font-size: 10px;
    }

    .project_sliding_menu {
        justify-content: flex-end;
        display: flex !important;
    }

    .builder_create_template .builder_inner_dropable a.builder_remove_layout {
        display: inline-block;
    }

    .builder_posts img {
        height: 150px;
        object-fit: cover;
    }

    #cat_post_236.builder_posts img {
        height: 55px;
    }

    .grid-view-filter ul.listLi li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .projectHeader {
        flex-flow: row wrap;
    }

    .projectHeader .imageSec {
        margin-bottom: 1rem;
        flex-flow: row wrap;
    }

    .uploadIcon {
        flex-flow: column wrap;
        align-items: flex-start;
    }

    .panelFlex {
        flex-flow: column wrap;
    }

    ul#tab-links {
        margin-bottom: 2rem
    }

    .panelContainer .panelContainer {
        padding: 0;
        margin-left: 0;
        border-left: 0;
    }

    .panelContainer form p {
        border-left: 0;
        padding-left: 0;
    }

    .sitePlans {
        margin-bottom: 1rem;
    }

    .topWrapmenu h5,
    .topnavbar h5,
    .topWrapmenu h2 {
        margin-bottom: 0;
    }

    .projTitle p {
        font-size: 12px;
    }

    #category-page .topWrapmenu,
    #diviBuilder .topWrapmenu {
        justify-content: center;
    }

    .topWrapmenu .builder_bredcumbs {
        padding: 0 !important;
    }

    ul.stepsProgress li {
        padding: 1rem 0.5rem;
    }

    .projectHeader .proImage {
        margin-right: 0;
    }

    .projectHeader .proImage img {
        max-width: 100%;
    }

    .imageSec .default-btn {
        margin-left: 0;
    }

    .projectHeader .projButtons {
        min-width: auto;
        text-align: left;
        margin: 0 0 1rem;
    }

    .projButtons ul li.page_option {
        margin-left: 0;
        margin-right: 1rem;
    }
}

.sidebar-in {
    width: 300px;
}

.section_type {
    position: relative;
}

.builder_inner_dragpost {
    position: relative;
}

.builder_posts .builder_inner_dragpost {
    padding: 10px;
    display: inline-block;
    border: 1px solid #f2f2f2;
    overflow: hidden;
}

.is_premium h3 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px;
    background: #dc3545 !important;
    line-height: 100%;
    padding: 5px 17px;
    position: relative;
    right: -19px;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 95px;
}

.is_premium {
    height: 80px;
    position: absolute;
    right: -4px;
    top: 0px;
    overflow: hidden;
    width: 95px;
    z-index: 10;
}

.is_free h3 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px;
    background: #28a745;
    line-height: 100%;
    padding: 5px 17px;
    position: relative;
    right: -19px;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 95px;

}

.is_free {
    height: 80px;
    position: absolute;
    right: -4px;
    top: 0px;
    overflow: hidden;
    width: 95px;
    z-index: 10;
}