/*!
Theme Name: Membersy
Theme URI: http://clerri.com/
Author: clerri
Author URI: http://clerri.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Clerri-Dashboard (SmartChoice)
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Clerri-Dashboard (SmartChoice) is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**
 * ============================
 *  LEGACY
 * ============================
**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 1300px;
    -ms-overflow-style: scrollbar;
    margin: 0;
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.625;
    color: #58595b;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body.active .contentOverlay {
    opacity: 1;
    display: block;
}

body.active .offsetWrapper {
    padding-left: 75px;
}

body.active .offsetWrapper .innerWrapper {
    border-radius: 0;
}

body.active #pageFooter {
    padding-left: 75px;
}

body.active #pageHeader {
    max-width: 246px;
    text-align: left;
}

body.active #pageHeader .logo {
    display: inline-block;
}

body.active #pageHeader .navLink span {
    display: inline-block;
}

body.active #pageHeader .navItemHeader {
    display: inline-block;
}

body.active #pageHeader .mdIcn {
    padding-right: 10px;
    font-size: 17px;
    width: 17px;
    margin: 0 auto;
}

body.active #pageHeader .logoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.active #pageHeader .mainNavToggler {
    min-height: 52px;
    font-size: 17px;
    margin-right: 20px;
}

#pageWrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.bgWhite {
    background-color: #ffffff;
}

.bgerror {
    background-color: #f55858 !important;
}

.errorColour {
    color: #f55858 !important;
}

.blueColour {
    color: #006E90;
}

.width40 {
    width: 40%;
}

.width60 {
    width: 60%;
}

.widthHalf {
    width: 50%;
}

.widthAuto {
    width: auto;
}

.secondcolor {
    color: #006f90;
}

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

.widthfull {
    width: 100%;
}

.d-flex {
    display: flex;
}

.flexAlginCenter {
    align-items: center;
}

.deleterow {
    color: #5eafc7;
}

#deleterow {
    color: #5eafc7;
}

#deleteRow {
    color: #5eafc7;
}

.position-relative {
    position: relative;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.white-space-nowrap {
    white-space: nowrap;
}

.d-flex-half {
    flex-basis: 0;
    flex-grow: 1;
}

.margin-left-zero {
    margin-left: 0 !important;
}

.margin-left-1 {
    margin-left: 5px !important;
}

.margin-left-2 {
    margin-left: 10px !important;
}

.margin-left-3 {
    margin-left: 15px !important;
}

.margin-left-4 {
    margin-left: 20px !important;
}

.inactive {
    opacity: 0.9;
    pointer-events: none;
}

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

.margin-right-zero {
    margin-right: 0 !important;
}

.margin-bottom-1 {
    margin-bottom: 5px !important;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

.margin-top-zero {
    margin-top: 0 !important;
}

.margin-bottom-2 {
    margin-bottom: 10px !important;
}

.margin-right-5 {
    margin-right: 35px !important;
}

.margin-right-4 {
    margin-right: 30px !important;
}

.margin-right-3 {
    margin-right: 25px !important;
}

.margin-right-2 {
    margin-right: 20px !important;
}

.margin-right-1 {
    margin-right: 15px !important;
}

.margin-bottom-3 {
    margin-bottom: 15px !important;
}

.margin-bottom-4 {
    margin-bottom: 20px !important;
}

.margin-bottom-5 {
    margin-bottom: 30px !important;
}

.margin-bottom-6 {
    margin-bottom: 35px !important;
}

.padding-bottom-1 {
    padding-bottom: 5px !important;
}

.padding-bottom-zero {
    padding-bottom: 0 !important;
}

.padding-bottom-2 {
    padding-bottom: 10px !important;
}

.padding-bottom-3 {
    padding-bottom: 15px !important;
}

.padding-bottom-4 {
    padding-bottom: 20px !important;
}

.padding-top-zero {
    padding-top: 0 !important;
}

.padding-top-2 {
    padding-top: 10px !important;
}

.margin-top-1 {
    margin-top: 5px !important;
}

.margin-top-3 {
    margin-top: 15px !important;
}

.padding-top-4 {
    padding-top: 20px !important;
}

.margin-top-6 {
    margin-top: 35px !important;
}

.padding-bottom-5 {
    padding-bottom: 30px !important;
}

.font-weight-regular {
    font-weight: 500 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.color-gray {
    color: #58595b;
}

.fancybox-active {
    height: auto
}

.height100 {
    height: 100px !important;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.scrollable {
    position: relative;
}

.scrollable:focus {
    outline: 0;
}

.scrollable .viewport {
    position: relative;
    overflow: hidden;
}

.scrollable .viewport .overview {
    position: absolute;
}

.scrollable .scroll-bar {
    display: none;
}

.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%;
}

.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
}

.scrollable .scroll-bar .thumb {
    position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0;
}

.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*Default skin*/
.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
    background-color: black;
    opacity: 0.4;
    border-radius: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: 0.6;
}

