/*!
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: #5eafc7; }
.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; }
.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 .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 { display: none; }
    body.active #pageHeader .navItemHeader { display: none; }
    body.active #pageHeader .mdIcn { font-size: 22px; margin-bottom: 5px; }
    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 .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 .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;}

/**
 * ============================
 *  REFRESHED - utility
 * ============================
**/

/* fields */
.field-label { font-size: 15px; margin-bottom: 3px; align-items: center; display: flex; font-weight: 600; color: #58595b; }

.field-input { 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; }
.field-input:focus { border-color: #c7e2e5; }
.field-input:disabled { background: #f7f7f7; }
.field-input.error { border-color: #f55858; }
.field-input.input-sm:focus { border-color: #c7e2e5; }
.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; }
.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-select-wrapper select.error { border-color: #f55858; }

.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; }

/* 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-gray { background-color: rgba(112, 114, 114); }
.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-auth { color: #002920; background-color: #A0B1F3 !important; border-radius: 15px; }

/* 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-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); }
.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; }

/* 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-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-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; }

/* shadows */
.shadow-default { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }

/* 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: #006F90 }
.tooltip.tooltip-minimal span { text-transform: initial; padding: 6px 13px 4px }

/* 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; }