/*!
Theme Name: Freight Path - Documentation
Author: Digital Alchemy
Author URI: https://godigitalalchemy.com
Description: Description
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: exactaudience

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    vertical-align: top;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}



/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

body,
button,
input,
select,
optgroup,
textarea {
    font-family: europa, sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #424242;
    font-size: 16px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: europa, sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #424242;
    letter-spacing: 0.25px;
}

p {
    font-family: europa, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
    color: #424242;
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Courier New', Courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: 'Courier New', Courier, monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #335eea;
    text-decoration: none;
}

a:visited {
    color: #335eea;
}

a:hover,
a:focus,
a:active {
    color: #335eea;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}


/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


html,
body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

.site-container {
    min-height: 100%;
    background-color: #f8f9fa;
    padding-bottom: 3rem;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 95%;
    }
}

/*=================================================================
[Header]
===================================================================*/

.site-header {
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #506690;
    padding: 1.25rem 0;
    position: relative;
    z-index: 99;
}

.site-header {
    box-shadow: 0px 4px 12px rgb(0 0 0 / 5%);
}



.site-header .container,
.site-footer .container {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
}



.logo {
    width: 100%;
    max-width: 300px;
    white-space: nowrap;
}


.header-right {}

.main-nav {}

.main-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
}

.main-nav ul li {
    color: #506690;
}

.main-nav ul li a,
.navbar-light .navbar-nav .nav-link {
    text-decoration: none;
    font-size: 19px;
    line-height: 27px;
    font-weight: 500;
    color: #424242;
    padding: .5rem 1.5rem;
    display: block;
}

.main-nav ul li a:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-nav li.current-menu-item > .nav-link,
.navbar-nav li.current-menu-parent > .nav-link {
    color: #5586ec;
}


.dropdown-item {
    margin-left: auto;
    margin-right: auto;
    color: #424242 !important;
    padding: 0.4rem 3rem;
    font-size: 18px;
}

.dropdown-item:focus,
.dropdown-item:hover,
.navbar-nav li.current-menu-item .dropdown-item {
    color: #5586ec !important;
    background-color: #e9ecef;
}

.dropdown-toggle span::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    top: 2px;
    position: relative;
}

.main-nav ul ul {
    display: none;
}

.header-login-area {
    margin-left: auto;
}

.header-login-area a.btn {
    background-color: #0561BE;
    color: #fff;
    border-radius: 0.375rem;
    font-size: 1.0625rem;
    line-height: 1.6;
    font-weight: 500;
    padding: 0.5625rem 1rem;
}

.header-login-area a.btn:hover {
    background-color: #2E92FF;
}

.header-login-area a.btn i {
    margin-right: 4px;
}


/*==================================================
[Footer]
==================================================*/
.footer-curve {
    z-index: 9;
}

.shape-bottom.text-dark {
    color: #1b2a4e !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.site-footer {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
    background-color: #1b2a4e;
}

.bg-footer {
    background-color: rgb(255 255 255);
    border-top: 1px solid rgb(237 237 237);
}

.bg-dark .footer-brand {
    width: 120px;
}

.copyright {
    font-size: 12px;
}

.shape>* {
    display: block;
}

.shape-fluid-x>* {
    height: auto;
    width: 100%;
}

.shape:not([class*=shape-blur])>* {
    transform: scale(2);
}

.bg-dark {
    background-color: #1B2A4E !important;
}

.site-footer a {
    text-decoration: none;
    color: #424242;
}

.site-footer a:hover {
    color: #3757be !important;
}

.site-footer .list-social a {
    color: #929292;
    font-size: 30px;
}

/*==========================================
[setup form]
===========================================*/
.form-box {
    max-width: 100%;
    min-height: calc(100% - 3.5rem);
}

.form-box .form-box-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.3rem;
    outline: 0;
}

.form-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.form-header .form-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.form-box .form-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}


.page-template-template-domain-setup .form-header {display: none;}
.page-template-template-domain-setup .swal2-container,
.page-template-template-users .swal2-container,
.page-template-template-clients .swal2-container,
.page-template-template-admins .swal2-container  {z-index: 1073;}

body.staff-member li.client-menu,
body.staff-member li.admin-menu,
body.staff-member li.user-menu,
body.client-member li.client-menu,
body.client-member li.admin-menu,
body.client-member li.user-menu,
body.member-admin li.admin-menu,
body.member-owner.free li.admin-menu {
    display: none;
}

.sw-theme-arrows>ul.step-anchor {
    padding: 0;
    margin: 0;
    list-style: none;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25)
}

.btn-secondary:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5)
}

.close:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5)
}

.mt-200 {
    margin-top: 200px
}

.check-option-area {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 0;
}

.check-option-area .form-check {
    width: 25%;
    margin-bottom: 15px;
}

.bottom-gap {
    margin-bottom: 15px;
}


#regForm label {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 17px;
}

#regForm legend {
    padding: 0 0 0 40px;
    position: relative;
}

.prefix-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    padding: 0 11px;
    border-radius: 0.25rem 0 0 0.25rem;
    background-color: #eee;
    color: #000;
    text-shadow: 1px 1px #fff;
}

/* span.mepr-nav-item.mepr-home {
    display: none;
} */
#clear-filter{
    padding-left: 10px;
}

.dataTables_wrapper {
    width: 100%;
    display: block;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 50px;
}

.marketing-menu-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


.textoption-field {
    display: none;
}