/*Gray skin*/
.scrollable.gray-skin .scroll-bar .thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 25px;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
    width: 7px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
    padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px #888;
    box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
    background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
    background: linear-gradient(to right, #95aabf 0%, #547092 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#95aabf', endColorstr='#547092', GradientType=1)";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf, #547092);
    background-image: -o-linear-gradient(#95aabf, #547092);
    background-image: -moz-linear-gradient(#95aabf, #547092);
    background-image: -webkit-linear-gradient(#95aabf, #547092);
    background-image: -ms-linear-gradient(#95aabf, #547092);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#95aabf', endColorstr='#547092', GradientType=0)";
}

.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}

h1 {
    font-size: 20px;
    margin: 0;
    color: #58595b;
    font-weight: 600;
}

h2 {
    font-weight: 600;
}

h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

h4 {
    font-weight: 600;
}

h5 {
    font-weight: 600;
}

h6 {
    font-weight: 600;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

a:focus,
a:hover {
    outline: none;
}

.btn.rounded-lg {
    border-radius: 8px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.btnIcn {
    background-color: #167996;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btnIcn .mdIcn {
    font-size: 15px;
}

.btnIcn:hover {
    background-color: rgba(22, 121, 150, .8);
}

.btnPrimary {
    background-color: #006f90;
    padding: 5px 10px;
    font-size: 14px;
}

.btnPrimary:hover {
    background-color: rgba(0, 111, 144, .9);
}

.btnPrimaryLight {
    background-color: #39AA9E;
    padding: 4px 19px;
    font-size: 12px;
}

.btnPrimaryLight:hover {
    background-color: rgba(57, 170, 158, .9);
}

.btnPrimaryLight.error {
    background-color: #f55858;
}

.btnSecondary {
    background-color: #49d2c3;
    padding: 5px 10px;
    font-size: 14px;
}

.btnSecondary:hover {
    background-color: rgba(73, 210, 195, .9);
}

.btnError {
    background-color: #f55858;
    padding: 5px 10px;
    font-size: 14px;
}

.btnError:hover {
    background-color: rgba(245, 88, 88, .9);
}

.btnLight {
    background-color: #707272;
    padding: 5px 10px;
    font-size: 14px;
}

.btnLight:hover {
    background-color: rgba(112, 114, 114, .9);
}

.badgeSm {
    position: absolute;
    top: 7px;
    right: -7px;
    background-color: #006f90;
    color: #fff;
    font-size: 9px;
    line-height: 12px;
    padding: 0 5px;
    border-radius: 3px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.badgeLg {
    font-size: 10px;
    line-height: 20px;
    background-color: #38cebe;
    padding: 3px 8px;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    min-width: 35px;
    text-align: center;
}

.badgelc {
    font-size: 10px;
    line-height: 20px;
    background-color: #38cebe;
    padding: 3px 8px;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    min-width: 35px;
    text-align: center;
}

.badgeLg.error {
    background-color: #f55858 !important;
}

.badgeLg.blue {
    background-color: #006786;
}

.badgeLg.rounded-lg {
    border-radius: 8px;
}

.formInlineRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.formInlineRow:last-child {
    margin-bottom: 0;
}

.formInlineRow .formCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
    margin-right: 22px;
    position: relative;
}

.alreadyaddonmember .formInlineRow .formCol {
    margin-right: 10px;
}

.formInlineRow .formCol.flex2 {
    flex: 2;
}

.formInlineRow .formCol:last-child {
    margin-right: 0;
}

.formInlineRow .colLabel {
    color: #58595b;
    font-size: 14px;
}

.formInlineRow .mdSelect,
.formInlineRow .mdInput {
    width: 100%;
    box-sizing: border-box;
}

.formInlineRow .mdSelect {
    height: 43px;
    padding: 6px 24px 6px 9px;
}

.formInlineRow .mdInput {
    padding: 10px 11px;
}

.formInlineRow .mdInput:focus {
    border-color: #c7e2e5;
}

.formInlineRow .mdInput:disabled {
    background: #f7f7f7;
}

.default-list {
    padding: 0;
    margin: 0;
}

.list-unstyled {
    list-style-type: none;
}

/* ---------------------------------------------------
.mainContent / mainContent
----------------------------------------------------- */
.offsetWrapper {
    padding-left: 75px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #002920;
}

.offsetWrapper .innerWrapper {
    padding: 23px 40px 120px 14px;
    background-color: #fff;
    height: inherit;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    min-height: 100vh;
    box-sizing: border-box;
    position: relative;
}

.innerWrapper.innerWrapper-v2 {
    background-color: #eef5f6;
}

/* ---------------------------------------------------
.contentOverlay / contentOverlay
----------------------------------------------------- */
.contentOverlay {
    display: none;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    z-index: 998;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* ---------------------------------------------------
.innerWrapper / topBar
----------------------------------------------------- */
.topBar {
    background-color: #f2f8f9;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.topBar .tbBreadcrumb {
    padding: 11px 16px 10px 11px;
    font-size: 12px;
}

.topBar .tbBreadcrumb a {
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.topBar .tbBreadcrumb a:hover {
    color: #38cebe;
}

.topBar .mdIcn {
    font-size: 17px;
    color: #38cebe;
    margin-right: 5px;
}

.topBar .breadcrumbItem {
    color: #006f90;
}

.topBar .breadcrumbItem.active {
    color: #7c8ef0;
}

.topBar .breadcrumbItem+.breadcrumbItem:before {
    display: inline-block;
    padding-right: 9px;
    padding-left: 6px;
    content: "/";
    color: #5eafc7;
}

.topBar .navbarNav {
    list-style-type: none;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding-left: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topBar .navbarNav>li+li {
    position: relative;
    margin-left: 15px;
}

.topBar .navbarNav>li+li:before {
    position: absolute;
    content: "";
    left: -1px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 11px;
    background-color: #006f90;
}

.topBar .navbarNav>li+li .mdIcn {
    color: #006f90;
    margin-right: 7px;
    font-size: 13px;
    vertical-align: middle;
}

.topBar .navbarNav li.dropDown {
    position: relative;
}

.topBar .navbarNav li.dropDown .dropdownMenu {
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    transition: all 0.3s ease;
}

.topBar .navbarNav li.dropDown.active .dropdownMenu {
    opacity: 1;
    visibility: visible;
    margin-top: 6px;
}

.topBar .navbarNav .navLink {
    position: relative;
    color: #006f90;
    padding: 13px 8px;
}

.topBar .navbarNav .navLink:hover {
    color: #49d2c3;
}

.topBar .navbarNav .navLink:hover .mdIcn {
    color: #006f90;
}

.topBar .navbarNav .navLink:hover .badgeSm {
    background-color: #49d2c3;
}

.innerWrapper.innerWrapper-v2 .topBar {
    background-color: #ffffff;
}

/* ---------------------------------------------------
.bannerSec / bannerSec
----------------------------------------------------- */
.bannerSec {
    padding-top: 27px;
    margin-bottom: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bannerSec.bannerSecII {
    padding-top: 21px;
    margin-bottom: 35px;
}

.bannerSec.bannerSecII .txtWrap {
    width: 100%;
}

.bannerSec .txtWrap {
    width: 27%;
}

.bannerSec.large .txtWrap {
    width: 57%;
}

.bannerSec.full .txtWrap {
    width: 100%;
}

.bannerSec .txtWrap h1 {
    margin-bottom: 5px;
}

.bannerSec .txtWrap h1 .faicon {
    margin-right: 7px;
    font-size: 20px;
    margin: -4px 2px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.bannerSec .bannerFilterWrap {
    background-color: #f2f8f9;
    border-radius: 5px;
    padding: 12px 12px 12px 14px;
    width: 69%;
    margin-bottom: 7px;
}

.bannerSec .bannerFilterWrap.small {
    width: 50%;
}

.bannerSec .filterForm .formInlineRow {
    margin-bottom: 14px;
}

.bannerSec .filterForm .label,
.bannerSec .filterForm .formInlineRow .formCol {
    margin-right: 11px;
}

.bannerSec .filterForm .formInlineRow .formCol:last-child {
    margin-right: 0;
}

.bannerSec .filterForm .formInlineRow:last-child {
    margin-bottom: 0;
}

.bannerSec .filterForm .mdSelect {
    height: 37px;
}

.bannerSec .filterForm .mdInput {
    padding: 7px 11px;
}

.bannerSec .filterForm .btnFilter {
    font-size: 13px;
    line-height: 23px;
    background-color: #49d2c3;
    padding: 7px 19px;
}

.bannerSec .filterForm .btnFilter:hover {
    background-color: rgba(73, 210, 195, .8);
}

.mdInput,
.mdSelect {
    border-radius: 4px;
    border: 1px solid #fefefe;
    background-color: #fefefe;
    padding: 5px;
    color: #58595b;
    font-size: 13px;
    line-height: 23px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
}

.mdInput.error,
.mdSelect.error {
    border-color: #f55858 !important;
}

.success .mdInput,
.success .mdSelect {
    border-color: #49d2c3 !important;
}

.mdInput:focus,
.mdSelect:focus {
    outline: 0;
}

.mdInput::-webkit-input-placeholder,
.mdSelect::-webkit-input-placeholder {
    color: #58595B;
    font-size: 13px;
}

.mdInput:-ms-input-placeholder,
.mdSelect:-ms-input-placeholder {
    font-size: 13px;
}

.mdInput::placeholder,
.mdSelect::placeholder {
    font-size: 13px;
}

.mdSelect {
    color: #58595b;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.mdSelectWrapper {
    width: 100%;
    position: relative;
    border-radius: 4px;
    border: 1px solid #fefefe;
}

.mdSelectWrapper:before,
.mdSelectWrapper:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 10px;
    color: #58595b;
    opacity: .7;
    z-index: 2;
}

.mdSelectWrapper:before {
    content: "\f107";
    bottom: 2px;
}

.mdSelectWrapper:after {
    content: "\f106";
    top: 2px;
}

.bannerFilterWrap.bfw-v2 {
    background-color: transparent;
    width: 32%;
    padding: 0;
    margin-bottom: 0;
}

.bannerFilterWrap.bfw-v2 .mdSelect {
    border: 1px solid #AFCAD2;
    height: 48px;
    background-color: #ffffff;
    padding-left: 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #AAAAAA;
    box-shadow: none;
}

.bannerFilterWrap.bfw-v2 .mdSelectWrapper:before,
.bannerFilterWrap.bfw-v2 .mdSelectWrapper:after {
    right: 14px;
}

.bannerFilterWrap.bfw-v2 .mdSelectWrapper:before {
    bottom: 7px;
}

.bannerFilterWrap.bfw-v2 .mdSelectWrapper:after {
    top: 7px;
}

.bannerFilterWrap.bfw-v2 .btnIcn {
    background-color: #39AA9E;
    padding: 14px 14px 13px 13px;
    border-radius: 8px;
}

.bannerFilterWrap.bfw-v2 .btnIcn:hover {
    background-color: rgba(57, 170, 158, 0.85);
}

.bannerFilterWrap.bfw-v2 .filterForm .formInlineRow .formCol {
    margin-right: 14px;
}

.bannerFilterWrap.bfw-v2 .btnIcn .mdIcn {
    font-size: 21px;
}

.bannerSec.bannerSecII.bs-v2 {
    margin-bottom: 14px;
    margin-top: 40px;
}

/* ---------------------------------------------------
.dstHead / dstHead
----------------------------------------------------- */
.dstHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.dstHead .dstDate {
    font-size: 16px;
    line-height: 20px;
    color: #58595b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
}

.dstHead .dstDate span {
    font-size: 15px;
    font-weight: 600;
}

.dstHead .badgeLg {
    display: inline-block;
    font-size: 12px !important;
    line-height: 12px;
    padding: 6px 12px;
    color: #fff;
    border-radius: 5px;
    background-color: #fab25b;
    margin-left: 10px;
    font-weight: normal !important;
}

/* ---------------------------------------------------
.hDotsList / hDotsList
----------------------------------------------------- */
.hDotsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.hDotsList li a {
    color: #006f90;
}

.hDotsList li a:hover {
    color: #38cebe;
}

.hDotsList li .mdIcn {
    color: #38cebe;
    margin-right: 3px;
}

.hDotsList li+li {
    position: relative;
    margin-left: 25px;
    padding-left: 7px;
}

.hDotsList li+li:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: #006f90;
}

.hDotsList li button {
    background-color: transparent;
    padding: 0;
    border: 0;
    color: #006f90;
    outline: none;
    cursor: pointer;
    font: 500 13px/1.625 "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.hDotsList li button:hover {
    color: #38cebe;
}

/* ---------------------------------------------------
.hcTableSection / hcTableSection
----------------------------------------------------- */
.hcTableSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 0 50px;
}

.hcTableSection .hctCol {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
}

.hcTableSection .table {
    color: #58595b;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-spacing: 0;
    margin-bottom: 0;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    box-sizing: border-box;
    min-height: 521px;
    max-height: 529px;
    overflow: hidden;
}

.hcTableSection .table table {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.hcTableSection .table thead {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d7d7d7;
}

.hcTableSection .table thead th {
    border-bottom: 1px solid #d7d7d7;
    padding: 11px 18px 7px 15px;
    color: #58595b;
    font-weight: 600;
    white-space: nowrap;
}

.hcTableSection .table tbody tr:nth-child(even) {
    background-color: rgba(240, 240, 240, .35);
}

.hcTableSection .table tbody a {
    color: #006f90;
}

.hcTableSection .table tbody a:hover {
    color: #6bbad1;
}

.hcTableSection .table tbody .mdIcn {
    color: #6bbad1;
    margin-right: 7px;
}

.hcTableSection .table td {
    padding: 13px 15px;
    border-bottom: 1px solid rgba(240, 240, 240, .7);
    border: 0;
}

.hcTableSection .tableCaption {
    padding: 12px 11px 13px 11px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-align: left;
    border: 1px solid #d7d7d7;
    color: #006b8b;
    background-color: rgba(73, 210, 195, .4);
    font-size: 13px;
    margin-bottom: 2px;
}

.hcTableSection .tableCaption .tcTitle {
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}

.hcTableSection .tableCaption .tcTxt {
    opacity: .7;
    display: block;
}

.hcTableSection .tableCaption .tcWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hcTableSection .tableCaption .tcIcn {
    font-size: 30px;
    margin-right: 12px;
}

/* ---------------------------------------------------
.widgetSetting / widgetSetting
----------------------------------------------------- */
.widgetRow {
    color: #006f90;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.widgetRow .widgetCol {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.widgetRow .widgetBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(73, 210, 195, .15);
}

.widgetRow .widgetBlock .wbLeft {
    text-align: left;
}

.widgetRow .widgetBlock .wbRight {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* ---------------------------------------------------
.fsWidSec / fsWidSec
----------------------------------------------------- */
.fsWidSec .widgetRow {
    margin-bottom: 12px;
}

.fsWidSec .widgetCol {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.fsWidSec .widgetBlock {
    padding: 21px 25px;
    margin-bottom: 14px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    position: relative;
}

.fsWidSec .widgetBlock .widgetTitle {
    color: #58595B;
    font-size: 14px;
    line-height: 21px;
    display: block;
    margin-bottom: 14px;
}

.fsWidSec .widgetBlock .widgetHeading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.fsWidSec .widgetBlock .btn {
    border-radius: 3px;
    padding: 5px 11px;
}

.fsWidSec .widgetBlock .btn .mdIcn {
    margin-right: 11px;
    font-size: 13px;
}

.fsWidSec .btnFeePdfOver {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fsWidSec .btnFeePdf .icnPDF {
    fill: currentColor;
}

.fsWidSec .btnFeePdf .pdf-svg {
    fill: #39AA9E;
    transition: fill 0.35s ease;
}

.fsWidSec .btnFeePdf .pdf-svg:hover {
    fill: #006E90;
}

.fsWidSec .fsBottomWrap {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #AAAAAA;
}

.fsWidSec .fsBottomWrap .tableWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fsWidSec .fsBottomWrap .tableWrap .btnPrimaryInverse {
    background-color: transparent;
    color: #39AA9E;
    border: 1px solid #39AA9E;
    border-radius: 8px;
    font-weight: bold;
    padding: 9px 36px 10px 35px;
}

.fsWidSec .fsBottomWrap .tableWrap .btnPrimaryInverse:hover {
    background-color: #39AA9E;
    color: #ffffff;
}

.fsWidSec .fsBottomWrap .dataTables_paginate {
    position: static;
    color: #AAAAAA;
}

.fsWidSec .fsBottomWrap .dataTables_paginate .paginate_button.disabled {
    color: #AAAAAA;
}

.fsWidSec .fsBottomWrap .dataTables_paginate .next:before {
    content: none;
}

.fsWidSec .fsBottomWrap .dataTables_paginate .paginate_button {
    color: #39AA9E;
}

/* ---------------------------------------------------
.widgetSec / widgetSec
----------------------------------------------------- */
.widgetSec .widgetRow {
    margin-bottom: 29px;
}

.widgetSec .widgetCol {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.widgetSec .widgetCol:nth-child(even) .widgetBlock {
    background-color: rgba(22, 121, 150, .1);
}

.widgetSec .widgetBlock {
    padding: 22px 23px 14px 30px;
    margin-bottom: 15px;
}

.tooltip span {
    transition: all ease 0.3s;
    position: absolute;
    background: #006F91;
    color: #fff;
    bottom: 100%;
    left: 50%;
    font-weight: normal;
    font-size: 11px !important;
    padding: 8px 15px 6px;
    border-radius: 3px;
    transform: translateX(-50%);
    margin: 0 0 9px;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    display: block;
}

.tooltip.right span {
    transform: none;
    left: auto;
    right: -30px;
}

.tooltip.right span:after {
    left: auto;
    right: 32px;
    transform: none;
}

.tooltip span:after {
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #006F91 transparent transparent transparent;
    transform: translateX(-50%);
}

.tooltip:hover span {
    opacity: 1;
    visibility: visible;
}

.tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 7px !important;
    margin: -3px 0 0 3px;
    border-radius: 50%;
    background: #006F91;
    width: 14px;
    height: 14px;
    text-align: center;
    color: #fff;
    line-height: 14px;
}

.tooltip.tooltipLight {
    background: #AAAAAA;
}

.tooltip.tooltipLight:hover {
    background: #006F91;
}

.tooltip.content {
    background: no-repeat;
    color: #006F91;
    width: auto;
    height: auto;
    font-size: 13px !important;
    margin: 0;
    font-weight: 500;
}

.widgetSec .widgetHeading {
    font-size: 16px;
    line-height: 20px;
    color: #7DAEBA;
    margin-bottom: 7px;
}

.widgetSec .widgetNumber {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.widgetSec .widgetIcn {
    font-size: 30px;
}

/* ---------------------------------------------------
.dstWrap / dstWrap
----------------------------------------------------- */
.dstWrap {
    background-color: rgba(73, 210, 195, .15);
    border-radius: 4px;
    color: #006f90;
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.dstWrap .dstWidget {
    padding: 20px 30px 14px 26px;
    width: 33.3333%;
}

.dstWrap .dstWidget+.dstWidget {
    position: relative;
}

.dstWrap .widgetHeading {
    font-size: 16px;
    line-height: 20px;
    color: #7DAEBA;
    margin-bottom: 7px;
    font-weight: 600;
}

.dstWrap .widgetNumber {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.dstWrap-leftcol {
    flex-shrink: 0;
    width: 200px;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 0 2.5%;
}

.dstheading {
    font-size: 16px;
    line-height: 20px;
    color: #7DAEBA;
    margin: 0;
    font-weight: 600;
}

.dstWrap-rightcol {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* ---------------------------------------------------
.pdTableSection / pdTableSection
----------------------------------------------------- */
.pdTableSection .padTable,
.pdTableSection .memTable {
    width: 600px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    border-spacing: 0;
}

.pdTableSection .tableWrap {
    border-radius: 7px;
}

.pdTableSection .padTable {
    color: #888;
    margin-bottom: 0;
}

.pdTableSection .padTable caption {
    text-align: left;
    font-size: 15px;
    line-height: 18px;
    color: #58595b;
    margin-bottom: 11px;
    font-weight: 600;
}

.pdTableSection .padTable tr:nth-child(even) {
    background-color: rgba(242, 248, 249, .8);
}

.pdTableSection .padTable tr.netTotal {
    color: #006f90;
    background-color: #e4f8f6;
}

.pdTableSection .padTable tr.netTotal th {
    color: #006f90;
}

.pdTableSection .padTable th {
    color: #58595b;
    padding: 14px 0 9px 29px;
    font-weight: 500;
    border-top: 0;
    border-bottom: 0;
}

.pdTableSection .padTable td {
    padding: 14px 19px 9px;
    border-top: 0;
    border-bottom: 0;
}

.pdTableSection .padTable td.pdPayment {
    text-align: right;
}

.pdTableSection .padTable td.pdDownload {
    text-align: right;
}

.pdTableSection .padTable td.pdDownload a {
    color: #006f90;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}

.pdTableSection .padTable td.pdDownload a:hover {
    color: #38cebe;
}

.pdTableSection .padTable td span {
    display: block;
    margin-bottom: 17px;
}

.pdTableSection .padTable td span:last-child {
    margin-bottom: 0;
}

.pdTableSection .padTable td span .tooltip {
    display: inline-block;
}

.pdTableSection .padTable td span .tooltip span {
    margin-bottom: 10px;
}

.pdTableSection .padTable tr:hover .pdDownload a {
    opacity: 1;
    visibility: visible;
}

.pdTableSection .padTable .mdIcn {
    color: #38cebe;
    margin-right: 3px;
}

.pdTableSection .memTable {
    color: #58595b;
}

.pdTableSection .memTable thead {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d7d7d7;
}

.pdTableSection .memTable thead th {
    border-bottom: 1px solid #d7d7d7;
    padding: 11px 14px;
    color: #58595b;
    font-weight: 600;
}

.pdTableSection .memTable tbody tr:nth-child(even) {
    background-color: rgba(240, 240, 240, .35);
}

.pdTableSection .memTable tbody a {
    color: #006f90;
}

.pdTableSection .memTable tbody a:hover {
    color: #6bbad1;
}

.pdTableSection .popupLink {
    color: #006f90;
}

.pdTableSection .popupLink:hover {
    color: #6bbad1;
}

.pdTableSection .memTable tbody a.error {
    color: #f55858;
}

.pdTableSection .memTable tbody a.error:hover {
    color: #6bbad1;
}

.pdTableSection .memTable tbody .mdIcn {
    color: #6bbad1;
    margin-right: 7px;
    min-width: 18px;
    text-align: center;
}

.pdTableSection .memTable td {
    padding: 14px;
    border-bottom: 1px solid rgba(240, 240, 240, .7);
}

.pdTableSection .memTable td .viewIcn {
    font-size: 18px;
}

.pdTableSection .memTable td .viewIcn:hover {
    color: #38cebe;
}

.pdTableSection .memTable td .badge {
    font-size: 11px;
    border-radius: 4px;
    padding: 4px 10px;
    min-width: 49px;
}

.pdTableSection .memTable td .badge.small {
    font-size: 10px;
    padding: 3px 6px;
    min-width: 40px;
}

.pdTableSection .memTable td .badge.error {
    background-color: #f55858;
}

.pdTableSection .memTable td .badge.orange {
    background: #FF8C00;
}

.pdTableSection .memTable td.officeName {
    color: #006f90;
}

.table {
    width: 100%;
}

/* ---------------------------------------------------
.stTable / stTable
----------------------------------------------------- */

/*.stTable { font-size: 15px !important; }*/
.stTable tr.yearlyRecord {
    background-color: #f2f8f9 !important;
}

.stTable tr.yearlyRecord td {
    border-right: 1px solid #dae7e9;
}

.stTable tr.whiteYearlyRecord td {
    border-right: 1px solid #dae7e9;
}

.stTable tr.yearlyRecord td:last-child {
    border-right: 0;
}

.stTable tr.yearlyRecord td .mName {
    font-size: 14px;
    color: #58595b;
}

.stTable tr.yearlyRecord td span {
    display: block;
}

.stTable tr.trTotalPadding td {
    padding-top: 40px;
}

.stTable tr.trTotal {
    font-weight: bold;
    color: #006f90;
}

.stTable tr.trTotalBg {
    background-color: rgba(228, 248, 246, .85) !important;
}

.stTable tr.trTotalBg td .msFigure {
    color: #006f90;
}

/* ---------------------------------------------------
.nmgWidget / nmgWidget
----------------------------------------------------- */
.nmgWidget {
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
}

.nmgWidget .nmgWidgetHead .nmgForm {
    padding: 15px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(0, 111, 144, .05);
}

.nmgWidget .nmgWidgetHead .nmgForm .mdSelect {
    padding: 9px 100px 9px 6px;
}

.nmgWidget .nmgWidgetHead .nmgdBtn {
    padding-top: 9px;
    padding-bottom: 9px;
}

.nmgWidget .nmgWidgetBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 5px 0;
}

/* ---------------------------------------------------------
.dropdownMenu/.dropDownLg
--------------------------------------------------------*/
.dropdownMenu {
    position: absolute;
    z-index: 9999;
    margin: 14px 0 0;
    color: #58595b;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.dropdownMenu.dMenuLg {
    min-width: 350px;
}

.dropdownMenu.dMenuSm {
    min-width: 285px;
    padding: 8px 0;
}

.dropdownMenu.dMenuRight {
    right: 0;
    left: auto;
}

.dropdownMenu .dropDownItem {
    width: 100%;
    padding: 8px 16px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #006f90;
}

.dropdownMenu .dropDownItem:hover {
    color: #38cebe;
    background-color: #fafafa;
}

.dropdownMenu .dropDownItem .mdIcn {
    margin-right: 15px !important;
    color: #38cebe !important;
}

.dropdownMenu .dMenuHeader {
    padding: 20px 18px;
    font-weight: bold;
}

.dropdownMenu .dMenuBody {
    max-height: 340px;
    overflow-y: auto;
}

.dropdownMenu .notList {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
}

.dropdownMenu .notList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
    border-bottom: 1px solid #e9ecef;
    padding: 0 18px 10px;
}

.dropdownMenu .notList li:last-child {
    border-bottom: 0;
}

.dropdownMenu .notList .avaImg {
    margin-right: 15px;
}

.dropdownMenu .notList .avaImg .btnRounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #006f90;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    color: #fff;
}

.dropdownMenu .notList .notBody {
    font-weight: normal;
    color: rgba(51, 51, 51, .8);
}

.dropdownMenu .notList .notBody a {
    color: #49d2c3;
}

.dropdownMenu .notList .notBody a:hover {
    color: #006f90;
}

.dropdownMenu .notList .notDots {
    font-size: 12px;
    color: #58595b;
    margin-top: 5px;
}

.dropdownMenu .dMenuFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    border-top: 1px solid #ddd;
    background-color: #fafafa;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dropdownMenu .dMenuFooter a {
    color: rgba(119, 119, 119, .8);
}

.dropdownMenu .dMenuFooter a:hover {
    color: #646464;
}

.dropdownMenu .dMenuFooter #clear {
    margin-left: auto;
}

/* ---------------------------------------------------------
.anmForm/.anmForm
--------------------------------------------------------*/
.anmForm .formBody {
    background-color: rgba(0, 111, 144, .05);
    padding: 32px 34px 18px;
    border-radius: 4px;
    margin-bottom: 26px;
}

.anmForm .formBody fieldset {
    border: 0;
    margin: 0 0 35px;
    padding: 0;
    color: #58595b;
    width: 100%;
    display: block;
    min-inline-size: auto;
}

.anmForm .formBody .formFieldTitle {
    font-size: 15px;
    margin-bottom: 3px;
    align-items: center;
    display: flex;
    font-weight: 600;
    color: #58595b;
}

.anmForm .formBody .cpBtn {
    font-size: 13px;
    padding: 7px 15px;
}

.anmForm .formBody .mpBtn {
    font-size: 15px;
    padding: 9px 20px;
}

.anmForm .formInlineRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
    position: relative;
}

.reactiveinactive .anmForm .formInlineRow:last-child {
    margin-bottom: 18px;
}

.anmForm #members .formInlineRow:last-child {
    margin-bottom: 18px;
}

.anmForm #members-reactive .formInlineRow:last-child {
    margin-bottom: 18px;
}

.anmForm .formInlineRow .formCol:last-child {
    margin-right: 0;
}

.anmForm .formInlineRow .formCol .btn {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.anmForm .formInlineRow .mdSelect,
.anmForm .formInlineRow .mdInput {
    width: 100%;
    box-sizing: border-box;
}

.anmForm .formInlineRow input[type="date"].mdInput {
    max-width: 170px;
}

.anmForm .formInlineRow .mdSelect[readonly],
.anmForm .formInlineRow .mdInput[readonly] {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}

.anmForm .formInlineRow .mdSelect::-webkit-input-placeholder,
.anmForm .formInlineRow .mdInput::-webkit-input-placeholder {
    font-size: 14px;
}

.anmForm .formInlineRow .mdSelect:-ms-input-placeholder,
.anmForm .formInlineRow .mdInput:-ms-input-placeholder {
    font-size: 14px;
}

.anmForm .formInlineRow .mdSelect::placeholder,
.anmForm .formInlineRow .mdInput::placeholder {
    font-size: 14px;
}

/*.anmForm .formInlineRow .mdSelect.support {color: rgba(0,0,0,0.35);}*/

/*.anmForm .formInlineRow .success .mdSelect.support {color: #58595b;}*/
.anmForm .formInlineRow .mdSelect {
    height: 43px !important;
    font-size: 14px;
}

.anmForm .formInlineRow .mdSelect2 {
    height: 43px !important;
    width: 100% !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.anmForm .formInlineRow .mdSelectWrapper2 .select2-container {
    min-height: 43px !important;
    height: 100%;
}

.mdSelectWrapper2 .select2-container .selection,
.mdSelectWrapper2 .select2-container .select2-selection--multiple {
    min-height: inherit !important;
    height: inherit;
}

.mdSelectWrapper2 {
    width: 100%;
}

.anmForm .mdFakeLabel {
    font-size: 15px;
}

.fancyboxpopup .anmForm .mdFakeLabel {
    font-size: 13px;
}

.fancyboxpopup .anmForm .mdFakeLabelRadio {
    padding-top: 3px;
}

.anmForm .mdFakeLabel:before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
}

.anmForm .mdCheckboxLabel.error .mdFakeLabel:before {
    border-color: #f55858;
}

.anmForm .mdFakeLabel:after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 2px;
    left: 4px;
    color: #49d2c3;
    opacity: 0;
    font-size: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .1s ease, -webkit-transform .1s ease;
}

.anmForm .mdCheckboxLabel {
    position: relative;
    display: block;
    font-weight: 500;
    padding-left: 30px;
    margin-top: 13px;
    cursor: pointer;
}

.anmForm .mdCheckboxLabel input {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.anmForm .mdCheckboxLabel input:checked+.mdFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.anmForm .formFooter .btn {
    padding: 8px 32px;
}

.anmForm .mdSelectWrapper:before {
    bottom: 5px;
}

.anmForm .mdSelectWrapper:after {
    top: 5px;
}

.anmForm .mdFakeLabelRadio .mdFakeLabel:before {
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: -7px 0 0;
}

.anmForm .mdFakeLabelRadio .mdFakeLabel:after {
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #49d2c3;
    border-radius: 50%;
    content: "";
    margin: -3px 0 0;
}

.anmForm .mdFakeLabelRadio {
    position: relative;
    display: block;
    font-weight: 500;
    padding-left: 25px;
    cursor: pointer;
}

.anmForm .mdFakeLabelRadio input {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.anmForm .mdFakeLabelRadio input:checked+.mdFakeLabel:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ---------------------------------------------------------
.medai-quries/.medai-quries
--------------------------------------------------------*/
#pageHeader {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 75px;
    height: 100vh;
    width: 100%;
    z-index: 999;
    background-color: #002920;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#pageHeader .scrollchild {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#pageHeader .hUpWrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#pageHeader .hUpWrap.wind {
    margin: 0 -17px 0 0;
}

#pageHeader .logoWrap {
    padding: 23px 20px 25px;
    display: block;
    text-align: center;
}

#pageHeader .logoWrap .logo {
    display: none;
}

#pageHeader .logoWrap .logo {
    width: 350px;
}

#pageHeader .navLink span {
    display: none;
}

#pageHeader .nav-link-logout span {
    display: none;
}

#pageHeader .navLink span small {
    font-size: 8px;
}

#pageHeader .mainNavToggler {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    margin-right: 0;
    vertical-align: middle;
    padding: 0;
}

#pageHeader .mainNavToggler:hover,
#pageHeader .mainNavToggler:focus {
    cursor: pointer;
    outline: 0;
}

#pageHeader .logOutLink {
    padding: 20px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#pageHeader .logOutLink a {
    color: #38cebe;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

#pageHeader .logOutLink a:hover {
    color: #fff;
}