.selected-field-options .form-control {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

.selected-field-options {
    background-color: #f9f9f9;
    padding: 20px;
    border: #dddddd 1px solid;
    margin-bottom: 30px;
    border-radius: 5px;
}

.selected-field-options .row {
    align-items: center;
}

.selected-field-options .form-control.textoption-field {
    margin-top: 15px;
    text-transform: lowercase !important;
}

#regForm .form-switch .form-check-input {
    width: 3em;
    margin-right: 10px;
}

#regForm .form-switch {
    margin-bottom: 20px;
}

#regForm .form-switch label {
    margin-top: 2px;
}

table.dataTable th {
    background-color: #e9ecef;
}

div.dataTables_length label {
    justify-content: flex-start;
}

div.dataTables_filter label {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.form-inline .form-control {
    margin: 0 10px;
}

table.table-domain {
    font-size: 16px;
}

.table-activity span {
    color: #5586ec;
}

table.table-domain th {
    background-color: #e9ecef;
}

.dataTables_paginate .pagination>li>a,
.dataTables_paginate .pagination>li>span {
    font-size: 14px;
}

.dataTables_wrapper table.table-bordered.dataTable {
    border-collapse: collapse !important;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: #fff;
    font-size: 16px;
}

.dataTables_wrapper table.dataTable thead .sorting:after,
.dataTables_wrapper table.dataTable thead .sorting_asc:after,
.dataTables_wrapper table.dataTable thead .sorting_desc:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    font-size: 18px;
    top: 7px;
}

.dataTables_wrapper table.dataTable thead .sorting_asc:after {
    content: "\f160";
}

.dataTables_wrapper table.dataTable thead .sorting:after {
    content: "\f160";
    opacity: 0.3;
}


.dataTables_wrapper table.dataTable thead .sorting_desc:after {
    content: "\f160";
}


div.dataTables_paginate ul.pagination {
    justify-content: flex-end;
}


.dataTables_paginate .pagination>li>a,
.dataTables_paginate .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.dataTables_paginate .pagination>.disabled>a,
.dataTables_paginate .pagination>.disabled>a:focus,
.dataTables_paginate .pagination>.disabled>a:hover,
.dataTables_paginate .pagination>.disabled>span,
.dataTables_paginate .pagination>.disabled>span:focus,
.dataTables_paginate .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.dataTables_paginate .pagination>li:first-child>a,
.dataTables_paginate .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dataTables_paginate .pagination>.active>a,
.dataTables_paginate .pagination>.active>a:focus,
.dataTables_paginate .pagination>.active>a:hover,
.dataTables_paginate .pagination>.active>span,
.dataTables_paginate .pagination>.active>span:focus,
.dataTables_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #335eea;
    border-color: #335eea;
}


.modal {
    z-index: 1072;
}


div.dataTables_filter .form-control {
    width: auto;
    border: 1px solid #f1f4f8;
    border-radius: 0.375rem;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.6;
    padding: .5rem 1.25rem;
}

#mitable-link {
    display: none;
    width: 100%;
    text-align: center;
}

.membership-upgrade-modal .modal-header {
    border: none;
    padding-bottom: 0;
}

.membership-upgrade-modal .modal-footer {
    border: none;
}

a.btn {
    color: #212529;
}

a.beta-btn {
    margin-right: 10px;
}

a.btn.btn-success,
a.btn.btn-primary {
    color: #fff;
}

.step-content small {
    display: block;
}

/*================================
[jumbotron-section]
==================================*/

.jumbotron {
    padding: 70px 0 20px;
}

.jumbotron .container.small-container {
    max-width: 50rem;
}