#pageHeader .txtWrap {
    padding: 20px 0 20px 20px;
    background-color: #38cebe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

#pageHeader .txtWrap:after {
    background-color: #38cebe;
    position: absolute;
    top: 0;
    left: 0;
    right: -10px;
    bottom: 0;
    content: "";
    z-index: -1;
}

#pageHeader .txtWrap i {
    padding-right: 10px;
    font-size: 18px;
}

#pageHeader .txtWrap span {
    display: block;
}

#pageHeader .mdIcn {
    font-size: 22px;
    margin-bottom: 5px;
}

#pageHeader .navItemHeader {
    display: none;
}

#pageHeader .txtWrap span {
    display: none;
}

.mainNavList {
    margin-bottom: 28px;
}

.mDocList {
    margin-bottom: 0;
}

.hdBtWrap {
    padding-top: 40px;
}

.hdBtWrap.wind {
    margin: 0 -17px 0 0;
}

.navbarList {
    list-style-type: none;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
    padding-left: 0;
}

.navbarList>li {
    position: relative;
}

.navbarList>li>a {
    padding: 11px 10px 11px 17px;
    color: #fff;
    display: block;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.navbarList>li>a:hover,
.navbarList>li>a:focus {
    color: #A0B1F3;
    background-color: transparent;
    outline: 0;
}

.navbarList>li.navItemHeader {
    font-size: 13px;
    color: #FCFCFC;
    padding: 4px 20px 1px;
    opacity: 0.7
}

.navbarList>li.active {
    position: relative;
    z-index: 1;
}

/*.navbarList > li.active:after { content: ""; position: absolute; background-image: -webkit-linear-gradient(left, #006f90 98%, #38cebe 0%); background-image: linear-gradient(90deg, #006f90 98%, #38cebe 0%); background-size: calc(100% - 0px) 100%; background-position: 0 0; background-repeat: no-repeat; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }*/
.scrollable .navbarList>li.active:after {
    left: -70px;
    right: -5px;
}

.navbarList>li.active a {
    color: #002920;
    background-color: #A0B1F3
}

#pageFooter {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 15px 40px 15px 89px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

.footerWrap {
    color: #666;
    font-size: 12px;
    line-height: 19px;
}

.footerWrap .footerTxt {
    margin-bottom: 5px;
}

.footerWrap .memLogo {
    margin-bottom: 5px;
}

.ftLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    list-style-type: none;
    min-width: 270px;
}

.ftLinks li {
    position: relative;
}

.ftLinks li a {
    color: #006f90;
}

.ftLinks li a:hover {
    color: #38cebe;
}

.ftLinks li+li {
    position: relative;
    margin-left: 20px;
    padding-left: 6px;
}

.ftLinks li+li:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: rgba(0, 111, 144, .5);
}

.bContentWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    background-color: rgba(73, 210, 195, .1);
}

.bContentWrap .membersDetail {
    background-color: rgba(73, 210, 195, .1);
}

.bContentWrap .dependantsDetail .dstHead span.memName {
    font-size: 16px;
}

.bContentWrap .membersDetail,
.bContentWrap .dependantsDetail {
    padding: 21px 15px 15px 21px;
}

.bContentWrap .dstHead {
    margin-bottom: 20px;
}

.bContentWrap .dstHead span.memName {
    color: #006786;
    font-size: 16px;
    font-weight: 600;
}

.bContentWrap .dstHead span.extraPadd {
    padding-left: 8px;
    padding-right: 8px;
}

.bContentWrap .dstHead span.cdLine {
    color: #22a99b;
    font-weight: bold;
}

.bContentWrap .dstHead .memBasicInfo .mdIcn {
    font-size: 15px;
    padding-right: 5px;
    margin: 1px 0 0;
    display: inline-block;
    vertical-align: top;
}

.bContentWrap .bContentBody {
    color: #58595b;
}

.bContentWrap .bContentBody .dInfoRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    margin-bottom: 11px;
}

.bContentWrap .bContentBody .infoCol {
    width: 33.333%;
    font-size: 14px;
    padding: 0 25px;
}

.bContentWrap .bContentBody .infoCol>strong {
    font-weight: 600;
}

.bContentWrap .bContentBody .infoCol span.dTxt01 {
    color: #888;
    font-weight: normal;
}

.dstDate span.cdLine,
.memBasicInfo span.cdLine {
    color: #58595b;
    font-size: 14px;
    position: relative;
    padding-left: 10px;
}

.dstDate span.cdLine.green,
.memBasicInfo span.cdLine.green {
    color: #22a99b;
}

.dstDate span.cdLine.blue,
.memBasicInfo span.cdLine.blue {
    color: #006786;
}

.dstDate span.cdLine.error,
.memBasicInfo span.cdLine.error {
    color: #f55858;
}

.dstDate span.cdLine:before,
.memBasicInfo span.cdLine:before {
    position: absolute;
    content: "-";
    top: 0;
    left: 0;
    padding-left: 15px;
    display: none;
}

.pdTableSection .memDetTable {
    margin-bottom: 50px;
}

.pdTableSection .dstHead .tabActionList {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    font-size: 13px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdTableSection .memDetTable .tabActionList {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    font-size: 13px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdTableSection .dstHead .tabActionList.font-weight-bold {
    font-weight: 500;
}

.pdTableSection .dstHead .tabActionList li {
    margin-right: 12px;
}

.pdTableSection .memDetTable .tabActionList li {
    margin-right: 12px;
}

.pdTableSection .dstHead .tabActionList li:last-child {
    margin-right: 0;
}

.pdTableSection .memDetTable .tabActionList li:last-child {
    margin-right: 0;
}

.pdTableSection .dstHead .tabActionList li a {
    color: #006f90;
}

/*.pdTableSection .memDetTable .tabActionList li a { color: #006f90;}*/
.pdTableSection .dstHead .tabActionList li a:hover {
    text-decoration: underline;
}

.pdTableSection .memDetTable .tabActionList li a:hover {
    text-decoration: underline;
}

.pdTableSection .dstHead .tabActionList li.actionCancel a {
    color: #f55858;
}

.pdTableSection .dstHead .tabActionList li.actionCancel a:hover {
    color: rgba(246, 75, 75, .7);
}

/* .pdTableSection .dstHead .tabActionList li.actionCancel:before { color: #f55858 !important; } */
.pdTableSection .dstHead .tabActionList li+li {
    position: relative;
    padding-left: 12px;
}

.pdTableSection .memDetTable .tabActionList li+li {
    position: relative;
    padding-left: 12px;
}

.pdTableSection .dstHead .tabActionList li+li:before {
    position: absolute;
    content: "|";
    top: 0;
    left: 0;
    color: #006f90;
}

.pdTableSection .memDetTable .tabActionList li+li:before {
    position: absolute;
    content: "|";
    top: 0;
    left: 0;
    color: #006f90;
}

.pdTableSection .dstHead .tabActionList li+li:first-child {
    padding-left: 0;
}

.pdTableSection .memDetTable .tabActionList li+li:first-child {
    padding-left: 0;
}

/* ---------------------------------------------------------
.PopupWrapper/.popupWrapper
--------------------------------------------------------*/
.popupWrapper {
    padding-top: 105px;
    padding-bottom: 105px;
    background-color: #002920;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    box-sizing: border-box;
    position: relative;
}

.payPopup {
    width: 500px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 6px 6px 60px 0 rgba(0, 0, 0, .35);
    border: 1px solid #e1e1e1;
    position: relative;
}

.payPopup.onboarding {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.payPopup .payPopup-holder {
    background-color: #fff;
    position: relative;
    border-radius: 20px;
    box-shadow: 6px 6px 60px 0 rgba(0, 0, 0, .35);
    border: 1px solid #e1e1e1;
}

.payPopup .popupHead {
    text-align: center;
    font-size: 14px;
    padding-bottom: 15px;
}

.payPopup .popupHead .phdIcn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 230px;
    border-radius: 10px;
    background-color: #38cebe;
    color: #fff;
    font-size: 30px;
    margin: -50px auto 20px;
}

.payPopup .popupHead .h1 {
    font-size: 26px;
    margin-bottom: 0;
}

.payPopup .popupHead .mdIcn {
    margin-right: 5px;
}

.payPopup.onboarding .img-box {
    overflow: hidden;
    text-align: center;
    padding: 20px 0 0;
}

.payPopup.onboarding .img-box .powerby {
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 0 -16px;
}

.payPopup.onboarding .img-box img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    width: 210px;
}

.stepProgress {
    width: 100%;
    height: 6px;
    display: block;
    background-color: #d1d1d1;
}

.stepProgress .progressBar {
    height: 6px;
    display: block;
    background-color: #047191;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 0 0 -1px;
}

.btnSecondaryOutline {
    border: 1px solid #4ad2c4 !important;
    color: #4ad2c4 !important;
}

.btnSecondaryOutline:hover {
    background-color: #4ad2c4 !important;
    color: #fff !important;
}

.payVerForm .formNote {
    font-size: 14px;
    margin-bottom: 27px;
}

.payVerForm .formNote .h3 {
    font-size: 16px;
    color: #026887;
    margin-bottom: 2px;
}

.payVerForm .formNote .p {
    margin: 0 0 0 46px;
}

.payVerForm .formBody {
    padding: 45px 50px 35px;
    background-color: rgba(73, 210, 195, .1);
}

.payVerForm .formBody .formRow {
    margin-bottom: 14px;
}

.payVerForm .formBody .formRow:last-child {
    margin-bottom: 0;
}

.payVerForm .formBody .formRow:last-child .mdInput {
    margin-bottom: 0;
}

.payVerForm .formBody .formRow label {
    font-size: 14px;
    color: #58595b;
    display: block;
    margin-bottom: 4px;
}

.payVerForm .formBody .formRow .mdInput,
.payVerForm .formBody .formRow .mdSelect {
    padding: 9px 6px 9px 16px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    border: 1px solid #fff;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.payVerForm .formBody .formRow .mdInput:focus,
.payVerForm .formBody .formRow .mdSelect:focus {
    outline: 0;
    border: 1px solid #006f90;
    box-shadow: 0 16px 46px -4px rgba(0, 0, 0, .15);
}

.payVerForm .formBody .formRow .mdInput::-webkit-input-placeholder,
.payVerForm .formBody .formRow .mdSelect::-webkit-input-placeholder {
    color: #58595B;
    font-size: 15px;
}

.payVerForm .formBody .formRow .mdInput:-ms-input-placeholder,
.payVerForm .formBody .formRow .mdSelect:-ms-input-placeholder {
    font-size: 15px;
}

.payVerForm .formBody .formRow .mdInput::placeholder,
.payVerForm .formBody .formRow .mdSelect::placeholder {
    font-size: 15px;
}

.payVerForm .formBody .formRow .mdSelectWrapper:before {
    bottom: 14px;
    right: 21px;
}

.payVerForm .formBody .formRow .mdSelectWrapper:after {
    top: 7px;
    right: 21px;
}

.payVerForm .formFooter {
    padding: 35px 35px 38px 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payVerForm .formFooter .btn {
    font-size: 14px;
    font-weight: normal;
    padding: 8px 20px;
}

.payVerForm .formFooter .btn.x2 {
    font-size: 24px;
}

.payVerForm .formFooter .btn.btnNxt.x2 .mdIcn {
    font-size: 20px;
}

.payVerForm .formFooter .btn.btnSfr {
    padding: 8px 11px;
}

.payVerForm .formFooter .btn.btnNxt .mdIcn {
    font-size: 12px;
    padding-left: 10px;
}

.payVerForm .formFooter .btn.btnPrev .mdIcn {
    font-size: 12px;
    padding-right: 10px;
}

@media (min-width:576px) {

    .pdTableSection .padTable,
    .pdTableSection .memTable {
        width: 100%;
    }

    .pagnitionFooter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pagnitionFooter span {
        margin-bottom: 0;
    }

    .pagnitionFooter .tftBtnList {
        margin-bottom: 0;
    }
}

@media (min-width:768px) {
    h1 {
        font-size: 23px;
        line-height: 35px;
    }

    .offsetWrapper {
        padding-left: 270px;
    }

    body.active .contentOverlay {
        display: none;
    }

    body.active .offsetWrapper {
        padding-left: 75px;
    }

    body.active #pageFooter {
        padding-left: 75px;
    }

    body.active #pageHeader {
        max-width: 75px;
        text-align: center;
    }

    body.active #pageHeader .logo {
        display: none;
    }

    body.active #pageHeader .navLink span,
    body.active #pageHeader .nav-link-logout span {
        display: none;
    }

    body.active #pageHeader .navItemHeader {
        display: none;
    }

    body.active #pageHeader .mdIcn {
        font-size: 22px;
        margin-bottom: 5px;
    }

    body.active #pageHeader .nav-link-logout .mdIcn {
        padding-right: 0;
    }

    body.active #pageHeader .txtWrap {
        display: none;
    }

    body.active #pageHeader .logoWrap {
        display: block;
        text-align: center;
    }

    body.active #pageHeader .mainNavToggler {
        margin-right: 0;
        font-size: 20px;
    }

    #pageHeader {
        max-width: 270px;
        text-align: left;
    }

    #pageHeader .navLink span {
        display: inline-block;
    }

    #pageHeader .nav-link-logout span {
        display: inline-block;
    }

    #pageHeader .logoWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #pageHeader .logoWrap .logo {
        display: block;
    }

    #pageHeader .mdIcn {
        padding-right: 10px;
        font-size: 17px;
        width: 17px;
        margin: 0 auto;
    }

    #pageHeader .nav-link-logout .mdIcn {
        padding-right: 0;
    }

    #pageHeader .mainNavToggler {
        min-height: 52px;
        font-size: 17px;
        margin-right: 20px;
    }

    #pageHeader .txtWrap span {
        display: block;
    }

    #pageHeader .navItemHeader {
        display: inline-block;
    }

    #pageFooter {
        padding-left: 285px;
        text-align: left;
    }

    .footerWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footerWrap .footerTxt {
        margin-bottom: 0;
    }

    .footerWrap .memLogo {
        margin-bottom: 0;
    }
}

.inputOuterBorder {
    overflow: hidden;
    padding: 13px 15px;
    border-radius: 4px;
    position: relative;
    background-color: #fefefe;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    margin: 0 0 0 10px;
    border: 1px solid #fefefe;
}

.inputOuterBorder.error {
    border-color: #f55858;
}

.inputOuterBorder.success {
    border-color: #49d2c3;
}

.inputOuterBorder input {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0 !important;
    float: left;
    width: 21px;
    color: #58595b;
    font-size: 13px;
    line-height: 23px;
    text-align: center;
    outline: none !important;
}

.inputOuterBorder input.cvc {
    width: 35px;
}

.inputOuterBorder input.year {
    width: 35px;
}

.inputOuterBorder input.year2 {
    width: 21px;
}

.inputOuterBorder input.day {
    width: 18px;
}

.inputOuterBorder input.card {
    width: 200px;
    text-align: left;
}

.inputOuterBorder span {
    float: left;
    margin: 0 3px;
    opacity: 0.8;
}

.cards-img {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0 10px 5px;
}

.cards-img img {
    margin: -3px 1px 0;
    max-width: 32px;
    display: inline-block;
    vertical-align: middle;
}

.inputOuterBorder svg {
    opacity: 0.5;
    max-width: 25px;
    height: auto;
    float: left;
    fill: #067281;
    margin: -2px 6px 0 0;
}

.opencoupn {
    color: #49d2c3;
    display: inline-block;
    vertical-align: top;
    margin: -10px 0 0;
}

.slidboxcoupon {
    white-space: nowrap;
}

.slidboxcoupon .mdInput {
    width: 240px !important;
}

.anmForm .formBody .slidboxcoupon .cpBtn {
    margin-left: 10px;
    padding: 12px 15px;
}

#errrormasgbox_checkout {
    position: relative;
    background-color: rgba(0, 111, 144, .05);
    margin: 0 0 30px;
    border-radius: 4px;
    padding: 20px 30px 18px;
    border: 1px solid #f55858;
}

.memLabelTitle {
    display: block;
    margin: 0 0 3px;
    font-size: 14px;
    font-weight: normal;
}

.memLabelTitle.add {
    font-size: 16px;
    color: #f55858;
    font-weight: 500;
}

.memLabelTitle.add a {
    color: #f55858;
    text-decoration: underline;
}

.memLabelTitle.add a:hover {
    text-decoration: none;
}

.memLabelTitle.small {
    font-size: 13px;
}

.memLabelTitle ul {
    list-style: none;
    margin: 0;
    padding: 4px 0 0 21px;
    font-size: 12px;
}

.memLabelTitle ul li {
    position: relative;
}

.memLabelTitle ul li:after {
    content: "-";
    position: absolute;
    left: -12px;
    top: 0;
}

.memLabelTitle .bottomtext {
    font-size: 13px;
    display: block;
}

#errrormasgbox_checkout #scrollid {
    position: absolute;
    top: -30px;
    left: 0;
}

.payVerForm #errrormasgbox_checkout {
    padding: 16px 20px 13px;
}

.payVerForm .memLabelTitle {
    font-size: 12px;
}

.payVerForm .memLabelTitle.add {
    font-size: 13px;
}

#successmasgbox_checkout {
    position: relative;
    background-color: rgba(0, 111, 144, .05);
    margin: 0 0 30px;
    border-radius: 4px;
    padding: 20px 30px 18px;
    border: 1px solid #38cebe;
}

#successmasgbox_checkout .memLabelTitle.add {
    color: #38cebe;
}

#successmasgbox_checkout .memLabelTitle.add a {
    color: #38cebe;
    text-decoration: underline;
}

#successmasgbox_checkout .memLabelTitle.add a:hover {
    text-decoration: none;
}

.payPopupLogin {
    width: 495px;
}

.payPopupLogin .popupBody {
    background: #FCFCFC;
    padding: 30px 40px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 0 3px 0 rgba(0, 70, 85, 0.24);
    position: relative;
}

.payPopupLogin .title {
    display: block;
    color: #006f90;
    font-size: 19px;
    margin: 0;
    text-align: left;
}

.payPopupLogin .subtitle {
    display: block;
    text-align: center;
    font-size: 19px;
    color: #8c8c8c;
    font-weight: normal;
    margin: 0 0 20px;
}

.payPopupLogin img {
    display: block;
    margin: -10px auto -20px;
    max-width: 420px;
}

.payPopupLogin .popupBody form {
    overflow: hidden;
}

.payPopupLogin #errrormasgbox_checkout {
    padding: 14px 20px 13px;
    background: #fff;
    margin: 0;
}

.payPopupLogin #errrormasgbox_checkout .memLabelTitle {
    font-size: 13px;
    margin: 0;
}

.payPopupLogin #errrormasgbox_checkout .memLabelTitle.add {
    font-size: 13px;
}

.payPopupLogin .mdInput {
    width: 100%;
    box-sizing: border-box;
    color: #58595B;
    outline: none;
    border-color: #DAE7E9;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 25px;
    background-color: #ffffff;
    border-radius: 6px;
}

.payPopupLogin .formCol {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.payPopupLogin .btn {
    display: block;
    background: #385ADC;
    text-align: center;
    padding: 16px;
    font-size: 17px;
    line-height: 1;
    font-weight: normal;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
}

.payPopupLogin .btn:disabled {
    opacity: 0.4;
    cursor: default;
}

.payPopupLogin .btn:hover {
    background: #2848c2;
}

.payPopupLogin .btn i {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.payPopupLogin .navLink {
    color: #0A1040;
    font-weight: 400;
}

.payPopupLogin .navLink:hover {
    color: #385ADC;
}

.payPopupLogin .formFooter {
    text-align: center;
    color: #ffff;
    font-size: 15px;
    padding: 20px 0;
}

.payPopupLogin .formFooter span {
    display: block;
    color: #fff;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
    border-radius: 15px;
}

.loaderInside {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%);
    width: 100px;
    height: 100px;
    margin: 0 0 -50px;
}

.tableWrap .dataTables_info {
    color: #666;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 500;
}

.tableWrap .dataTables_paginate {
    position: absolute;
    color: #006f90;
    bottom: 0;
    right: 0;
    font-weight: 500;
    font-size: 12px;
}

.tableWrap .paginate_button {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 20px;
    padding: 0 0 0 5px;
}

.tableWrap .paginate_button.disabled {
    color: #666;
    cursor: auto;
}

.tableWrap .dataTables_paginate .next:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: rgba(165, 204, 216, .2);
}

.offsetWrapper .innerWrapper .loader {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.tableWrap {
    position: relative;
    padding: 0 0 40px;
}

#couponDataAppend {
    padding: 0 0 0 2px;
}

#couponDataAppend .alert {
    margin: 10px 0;
}

.pdTableSection .memTable td .viewIcn .tooltip {
    font-size: 18px !important;
    line-height: 18px;
    width: auto;
    height: auto;
    background: transparent;
    margin: 0;
    color: #006f90;
}

.tableWrap .dataTables_paginate {
    color: #006f90;
}

.tableWrap .paginate_button {
    color: #006f90;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 20px;
    padding: 0 0 0 5px;
}

.paginate_button:hover {
    color: #38cebe !important;
}

.tableWrap .paginate_button.disabled {
    color: #666;
    cursor: auto;
}

.tableWrap .dataTables_paginate .next:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #666;
    opacity: 0.8;
}

.bContentWrap .dstHead span.cdLine .inactive {
    color: #f55858;
}

.modal {
    display: none;
}

.fancyboxpopup {
    display: none;
    border-radius: 10px;
    width: 630px;
    font-size: 14px;
}

.fancyboxpopup-wide {
    width: 850px;
}

.formholder {
    background-color: rgba(0, 111, 144, .05);
}

.formholder .head {
    background-color: rgba(73, 210, 195, .1);
    padding: 30px 30px 27px;
    color: #58595b;
}

.fancyboxpopup h2 {
    color: #006786;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.2;
}

.fancyboxpopup h2 p {
    margin: 0;
}

.fancyboxpopup .popupbody {
    padding: 30px;
    background: transparent;
    margin: 0;
    border-radius: 0;
    font-weight: 600;
    overflow: hidden;
}

.fancyboxpopup .popupfooter {
    padding: 0 30px 30px;
    text-align: right;
}

.fancyboxpopup .fancybox-button {
    display: none;
}

.fancyboxpopup .popupfooter .btn {
    padding: 10px 20px;
}

.errrormasgbox_checkout {
    position: relative;
    background-color: rgba(0, 111, 144, .05);
    margin: 0 0 30px;
    border-radius: 4px;
    padding: 20px 30px 18px;
    border: 1px solid #f55858;
}

.errrormasgbox_checkout #scrollid {
    position: absolute;
    top: -30px;
    left: 0;
}

.successmasgbox_checkout {
    position: relative;
    background-color: rgba(0, 111, 144, .05);
    margin: 0 0 30px;
    border-radius: 4px;
    padding: 20px 30px 18px;
    border: 1px solid #38cebe;
}