.jumbotron .small-container .jumbotron-heading {
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.jumbotron .small-container .lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.account-info .mp_wrapper .dataTables_length select {
    padding: .5rem 1.25rem;
}

.marketing-menu-area .mepr-account-nav {
    display: flex;
}

.marketing-menu-area .mepr-account-nav span.mepr-nav-item {
    display: block;
    margin-right: 4px;
    display: block;
}

.marketing-menu-area .mepr-account-nav span.mepr-nav-item a {
    text-decoration: none;
    background-color: #ebebeb;
    padding: 15px 18px;
    color: #979797;
    position: relative;
    display: block;
    font-weight: 500;
}

.marketing-menu-area .mepr-account-nav span.mepr-nav-item a:before {
    width: 100%;
    height: 2px;
    background-color: #9cccce;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.marketing-menu-area .mepr-account-nav span.mepr-nav-item a:hover,
.marketing-menu-area .mepr-account-nav span.mepr-nav-item.mepr-active-nav-tab a {
    background-color: #FAF9F6;
    color: #31cdc9;
}

.data-table-wrap {
    border: 1px solid #F2F2F2;
    margin-bottom: 50px;
    background: #fbfbfb;
    border-radius: 8px;
    padding: 1rem;
}

.data-table-wrap:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.dataTables_scrollBody thead tr {
    visibility: collapse !important;
}

.fw-bold {
    font-weight: 400;
}

.list-striped>li:nth-of-type(odd) {
    background-color: #fbfbfb;
}

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

.btn-area {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f4f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.action-area {
    display: flex;
    align-items: center;
}
.btn-area>span {
    display: inline-block;
    font-weight: 700;
    margin-right: auto;
    font-size: 22px;
    color: #1B2A4E;
}

.btn-area .form-select-sm {
    min-width: 200px;
}

.btn-area .form-select-sm:first-child {
    padding-left: 0;
}

.btn-area .form-select-sm .form-select {
    padding: 6px 1.25rem;
}
.show_limit {
    margin-right: auto;
    font-weight: 500;
}
.show_limit strong {
    text-transform: capitalize;
}
.page-template-template-marketing-id [class^="container"] {
    z-index: auto;
}

.btn-area .btn {
    margin-left: 15px;
}

.btn-area .btn i {
    margin-right: 5px;
}

.btn-area .btn:first-child {
    margin-left: 0;
}

.form-btn-area {
    padding-bottom: .75rem;
    /*border-top: 1px solid #dee2e6;*/
    text-align: center;
}

.option-field {
    margin-top: 10px;
}

.copy-link-area {
    padding: .75rem;
}

.copytoclip-btn.btn {
    padding: 0.8125rem 1rem;
}

.cla-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

.home-container {
    width: 100%;
    height: calc(100vh - 129px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.8);
    z-index: 1;
}


.home-title {
    text-align: center;
    position: relative;
    z-index: 2;
}

.home-title h1 {
    font-size: 75px;
    color: #fff;
    line-height: 80px;
    font-weight: 800;
}

/*==========================================
[Login Form]
============================================*/

.page-template-template-login .site-container {
    padding-bottom: 0;
}

.member-login h1 {
    margin: 0;
    font-size: 37px;
    font-weight: 500;
    line-height: 48px;
    color: rgb(22, 28, 45);
}

.text-muted {
    color: #929292 !important;
}

.member-login .mp_wrapper input[type=text],
.member-login .mp_wrapper input[type=password] {
    border: 1px solid #f1f4f8;
    border-radius: 0.375rem;
    box-shadow: 0 0;
    color: #161c2d;
    display: block;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
}

.member-login .mp_wrapper input[type="submit"] {
    width: 100%;
    background-color: #335eea;
    border: none;
    box-shadow: 0 0;
    color: #fff;
    border-radius: 0.375rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.member-login .mp_wrapper input[type="submit"]:hover {
    background-color: #2b50c7;
}

.member-login .mepr-login-actions {
    text-align: center;
    color: #869ab8;
}

.member-login .mepr-login-actions a {
    text-decoration: none;
    color: #869ab8;
}

.member-login .mepr-login-actions a:hover {
    color: #335eea;
}

/*==============================================
[Account Page]
===============================================*/
.account-action a {
    text-decoration: none;
    background-color: rgba(217, 226, 239, 0.2);
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 1.6;
    border-radius: 0.375rem;
    font-size: 1.0625rem;
    padding: 0.5625rem 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.account-action a:hover {
    background-color: rgba(217, 226, 239, .25);
    color: #fff;
}


.page-template-template-account,
.page-template-template-marketing-id {
    background-color: #f9fbfd;
}

.account-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.account-info .mp_wrapper {
    width: 78.5%;
    padding-bottom: 2rem;
    background-color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, .05);
}

.account-info .domain-wizard {
    width: 76%;
    padding-bottom: 2rem;
    background-color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, .05);
}

.account-info .mp_wrapper:first-child {
    width: 20%;
    padding: 2rem;
}

.account-info div#mepr-account-nav {
    margin: 0;
    width: 100%;
}

.account-info .mepr-nav-item {
    display: block;
    padding: 0;
}

.account-info .mepr-nav-item a {
    text-decoration: none;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    color: rgb(80, 102, 144);
    position: relative;
}

.account-info .mepr-nav-item a:before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    background-color: transparent;
    position: absolute;
    left: -2rem;
    top: 0;
}

.account-info .mepr-nav-item a:hover,
.account-info .mepr-nav-item.mepr-active-nav-tab a {
    color: #161c2d;
}

.account-info .mepr-nav-item.mepr-active-nav-tab a {
    font-weight: 700;
}

.account-info .mepr-nav-item a:hover:before,
.account-info .mepr-nav-item.mepr-active-nav-tab a:before {
    background-color: #335eea;
}


.account-info #mepr-account-welcome-message {
    border-radius: 0.375rem .375rem 0 0;
    background-color: #fff;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #f1f4f8;

}

.account-info #mepr-account-welcome-message p {
    font-size: 25px;
    line-height: 1.45;
    margin: 0;
    font-weight: 700;
}

.account-info .mp_wrapper .mepr-form {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.account-info .mp_wrapper .mp-form-row {
    width: 49% !important;
}

.account-info .mp_wrapper .mp-form-row.mepr_email,
.account-info .mp_wrapper .mp-form-row.mepr_mepr-address-one,
.account-info .mp_wrapper .mp-form-row.mepr_mepr-address-two {
    width: 100% !important;
}

.account-info .mp_wrapper .mepr-form .mepr_spacer {
    width: 100%;
}

.account-info .mp_wrapper .mepr-form+div.mepr_spacer,
.mp_wrapper .mepr-form-has-errors,
.mp_wrapper .cc-error,
.mpca-sub-account-page-info,
#mpca_sub_account_search {
    display: none !important;
}

.mepr-form input.invalid,
.mepr-form select.invalid,
.mepr-form textarea.invalid,
.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {
    border: 1px solid rgb(243 0 0 / 50%) !important;
    background-color: #fff !important;
}

.account-info .mp_wrapper textarea,
.account-info .mp_wrapper select,
.account-info .mp_wrapper input[type=text],
.account-info .mp_wrapper input[type=url],
.account-info .mp_wrapper input[type=email],
.account-info .mp_wrapper input[type=tel],
.account-info .mp_wrapper input[type=password] {
    border: 1px solid #e8eaed;
    border-radius: .375rem;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.6;
    padding: .8125rem 1.25rem;
}

.account-info .mp_wrapper input:focus {
    background-color: #fff;
    border-color: #335eea;
    box-shadow: 0 0, 0 0;
    color: #161c2d;
    outline: 0;
}

.account-info .mp_wrapper input[type="submit"] {
    background-color: #335eea;
    color: #fff;
    border: none;
    border-radius: .375rem;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.account-info .mp_wrapper input[type="submit"]:hover {
    background-color: #2b50c7;
    color: #fff;
}

.account-info .mp_wrapper .mepr-account-change-password {
    display: flex;
    justify-content: flex-end;
    margin-top: -85px;
    float: right;
}

.account-info .mp_wrapper .mepr-account-change-password a {
    background-color: #335eea;
    color: #fff;
    border: none;
    border-radius: .375rem;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    text-decoration: none;
}

.account-info .mp_wrapper .mepr-account-change-password a:hover {
    color: #fff;
}

.mepr-no-active-subscriptions,
.mp-wrapper.mp-no-subs {
    width: 76%;
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 1.5rem 4rem rgb(22 28 45 / 5%);
    min-height: 280px;
}






/*.account-page-bg {
	width: 100%;
	padding: 50px 0;
	height: auto;
}

.account-card {
	max-width: 900px;
	margin: 0 auto;
}

.account-info {
	width: 100%;
}
.account-info .mp_wrapper {
	background-color: #FAF9F6;
	padding: 25px;
	border-radius: 0 10px 10px 10px;
}
.account-info .mp_wrapper:first-child {
	width: 80%;
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}

.mepr-no-active-subscriptions {
	background-color: #FAF9F6;
	padding: 25px;
	border-radius: 10px;
}


.account-info #mepr-account-nav {
	margin: 0;
	display: flex;
}

.account-info #mepr-account-nav span.mepr-nav-item {
	display: block;
	padding: 0;
	margin-right: 4px;
}

.account-info #mepr-account-nav .mepr-nav-item a {
	text-decoration: none;
	background-color: #ebebeb;
	padding: 15px 18px;
	color: #979797;
	position: relative;
	display: block;
	font-weight: 500;
}

.account-info #mepr-account-nav .mepr-nav-item a:before {
	width: 100%;
	height: 2px;
	background-color: #9cccce;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.account-info #mepr-account-nav .mepr-nav-item a:hover, .account-info #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
	background-color: #FAF9F6;
	color: #31cdc9;
}
.account-info #mepr-account-nav .mepr-nav-item a:hover:before, .account-info #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a:before {
	background-color: #31cdc9;	
}

.account-info #mepr-account-welcome-message {
    color: #0f5132;
    background-color: #d1e7dd;
    border: #badbcc 1px solid;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
}
.account-info #mepr-account-welcome-message p {
	margin: 0;
}


.account-info .mp_wrapper .mepr-account-form .mp-form-row.mepr_first_name {
	width: 50% !important;
	float: left;
	padding-right: 5px;
}
.account-info .mp_wrapper .mepr-account-form .mp-form-row.mepr_last_name {
	width: 50% !important;
	float: left;
	padding-left: 5px;
}
.account-info .mp_wrapper .mepr-account-form .mp-form-row.mepr_email {
	float: left;	
}



.account-info .mp-form-row input[type="text"], .account-info .mp-form-row input[type="email"], .account-info .mp-form-row select {
	background-color: rgba(51,94,234,.15);
    border: none;
    color: #979797;
}

.account-info .mp_wrapper .mepr-account-form input[type="submit"] {
	font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #335eea;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: background-color .15s ease-in-out;
}
.account-info .mp_wrapper .mepr-account-form input[type="submit"]:hover {
	background-color: #31d2f2;
}

.account-info .mepr-account-change-password a {
	text-decoration: none;
	color: #31cdc9;
}



.account-header {
	max-width: 1024px;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
}

.account-header h1 {
	font-weight: 400;
	padding: 0;
	margin: 0;
}


.account-info .mp_wrapper table.mepr-account-table {
	background-color: #fff;
	margin-top: 25px;
}

.account-info .mp_wrapper table.mepr-account-table thead {
	background-color: #31cdc9;
	color: #fff;
}

.account-info .mp_wrapper table.mepr-account-table th, .account-info .mp_wrapper table.mepr-account-table td {
	padding: 10px;
}

.account-info .mp_wrapper table.mepr-account-table a {
	text-decoration: none;
	color: #32cd32;
}
.account-info .mp_wrapper table.mepr-account-table a:hover {
	color: #31cdc9;
}

.account-info .mp_wrapper table.mepr-account-table .mepr-account-actions a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #42ba96;
	color: #fff;
	margin: 0 0 5px;
	border-radius: 4px;
	transition: background-color .15s ease-in-out;
}

.account-info .mp_wrapper table.mepr-account-table .mepr-account-actions a:hover {
	background-color: #389e80;
}


.mpca-fat-bottom #mpca-add-sub-user-btn, #mpca_export_sub_accounts a {
	font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #42ba96;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: background-color .15s ease-in-out;
}
.mpca-fat-bottom #mpca-add-sub-user-btn:hover, #mpca_export_sub_accounts a:hover {
	background-color: #389e80;
}

.account-info .mpca-fat-bottom {
	margin-bottom: 20px;
}
*/

.account-info .mp_wrapper table.mepr-account-table .mepr-account-actions a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #3757be;
	color: #fff;
	margin: 0 0 5px;
	border-radius: 4px;
	transition: background-color .15s ease-in-out;
}