.successmasgbox_checkout .memLabelTitle.add {
    font-size: 20px;
    color: #38cebe;
}

.successmasgbox_checkout .memLabelTitle.add a {
    color: #38cebe;
    text-decoration: underline;
}

.successmasgbox_checkout .memLabelTitle.add a:hover {
    text-decoration: none;
}

.errrormasgbox_checkout.small {
    padding: 15px 20px 13px;
    margin-bottom: 20px;
}

.errrormasgbox_checkout.small .memLabelTitle.add {
    font-size: 14px;
}

.successmasgbox_checkout.small {
    padding: 15px 20px 13px;
}

.successmasgbox_checkout.small .memLabelTitle.add {
    font-size: 14px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    right: 0;
    min-width: 11.25rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    outline: none;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: all ease 0.3s;
    cursor: pointer;
}

.dropdown-item:hover {
    color: #006f90;
}

.anmForm .formInlineRow.cardinpopup {
    display: block;
}

.anmForm .formInlineRow.cardinpopup .inputOuterBorder input.card {
    width: 73%;
}

.pdTableSection .tableLink {
    color: #006f90;
    font-size: 12px;
    transition: all ease 0.3s;
}

.pdTableSection .tableLink .mdIcn {
    margin-right: 3px;
}

.pdTableSection .tableLink:hover {
    color: #38cebe;
}

.accounttitle {
    display: block;
    font-weight: normal;
}

.accounttitle svg {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 3px 0 0;
}

.topheaderwrapper {
    font-size: 25px;
    padding: 5px 0 0;
    font-weight: 500;
}

.topheaderwrapper .badge {
    border-radius: 20px;
    padding: 2px 14px;
    font-size: 9px;
}

.topheaderwrapper .badge .fas {
    margin: 0 0 0 3px;
}

.subtitlemyaccount {
    display: block;
    position: relative;
}

.subtitlemyaccount:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    background-color: #d7d7d7;
    width: 1px;
    height: 45px;
}

.pdTableSection .memTable td:first-child .subtitlemyaccount:after {
    display: none;
}

.bottomtextmyaccount {
    display: block;
}

.bottomtextmyaccount svg {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 2px 0 0;
}

.box1MyAccount {
    float: left;
    width: 40%;
    max-width: 140px;
}

.box1MyAccountLeft {
    overflow: hidden;
    display: block;
    font-weight: normal;
}

.box1MyAccountWrapper {
    overflow: hidden;
    margin-bottom: 10px;
}

.verticalAlignTtop {
    vertical-align: top;
}

.box1MyAccountWrapperOuter {
    position: relative;
}

.box1MyAccountWrapperOuter:after {
    content: "";
    position: absolute;
    top: 0;
    left: -7%;
    background-color: #d7d7d7;
    width: 1px;
    bottom: 0;
}

.box1MyAccountWrapper:last-child {
    margin-bottom: 0;
}

.bankHolderRightColumn {
    display: inline-block;
    vertical-align: middle;
}

.bankHolderRightColumn .bankTopRow {
    overflow: hidden;
}

.bankHolderRightColumn .bankBottomRow {
    overflow: hidden;
}

.SVGInlinebankHolderRightColumn {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.bankHolderRightColumn .bankBottomRow svg {
    display: inline-block;
    vertical-align: middle;
}

.bankHolderRightColumn .bankBottomRow span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 4px;
}

.bankHolderRightColumn .bankName {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.bankHolderRightColumn .currency {
    background: #006F91;
    color: #fff;
    font-size: 9px;
    padding: 1px 8px;
    font-weight: 500;
    border-radius: 10px;
    vertical-align: middle;
    display: inline-block;
}

.bankHolderRightColumn .accountType {
    background: #38cebe;
    color: #fff;
    font-size: 9px;
    padding: 1px 8px;
    font-weight: 500;
    border-radius: 10px;
    vertical-align: middle;
    display: inline-block;
}

.viewIcnProvider.fancyboxpopup .fancybox-button {
    display: block;
    padding: 6px;
    top: 14px;
    right: 10px;
}

.calendly-inline-widget {
    margin: 0 0 -80px;
    min-height: 100vh;
}

.contactBoxDash {
    padding: 0 0 0 30px;
}

.contactBoxDash img {
    max-width: 270px;
    margin: 0 auto;
}

.contactBoxDash .contactBoxTitle {
    font-size: 20px;
}

.contactBoxDash .contactsubtitle {
    font-size: 15px;
    font-weight: 400;
}

.contactBoxDash .tel {
    color: #58595b;
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 10px;
    letter-spacing: 1px;
    font-weight: 600;
}

.contactBoxDash .tel .fas {
    display: inline-block;
    vertical-align: middle;
    font-size: 27px;
}

.contactBoxDash .time {
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px;
}

.contactBoxDash .time .far {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.onboarding .loader {
    top: 15px;
}

.d-inline-block {
    display: inline-block !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.d-flex {
    display: flex !important;
}

.card.card-manage {
    font-weight: 500;
    font-size: 12px;
}

.card.card-manage.accountdetail {
    position: relative;
    overflow: hidden;
}

.font-size-small {
    font-size: 12px !important;
}

.select2triger {
    width: 100%;
}

.select2triger option {
    padding: 15px;
}

.uniform-uploader {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.uniform-uploader input[type=file] {
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: calc(1.5385em + .875rem + 2px);
    border: 0;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    display: block;
}

.uniform-uploader .filename {
    color: #333;
    padding: .4375rem .875rem;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ddd;
    border-right: 0;
    background-color: #fff;
    text-align: left;
    user-select: none;
    word-break: break-word;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
}

.uniform-uploader .action {
    z-index: 1;
    border-radius: 0;
    border-top-right-radius: .1875rem;
    border-bottom-right-radius: .1875rem;
    background-color: #03a9f4;
    color: #fff;
    position: relative;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .4375rem .875rem;
    font-size: .8125rem;
    line-height: 1.5385;
    border-radius: .1875rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.row-4col {
    letter-spacing: -4px;
    margin: 0 -15px;
}

.col-4 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    letter-spacing: 0;
    padding: 0 15px;
    box-sizing: border-box;
}

.row-4col .anmForm .formBody {
    padding: 15px;
}

.row-4col .btnholder {
    overflow: hidden;
}

.row-4col .btnholder a {
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0 7px;
    padding: 5px 15px;
}

.row-4col .btnholder a i {
    margin: 0 3px 0 0;
}

.row-4col .anmForm .formBody h2 {
    color: #006786;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 20px 0 16px;
}

.row-4col .anmForm .formBody h2 small {
    font-size: 10px;
}

.formlogin-contact {
    font-size: 15px;
    margin: 30px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
    float: left;
}

.topheader {
    background-color: #f0f0f0;
    overflow: hidden;
}

.flex-top {
    align-items: flex-start !important;
}

.flex-center {
    align-items: center !important;
}

.img-ipload {
    float: right;
    width: 200px;
}

.img-ipload .border {
    border: 1px dashed rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    color: #006f90;
    height: 140px;
}

.img-ipload .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    font-size: 16px;
    margin: -15px 0 0;
}

.img-ipload .toplayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.img-ipload input {
    position: fixed;
    left: 0;
    top: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    z-index: -9999;
}

.pricingbox_container {
    background: #fff;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    overflow: hidden;
}

.pricingbox_container .mdInput {
    background: none;
    box-shadow: none;
    border: 0;
}

.pricingbox_container .pricingbox_col {
    margin: 0;
    padding: 15px 2%;
}

.pricingbox_container .pricingbox_col2 {
    margin: 0;
    padding: 10px 2%;
}

.pricingbox_container .head {
    font-weight: 500;
}

.pricingbox_topborder {
    background-color: rgba(240, 240, 240, .35);
}

#create-success {
    font-weight: normal;
}

#create-success.fancyboxpopup .popupbody {
    padding: 0;
}

#create-success .fancyboxpopup .popupbody {
    overflow: hidden;
}

#create-success .holdersuccess {
    overflow: hidden;
    color: #58595b;
    font-family: Poppins, Arial, sans-serif, "Helvetica Neue";
}

#create-success h3 {
    background: #006f90;
    color: #fff;
    text-align: center;
    margin: 0 0 40px;
    padding: 23px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
}

#create-success .holdersuccess .leftbox {
    float: left;
    border-right: 1px solid #58595b;
    width: 64%;
    padding: 0 40px 0 70px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 36px;
}

#create-success .holdersuccess .leftbox p.titlesuccess {
    font-size: 16px;
    font-family: Poppins, Arial, sans-serif, "Helvetica Neue";
    margin: 0 0 10px;
}

#show-email {
    color: #38aa9e;
    font-weight: 700;
}

#create-success .holdersuccess .leftbox p {
    margin: 0 0 20px;
}

#create-success .holdersuccess .leftbox p strong {
    font-weight: 700;
}

#create-success .holdersuccess .btnLight {
    padding: 13px 25px;
    background: #006f90;
    font-weight: normal;
    font-size: 13px;
}

#create-success .holdersuccess .rightbox {
    overflow: hidden;
    padding: 50px 0 0 45px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    max-width: 380px;
}

#create-success .holdersuccess .title {
    display: block;
    margin: 0 0 26px;
    font-size: 15px;
}

#create-success .holdersuccess .rightbox ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 40px 0 60px 40px;
    font-weight: 700;
}

#create-success .holdersuccess .rightbox ul li {
    margin: 0 0 14px;
}

#create-success #view-link-member {
    display: inline-block;
    vertical-align: top;
    padding: 11px 25px;
    margin: 0 6px 0 0;
}

.navLink {
    color: #006f90;
}

.dataTable:after {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG7AAABuwE67OPiAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAg1QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkcrT+AAAAK50Uk5TAAECAwQFBgcICQoLDQ4PEBESExQWFxgZGhscISIjJigqLi8yNDc5Ojs9PkBBREVGR0hJSkxNTk9QUVJUW15iZGVnamtsbW5vcHJzdnd4ent9fn+AgYKDhYeJjI2OkJGTlJWWmZqdnqChoqSlpqeoqaqrrK6ztLa4ubq7vL2+v8DBw8TIycvNz9DR0tTV1tfY2tvc3d7f4OLj5OXn6ert7/Dy8/T19vf4+fr7/P3+alfWrQAAA95JREFUGBmdwY1DjAcAx/Hfua7kNC/HiVgZYzOyseowS8QSYSp7Iy9jyfR432jz1jSh7TLcmiyZdF3uvn/jnufu1HXunnuuz0dTzWnsx1Z/4xzZaSendtnwjRIL24ox6lN2NXBets5DjTLxVe/Zu3dvB3TKlgEdTU1Ne6p9SuXaHSHJkC2DpMhulybtY0KnbBlM2KcJc4fhQevBgwc7oVO2DDCam5tbH8DwXL2xFvpcMgXA0BQ+n6YwICCTqw/W6o1NcE6WABhKtW5oaJ1SGRCQ5Rxs0hsVEJJlI1xUCtd9uO9SiouwUZYQVGhCCJbKtBq6lCKAKaAUXbBapqUQ0qQTUCtTBdxRih5MPUpxBypkqoUTmlQF12RaBEElucsqm2F4GJorl7qVFIRFMl2DKk3yhmGlpGIYVNwHfREshw5hify5RnGDUCxpJYS9SnEKLskUZtQly1PiHs+f/5i4p7K4RgnLdAl+UKrSEWLLJQ1AmSxngWdHdpRIJTuOPAPOylIGA5KWx3i1WFO0wL0i6QrUyDK7G6hXXD3QPVuWGrgiFd2DrzSVdxDapBY4oDjvdWC9TOuB617FHYAWqQ3+LVGaz4EqVcMFJRR3wXGZjkNXsRIuQLWqgO16y0kY3bAY+pW0H1q1apVaYb+S+mHxhlFo19vcl2Fs8yAsU4IBbbfhdhsYSlgGg5vH4KcCZTDrN3j9HBqV0MeEPiU0wvPXcMerjHxBLN2KKxzH9PIlpvFCxXVjCfqURclpTNEFsswbh8ixhQuPRmB8niwLophOlyi7LUPALsUde3SmTKayM5FTitsFDG2RrdKrMFCoqdyKKxyAq6XKwfME6pRRHTzxKKdtEPIoA08Itik3TwjqlUE9hDxyoA5GyvWW8hGokxPuG3C3SGmK7sLNAjmy4B84qjRH4elCObRqDA67lMJ1GCKr5dh2oN2tCe52YKfy0AH0VCqpsgf4Ufko/B7Tja0rZs5csfUGEPmyQPmpfYUlGsXS+57yVnryNUnjLR5NRwe8DL8agluanssQkN6FB5qe+1AuuYYZLtR0rIH/PJJ+gVpNw4xf4TuZGuDhLOXNfQYiS2QquAc3vcrTmi6gSXHvR6Hn0xnKw4e9mKJXf054gelRQM49IoORmXIsTCZ+ORaGj9L8DX45FgalCYJfjoVBaYLgl2NhUJog+OVYGJQmCH45MfeTnQ0N49CQ5hkcaPiixq8cPnuOrbEml+x8TE7bZecPePjt11l98zu88Ci7d2KMzJEN11+wUtmVQ69sGRBQduXQK1sGBJRdOcTCtqIQUHZLcGCdbByLkEPsslup/geWu7xWDc23mQAAAABJRU5ErkJggg==');
}

.logout {
    border: none;
    background: none;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
}

.formInlineRow.firAlignStart {
    align-items: flex-start;
}

.nmPlanTable {
    font-size: 15px;
    border: 1px solid #006f90;
    border-radius: 5px;
    border-spacing: 0;
}

.nmPlanTable thead,
.nmPlanTable tfoot {
    border: solid #f0f0f0;
    border-width: 0 0 2px;
    background-color: #006f90;
}

.nmPlanTable thead {
    border-color: #f7f7f7;
}

.nmPlanTable tfoot {
    border-width: 2px 0 0;
}

.nmPlanTable thead td,
.nmPlanTable thead th,
.nmPlanTable tfoot td,
.nmPlanTable tfoot th {
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 600;
    color: #fff;
}

.nmPlanTable th,
.nmPlanTable td {
    padding: 1px 15px;
    border: 0;
}

.nmPlanTable td {
    padding: 13px 15px;
    border-bottom: 1px solid rgba(240, 240, 240, .7);
    border: 0;
    color: #58595b;
}

.subheaderRow th {
    background-color: #f0f0f0;
    color: #58595b !important;
}

.total_price_amount>.mpBtn {
    width: 100%;
}

.anmFormRow {
    display: flex;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-right: -11px;
}

.anmFormRow .anmFormCol {
    padding-left: 2px;
    padding-right: 2px;
    width: calc(27% - 22px);
}

.anmFormRow .anmFormCol:first-child {
    width: calc(75% - 22px);
}

.dependantsDetail .dInfoRow {
    flex-wrap: wrap;
    padding-left: 30px;
}

.dependantsDetail .dInfoRow .infoCol {
    width: 23%;
    padding: 0;
    margin-bottom: 6px;
}

#create-success .holdersuccess .rightbox a {
    color: #38aa9e;
}

.knowledge-center {
    display: table;
    height: 70vh;
    width: 100%;
}

.knowledge-center .img {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.knowledge-center .img img {
    max-width: 370px;
    display: block;
    height: auto;
    margin: 0 auto;
}

.red {
    color: #f55858;
}

.green {
    color: #38cebe;
}

.darkGreen {
    color: #32b7a9;
}

.subFooterRow td {
    background-color: #f0f0f0;
    color: #58595b !important;
    font-weight: 400 !important;
}

.cost_total tbody,
.cost_total tfoot {
    font-weight: 400;
}

.add-deptext p {
    font-size: 10px;
    white-space: nowrap;
    margin: 0 0 3px;
}

.card-errors {
    display: block;
    color: #f55858;
}

.manageaccount {
    overflow: hidden;
}

.manageaccount .dataTables_paginate {
    position: static;
}

.memNamedob {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 3px;
}

.memBasicInfo svg {
    display: inline-block;
    vertical-align: bottom;
    margin: -7px 1px 0 7px;
}

.emailoverflow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smallnotetext {
    font-size: 11px;
}

#checkoutSummary td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.checkoutsvg {
    display: inline-block;
    vertical-align: top;
    margin: -4px 4px 0 0;
}

.manageaccounttable .emailoverflow {
    max-width: 280px;
}

.manageaccounttable .emailoverflow.add {
    max-width: 200px;
}

.manageaccounttable .emailoverflow.add2 {
    max-width: 230px;
}

.reactiveinactive {
    width: 1100px;
}

.reactiveinactivesmall {
    width: 1010px;
}

.columnswrapper {
    float: left;
    width: 100%;
}

.reactiveinactive .leftcolumn {
    float: left;
    width: 65%;
    margin-bottom: 50px;
}

.reactiveinactive .rightcolumn {
    float: right;
    width: 33%;
    margin-bottom: 50px;
}

.checkoutsummary {
    padding: 30px 20px 0;
    border-radius: 15px;
    box-shadow: 0 0 20px rgb(0 111 144 / 20%);
    overflow: hidden;
    border: 1px solid #006786;
}

.checkoutsummary .summarytitle {
    color: #006786;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    display: block;
}

.checkoutsummary ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
    font-weight: normal;
}

.checkoutsummary ul li {
    overflow: hidden;
    padding: 3px 0 3px;
}

.checkoutsummary ul .title {
    color: #006786;
    font-weight: 600;
    font-size: 15px;
    margin-top: 15px;
}

.checkoutsummary ul .left {
    float: left;
}

.checkoutsummary ul .right {
    float: right;
}

.checkoutsummary ul .final {
    padding: 10px 20px;
    background: #006786;
    color: #fff;
    font-weight: 600;
    margin: 0 -20px;
}

.checkoutsummary ul .divider {
    border-top: 1px solid #006786;
    margin: 7px -20px 0;
    padding: 10px 20px;
    background: #F2F0F0;
}

.reactiveinactive .mdFakeswitchbox {
    background: #efefef;
    display: inline-block;
    padding: 5px;
    max-width: 220px;
    border-radius: 5px;
    vertical-align: middle;
}

.reactiveinactive .mdFakeswitch {
    background: #fff;
    position: relative;
    display: inline-block;
    width: 102px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.reactiveinactive .mdFakeswitch input {
    position: fixed;
    opacity: 0;
    left: -9999px;
    bottom: -9999px;
}

.reactiveinactive .mdFakeswitch .mdFakeLabel {
    display: block;
    font-size: 12px;
    background: #fff;
    padding: 7px;
    border-radius: 5px;
}

.reactiveinactive .mdFakeswitch input:checked+.mdFakeLabel {
    background: #006786;
    color: #fff;
}

.reactiveinactive .mdFakeswitch .mdFakeLabel:after {
    display: none;
}

.reactiveinactive .mdFakeswitch .mdFakeLabel:before {
    display: none;
}

.reactiveinactive .popupfooter2 {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.reactiveinactive .popupfooter2 .btn {
    padding: 10px 20px;
}

.dependcolumn {
    overflow: hidden;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
    width: 48.8%;
    background: rgba(73, 210, 195, .1);
    border-radius: 5px;
    padding: 20px 40px;
    box-sizing: border-box;
    margin-bottom: 4px;
    font-weight: 600;
}

.dependcolumn .text {
    float: left;
}

.dependcolumn .dTxt01 {
    font-weight: normal;
}

.dependcolumn .pms {
    float: right;
}

.onboardtext {
    color: #026887;
    text-decoration: underline;
}

.onboardtext:hover {
    text-decoration: none;
}

.anmForm .alreadyaddonmember .formInlineRow {
    margin-bottom: 8px;
}

.reactiveinactivesmall .leftcolumn {
    width: 55%;
}

.reactiveinactivesmall .rightcolumn {
    width: 42%;
}

.reactiveinactivesmall .formInlineRow .formCol {
    margin-right: 12px;
}

.upgardemember {
    max-width: 86%;
}

.upgardemember .formInlineRow .formCol {
    margin-right: 10px;
}

#memwp_extra_dependants .formCol {
    margin-right: 10px;
}

#memwp_extra_dependants .formInlineRow .formCol:nth-child(3) {
    max-width: 123px;
}

/* ---------------------------------------------------------
.widgetWrap/.widgetWrap
--------------------------------------------------------*/
.widgetWrap .defaultWidgetStyle {
    padding: 18px 32px 25px;
    border-radius: 8px;
}

.widgetWrap .defaultWidgetStyle.hasShadow {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.widgetWrap .defaultWidgetStyle.noPad {
    padding: 0;
    overflow: hidden;
}

.defaultWidgetStyle .h4 {
    margin: 0 0 11px;
    color: #006E90;
    font-weight: normal;
}

.defaultWidgetStyle .h1 {
    margin: 0 31px 0 0;
    color: #006E90;
}

.partPrimaryInfoWidget .wdInfoList {
    margin-top: 34px;
    margin-bottom: 15px;
}

.partPrimaryInfoWidget .wdInfoList li {
    position: relative;
    flex-grow: 1;
    font-weight: 500;
    flex-basis: 0;
}

.partPrimaryInfoWidget .wdInfoList li+li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: #AAAAAA;
    width: 1px;
    height: 53px;
}

.partPrimaryInfoWidget .wdInfoList li .tTitleTxt {
    margin-bottom: 12px;
}

.partPrimaryInfoWidget .wdInfoList li .checkIcn {
    background-color: #39AA9E;
    width: 21px;
    height: 21px;
    color: #ffffff;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 21px;
}

.partPrimaryInfoWidget .wdInfoList li .tdAmount {
    color: #39AA9E;
    font-weight: 500;
}

.partPrimaryInfoWidget .wdInfoList .tooltip {
    background: #AAAAAA;
}

.partPrimaryInfoWidget .wdInfoList .tooltip:hover {
    background: #006F91;
}

@media (min-width:1350px) {
    .partPrimaryInfoWidget .wdInfoList li+li:before {
        left: 0;
    }
}

@media (min-width:1500px) {
    .partPrimaryInfoWidget .wdInfoList li+li:before {
        left: 0;
    }
}

/* ---------------------------------------------------------
.ppAgreList/.ppAgreList
--------------------------------------------------------*/
.widgetWrap .ppAgreWidget {
    padding: 13px 20px 13px 22.5px;
    margin-bottom: 34px;
}

.ppAgreList li {
    margin-bottom: 5px;
}

.ppAgreList li:last-child {
    margin-bottom: 0;
}

.ppAgreList li .imgWrap {
    margin-right: 23px;
    margin-bottom: 0;
    width: 22px;
    height: 30px;
}

.ppAgreList li .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ppAgreList li .h4 {
    margin: 0;
}

.ppAgreList li .btn {
    margin: 0 0 0 auto;
    padding: 8px 35px 9px;
    font-weight: 700;
}

.widgetWrap .wdgHeader {
    justify-content: space-between;
    margin-bottom: 14px;
}

.widgetWrap .wdgHeader .h4 {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    flex-shrink: 0;
}

.widgetWrap .wdgHeader .editInfo {
    color: #39AA9E;
    font-size: 12px;
    line-height: 18px;
}

.widgetWrap .wdgHeader .editInfo i {
    font-size: 18px;
    margin-right: 6px;
}

.widgetWrap .wdgHeader .editInfo:hover {
    color: #38cebe;
}

.widgetWrap .wdgFooter {
    background: #EAF8F6;
    padding: 11px 32px 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.identityTab {
    margin-bottom: 34px;
}

.identityTab .defaultWidgetStyle {
    padding: 27px 32px 29px;
}

.identityTab .dcRow {
    display: flex;
    justify-content: center;
    align-items: center
}

.identityTab .dcRow .dcCol {
    max-width: 100%;
    width: 100%;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.identityTab .dcRow .dcCol.dcCol50 {
    max-width: 50%;
}

.identityTab .dcRow .dcCol.dcCol25 {
    max-width: 25%;
}

.identityTab .dcRow .dcCol+.dcCol:before {
    position: absolute;
    content: "";
    left: -10%;
    top: 0;
    background-color: #AAAAAA;
    width: 1px;
    height: 100%;
}

.identityTab .dcRow .dcCol strong {
    margin-bottom: 16px;
    font-weight: 500;
}

.identityTab .dcRow .dcCol strong:last-child {
    margin-bottom: 0 !important;
}

.identityTab .dcRow .dcCol .lableTitle {
    width: 130px;
    display: inline-block
}

.identityTab .dcRow .dcCol .lableDescription {
    padding-left: 50px;
}

@media (min-width:1350px) {
    .identityTab .dcRow .dcCol+.dcCol:before {
        left: -12%;
    }
}

@media (min-width:1450px) {
    .identityTab .dcRow .dcCol+.dcCol:before {
        left: -15%;
    }
}

.identityTab.representativeTab .dcCol {
    max-width: 25%;
}

.identityTab.representativeTab .dcRow .dcCol .lableTitle {
    width: 90px;
}

.identityTab.representativeTab .dcRow .dcCol .lableDescription {
    padding-left: 0px;
}

.identityTab.representativeTab .dcRow .dcCol+.dcCol:before {
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width:1750px) {
    .identityTab.representativeTab .dcRow .dcCol+.dcCol:before {
        left: -48%;
    }

    .identityTab.representativeTab .dcRow .dcCol .lableDescription {
        overflow: auto;
        display: block;
    }

    .identityTab.representativeTab .dcRow {
        justify-content: space-between !important;
    }

    .identityTab.representativeTab .dcRow .dcCol.dcCol25 {
        max-width: 100% !important;
        width: auto !important;
    }
}

@media (max-width:1500px) {
    .identityTab.representativeTab .dcRow .dcCol+.dcCol:before {
        left: -28%;
    }
}

@media (max-width:1350px) {
    .identityTab.representativeTab .dcRow .dcCol+.dcCol:before {
        left: -18%;
    }
}

.identityTab.bankAccountTab .dcRow .dcCol strong {
    margin-bottom: 11px;
}

.bankAccountTab .defaultWidgetStyle {
    padding: 27px 35px 19px;
}

.bTags {
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 25px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 2px 13px;
    border-radius: 8px;
}

.bTags.bTagGreen {
    background-color: #39AA9E;
    border-color: #39AA9E;
    margin-left: 10px;
}

.bTags.bTagBlue {
    background-color: #006E90;
    border-color: #006E90;
    margin-left: 10px;
}

.currentBalanceTab .defaultWidgetStyle {
    padding: 0;
}

.currentBalanceTab .defaultWidgetStyle .wdgBody {
    padding: 27px 32px 23px;
}

.identityTab.currentBalanceTab .dcRow .dcCol .lableTitle {
    width: auto;
}

.identityTab.currentBalanceTab .lbtAmount {
    color: #39AA9E;
}

.identityTab.currentBalanceTab .lableDescription {
    margin-top: 15px;
    padding-left: 0 !important;
}

.identityTab.currentBalanceTab .dcRow .dcCol {
    max-width: 33.333%;
}

.identityTab.currentBalanceTab .dcRow .dcCol+.dcCol:before {
    left: -25%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.identityTab.currentBalanceTab .wdgFooter .h4 {
    margin: 0;
}

.identityTab.currentBalanceTab .wdgFooter .dcRow .dcCol {
    max-width: 100%;
}

.identityTab.currentBalanceTab .wdgFooter .bTagGreen {
    margin-left: 15px;
}

.identityTab.currentBalanceTab .wdgFooter .tooltipLight {
    margin: 0 0 0 12px;
}

.wdgTableTab .defaultWidgetStyle {
    margin-bottom: 43px;
}

table.table {
    border: 0;
    border-spacing: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.wdgTableTab table.wdgTable td {
    padding: 14px 31px;
    border-bottom: 1px solid rgba(240, 240, 240, .7);
    font-weight: 400;
}

.wdgTableTab table.wdgTable th {
    background-color: #f0f0f0;
    color: #58595b;
    padding: 14px 31px;
    font-weight: 600;
    border-bottom: 1px solid #d7d7d7;
}

.wdgTableTab table.wdgTable td .h4 {
    margin-bottom: 0;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 270px;
}

.wdgTableTab table.wdgTable td .h4 a {
    color: #006E90;
}

.wdgTableTab table.wdgTable td .h4 a:hover {
    color: #39AA9E;
}

.wdgTableTab table.wdgTable .badgeLg {
    font-size: 11px;
    border-radius: 4px;
    padding: 4px 10px;
    min-width: 49px;
}

.wdgTableTab table.wdgTable .badgeLg.inactive {
    background-color: #f55858;
}

.wdgTableTab .wdgHeader .txtLink {
    font-size: 14px;
    line-height: 21px;
    color: #006E90;
}

.wdgTableTab .wdgHeader .txtLink:hover {
    color: #39AA9E;
}

.wdgTableTab table.wdgTable tbody tr:nth-child(even) td {
    background-color: rgba(240, 240, 240, .35);
}

.wdgTableTab.pagiTable .defaultWidgetStyle {
    margin-bottom: 22px;
}

.wdgTableTab.pagiTable .fsBottomWrap .tableWrap {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 44px;
    color: #AAAAAA;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
}

.wdgTableTab.pagiTable .dataTables_paginate {
    position: static;
    color: #AAAAAA;
}

.wdgTableTab.pagiTable .dataTables_paginate .paginate_button.disabled {
    color: #AAAAAA;
}

.wdgTableTab.pagiTable .dataTables_paginate .next:before {
    content: none;
}

.wdgTableTab.pagiTable .dataTables_paginate .paginate_button {
    color: #39AA9E;
}

.wdgTableTab.pagiTable .dataTables_wrapper {
    position: relative;
}

.wdgTableTab.pagiTable .dataTables_wrapper .dataTables_info {
    color: #AAAAAA;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    left: 0;
    bottom: -40px;
    font-weight: 500;
}

.wdgTableTab.pagiTable .dataTables_wrapper .dataTables_paginate {
    position: absolute;
    color: #006f90;
    bottom: -40px;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}

.wdgTableTab.pagiTable .dataTables_wrapper .paginate_button {
    margin: 0 0 0 20px;
    padding: 0 0 0 5px;
}

.wdgTableTab.pagiTable .dataTables_wrapper .paginate_button:hover {
    color: #38cebe !important;
    cursor: pointer;
}

.wdgTableTab.pagiTable .dataTables_wrapper .paginate_button.disabled {
    color: #AAAAAA !important;
    cursor: auto !important;
}

.wdgTableTab.pagiTable .defaultWidgetStyle.noPad {
    overflow: unset !important;
    margin-bottom: 90px;
}

.wdgTableTab.pagiTable .dataTable {
    overflow: hidden;
}

.wdgTableTab.pagiTable .dataTables_wrapper .dataTable {
    border-radius: 7px;
    border: 1px solid #d7d7d7;
}

.wdgTableTab table.wdgTable .badgeLg.inactive-badge {
    background-color: #f55858;
}

.mutliselect {
    height: 160px !important;
}

.mutliselect option {
    padding: 3px 5px;
}

.fakeSwitchToggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: fixed;
    left: -9999px;
    bottom: -9999px;
}

.fakeSwitchToggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 70px;
    height: 30px;
    background: #C1D3D9;
    display: block;
    border-radius: 100px;
    position: relative;
}

.fakeSwitchToggle label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #006F91;
    border-radius: 90px;
    transition: 0.3s;
}

.fakeSwitchToggle input:checked+label {
    background: #006F91;
}

.fakeSwitchToggle input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
    background: #fff;
}