/*==========================================================
[Membership Plan]
===========================================================*/
body.memberpressgroup-template-template-membership {
    background-color: #f8f9fa;
}

.bg-primary {
    background-color: #0561BE !important;
}

.membership-plan-main {
    width: 100%;
    padding: 50px 0;
    background-color: #f2f2f2;
    text-align: center;
    height: calc(100vh - 129px);
}

.member-plan-container {}

.member-plan-container .mepr-price-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 100%;
    max-width: 100%;
}

.member-plan-container .mepr-price-box {
    width: 24%;
    padding: 2rem;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border-radius: 0.375rem;
    min-width: 0;
    box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, .1);
}

.member-plan-container .mepr-price-box.highlighted {
    border-color: #d9136a;
    box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 40%);
}

.member-plan-container .mepr-price-box .mepr-most-popular {
    display: none;
}

.mepr-price-box-head .mepr-price-box-title {
    background-color: rgba(51, 94, 234, .1);
    color: #335eea;
    border-radius: 50rem;
    display: inline-block;
    font-size: .75em;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: .08em;
    padding: 0.25rem 0.75rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    text-transform: uppercase;
}

.mepr-price-box-head .mepr-price-box-price {
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
    margin: 20px auto 0;
}

.mepr-price-box-head {
    text-align: center;
    margin-bottom: 1.5rem;
}

.mepr-price-box-benefits {
    margin-bottom: 30px;
}

.mepr-price-box-benefits .mepr-price-box-benefits-item {
    font-size: 15px;
    line-height: 27px;
    margin: 0 0 0.8rem;
    padding-left: 30px;
    position: relative;
}

.mepr-price-box-benefits .mepr-price-box-benefits-item:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    color: #42ba96;
    font-weight: 200;
    position: absolute;
    left: 5px;
    top: 1px;
    z-index: 2;
    font-size: 12px;
}

.mepr-price-box-benefits .mepr-price-box-benefits-item:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #ecf8f4;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
    border-radius: 50%;
}


.price-box-btn,
.hprice-box-btn {
    text-decoration: none;
    width: 100%;
    background-color: rgba(51, 94, 234, .1);
    color: #335eea !important;
    border-radius: 0.375rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.hprice-box-btn {
    background-color: #335eea;
    color: #fff !important;
}

.price-box-btn:hover {
    text-decoration: none;
    background-color: rgba(51, 94, 234, .15);
    color: #335eea;
}

.hprice-box-btn:hover {
    text-decoration: none;
    background-color: #294bbb;
    color: #fff;
}


.member-register.container {
    max-width: 640px;
}

.member-register .mp_wrapper {
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.375rem;
}

.member-register .mp_wrapper form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.member-register .mp_wrapper .mp-form-row {
    width: 49% !important;
    margin-bottom: 20px;
}

.member-register .mp_wrapper .mepr_spacer {
    width: 100%;
}

.member-register .mp_wrapper .mp-form-row.mepr_price,
.member-register .mp_wrapper .mp-form-row.mepr_mepr-address-one,
.member-register .mp_wrapper .mp-form-row.mepr_mepr-address-two {
    width: 100% !important;
}

.member-register .mp_wrapper .mp-form-row.mepr_price {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.member-register .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell_label,
.member-register .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell {
    background-color: rgba(51, 94, 234, .1);
    color: #335eea;
    border-radius: 50rem 0 0 50rem;
    display: inline-block;
    font-size: .75em;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: .08em;
    padding: 0.25rem 0 0.25rem 0.75rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    text-transform: uppercase;
}

.member-register .mp_wrapper .mp-form-row.mepr_price .mepr_price_cell {
    border-radius: 0 50rem 50rem 0;
    padding: 0.25rem 0.75rem 0.25rem 0;
}


.member-register .mp_wrapper input[type=text],
.member-register .mp_wrapper input[type=password],
.member-register .mp_wrapper input[type=email],
.member-register .mp_wrapper select {
    border: 1px solid #f1f4f8;
    border-radius: 0.375rem;
    box-shadow: 0 0;
    color: #161c2d;
    display: block;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
}

.member-register .mp-form-submit {
    width: 100%;
}

.member-register .mp_wrapper input[type="submit"] {
    width: 100%;
    background-color: #335eea;
    border: none;
    box-shadow: 0 0;
    color: #fff;
    border-radius: 0.375rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.8125rem 1.25rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

/*===================================================
[Individual Subscribers form]
====================================================*/
.memberpressproduct-template-template-membership-form {
    background-color: #f2f2f2;
}

.individual-subscribers-form {
    padding: 50px 20px;
}

.membership-form-main {
    max-width: 1120px;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0px 0.1875rem 0.4375rem rgb(0 0 0 / 25%);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.membership-form-main .member-form-col {
    width: 50%;
    padding: 30px;
}

.membership-form-main .member-form-col.member-form-preview {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    border-radius: 1rem 0 0 1rem;
}

.member-form-preview:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1rem 0 0 1rem;
    z-index: 1;
}

.member-form-preview .preview-content {
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
}

.member-form-preview .preview-content h2 {
    font-size: 40px;
    line-height: 42px;
    font-weight: 300;
    color: #fff;
    padding: 0;
    margin: 0 0 15px;
}

.member-form-preview .preview-content p {
    padding: 0;
    margin: 0;
}

.membership-form-main .member-form-col.member-form-container {
    padding: 0;
}

.membership-form-main .member-form-col.member-form-container .mp_wrapper {
    padding: 60px 30px 30px;
    position: relative;
}

.member-form-container .mp_wrapper form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.member-form-container .mp_wrapper .mp-form-row {
    width: 49% !important;
}

.member-form-container .mp_wrapper .mp-form-row.mepr_price {
    width: 100% !important;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    background-color: #335eea;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 1rem 0 0;

}

.member-form-container .mp_wrapper .mp-form-row.mepr_mepr-address-one,
.member-form-container .mp_wrapper .mp-form-row.mepr_mepr-address-two {
    width: 100% !important;
}



.member-form-container .mp_wrapper textarea,
.member-form-container .mp_wrapper select,
.member-form-container .mp_wrapper input[type=text],
.member-form-container .mp_wrapper input[type=url],
.member-form-container .mp_wrapper input[type=email],
.member-form-container .mp_wrapper input[type=tel],
.member-form-container .mp_wrapper input[type=number],
.member-form-container .mp_wrapper input[type=password] {
    background-color: rgba(51, 94, 234, .15);
    border: none;
    border-radius: 4px;
}

.member-form-container .mp_wrapper .mp-form-row label {
    color: #999999;
    display: block !important;
    margin-bottom: 5px;
}

.member-form-container .mp-form-submit {
    margin-top: 10px;
}

.member-form-container .mp-form-submit input[type="submit"] {
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #335eea;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: background-color .15s ease-in-out;
}

.member-form-container .mp-form-submit input[type="submit"]:hover {
    background-color: #31d2f2;
}

.member-form-container .mp_wrapper form .mepr_spacer {
    display: none;
}

.account-info .mp_wrapper {
    padding: 2rem;
}

h3.mpca-fat-bottom {
    float: left;
}

div#mpca_sub_accounts_used {
    float: right;
}

div#mpca_sub_accounts_used h4 {
    font-size: 16px;
}

div#mpca-add-sub-user {
    clear: both;
    text-align: right;
}