.fakeSwitchToggle label:active:after {
    width: 70px;
}

.hotLocationWidth {
    max-width: 278px;
}

.tableAddress {
    max-width: 150px;
}

.locationsAddSubscription {
    border: 0;
    position: absolute;
    right: 0;
    width: 10px;
    bottom: 0;
    background: transparent;
    pointer-events: none;
    outline: none;
    opacity: 0;
}

.paymentMethod {
    color: #58595b;
    font-size: 13px;
    line-height: 1;
}

.paymentMethod .paymentMethod-img {
    float: left;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.paymentMethod .paymentMethod-img svg {
    display: block
}

.paymentMethod .paymentMethod-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    box-shadow: rgb(33 29 51 / 16%) 0px 0px 0px 1px inset;
}

.paymentMethod .paymentMethod-txt {
    float: left;
    padding: 2px 0 0 9px;
}

.paymentMethod .paymentMethod-top {
    color: #58595b;
    font-weight: 500;
    margin: 0 0 4px;
}

.paymentMethod .default {
    background-color: #006F91;
    font-size: 8px;
    font-style: normal;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    padding: 3px 6px;
    color: #fff;
    line-height: 1.2;
    border-radius: 2px;
    margin: -3px 0 0 3px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.membersy-commission .mainlabel {
    min-width: 190px;
    display: inline-block;
    vertical-align: middle
}

.membersy-commission .mdInput {
    max-width: 180px;
}

.membersy-commission .mdFakeLabelRadio {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 18px;
    margin-bottom: 3px;
}

.membersy-commission .txt {
    display: inline-block;
    vertical-align: middle;
}

.mdFakeLabelCheckbox {
    position: relative;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.mdFakeLabelCheckbox span.over {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
}

.mdFakeLabelCheckbox span.over:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #58595b;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

.mdFakeLabelCheckbox span.over:hover::after {
    opacity: 0.3;
}

.mdFakeLabelCheckbox input[type=checkbox] {
    visibility: hidden;
}

.mdFakeLabelCheckbox input[type=checkbox]:checked+span.over:after {
    opacity: 1;
}

.rolesbox span.text {
    margin-left: 10px;
    text-transform: capitalize;
}

.rolesbox h3 {
    margin: 0;
    text-transform: capitalize;
}

.anmForm .pricingbox_container .formInlineRow .error .mdInput {
    color: #f55858 !important;
}

.anmForm .pricingbox_container .formInlineRow .error .mdInput::-webkit-input-placeholder,
.anmForm .pricingbox_container .formInlineRow .error .mdSelect::-webkit-input-placeholder {
    color: #f55858;
}

/****** progress ****/
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1.25rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #006f90;
    transition: width .6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.editThreeColumn.formInlineRow {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.editThreeColumn.formInlineRow>.formCol {
    flex: inherit;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 33.333%;
}

.editThreeColumn.formInlineRow>.formCol .form-check {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.editThreeColumn.formInlineRow>.formCol .form-check>.form-check-input {
    position: absolute;
    left: 0;
    top: 0;
}

#custom-date {
    padding: 0 10px;
}

#export-filter.anmForm .mdFakeLabel {
    font-size: 14px;
}

#export-filter.anmForm .formInlineRow {
    margin-bottom: 8px;
}

.fancyboxpopup #export-filter .popupbody {
    font-weight: normal;
    font-size: 13px;
}

.fancyboxpopup #export-filter .editThreeColumn.formInlineRow>.formCol .form-check {
    padding-left: 0;
    margin-bottom: 0;
}

.fancyboxpopup #export-filter .editThreeColumn.formInlineRow>.formCol .form-check .mdCheckboxLabel {
    font-weight: normal;
    margin: 8px 0 0;
    padding-left: 27px;
}

.fancyboxpopup #export-filter .editThreeColumn.formInlineRow>.formCol .form-check .mdFakeLabel {
    font-size: 13px;
    line-height: 2;
}

.fancyboxpopup #export-filter .editThreeColumn.formInlineRow>.formCol {
    padding-right: 0;
}

.checkoutsummary ul .total-annual-subscription-discount {
    margin-top: 0;
    border-top: 1px solid rgba(0, 103, 134, 0.1);
}

.radiobox:before {
    top: 4px;
    width: 30px;
    height: 14px;
    border-radius: 10px;
    position: absolute;
    content: "";
    background: #7DAEBA;
    left: 0;
    opacity: 0.8;
}

.radiobox:after {
    top: 6px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #006f90;
    border-radius: 50%;
    content: "";
    position: absolute;
}

.radiobox {
    position: relative;
    z-index: 20;
    display: none !important;
    padding-left: 39px;
    display: inline-block;
    vertical-align: middle;
    bottom: -22px;
    font-size: 13px;
}

.radiobox a {
    color: #58595b;
}

diobox {
    position: relative;
    display: block;
    font-weight: 500;
    padding-left: 25px;
    cursor: pointer;
}

.report-row {
    background: #E4F8F7;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 30px;
    margin: 0 0 10px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.report-row .left {
    flex: 50%;
}

.report-row .left h3 {
    font-size: 18px;
    line-height: 21px;
    color: #006483;
    margin: 0 0 4px;
}

.report-row .left p {
    font-size: 14px;
    line-height: 16px;
    color: #00C7B5;
}

.report-row .right {
    flex: 50%;
    text-align: right;
}

.report-row .right .export-schudle {
    font-size: 10px;
    margin: 0 0 20px;
    line-height: 12px;
    color: #58595B;
    display: inline-block;
    vertical-align: middle;
}

.report-row .right .done {
    color: #00C7B5;
}

.report-row .right .export-schudle svg {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 2px 0 0;
}

.email-advance-report {
    width: 410px;
}

.email-advance-report .formholder {
    background: none;
}

.email-advance-report.fancyboxpopup .fancybox-button {
    display: block;
    right: auto;
    left: 0;
    padding: 7px;
}

.email-advance-report .formholder h4 {
    font-size: 18px;
    line-height: 21px;
    color: #006483;
    text-align: center;
    margin: 0 0 30px;
}

.email-advance-report .formholder .title {
    font-size: 16px;
    line-height: 19px;
    color: #58595B;
    margin: 0 0 4px;
    display: block;
}

.email-advance-report .formholder .mdinput {
    outline: none;
    font-size: 16px;
    line-height: 40px;
    color: #CECECE;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #CECECE;
}

.email-advance-report .formholder .radio-button {
    padding: 10px 0 30px;
}

.email-advance-report .formholder .mdFakeLabelRadio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}

.email-advance-report .formholder .btn-save {
    cursor: pointer;
    background: #006483;
    border-radius: 8px;
    display: block;
    border: 0;
    padding: 12px;
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #F5F5F5;
    text-align: center;
    font-weight: normal;
}

.report-dstSection .mdSelectWrapper {
    background: #E7F1F4;
    border-radius: 8px;
    overflow: hidden;
}

.report-dstSection .mdSelectWrapper .mdSelect {
    background: #E7F1F4;
    border-radius: 8px;
}

.report-dstSection h2 {
    font-size: 18px;
    line-height: 20px;
    color: #58595B;
}

.report-dstSection label {
    display: block;
}

.report-dstSection .formCol {
    width: 20%;
}

.report-dstSection .mdSelect {
    width: 100%
}

.email-advance-report p {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #58595B;
    margin: -20px auto 20px;
    max-width: 240px;
}

.email-advance-report .resetbutton {
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #006483;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    padding: 12px;
    outline: none;
    text-decoration: none;
    display: block;
    margin: 0 0 10px;
    font-weight: normal;
}

.emailoverflow.noOverFlow {
    overflow: visible;
}

.tooltip.ttlpV2 {
    background: transparent;
    padding: 0;
    font-size: 15px !important;
    width: auto;
    height: auto;
    color: #006F90
}

.tooltip.ttlpV2 span {
    width: auto;
    text-transform: initial;
    padding: 6px 13px 4px
}

.tooltip.ttlpV2.location-slash span {
    white-space: normal;
    width: 200px;
}

.emailoverflow.noOverFlow .tooltip .fa-info {
    font-size: 8px;
    line-height: 13px;
}

.tooltip.ttlpV2 .mdIcn {
    margin-right: 0 !important;
    min-width: 23px;
}

.showLink {
    color: #006f90;
}

.showLink .mdIcn {
    color: #38cebe;
}

.showLink:hover {
    color: #38cebe
}

.tooltip a {
    text-decoration: underline;
    color: #fff
}

.tooltip a:hover {
    text-decoration: none;
    color: #00C7B5
}

.error .select2-selection {
    border-color: rgb(245, 88, 88) !important;
}

.success .select2-selection {
    border-color: rgb(73, 210, 195) !important;
}

.bulkLocations {
    margin-top: 20px;
}

.bulkLocations .fakeSwitchToggle {
    margin-left: 10px;
    margin-right: 10px;
}

.anmForm .formBody .bulkLocations .formFieldTitle {
    margin-bottom: 0;
}

#upload_fee_schedule_modal .select2-container--default .select2-results>.select2-results__options {
    max-height: 139px;
}

.anmForm .formInlineRow select[multiple].mdSelect {
    height: 100% !important;
}

.memTable tr td:last-child .tooltip span {
    transform: translateX(-75%);
    width: 170px;
}

.memTable tr td:last-child .tooltip span:after {
    left: 75%;
}

.tooltip.noBg {
    background-color: transparent;
}

.customCheckMark {
    position: relative;
}

.customCheckMark:before {
    position: absolute;
    left: -16px;
    top: -7px;
    content: '';
    border: solid #006F91;
    border-width: 0 0 4px 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 6px 0 0 2px;
    width: 14px;
    height: 7px;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* status verification tooltip */
.statusTooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 2px;
    text-align: center;
    color: #fff;
    line-height: 14px;
}

.statusTooltip .toolTipOver {
    transition: all ease 0.3s;
    position: absolute;
    background: #fff;
    color: #444;
    bottom: 100%;
    left: 50%;
    font-weight: normal;
    font-size: 11px !important;
    padding: 8px 15px 6px;
    border-radius: 3px;
    transform: translateX(-50%);
    margin: 0 0 9px;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    display: block;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.02);
}

.statusTooltip:hover .toolTipOver {
    opacity: 1;
    visibility: visible;
}

.statusTooltip .mdSelectWrapper2 {
    transition: all ease 0.3s;
    position: absolute;
    width: auto;
    bottom: 100%;
    left: 50%;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #58595B;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    margin: 0 0 6px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}

.statusTooltip .mdSelectWrapper2:after {
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    transform: translateX(-50%);
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #fff !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

.statusTooltip:hover .mdSelectWrapper2,
.statusTooltip.activeTooltip .mdSelectWrapper2 {
    opacity: 1;
    visibility: visible;
}

.mdSelectWrapper2 .select2.select2-container .select2-selection {
    height: auto;
    border-color: #fff;
    border-radius: 6px !important;
}

.mdSelectWrapper2 .select2.select2-container.select2-container--open .select2-selection {
    border-color: #2F6D8D;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #2F6D8D;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #58595B;
    line-height: 15px !important;
    padding: 4px 23px 4px 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABVSURBVHgBXYyxDYAwDATPEWEZiohNskhomIOGLMImKAXbUIAVWbJyhYt7/8tSjsTPU/eGw3zQM8FlwkJ1MxHx4oVshUDMd92ajK0+20NG9GktZ/LuAz5cGCgUcl/QAAAAAElFTkSuQmCC');
    background-position: 4px 9px;
    background-repeat: no-repeat;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #58595B;
    padding: 5px 8px !important;
    line-height: 15px !important;
}

.select2-container--open .select2-dropdown--below {
    width: 400px !important;
    text-align: left;
    border-radius: 6px;
    margin: 3px 0 0;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow: hidden;
    padding: 4px !important;
}

.statusDropdown {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #58595B;
    border: 0 !important;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 15%);
    border-radius: 6px !important;
}

.statusDropdown .select2-results__options li {
    border-radius: 3px;
    padding: 8px 4px;
}

.statusDropdown .select2-results__options li img,
.select2-selection__rendered img {
    vertical-align: top;
    margin-right: 2px;
}

.select2-selection__rendered img {
    display: none;
}

.statusDropdown .select2-results__options li.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F3F8F9 !important;
    color: #58595B !important;
}

.statusDropdown .select2-search--dropdown {
    display: none !important;
}

.location-slash svg {
    width: 20px;
    height: 20px;
    fill: #6bbad1;
    display: block;
}

.payPopupLogin .logoWrap {
    margin-top: 38px;
    margin-bottom: 42px;
}

.fontPoppins {
    font-family: 'Poppins', sans-serif !important;
}

.forgotPassLink {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #0A1040;
    transition: color 0.35s ease
}

.forgotPassLink:hover {
    color: #385ADC;
}

#successmasgbox_login,
#errrormasgbox_login {
    border: 1px solid #DC2626;
    background: #FEE2E2;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 9px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    right: 50%;
    top: 30px;
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #DC2626;
    flex: none;
    order: 0;
    flex-grow: 1;
    transform: translate(50%, 0);
}

.forgetTextBox {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #0A1040;
}

.forgetTextBox .textTitle {
    display: block;
    color: #0A1040;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 10px;
}

.forgetTextBox p {
    margin: 0;
}

.forgetTextBox p a {
    color: #385ADC;
    text-decoration: underline;
}

.forgetTextBox p a:hover {
    text-decoration: none;
}

.backToLogin {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
}

.backToLogin a {
    color: #fff;
    text-decoration: none;
    transition: all ease 0.3s;
}

.backToLogin a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#successmasgbox_login.success {
    border-color: #059669;
    background: #D1FAE5;
    color: #059669;
}

.help-text .error {
    color: #f55858;
}

/**
 * ============================
 *  BACKWARD COMPATIBILITY - to be removed in future
 * ============================
**/
#create_new_member .mdSelectWrapper.success {
    border: 1px solid #49d2c3 !important;
}

#create_new_member .mdSelectWrapper.error {
    border: 1px solid #f55858 !important;
}

#create_new_member .mdSelectWrapper.neutral {
    border: 1px solid #ddd !important;
}

#create_new_member .success .mdSelect {
    border: none !important;
}

#create_new_member .mdInput.success {
    border-color: #49d2c3 !important;
}

#create_new_member .mdInput.error {
    border-color: #f55858 !important;
}

#create_new_member .mdInput.neutral {
    border-color: #ddd !important;
}

#create_new_member .inputnodesign.success {
    border-color: #49d2c3 !important;
}

#create_new_member .inputnodesign.error {
    border-color: #f55858 !important;
}

#create_new_member .inputnodesign.neutral {
    border-color: #ddd !important;
}

/**
 * ============================
 *  REFRESHED - utility
 * ============================
**/

/* fields */
.field-label {
    font-size: 15px;
    margin-bottom: 3px;
    align-items: center;
    display: flex;
    font-weight: 600;
    color: #58595b;
}

.field-input {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid #fefefe;
    background-color: #fefefe;
    padding: 10px 11px;
    color: #58595b;
    font-size: 13px;
    line-height: 23px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
    box-sizing: border-box;
}

.field-input:focus {
    border-color: #D4E6E1;
    outline: none;
    box-shadow: 0 0 0 2px rgba(212, 230, 225, .6);
}

.field-input:disabled {
    background: #f7f7f7;
}

.field-input.input-sm:focus {
    border-color: #D4E6E1;
}

.field-input.input-sm:disabled {
    background: #f7f7f7;
}

.field-select-wrapper select {
    width: 100%;
    height: 43px;
    padding: 6px 24px 6px 9px;
    color: #58595b;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 1px solid #fefefe;
    background-color: #fefefe;
    font-size: 13px;
    line-height: 23px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
}

.field-select-wrapper {
    width: 100%;
    position: relative;
    border-radius: 4px;
    border: 1px solid #fefefe;
}

.field-select-wrapper:before,
.field-select-wrapper:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 10px;
    color: #58595b;
    opacity: .7;
    z-index: 2;
}

.field-select-wrapper:before {
    content: "\f107";
    bottom: 2px;
}

.field-select-wrapper:after {
    content: "\f106";
    top: 2px;
}

.field-select2-wrapper {
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 1px solid #fefefe;
    background-color: #fefefe;
    font-size: 13px;
    line-height: 23px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
}

.field-select2-wrapper .select2.select2-container .select2-selection {
    min-height: 43px;
    border-color: #fff;
}

.field-select2-wrapper .select2.select2-container.select2-container--open .select2-selection {
    border-color: #fefefe;
}

.field-switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: fixed;
    left: -9999px;
    bottom: -9999px;
}

.field-switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 70px;
    height: 30px;
    background: #C1D3D9;
    display: block;
    border-radius: 100px;
    position: relative;
}

.field-switch label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #006F91;
    border-radius: 90px;
    transition: 0.3s;
}

.field-switch input:checked+label {
    background: #006F91;
}

.field-switch input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
    background: #fff;
}

.field-switch label:active:after {
    width: 70px;
}

.field-input.success,
.field-select-wrapper.success {
    border-color: #49d2c3 !important;
}

.field-checkbox.success {
    border: none !important;
    border-radius: 4px;
    padding: 0 !important;
}

.field-input.error,
.field-select-wrapper.error {
    border-color: #f55858 !important;
}

.field-checkbox.error {
    border: 1px solid #f55858 !important;
    border-radius: 4px;
    padding: 8px !important;
}

/* links */
.nav-link-logout {
    padding: 3px 8px;
    background-color: #A0B1F3;
    border-radius: 5px;
}

.nav-link-logout i,
.nav-link-logout span {
    color: #002920;
}

.nav-link-logout:hover {
    opacity: 0.85
}

.nav-link-auth {
    color: #4A5AA0;
    text-decoration: underline;
}

.nav-link-auth:hover {
    opacity: 0.65
}

/* alerts */
.alert {
    color: #fff;
    margin: 20px 0 0;
    padding: 10px 11px;
    border-radius: 5px;
}

.alert-success {
    background: #38cebe;
}

.alert-warning {
    background: #f79009;
}

.alert-danger {
    background: rgb(238, 83, 83);
}

.alert-minty {
    padding: 20px 30px 18px;
    border-radius: 4px;
    color: #58595b;
    background-color: rgba(0, 111, 144, 0.05);
}

.alert-minty-success {
    border: 1px solid #38cebe;
}

.alert-minty-danger {
    border: 1px solid #f55858;
}

/* buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 13px;
    font-family: inherit;
    line-height: 1;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.35s ease;
}

.btn:hover,
.btn:focus {
    outline: 0;
    cursor: pointer;
    opacity: 0.75;
}

.btn:hover {
    opacity: 0.75;
}

.btn-minty-100 {
    background-color: rgb(73, 210, 195);
}

.btn-minty-200 {
    background-color: rgb(125, 174, 186);
}

.btn-minty-300 {
    background-color: rgb(56, 206, 190);
}

.btn-minty-400 {
    background-color: rgb(57, 170, 158);
}

.btn-minty-500 {
    background-color: rgb(0, 110, 144);
}

.btn-xs {
    padding: 3px 8px;
    font-size: 8px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
}

.btn-md {
    padding: 8px 16px;
    font-size: 13px;
}

.btn-md-wide {
    padding: 8px 38px;
    font-size: 13px;
}

.btn-lg {
    padding: 10px 20px;
    font-size: 14px;
}

.btn-xl {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 1;
}

.btn-auth {
    color: #002920;
    background-color: #A0B1F3 !important;
    border-radius: 15px;
}

.btn-h-full {
    height: 100%;
}

/* buttons - clerri colors */
.btn-primary {
    background-color: #002920
}

.btn-primary-dark {
    background-color: #001B16
}

.btn-primary-light {
    background-color: #2E423E;
}

.btn-lavender {
    background-color: #a0b1f3;
}

.btn-gray {
    background-color: rgba(112, 114, 114);
}

/* badge */
.badge {
    display: inline-block;
    border: 0;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.badge.badge-boxy {
    border-radius: 4px;
    padding: 4px 10px;
    min-width: 49px;
}

.badge-xxs {
    padding: 3px 6px;
    font-size: 8px;
    font-style: normal;
    display: inline-block;
    line-height: 1.2;
    border-radius: 2px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.badge-xs {
    padding: 3px 8px;
    font-size: 8px;
}

.badge-sm {
    padding: 5px 10px;
    font-size: 12px;
}

.badge-md {
    padding: 8px 16px;
    font-size: 13px;
}

.badge-lg {
    padding: 10px 20px;
    font-size: 14px;
}

.badge-xl {
    padding: 12px 22px;
    font-size: 15px;
}

/* badge - connect v4 colors */
.badge-minty-100 {
    background-color: rgb(73, 210, 195);
}

.badge-minty-200 {
    background-color: rgb(125, 174, 186);
}

.badge-minty-300 {
    background-color: rgb(56, 206, 190);
}

.badge-minty-400 {
    background-color: rgb(57, 170, 158);
}

.badge-minty-500 {
    background-color: rgb(0, 110, 144);
}

.badge-gray {
    background-color: rgba(112, 114, 114);
}

.badge-orange {
    background-color: rgb(255, 140, 0);
}

.badge-danger {
    background-color: rgb(245, 88, 88);
}

/* background - connect v4 colors */
.bg-minty-50 {
    background-color: rgb(242, 248, 249);
}

.bg-minty-75 {
    background-color: rgb(182, 237, 231);
}

.bg-minty-100 {
    background-color: rgba(73, 210, 195, 0.1);
}

.bg-minty-150 {
    background-color: rgb(242, 248, 249);
}

.bg-minty-200 {
    background-color: rgb(125, 174, 186);
}

.bg-minty-250 {
    background-color: rgb(107, 186, 209);
}

.bg-minty-300 {
    background-color: rgb(56, 206, 190);
}

.bg-minty-400 {
    background-color: rgb(57, 170, 158);
}

.bg-minty-500 {
    background-color: rgb(0, 110, 144);
}

.text-minty-100 {
    color: rgba(73, 210, 195, 0.1);
}

.text-minty-150 {
    color: rgb(242, 248, 249);
}

.text-minty-200 {
    color: rgb(125, 174, 186);
}

.text-minty-250 {
    color: rgb(107, 186, 209);
}

.text-minty-300 {
    color: rgb(56, 206, 190);
}

.text-minty-400 {
    color: rgb(57, 170, 158);
}

.text-minty-500 {
    color: rgb(0, 110, 144);
}

.fill-minty-400 {
    fill: rgb(57, 170, 158);
    transition: fill 0.35s ease;
}

/* background - clerri colors */
.bg-primary {
    background-color: #002920;
}

.bg-primary-dark {
    background-color: #001B16;
}

.bg-primary-light {
    background-color: #2E423E;
}

.bg-lavender {
    background-color: #a0b1f3;
}

.bg-grey-light {
    background-color: #E0E0E0;
}

.bg-lavender-50 {
    background-color: rgba(160, 177, 243, 0.1);
}

.bg-lavender-100 {
    background-color: rgba(160, 177, 243, 0.2);
}

.bg-lavender-200 {
    background-color: rgba(160, 177, 243, 0.3);
}

/* text - clerri colors */
.text-primary {
    color: #002920;
}

.text-primary-dark {
    color: #001B16;
}

.text-primary-light {
    color: #2E423E;
}

.text-lavender {
    color: #a0b1f3;
}

.text-grey-light {
    color: #E0E0E0;
}

.text-lavender-50 {
    color: rgba(160, 177, 243, 0.1);
}

.text-lavender-100 {
    color: rgba(160, 177, 243, 0.2);
}

.text-lavender-200 {
    color: rgba(160, 177, 243, 0.3);
}

/* border - clerri colors */
.border-primary {
    border-color: #002920;
}

.border-primary-dark {
    border-color: #001B16;
}

.border-primary-light {
    border-color: #2E423E;
}

.border-lavender {
    border-color: #a0b1f3;
}

.border-grey-light {
    border-color: #E0E0E0;
}

/* shadows */
.shadow-default {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* centered text w/ lines */
.separator {
    display: block;
    overflow: hidden;
    text-align: center;
    max-width: 280px;
    text-transform: uppercase;
}

.separator:before,
.separator:after {
    content: "";
    background: #b0b0b0;
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.separator:before {
    right: 1rem;
    margin-left: -50%;
}

.separator:after {
    left: 1rem;
    margin-right: -50%;
}

/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 7px !important;
    margin: -3px 0 0 3px;
    border-radius: 50%;
    background: #006F91;
    width: 14px;
    height: 14px;
    text-align: center;
    color: #fff;
    line-height: 14px;
}

.tooltip span {
    width: auto;
    transition: all ease 0.3s;
    position: absolute;
    background: #006F91;
    color: #fff;
    bottom: 100%;
    left: 50%;
    font-weight: normal;
    font-size: 11px !important;
    padding: 8px 15px 6px;
    border-radius: 3px;
    transform: translateX(-50%);
    margin: 0 0 9px;
    opacity: 0;
    visibility: hidden;
    display: block;
}

.tooltip span:after {
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #006F91 transparent transparent transparent;
    transform: translateX(-50%);
}

.tooltip:hover span {
    opacity: 1;
    visibility: visible;
}

.tooltip.content {
    background: no-repeat;
    color: #006F91;
    width: auto;
    height: auto;
    font-size: 13px !important;
    margin: 0;
    font-weight: 500;
}

.tooltip.tooltip-minimal {
    background: transparent;
    padding: 0;
    font-size: 15px !important;
    width: auto;
    height: auto;
    color: #006F91;
}

.tooltip.tooltip-minimal span {
    text-transform: initial;
    padding: 6px 13px 4px
}

.tooltip-bottom span {
    bottom: auto;
    top: 100%;
    margin: 9px 0 0;
    left: auto;
    right: 0;
    transform: none;
    z-index: 9999;
}

.tooltip-bottom span:after {
    top: auto;
    bottom: 100%;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #006F91 transparent;
    left: auto;
    right: 20px;
    transform: none;
}

/* text */
.overflow-hidden-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* table */
.styled-table {
    table-layout: fixed;
    width: 100%;
    font-size: 14px;
    color: #58595b;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    border-spacing: 0;
}

.styled-table thead {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d7d7d7;
}

.styled-table thead th {
    border-bottom: 1px solid #d7d7d7;
    padding: 11px 14px;
    color: #58595b;
    font-weight: 600;
}

.styled-table tbody tr:nth-child(even) {
    background-color: rgba(240, 240, 240, 0.35);
}

.styled-table tbody a {
    color: #006f90;
}

.styled-table tbody a:hover {
    color: #6bbad1;
}

.styled-table td {
    padding: 14px;
    border-bottom: 1px solid rgba(240, 240, 240, 0.7);
}

/* table filter */
.styled-filter .btn-filter {
    height: 36px;
    padding: 8px 14px;
    font-size: 13px;
}

.styled-filter .btn-filter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: none;
    line-height: 1;
    font-size: 13px;
    text-decoration: none;
    vertical-align: -1px;
    box-sizing: border-box;
}

.styled-filter .field-select-wrapper select {
    height: 37px;
}

.styled-filter .field-input {
    padding: 6px 11px;
    box-sizing: border-box;
}

.styled-filter .field-input:focus {
    border-color: #c7e2e5;
    outline: none;
}

.styled-filter .field-input::placeholder,
.styled-filter .field-input::-webkit-input-placeholder,
.styled-filter .field-input:-ms-input-placeholder {
    color: #58595b;
    font-size: 13px;
}

/* list */
.summary-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.summary-list li {
    flex: 1;
    text-align: center;
    border-right: 2px solid #aaaaaa;
    box-sizing: border-box;
}

.summary-list li:last-child,
.summary-list li.blank {
    border-right: none;
}

/* rounded */
.rounded {
    border-radius: 16px;
}

.rounded-l {
    border-radius: 16px 0 0 16px;
}

.rounded-r {
    border-radius: 0 16px 16px 0;
}

.rounded-lg {
    border-radius: 46px;
}

/* Lavender theme overrides for topbar */
.topBar .mdIcn.text-lavender {
    color: #a0b1f3 !important;
}

.topBar .breadcrumbItem.text-gray-700 {
    color: #374151 !important;
}

.topBar .breadcrumbItem.text-gray-700:hover {
    color: #111827 !important;
}

.topBar .navbarNav .navLink.text-gray-700 {
    color: #374151 !important;
}

.topBar .navbarNav .navLink.text-gray-700:hover {
    color: #111827 !important;
}

.topBar .navbarNav .navLink .mdIcn.text-lavender {
    color: #a0b1f3 !important;
}

.dropdownMenu .dropDownItem .mdIcn.text-lavender {
    color: #a0b1f3 !important;
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

/* Powered by clerri utilities */
.hover\:bg-gray-100:hover {
    background-color: #f3f4f6;
}

.hover\:text-gray-700:hover {
    color: #374151;
}

.hover\:bg-lavender-100:hover {
    background-color: rgba(160, 177, 243, 0.2);
}

.focus\:border-lavender:focus {
    border-color: #A0B1F3;
}

.focus\:ring-lavender:focus {
    --tw-ring-color: #a0b1f3;
}