.member-plan-container {
    padding-bottom: 50px;
    margin-bottom: 150px;
}

.account-info .mp_wrapper {
    padding: 2rem;
}

.account-info #mepr-account-welcome-message {
    padding: 0 2rem 1.5rem;
    margin: -0.5rem -2rem 0;
}

.account-info #mepr-account-welcome-message+.mp_wrapper,
.account-info #mpca_sub_accounts_used+.mp_wrapper {
    box-shadow: none;
    padding: 2rem 0 0 0;
}

.mepr_updated {
    background-color: transparent !important;
    border: 1px solid #4d8c2e !important;
    clear: both;
}

.mepr_error,
.mepr_updated {
    clear: both;
}

.account-info .mp_wrapper .mepr-form {
    margin: 0 -2rem;
}

.mp_wrapper .mp-form-row label {
    font-size: 18px;
}

form.mepr-newpassword-form.mepr-form {
    font-size: 0;
}

form.mepr-newpassword-form.mepr-form a:last-of-type {
    display: none;
}

.mepr-account-actions a.mepr-account-renew {
    background-color: #335eea;
    color: #fff;
    display: inline-block;
    border-radius: .375rem;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.5rem;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
}

.mepr-account-actions a.mepr-account-manage-sub-accounts {
    background-color: rgba(51, 94, 234, .1);
    color: #335eea;
    display: inline-block;
    border-radius: .375rem;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.5rem;
    text-align: center;
    text-decoration: none;
}

.mp_wrapper .mpca-fat-bottom {
    margin-bottom: 20px;
}

.mpca-fat-bottom button {
    background-color: #335eea;
    color: #fff;
    display: inline-block;
    border-radius: .375rem;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: .8125rem 1.25rem;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

ul.fields-date span:first-child {
    display: inline-block;
    min-width: 150px;
    font-weight: 600;
    text-overflow: ellipsis;
}

.sw-theme-arrows>ul.step-anchor>li>a {
    line-height: normal;
    font-weight: 600;
}

.sw-theme-arrows>ul.step-anchor>li.active>a {
    border-color: #335eea !important;
    background: #335eea !important;
}

.sw-theme-arrows>ul.step-anchor>li.active>a:after {
    border-left: 30px solid #335eea !important;
}

.sw-theme-arrows>ul.step-anchor>li.active.current>a {
    border-color: #1B2A4E !important;
    background: #1B2A4E !important;
}

.sw-theme-arrows>ul.step-anchor>li.active.current>a:after {
    border-left: 30px solid #1B2A4E !important;
}

#step-3 .note {
    display: none;
}

body.user-sub-account #mepr-account-nav span.mepr-nav-item.mepr-home,
body.user-sub-account #mepr-account-nav span.mepr-nav-item.mepr-subscriptions,
body.user-sub-account #mepr-account-nav span.mepr-nav-item.mepr-payments,
body.user-sub-account #mepr-account-nav span.mepr-nav-item.mepr-domain-wizard,
body.user-sub-account #mepr-account-nav span.mepr-nav-item.mepr-clients {
    display: none;
}

.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap,
.betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing {
    box-shadow: 0 10px 100px 0 rgb(40 47 98 / 8%);
}

.betterdocs-wraper.betterdocs-main-wraper {
    background-color: #ffffff;
}

.post-type-archive-docs .site-container,
.tax-doc_category .site-container,
.single-docs .site-container {
    background-color: #ffffff;
}

.betterdocs-single-wraper {
    background-color: #fff;
}

/* BETTER DOCS AREA */
.betterdocs-search-form-wrap {
    background-color: #3757be;
}
.betterdocs-category-wraper .docs-category-listing .docs-cat-title .docs-cat-heading {
    color: #424242;
    margin-top: 20px;
}
.betterdocs-category-wraper .docs-category-listing .docs-cat-title p {
    color: #424242;
    font-size: 16px;
}
.docs-single-title .betterdocs-entry-title {
    color: #424242;
}
.betterdocs-breadcrumb-item.current span {
    color: #3757bd;
}
.betterdocs-sidebar-content .betterdocs-categories-wrap li a.active, .betterdocs-sidebar-content .betterdocs-categories-wrap li.sub-list a.active {
    color: #3757bd;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count span {
    background-color: #5586ec;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-count {
    background-color: #3757be;
}
.betterdocs-category-box .docs-single-cat-wrap p {
    color: #424242;
    font-size: 16px;
}
.betterdocs-category-wraper .docs-listing-main .docs-category-listing .docs-list ul li a {
    color: #3757bd;
    font-size: 16px;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a {
    font-size: 15px;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading {
    color: #424242;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .active-title .docs-cat-title-inner .docs-cat-heading, .betterdocs-sidebar-content.betterdocs-category-sidebar .active-title .docs-cat-title-inner .docs-cat-heading, .betterdocs-category-wraper .betterdocs-full-sidebar-left .docs-cat-title-wrap::after {
    color: #3757bd;
}
.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title {
    background-color: rgb(85 135 236 / 16%);
    border-color: #5587ec;
}
.betterdocs-archive-wrap.betterdocs-archive-main {
    margin: 50px auto 0;
    max-width: 1624px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
}

.docs-single-title .betterdocs-entry-title {
    text-transform: none;
    padding-bottom: 1rem;
    letter-spacing: normal;
}

.betterdocs-categories-wrap.single-kb li a {
    line-height: normal;
}

/*========================================================================*/

a.btn-primary {
    color: #fff;
    background-color: #0561BE;
    border-color: #0561BE;
}
a.btn-success {
    color: #fff;
    background-color: #42ba96;
    border-color: #42ba96;
}
.betterdocs-wrapper .betterdocs-search-form-wrapper:not(.betterdocs-elementor) {
    background-color: #0561BE !important;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
    background-color: #0561BE !important;
}

/*
================Integrated================*/
.content-wrapper{ 
    max-width:1200px;
    margin: 0 auto;
    padding: 0 30px;
}
.two-column-content-with-image p{
    font-size: 18px;
}
.two-column-content-with-image .reversed{
    flex-direction: row-reverse;
}
.two-column-content-with-image p{
    margin-bottom: 0;
}
.two-column-content-with-image .col-lg-6{
    padding: 0 25px;
}


/*Sticky Footer
====================*/



/*============================================
[responsive]
============================================*/
@media only screen and (max-width:1399px) {
    .container { max-width: 1140px;}
    .dataTables_wrapper table.table-bordered.dataTable { font-size: 14px;}
    .logo{ max-width: 260px; }
    .main-nav ul li a, .navbar-light .navbar-nav .nav-link{ padding: 0.5rem 1rem; }
}

@media only screen and (max-width: 979px) {
    .header-right { padding-right: 60px;}
    .main-nav{ display: none; }

    /*Mobile Menu*/
    .mobile-burger-menu { cursor: pointer; display: block; height: 24px; position: absolute; width: 22px; top: 14px; right: 24px; z-index: 9999;}
    .mobile-burger-menu span { background: #0000008c; display: block; height: 2px; left: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 100%;}
    .mobile-burger-menu span:nth-child(2) { background: #0000008c; display: block; height: 2px;left: 0; position: absolute; top: 8px; transition: all 0.3s ease 0s; width: 100%;}
    .mobile-burger-menu span:nth-child(3) { background: #0000008c; display: block; height: 2px;left: 0; position: absolute; top: 16px; transition: all 0.3s ease 0s; width: 100%;}
    .mobile-burger-menu.selected span:nth-child(1) {top: 7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin: 0px;}
    .mobile-burger-menu.selected span:nth-child(2) {display: none;}
    .mobile-burger-menu.selected span:nth-child(3) {top: 7px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin: 0px;}

    .mobile-menu{ background: #3757be; z-index: 9999; position: fixed;}
    .mobile-menu .controls{ padding:0px 15px; margin-bottom: 77px;}
    .mobile-menu .nav-close{
        float: right;
        font-size: 26px;
        padding: 7px 0;
        cursor: pointer;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        position: relative;
        margin: 10px 0;
    }
    .mobile-menu .nav-close:after{
        content: "";
        position: absolute;
        left: 12px;
        top: 5px;
        width: 0px;
        height: 20px;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .mobile-menu .nav-close:before{
        content: "";
        position: absolute;
        left: 12px;
        top: 5px;
        width: 0;
        height: 20px;
        border-right: 2px solid #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .mobile-menu .nav-logo{
        width:90px;
        float:left;
        padding: 10px 0;
    }
    
    .mobile-menu .nav-main-cont ul li a{
        padding:1px 20px;
        position:relative;
        color:#fff;
        text-decoration: none;
        font-family: proxima-nova, sans-serif;
        line-height: 36px;
        display: block;
        font-size: 18px;
        margin-bottom: 10px;
        transition: ease-in-out 0.3s all;
        -webkit-transition: ease-in-out 0.3s all;
    }
    .slide-menu__slider ul li:hover > a,
    .slide-menu__slider ul li.current-menu-item > a{
        color: #0F2636;
    }
    .mobile-menu  .nav-main-cont ul li.menu-item-has-children > a{
        padding-right:30px;
    }   
    .mobile-menu  .nav-main-cont ul li.menu-item-has-children > a:after{
        content: '\f105';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        position: absolute;
        right: 15px;
        top: 0px;
        line-height: 40px;
        font-size: 24px;
    }
    .mobile-menu  .nav-main-cont ul ul li a[data-action="back"]{
        padding-left:44px;
        color: #0F2636;
    }
    .mobile-menu  .nav-main-cont ul ul li a[data-action="back"]:after{
        content: '\f104';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        position: absolute;
        left: 20px;
        top: 7px;
        line-height: 24px;
        font-size: 24px;
        color: #0F2636;
    }



    .col-4{ width: 100%; }
    .navbar{ margin-left: auto; }
    .logo{ max-width: 240px;}
    .bg-footer{ padding: 30px 0 !important;}
    .h4, h4 { font-size: calc(1.1rem + .3vw);}

    .mepr-no-active-subscriptions, 
    .mp-wrapper.mp-no-subs,
    .account-info .mp_wrapper { width: 72%;}
    .account-info .mp_wrapper:first-child { width: 27%;}
    .mp_wrapper .mp-form-row label { font-size: 17px; margin-bottom: 5px; display: block !important;}


   .member-plan-container .mepr-price-box { width: 48%; margin-bottom: 30px;}

   .navbar-collapse .navbar-nav .nav-item { padding: 10px 20px;}
   .dropdown-item:focus, .dropdown-item:hover, .navbar-nav li.current-menu-item .dropdown-item{ padding-left: 20px; }
   .betterdocs-single-wraper .betterdocs-content-area .docs-single-main{ padding-left: 0 !important; }
   .betterdocs-searchform{ padding: 12px !important; }
   .betterdocs-single-wraper .betterdocs-content-area .docs-single-main{ padding-right: 0 !important; }


}

@media only screen and (max-width:767px) {
    .mobile-burger-menu{ top: 9px; }


    .site-footer .container{ display: block; text-align: center;}
    footer .logo{ margin: 0 auto 30px; }
    .site-footer { padding-bottom: 2rem !important;}
    .device-combo { margin-bottom: 30px;}
    br{ display: none; }
    .two-column-content-with-image .col-lg-6 { padding: 0;}
    .header-right { width: auto; margin-top: 30px;}


    .header-login-area a.btn{ padding: 0.5625rem 10px; font-size: 14px;}
    .navbar-toggler { padding: 0.25rem 5px;}
    .logo { max-width: 180px;}

    .account-info .mp_wrapper { width: 100%; margin-bottom: 20px;}
    .account-info .mp_wrapper:first-child { width: 100%;}
    .account-info{ padding-top: 50px; }
    .account-info .mp_wrapper .mp-form-row { width: 100% !important;}
    .account-info .mp_wrapper .mepr-account-change-password { display: block; justify-content: normal; margin-top: -20px; float: none;}
    .account-info .mp_wrapper input[type="submit"]{ width: 100%; }
    .account-info #mepr-account-welcome-message p { font-size: 22px;}

    .betterdocs-archive-wrap.betterdocs-archive-main { padding-top: 50px !important; padding-bottom: 0 !important;}
    .pb-10 { padding-bottom: 3rem !important;}
    .btn-area .btn { margin-left: 0px; width: 100%;}

    .col-3, .col-9{ width: 100%; }
    .action-area { display: block; width: 100%; margin-bottom: 15px;}
    .form-select-sm{ padding-left: 0; }
    .btn-area .btn{ padding-top: 10px; }
    .mb-2 { margin-bottom: 20px !important; margin-top: 20px;}
    a.btn.btn-success, a.btn.btn-primary{ line-height: 30px; }


    .page-template-template-login .site-header .container, 
    .page-template-template-login .site-footer .container{ display: block; }

    .member-plan-container .mepr-price-box { width: 100%;}
    .member-plan-container { padding-bottom: 0 !important; margin-bottom: 0 !important;}
    .display-2 { font-size: calc(1.2rem + 3.9vw) !important;}
    footer .main-nav ul{ justify-content: center; margin: 0 0 15px;}
    

    .navbar { margin-left: auto; position: absolute; right: -8px; top: -13px;}
    .site-header .container, .site-footer .container{ display: block; }
    .sw-theme-arrows>.nav-tabs>li{ width: 100%; }
    .mepr-no-active-subscriptions, .mp-wrapper.mp-no-subs, .account-info .mp_wrapper { width: 100%;}

    .betterdocs-single-wraper .betterdocs-content-area .docs-single-main{ width: 100%; }
    .betterdocs-search-form-wrap{ padding-top: 30px !important; padding-bottom: 30px !important; }
    .docs-single-title .betterdocs-entry-title { font-size: 26px !important;}
    .account-info .mp_wrapper .mepr-account-change-password a{ width: 100%; }
    div.dataTables_filter label{ display: block; }
    div.dataTables_filter .form-control{ width: 100%; margin: 0; display: block;}
    .header-right { padding-right: 0px;}
    .betterdocs-searchform svg.docs-search-icon { margin-left: 0 !important;}
    .member-register .mp_wrapper .mp-form-row { width: 100% !important;}
    .member-register .mp_wrapper{ margin-top: 1em; }
    .button.mp-hide-pw{ padding: 1em; }
    .betterdocs-single-wraper .betterdocs-content-area .docs-listing-main{ padding: 0 0px 20px; }
    .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing{ padding: 30px 20px !important; }
    .card-body{ overflow: scroll; }
    .align-items-center{ margin-bottom: 12px; }
}