styles*/
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    background: #f3f5f7 !important;
}
body {
    overflow: hidden !important;
}
.container {
    max-width: 100%;
    position: relative;
    height: 100%;
    padding: 0;
}
/*Hide Recaptcha Badge*/
.grecaptcha-badge {
  display: none !important;
}
/*Notice*/
.notice-container {
  padding: 24px;
  background: #ffc0007a;
  position: relative;
  z-index: 9999;
  margin: 0 32px;
  border-radius: 10px;
  margin-bottom: -10px;
  margin-top: 32px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
  z-index: -1;
}
.notice-container .header-container span.scheduled {
  line-height: unset;
  font-size: unset;
}
.maint-wrap {
  max-width: 1300px;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
  position: relative;
}
.not-container {
  padding: 24px;
  background: #ffc0007a;
  position: relative;
  z-index: 9999;
  border-radius: 10px;
  border: 3px solid #ffc000;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.maintenance-cover {
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #f3f5f7 !important;
}
/*Transitions*/
@keyframes zoomIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
/*
.box.trans1 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.box.trans2 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-fill-mode: both;
}
.box.trans3 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: .4s;
  animation-fill-mode: both;
}
.box.trans4 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: .6s;
  animation-fill-mode: both;
}
.box.trans5 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: .8s;
  animation-fill-mode: both;
}
.box.trans6 {
  animation-name: zoomIn;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
}*/
.quote-accept.button {
  transition: 0 !important;
  display: none !important;
}
/*Dashboard*/
.subscription-info {
    border: 2px solid #ffc000;
    box-shadow: none !important;
    padding: 10px 15px;
    background: #ffc00014;
    width: 100%;
    position: relative;
    border-radius: 10px;
    margin-bottom: 25px;
    left: 0;
    transition: all .5s ease;
    font-weight: 600;
}
.sub-details {
    display: inline-flex;
    margin: 3px 0;
}
.sub-det {
    position: relative;
    top: 0;
    white-space: nowrap;
    font-weight: 500;
    padding: 1px 9px 2px 9px;
    background: #ffc000;
    border-radius: 30px;
    z-index: 0;
    margin-left: 5px;
    font-size: 13px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    height: 100vh;
}
th svg {
  position: relative;
  top: 2px;
  left: 2px;
}
.site-link {
  color: #ffc000;
}
.required {
  font-style: italic;
  font-weight: 400;
}
/*Scroll Bar*/
::-webkit-scrollbar {
    width: 10px;
    padding: 5px;
}
::-webkit-scrollbar-track {
    background-color: #F3F5F7;
}
::-webkit-scrollbar-thumb {
  background-color: #ffc000;
}
.holder {
  position: relative;
}
.complete-payment-button {
  transition: all .4s;
  cursor: pointer;
  color: #212529;
  font-weight: 500 !important;
  display: block;
  font-size: 13px;
  border: 0;
  position: absolute;
  right: -31px;
  top: 50%;
  transform: translateY(-50%);
  background: #ffc000;
  border-radius: 5px;
  padding: 3px 4px;
  min-width: 21px;
}
.complete-payment-button.red-button {
  background: #aa0b0b;
  color: white;
}
.dataTable td .complete-payment-button i {
  padding: unset !important;
  background: unset !important;
  margin-right: unset !important;
}
.left-hold {
  display: flex;
}
.version {
  position: relative;
  font-weight: 600;
  background: #ffc000;
  padding: 3px 12px;
  border-radius: 30px;
  margin-right: 15px;
  text-decoration: none !important;
  color: #282828 !important;
}
.version.dark {
  background: #282828;
  color: white !important;
}
.version.darker {
  background: #000;
  color: white !important;
}
.current-time {
  font-weight: 600;
  font-size: 22px;
}
/*AJAX Form*/
#my-form #fixed_discount_wrap, #my-form #percentage_discount_wrap {
  display: none;
}
#my-form .fields-hold {
display: block;
margin: 35px 0;
}
#my-form .wrap-input {
width: 48% !important;
margin: 10px .9% !important;
display: inline-block;
}
#my-form .form-input {
margin: 0 !important;
font-size: unset !important;
line-height: unset !important;
border: 1px solid #a6a6a682 !important;
border-radius: 3px !important;
background: white !important;
width: 100% !important;
padding: 10px 15px !important;
}
#my-form .field-margin {
margin: 0 -.9%;
}
#my-form .label {
margin-bottom: 10px;
}
input:focus { 
outline: 2px solid #ffc000 !important;
}
#my-form .loader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.5);
display: none;
z-index: 1;
}
#my-form .spinner {
position: absolute;
top: 50%;
left: 48.3%;
transform: translate(-50%, -50%);
border: 6px solid #f3f3f3;
border-top: 6px solid #ffc000;
border-radius: 50%;
width: 45px;
height: 45px;
animation: spinning 1s linear infinite;
}
@keyframes spinning {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes acfspinning {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#my-form {
position: relative;
}
#my-form .fielder {
margin: 0 4px;
}
#my-form .form-group  tr > td:first-child {
width: 48% !important;
}
#my-form .form-group tr > td {
width: 48% !important;
margin: 10px .9% !important;
display: inline-block !important;
padding: 5px 0 !important;
}
#my-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background-color: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/*Accordion*/
.accordion {
width: 100%;
overflow: hidden;
}
.accordion__intro {
position: relative;
cursor: pointer;
}
.accordion__active .accordion__content {
opacity: 1;
}
.accordion-link {
position: relative;
font-weight: 600;
font-size: 15px;
background: #ffc000;
padding: 4px 10px;
border-radius: 30px;
width: fit-content;
}
.accordion-link.open {
opacity: 1;
visibility: visible;
display: block;
}
.accordion-link.closer {
opacity: 0;
visibility: hidden;
display: none
}
.accordion__active .accordion-link.open {
opacity: 0;
visibility: hidden;
display: none;
}
.accordion__active .accordion-link.closer {
opacity: 1;
visibility: visible;
display: block;
}
/*Progress Bar*/
.website-progress-bar {
  display: block;
  background: #e8eaec;
  padding: 10px;
  position: relative;
}
.progress-block {
  background: #ffc000;
  padding: 10px;
  width: 20%;
  transition: all .5s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-right: 3px solid #e8eaec;
}
.progress-block.second {
  left: 20%;
  z-index: 1;
  background: #ffc000;
}
.progress-block:hover {
  background: #eeb301;
}
.progress-hover {
  position: absolute;
  bottom: -65px;
  left: 50%;
  transform: translate(-50%);
  font-size: 13px;
  width: 70%;
  z-index: 9;
  background: #222222ed;
  padding: 10px 14px;
  border-radius: 7px;
  color: white;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}
.progress-hover::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  top: -15px;
  width: 25px;
  height: 15px;
  background: #222222ed;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.progress-block:hover .progress-hover {
  opacity: 1;
  visibility: visible;
}
/*Dashboard*/
/*Container*/
.container {
    display: flex;
    height: 100%;
}
/*Sidebar*/
.sidebar {
    max-width: 280px;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 0 16px;
    overflow: auto;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.11) 0px 25px 50px -12px;
    position: relative;
    z-index: 9999;
}
.sidebar__logo {
    margin: 20px 0 35px 0;
}
.sidebar__logo img {
  max-width: 230px;
  width: 100%;
  object-fit: contain;
  object-position: center;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.sidebar__logo-header {
    margin-left: 14px;
}
.side-nav {
    display: flex;
    flex-direction: column;
}
.side-nav__header {
    font-size: 14px;
    color: #3C3C3C;
    display: inline-block;
    padding: 7px 17px;
    background: #f4f5f670;
    border-radius: 3px;
    margin-bottom: 15px;
} 
.side-nav__header, .side-nav__item > span {
    letter-spacing: -2%;
    font-weight: 500;
}
.side-nav__item {
    list-style: none;
    color: #5f6062;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 6px;
    border-radius: 4px;
    transition: all .4s;
    cursor: pointer;
    white-space: nowrap;
}
.side-nav__item.red-dot {
  position: relative;
}
.side-nav__item.red-dot::before {
  position: absolute;
  content: "";
  right: 8px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aa0b0b;
}
.side-nav__item > svg {
  flex-shrink: 0;
}
.side-nav__item.last-item {
    margin-bottom: 32px;
}
.side-nav__item:not(:last-child) {
    margin-bottom: 4px;
}
.side-nav__item:hover,  .side-nav__item-active {
    background-color: #ffc000;
    color: #2d2d2d;
}
/*Main Content*/
.main-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto;
}
/*Top Container*/
.top-container {
    padding: 18px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    position: relative;
    z-index: 9999;
    margin: 0 32px;
    margin-bottom: 0px;
    border-radius: 0 0 10px 10px;
    margin-bottom: -10px;
}
/*Admin Panel*/
.custom-info {
  font-weight: 700;
  margin: 6px 0;
  position: relative;
  font-size: 15px;
}
.custom-info span {
  font-weight: 500;
}
.custom-info .empty-field {
  color: #aa0b0b;
  font-weight: 600 !important;
}
/*Artworks*/
.box.notice {
  background: #ffc0007a;
}
.box-warning {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: white;
  left: 0;
  top: 0;
  border-radius: 10px;
  padding: 20px;
}
.warning-container {
  width: fit-content;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  font-size: 15px;
}
.warning-icon i {
  font-size: 50px;
  margin-bottom: 15px;
  color: #ffc000;
  background: #f3f5f7;
  padding: 18px;
  border-radius: 60px;
  width: 86px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.coming-soon {
  position: absolute;
  width: 100%;
  min-height: 50vh;
  height: 100%;
  z-index: 9;
  background: white;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.soon-container {
  width: fit-content;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  font-size: 25px;
}
.soon-icon i {
  font-size: 60px;
  margin-bottom: 15px;
  color: #ffc000;
  background: #f3f5f7;
  padding: 30px;
  border-radius: 20px;
  width: 120px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.soon-heading {
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 5px;
}
.box.locked-area {
  height: 85vh;
}
.lock-container {
  width: fit-content;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  font-size: 25px;
}
.lock-icon i {
  font-size: 60px;
  margin-bottom: 15px;
  color: #ffc000;
  background: #f3f5f7;
  padding: 30px;
  border-radius: 60px;
  width: 120px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.lock-heading {
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 5px;
}
.premium-tag {
  font-weight: 700;
  font-size: 30px;
}
.lock-container .edit {
  font-size: 20px;
  font-weight: 600;
}
.box.form-box {
  height: fit-content !important;
  min-height: unset !important;
}
.box.form-box .mid-text {
  max-width: 85%;
}
.box.form-box .mid-content {
  top: 0;
  transform: unset;
}
.box.form-box .acf-fields > .acf-field {
  padding: 10px 0 !important;
}
.box.form-box .float-button {
  cursor: pointer;
  border: 0;
  bottom: -75px;
}
.box.normal-box .float-button {
  bottom: 0 !important;
}
.acf-spinner {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  transform: unset;
  border: 4px solid #e3e3e3 !important;
  border-top: 4px solid #ffc000 !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  animation: acfspinning 1s linear infinite;
  background: transparent !important;
  margin-top: 10px;
}
.form-box .wpcf7-form p {
  margin-bottom: 0;
  padding-bottom: 0;
}
.form-box .wpcf7-form .label p {
  margin-bottom: 10px;
}
.box.form-box .acf-field .acf-label label {
  font-weight: 700;
}
.box.grey-box.form-box .label {
  color: white;
}
.box.grey-box.form-box .wpcf7-text, .box.grey-box.form-box .acf-field input[type="text"], .box.grey-box.form-box .acf-field input[type="number"], .box.grey-box.form-box .acf-field select, .box.grey-box.form-box input[type="text"], .box.grey-box.form-box select {
  box-shadow: 0 0 0 1px #313131, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0, 0%, 100%, 0.9);
  background: #313131;
  font-weight: 600 !important;
}
.box.yellow-box.form-box .acf-field input[type="text"], .box.yellow-box.form-box .acf-field textarea, .box.yellow-box.form-box .acf-field select, .box.yellow-box.form-box input[type="password"], .box.yellow-box.form-box input[type="number"], .box.yellow-box.form-box input[type="text"], .box.yellow-box.form-box select {
  box-shadow: 0 0 0 1px #ffd555, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #ffd555;
  font-weight: 600 !important;
}
.box.purple-box.form-box .acf-field input[type="text"], .box.purple-box.form-box .acf-field select {
  box-shadow: 0 0 0 1px #564fdb, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #564fdb;
  color: white;
  font-weight: 600 !important;
}
.box.pink-box.form-box .acf-field input[type="text"], .box.pink-box.form-box .acf-field select {
  box-shadow: 0 0 0 1px #bf2b5c, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #bf2b5c;
  color: white;
  font-weight: 600 !important;
}
.box.blue-box.form-box .acf-field input[type="text"], .box.blue-box.form-box .acf-field select {
  box-shadow: 0 0 0 1px #2e4679, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #2e4679;
  color: white;
  font-weight: 600 !important;
}
.box.green-box.form-box .acf-field input[type="text"], .box.green-box.form-box .acf-field select {
  box-shadow: 0 0 0 1px #089b6b, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #089b6b;
  color: white;
  font-weight: 600 !important;
}
.box.purple-box .float-button {
  background: #fff;
  color: #564fdb;
}
.box.pink-box .float-button {
  background: #fff;
  color: #df2f69;
}
.box.blue-box .float-button {
  background: #fff;
  color: #3b5998;
}
.box.green-box .float-button {
  background: #fff;
  color: #089b6b;
}
.box.green-box {
  background-color: #08b87e;
  color: white;
  min-height: 380px;
  height: 380px;
  padding: 45px;
  overflow: hidden;
}
.box.purple-box {
  background-color: #635bff;
  color: white;
  min-height: 380px;
  height: 380px;
  padding: 45px;
  padding-top: 75px;
  overflow: hidden;
}
.box.white-box {
  background-color: white;
  color: #242424;
  min-height: 380px;
  height: 380px;
  padding: 45px;
  overflow: hidden;
}
.box.yellow-box {
  background-color: #ffc000;
  color: #242424;
  min-height: 450px;
  height: 450px;
  padding: 45px;
  overflow: hidden;
}
.g-blue {
  color: #4285F4;
  font-size: 32px;
}
.g-red {
  color: #DB4437;
  font-size: 32px;
}
.g-yellow {
  color: #F4B400;
  font-size: 32px;
}
.g-green {
  color: #0F9D58;
  font-size: 32px;
}
.google-logo {
  margin-right: 5px;
  font-size: 0;
  line-height: 0px;
}
.box .social-icon i {
  font-size: 37px;
}
.box.pink-box .social-icon i, .box.blue-box .social-icon i {
  font-size: 28px;
}
.box .social-icon {
  padding: 10px;
}
.box.purple-box .social-icon {
  max-width: 70px;
  background: white;
  color:  #564fdb;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 45px;
  border-radius: 0 0 6px 6px;
}
.box.yellow-box .social-icon {
  max-width: 60px;
  background: #242424;
  color:  #ffc000;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 45px;
  border-radius: 0 0 6px 6px;
}
.box.grey-box {
  background-color: #242424;
  color: white;
  min-height: 300px;
  height: 300px;
  padding: 45px;
}
.box.blue-box {
  background-color: #3b5998;
  color: white;
  min-height: 300px;
  height: 350px;
  padding: 45px;
  padding-top: 60px;
}
.box.blue-box .social-icon {
  max-width: 60px;
  background: white;
  color: #3b5998;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 45px;
  border-radius: 0 0 6px 6px;
}
.box.pink-box {
  background-color: #3b5998;
  color: white;
  min-height: 300px;
  height: 350px;
  padding: 45px;
  padding-top: 60px;
  background: #df2f69;
}
.box.pink-box .social-icon {
  max-width: 60px;
  background: white;
  color: #df2f69;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 45px;
  border-radius: 0 0 6px 6px;
}
.mid-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mid-heading {
  font-size: 32px;
  font-weight: 800;
  line-height: 35px;
  margin-bottom: 15px;
}
.mid-text {
  max-width: 70%;
  opacity: 0.9;
  font-weight: 500;
}
.float-button {
  padding: 15px 30px;
  position: absolute;
  bottom: 0;
  background: #242424;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  font-size: 18px;
  color: white;
  text-decoration: none !important;
}
.box.grey-box .float-button {
  background: #ffc000;
  color: #242424;
}
/*Bottom Container*/
.bottom-container {
    display: flex;
    gap: 24px;
    padding: 32px;
    background: transparent;
}
.box {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 24px;
    height: fit-content;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
    position: relative;
}
.bottom-container__left {
    width: 70%;
}
.bottom-container__right {
    width: 30%;
}
.spending-statistics {
    max-height: 338px;
}
/*Header Container*/
.header-container {
    color: #1A202C;
    display: block;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px; 
    font-weight: 600;
    letter-spacing: -2%;
}
.section-header {
    line-height: 24px;
    font-weight: 700;
    font-size: 22px;
    color: #1a202c;
    display: inline-block;
}
.header-container span {
    line-height: 21px;
    font-size: 14px;
}
.year-selector {
    display: flex;
    align-items: center;
    gap: 24px;
}
.total-box {
    display: flex;
}
.total-box__left {
    border-right: 1px solid #F0F0F0;
    flex: 1;
}
.total-box__right {
    flex: 1;
}
.up-arrow, .total-box__left {
    margin-right: 24px;
}
.price {
    line-height: 150%;
    margin-bottom: 0;
}
.price-currency {
    line-height: 21px;
    font-size: 14px;
    font-weight: 600;
    color: #90A3BF;
    margin-left: 8px;
}
.percentage-increase {
    color: #7FB519;
}
.percentage-decrease {
    color: #FF4423;
}
.date-selector {
    padding: 10px 16px;
    display: inline-block;
    float: right;
    border: 1px solid #C3D4E9;
    border-radius: 6px;
}
.date-selector svg {
    top: 4px;
    position: relative;
}
.date-selector span {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin-left: 8px;
}
.transaction-box {
   margin-bottom: 0; 
}
.transaction-history {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    margin-top: 24px;
}
/*Table*/
.box table {
  margin: 0 !important;
}
.box tr > th {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: #282828;
    padding: 0 4px 20px 4px;
}
.box tr > td {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -2%;
    padding: 8px 4px;
    vertical-align: middle;
}
.box tr > td:first-child {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-left: 8px;
}
.status {
    margin-right: 8px;
}
/*Button*/
.button-box {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
}
.btn {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.btn-purple {
    background-color: #ffc000;
    color: white;
}
.btn-white {
    background-color: white;
    color: black;
    border: 2px solid #ffc000;
}
.spending-box {
    position: relative;
}
.overall-spending {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 32%;
    left: 50%;
    text-align: center;
}
.overall-spending > h4 {
    color: #596780;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
}
.overall-spending > span {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
}
.pie-chart__labels {
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-top: 40px;
}
.pie-chart__labels-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
}
.pie-chart__labels-item, .label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.label {
  font-weight: 600;
  opacity: 0.8;
  font-size: 14px;
  display: block;
} 
.label__color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.second {
    background: #FFACC8;
}
.third {
    background: #CC6FF8;
}
.fourth {
    background: #ffc000;
}
.fifth {
    background: #5CAFFC;
}
.sixth {
    background: #A1A9FE;
}
/*Tabs*/
.tab-content.current {
  display: flex;
}
.tab-content.blocker.current {
  display: block;
}
.tab-content {
  display: none;
}
.tab-content.blocker {
  display: none;
}
ul.tabs li i {
  font-size: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #4d4d4d;
  width: 35px;
  height: 35px;
  margin: 2px;
  background: #ffffff63;
  border-radius: 3px;
}
/*Side Panel*/
.side-wrap  {
  position: fixed;
  right: -25%;
  top: 0;
  width: 20%;
  height: 100%;
  z-index: -1;
  background: rgb(255, 255, 255);
  transition: all .5s ease;
  border-left: 1px solid #F3F5F7;
  padding: 100px 30px;
}
.side-wrap.active {
  right: 0;
}
/*Login*/
.column-logo {
  /*position: absolute;
  top: 50%;
  width: 360px;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
  transition: all .5s ease;*/
  position: absolute;
  top: unset;
  width: 260px;
  left: 50%;
  transform: translate(-50%);
  padding: 20px;
  background: transparent;
  border-radius: 15px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;
  bottom: 70px;
  box-shadow: rgba(0, 0, 0, 0.34) 0px 25px 50px -12px;
}
.column-logo:hover {
  transform: translate(-50%) scale(1.05);
}
.form-spacer {
    height: 50px;
}
.login-hold {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
}
.login-column {
  width: 40%;
  background: white;
  height: 100%;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
  overflow: scroll;
  padding: 40px;
}
.login-column.column-image {
  background-position: center;
  background-size: cover;
  float: none;
  box-shadow: unset;
  background-color: #f4f5f6;
  height: 100vh;
}
.login-column.column-small {
  width: 30%;
}
.login-column.column-large {
  width: 70%;
}
.login-column.column-half {
  width: 50%;
}
.login-form-wrap {
    width: 70%;
}
.main-form-wrap {
  padding: 60px 40px;
  height: 100%;
}
.form-button-wrap.signup-now {
  justify-content: center;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
.form_button.signup-button {
  margin: 0;
  font-size: 20px;
  padding: 18px 26px;
  width: fit-content;
}
.login-page {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: #f3f5f7;
}
.login-float {
  height: fit-content;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.sub-float {
  border-radius: 10px;
  padding: 45px;
  margin-bottom: 22px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.signup {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.signup a {
  color: #282828;
  font-weight: 600;
}
.tags-wrap {
  position: relative;
  display: block;
}
.payment-tag {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  background: #ffc000;
  border-radius: 30px;
  z-index: 0;
  width: fit-content;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 5px;
  color: initial !important;
}
.payment-tag.bluer {
  color: white !important;
  background: #282828;
}
.membership-price {
  font-size: 40px;
  font-weight: 800;
  line-height: 38px;
}
.headline {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.includes {
  position: relative;
  padding: 10px 15px;
  background: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 15px;
}
.signing {
  position: relative;
  padding: 10px 15px;
  border-radius: 10px;
  border: 2px solid #ffc000;
  background: #ffc00014;
}
.features {
  padding: 0;
  margin: 0;
}
.features li {
  font-size: 17px;
  font-weight: 600;
  margin: 10px 0;
}
.available i {
  color: #fff;
  background: #7fb519;
  padding: 4px;
  border-radius: 50px;
  width: 25px;
  text-align: center;
  margin-right: 5px;
}
.not-available i {
  color: #fff;
  background: #aa0b0b;
  padding: 4px;
  border-radius: 50px;
  width: 25px;
  text-align: center;
  margin-right: 5px;
}
.sign-up-link {
  background: transparent;
  border: 0;
  color: #0f3e99;
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
}
#loginform #wp-submit {
padding: 12px 18px !important;
border-radius: 5px;
transition: all .4s;
cursor: pointer;
color: #2d2d2d;
background: #ffc000;
font-weight: 600 !important;
height: fit-content;
width: fit-content;
font-size: 14px !important;
border: 0;
overflow: hidden;
position: relative;
text-decoration: none !important;
display: inline;
z-index: 9999;
line-height: normal !important;
}
#loginform #wp-submit:hover {
  background: #eeab0b;
  color: black;
}
#loginform input {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 2px solid #e5e8e882;
  padding: 8px 12px !important;
  color: hsla(0,0%,10%,.9);
  border-radius: 6px;
  background: white;
  width: 100%;
}
#loginform #rememberme {
  width: unset;
  margin-right: 5px !important;
}
#loginform label {
  width: 100%;
  font-weight: 600;
  opacity: 0.8;
  font-size: 14px;
  display: block;
}
.login-float .heading {
    font-size: 40px;
    color: #383838;
    font-weight: 700;
    margin-bottom: 30px;
}
.login-submit {
  margin-bottom: 12px;
}
/*Sign Up*/
.package-block {
  padding: 20px;
  border: 2px solid #f4f5f6;
  border-radius: 9px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all .5s ease;
  position: relative;
  z-index: 1;
  width: 50%;
}
.package-block:hover, .package-block.value:hover, .package-block.selected, .package-block.value.selected {
  background: #ffc00021;
  border-color: #ffc000;
}
.package-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #f4f5f6;
  width: fit-content;
  border-radius: 5px;
  transition: all .5s ease;
}
.package-block:hover .package-title, .package-block.value:hover .package-title, .package-block.selected .package-title, .package-block.value.selected .package-title {
  background: #ffc000;
  color: #3c3c3c;
}
.package-block p {
  margin-bottom: 10px;
}
.selection-wrap.thirds {
  display: flex;
  gap: 15px;
}
.package-block ul {
  columns: 2;
  margin: 0;
  font-weight: 500;
}
.package-block ul li {
  margin: 3px 0;
}
.package-block ul i {
  padding: 2px;
  background: #f4f5f6;
  border-radius: 2px;
  margin-right: 3px;
  transition: all .5s ease;
}
.package-block:hover ul i, .package-block.value:hover ul i, .package-block.selected ul i, .package-block.value.selected ul i {
  background: #ffc000;
  color: #3c3c3c;
}
.package-block.value {
  border-color: #c8a92d12;
  background: #c8a92d12;
}
.package-block.value ul i {
  background: #ffc00030;
  color: #b58800;
}
.package-block.value .package-title {
  background: #ffc0004d;
}
.form_button.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.login-column.darker::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  opacity: 0.5;
}
.login-column.dark-col {
  box-shadow: rgba(0, 0, 0, 0.76) 0px 25px 50px -12px;
}
.avatar-wrap {
  display: flex;
  align-items: center;
}
.avatar {
  height: 78px;
  width: 78px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  position: relative;
  opacity: .95;
  margin-right: 15px;
  aspect-ratio: 1/1;
}
.avatar-wrap .content {
  line-height: 25px;
}
.task-head {
  font-weight: 700;
  font-size: 21px;
}
.task {
  font-weight: 500;
  font-size: 15px;
}
.signup-spacer {
  height: 30px;
}
.mobile-signup-banner {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position-x: center;
  border-radius: 8px;
  aspect-ratio: 16 / 6;
  background-position-y: -68px;
  overflow: hidden;
}
.mobile-signup-banner::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  opacity: 0.5;
}
.signup-form-wrap .login-submit {
  width: 50%;
  display: inline-block;
  margin-top: 20px;
}
.login-reset {
  float: right;
  margin-top: 20px;
}
.signup-form-wrap {
  height: 100%;
}
.main-form-wrap {
  position: relative;
}
.or {
  font-weight: 700;
  font-size: 30px;
  width: fit-content;
  left: 50%;
  transform: translate(-50%);
  position: relative;
  padding: 0 10px;
  background: white;
  color: #d9d9d9;
}
.or::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 115px;
  height: 3px;
  background: #d9d9d9;
  z-index: -3;
  border-radius: 5px;
}
.or::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 60px;
  height: 60px;
  background: white;
  z-index: -1;
}
@media (max-width: 1300px) {
  .package-block ul {
    columns: 1;
  }
}
@media (max-width: 1000px) {
  .selection-wrap.thirds {
    display: block;
  }
  .package-block ul {
    columns: 2;
  }
  .package-block {
    width: 100%;
  }
  .login-column.column-large {
    padding: 0;
  }
  .main-form-wrap {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  .login-column.column-large {
    width: 100%;
  }
  .main-form-wrap {
    padding: 40px;
  }
  .flux-column-image {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .login-column {
    padding: 0;
  }
  .login-column.column-large {
    padding: 0;
  }
  .mobile-signup-banner {
    border-radius: 0 0 30px 30px;
  }
  .signup-form-wrap .login-submit {
    width: 100%;
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  #loginform #wp-submit, #password-lost-form #submit {
    width: 100% !important;
  }
  .form_button.login-reset {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .form_button.signup-button {
    width: calc(100% - 60px);
    text-align: center;
  }
  .form-button-wrap.get-started-now {
    justify-content: center;
    position: fixed;
    bottom: 40px;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
  }
  .form_button.accept-button {
    width: 100%;
    text-align: center;
  }
  .new-heading {
    font-size: 24px !important;
    line-height: 28px;
  }
  .checkout-wrap {
    padding-bottom: 80px !important;
  }
}
/*General*/
.go-back {
  margin: 0 !important;
}
.new-heading {
font-weight: 800;
font-size: 30px;
position: relative;
margin-bottom: 10px;
}
.heading {
  font-size: 40px;
  color: #383838;
  font-weight: 700;
  margin-bottom: 30px;
}
.button {
  padding: 12px 18px;
  border-radius: 5px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #ffc000;
  font-weight: 600 !important;
  display: block;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  border: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
}
.button::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  bottom: -100%;
  background: #eab106;
  transition: all .5s ease;
  border-radius: 6px;
  z-index: -1;
}
.button:hover::before {
  bottom: 0;
}
.button.dark {
  background: #242424;
  color: white;
  font-weight: 600;
}
/*ACF*/
#acf-repeater .row.custom-row {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 4px solid #f4f5f6;
}
.box .acf-repeater .acf-row-handle.remove {
  position: absolute !important;
  right: 0 !important;
  height: 100% !important;
  background: transparent !important;
  height: 80% !important;
}
.box .acf-repeater.-block > table > tbody > tr > td, .box .acf-repeater.-row > table > tbody > tr > td {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.box .acf-repeater.-block > table > tbody > tr > td:last-of-type, .box .acf-repeater.-row > table > tbody > tr > td:last-of-type {
  border-right: 0 !important;
}
.acf-row-handle.order {
  display: none !important;
}
.select2-container .select2-selection--single {
  margin: 0 !important;
}
.acf-fields>.acf-field {
    padding: 10px 0 !important;
    border-top: 0 !important;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: white !important;
  width: 100% !important;
  padding: 10px 15px !important;
}
.acf-field .acf-label label {
  margin: 0;
  padding: 0;
  font-weight: 600 !important;
  opacity: 0.8;
  font-size: 14px;
  display: block;
}
.acf-input-wrap {
     overflow: visible !important; 
}
/*Custom Forms*/
.custom-billing input[type=text], .custom-billing input[type=password] {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: white !important;
  width: 100% !important;
  padding: 10px 15px !important;
  margin-bottom: 20px !important;
}
/*ACF*/
.box .acf-fields.-left > .acf-field > .acf-label {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.box .acf-fields.-left > .acf-field > .acf-input {
  width: 100% !important;
  margin: 10px 0 !important;
  padding: 0 !important;
}
.box .acf-fields.-border {
  border: 0 !important;
  background: transparent !important;
}
.box .acf-fields.-left > .acf-field::before {
  background: transparent !important;
  border: 0 !important;
}
.acfe-image-selector > ul > li > label > .image {
  height: 700px !important;
  border-radius: 10px !important;
  background-position: top !important;
  width: 100% !important;
}
.acfe-image-selector > ul > li > label > .image {
  border-color: #f3f5f7 !important;
}
.acfe-image-selector > ul > li > label.selected > .image {
  border-color: #ffc000 !important;
}
.acfe-image-selector > ul.acf-hl > li {
  width: 32% !important;
}
.acf-field p.description {
  margin-top: 10px !important;
  color: #626262 !important;
  font-weight: unset !important;
  font-size: 14px !important;
  margin-bottom: 12px !important;
}
.quick-link {
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  background: #ffc000;
  padding: 4px 10px;
  border-radius: 30px;
}
input[type="checkbox"] {
  accent-color: #ffc000 !important;
}
.sign-up .price {
  line-height: 150%;
  margin-bottom: 20px;
  width: fit-content;
  padding: 4px 10px;
  background: #ffc000;
  border-radius: 5px;
  font-weight: 600;
  font-size: 18px;
}
.sign-up .sub-heading {
  font-size: 30px;
  color: #383838;
  font-weight: 700;
  margin-bottom: 8px;
}
.signup-logo img {
  max-width: 300px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.product-wrapper {
  position: relative;
  padding: 20px;
}
.box.create-customers .acf-fields {
  display: block !important;
}
.acf-table {
  border: 0 !important;
}
.acf-repeater .acf-row-handle.remove {
  background: #fff !important;
  border-left-color: transparent !important;
}
.acf-repeater .acf-row-handle.order {
  background: white !important;
  text-shadow: unset !important;
}
.acf-table > tbody > tr > td {
  border-color: transparent !important;
}
.acf-repeater > table {
  background: transparent !important;
}
.acf-repeater .acf-row-handle.order {
  background: white !important;
  color: #ffc000 !important;
  text-shadow: unset !important;
  font-weight: 800 !important;
  font-size: 26px !important;
}
a.edit {
  color: #0f3e99;
}
button.edit {
  color: #0f3e99;
  background: transparent;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}
button.edit:hover {
  text-decoration: underline;
}
.acf-image-uploader .image-wrap img {
  background: transparent !important;
}
.create-customers .acf-form-submit {
  margin-top: 20px;
}
/*Lock*/
.page-lock {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.page-lock .lock-info {
  width: fit-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  text-align: center;
}
.page-lock i {
  font-size: 50px;
  margin-bottom: 20px;
  background: #ffc000;
  padding: 20px;
  border-radius: 69px;
  width: 90px;
  text-align: center;
}
.lock-title {
  font-size: 20px;
  max-width: 350px;
}
/*File Upload CF7*/
.file-loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.file-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
#file-list {
    column-count: 4;
    column-gap: 10px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 30px;
}
.file-item {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
    break-inside: avoid;
}
.file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.file-upload input[type="file"] {
  display: none;
}
.file-upload .file-list {
  margin-top: 10px;
}
.file-upload .file-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  border-radius: 10px !important;
}
.file-upload .file-item .file-preview {
  object-fit: cover;
}
.file-upload .file-item .file-name {
  position: absolute;
  background: white;
  bottom: 0;
  right: 0;
  padding: 2px 10px;
  display: none;
}
.file-upload .file-item .remove-btn {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 9px;
  text-align: center;
}
.file-upload .file-item .remove-btn i {
  background: #282828;
  padding: 5px;
  border-radius: 3px;
  width: 19px;
  color: white;
}
img.file-preview {
  border: 2px solid #f4f5f6;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 25px 50px -12px;
}
/*Loader*/
.graph-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.graph-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
.row-body i {
  background: #ffc000;
  padding: 6px 7.5px;
  border-radius: 50%;
}
.row-body svg {
  position: relative;
  top: 2.5px;
}
.row-body td {
  vertical-align: middle;
}
.box table tbody:nth-child(odd) {
  background-color: white;
}
.box table tbody:nth-child(even){
  background-color: rgb(243, 245, 247);
}
/*AffiliateWP*/
#affwp-affiliate-dashboard select {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 0 !important;
  padding: 10px !important;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0,0%,10%,.9) !important;
  border-radius: 6px !important;
  background: white !important;
}
#affwp-affiliate-dashboard h4 {
  line-height: 24px !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #1a202c !important;
}
.affwp-payment-email-wrap {
  margin-bottom: 50px !important
}
.aff-label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
}
.key-wrap {
  position: relative;
  display: block;
}
.key {
  display: inline-flex;
  margin-left: 12px;
}
.key-colour {
  position: relative;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: black;
  display: inline-block;
  margin-right: 5px;
  top: 2px;
}
.key-colour.red {
  background: #aa0b0b;
}
.key-colour.yellow {
  background: #ffc000;
}
.key-colour.green {
  background: #72bd04;
}
.key-label {
  font-weight: 500;
  font-size: 13px;
  color: #1a202c;
  display: inline-block;
}
table.affwp-table td, .box table.affwp-table th {
  border: 0 !important;
  padding: 10px 12px !important;
}
table.affwp-table th {
  background: transparent !important;
  font-weight: 600 !important;
}
.box table tbody:nth-child(2n) {
  background-color: #f4f5f6 !important;
}
#affwp-custom-link-generator {
  background: transparent !important;
  padding: unset !important;
  border: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 30px !important;
}
.affwp-form input[type="text"], .affwp-form input[type="password"], .affwp-form input[type="email"], .affwp-form input[type="url"], .affwp-form textarea {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 0 !important;
  padding: 10px !important;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0,0%,10%,.9) !important;
  border-radius: 6px !important;
  background: white !important;
}
/*Forum*/
#submit_topic {
  padding: 14px 16px;
  border-radius: 7px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #ffc000;
  font-weight: 500 !important;
  display: block;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  border: 0;
}
#new-topic input[type="text"], #new-topic textarea {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 0 !important;
  padding: 10px !important;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0,0%,10%,.9) !important;
  border-radius: 6px !important;
  background: white !important;
  margin-bottom: 20px !important;
}
#new-topic textarea {
  height: 200px !important;
}
/*DataTable*/
.dataTable td i {
  background: #ffc000;
  padding: 6px 7.5px;
  border-radius: 2px;
  margin-right: 8px;
}
.dataTable tr > td:first-child {
  display: revert;
  vertical-align: middle;
  white-space: nowrap;
}
.dataTable svg {
  position: relative;
  top: 2.5px;
}
.dataTable svg path {
  stroke: #282828 !important;
}
.dataTable td {
  vertical-align: middle;
  width: 150px;
}
table.dataTable tr.even {
  background-color: white;
}
table.dataTable td.odd {
  background-color: rgb(243, 245, 247);
}
.paginate_button {
  position: relative;
  padding: 10px;
  text-decoration: none !important;
  cursor: pointer;
  color: #1a202c;
}
.dataTables_paginate {
  float: right;
  width: fit-content;
  margin-top: 20px;
}
.dataTables_info {
  width: fit-content;
  display: inline-block;
  margin-top: 20px;
}
.dataTables_filter {
  width: fit-content;
  display: inline-block;
  margin-bottom: 20px;
  float: right;
}
.dataTables_filter input {
  display: inline-block !important;
  max-width: 492px !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: #FFFFFF !important;
  opacity: 1 !important;
  margin-left: 10px;
  padding: 10px !important;
}
.dataTables_filter label {
  font-weight: 600;
  color: #4d5053;
}
.dataTables_length {
  width: fit-content;
  display: inline-block;
  margin-bottom: 20px;
}
.dataTables_length label {
  margin-bottom: 0;
}
.dataTables_length select {
  margin: 0 5px;
  display: inline-block !important;
  max-width: 492px !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: #FFFFFF !important;
  opacity: 1 !important;
  margin-left: 10px;
  padding: 10px !important;
}
.dataTables_length label {
  font-weight: 600;
  color: #4d5053;
}
.paginate_button.current::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: #f4f5f6;
  border-radius: 5px;
  z-index: -1;
}
.dataTable ul {
  margin-bottom: 0;
}
/*Calendar*/
.event-content {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 1px;
  line-height: 24px;
}
.event-content i {
  margin: 0 5px;
}
.event-date {
  background: #ffffff7a;
  padding: 3px 6px;
  border-radius: 3px;
}
.remove-event {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 9;
}
.event-info {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
  display: inline-block;
}
.event-desc {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}
.event-time {
  background: #ff6c00b0;
  padding: 3px 6px;
  border-radius: 3px;
  margin-left: 2px;
  color: white;
}
.fc-center h2 {
  line-height: 24px;
  font-weight: 600;
  font-size: 17px;
  color: #1a202c;
}
.fc-highlight {
  background: #ffc000 !important;
  opacity: .3;
}
.fc-button {
  background: transparent !important;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  border: 0 !important;
}
.fc-event, .fc-event-dot {
  background-color: #ffc0008f !important;
}
.fc-event {
  padding: 7px !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 15px 20px -12px;
}
.fc-event:hover {
  background-color: #ffc0009e !important;
}
.fc-event.color-yellow:hover {
  background-color: #ffc0009e !important;
}
.fc-event.color-blue {
  background-color: #004abd8f !important;
}
.fc-event.color-blue:hover {
  background-color: #004abd96 !important;
}
.fc-event.color-blue .event-time {
  background: #00cfffb0 !important;
}
.fc-event.color-red {
  background-color: #f200008f !important;
}
.fc-event.color-red:hover {
  background-color: #f2000099 !important;
}
.fc-event.color-red .event-time {
  background: #ff0000b0 !important;
}
.fc-event.color-green {
  background-color: #35f20099 !important;
}
.fc-event.color-green:hover {
  background-color: #35f2009e !important;
}
.fc-event.color-green .event-time {
  background: #85aa01b0 !important;
}
.fc-event.color-purple {
  background-color: #5600bd8f !important;
}
.fc-event.color-purple:hover {
  background-color: #5600bd96 !important;
}
.fc-event.color-purple .event-time {
  background: #ff00fbb0 !important;
}
.fc-today {
  background: #ffe597 !important;
}
.fc-past {
  background: #F9F9F9 !important;
}
.fc-day-top {
  border-right: 1px solid #f0f0f0 !important; 
}
.fc-day-top.fc-today {
  border-left: 1px solid #f0f0f0 !important; 
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #f0f0f0 !important;
}
.fc-day-number {
    font-weight: 600 !important;
    margin-right: 3px !important;
}
.fc-day-grid-event {
  margin: 2px 4px !important;
}
.fc-unthemed th.fc-day-header {
  background: #ffc000 !important;
  padding: 5px !important;
  border-color: #ffc000 !important;
}
.fc-row table {
  margin-bottom: 0 !important;
}
.fc-day-grid-event .fc-time {
  display: none !important;
}
.cal-box {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 24px;
    height: fit-content;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
    position: relative;
    overflow: hidden;
}
.cal-modal {
  position: fixed;
  left: calc(50% + 140px);
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 25px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 50px -12px;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  max-width: 500px;
  width: 100%;
}
.cal-modal.show {
  opacity: 1;
}
.cal-modal input, .cal-modal textarea, .cal-modal select {
  border: 0;
  padding: 10px !important;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0,0%,10%,.9);
  border-radius: 6px;
  background: white;
  width: 100%;
  margin-bottom: 15px;
}
.cal-modal .label {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 6px;
  color: #90A3BF;
}
.modal-btn {
  color: #0f3e99;
  background: transparent;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-right: 10px;
  font-size: 15px;
}
.modal-btn:hover {
  text-decoration: underline;
}
.modal-btn.del {
  color: #aa0b0b;
}
.cal-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.cal-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
/*CF7*/
.wpcf7-text, .wpcf7 select, .wpcf7 textarea {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: white !important;
  width: 100% !important;
  padding: 10px 15px !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 10px 15px !important;
  border-radius: 6px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  background: #6bee77 !important;
  border-color: #6bee77 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  background: #ff8f00 !important;
  border-color: #ff8f00 !important;
}
/*PDF*/
.box .pdf-table-totals tr > th {
  font-weight: unset;
  font-size: unset;
  line-height: unset;
  color: unset;
  padding: unset;
}
.pdf-container {
    position: relative;
}
.pdf-wrapper {
    position: relative;
    padding: 10px;
    background: white;
    max-width: 1200px;
    left: 50%;
    transform: translate(-50%);
}
.pdf-header {
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
    border-bottom: 2px solid #f7f7f7;
}
.pdf-billing {
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
    border-bottom: 2px solid #f7f7f7;
}
.pdf-table, .pdf-table-totals {
    font-family: unset;
}
.pdf-table .service-td {
    display: block !important;
}
.pdf-table .service-td .service-desc {
  max-width: 600px;
  font-weight: 400;
  margin-top: 3px;
}
.pdf-table .service-td .service-desc ul, .pdf-section ul {
  margin-left: 12px;
}
.service-td .service-title {
  margin-top: 10px;
}
.pdf-table tr {
  border-bottom: 1px solid #eceef0;
}
.pdf-table tr:nth-child(2n), .pdf-table-totals tr:nth-child(2n) {
  background-color: transparent;
}
.pdf-table td:nth-child(2), .pdf-table th:nth-child(2), .pdf-table td:nth-child(3), .pdf-table th:nth-child(3), .pdf-table td:nth-child(4), .pdf-table th:nth-child(4) {
    text-align: right;
}
.pdf-table-totals td {
    text-align: right;
}
.pdf-table-totals th {
    border: none;
    padding: 10px 0;
    font-size: 15px;
    color: #1A202C;
    font-weight: 600 !important;
}
.pdf-table td, .pdf-table th, .pdf-table-totals td, .pdf-table-totals th {
  border: none;
  padding: 10px 0;
  font-weight: unset;
}
.pdf-table .main-tr th {
    border: none;
    padding: 10px 0;
    font-weight: unset;
    font-size: 15px;
    color: #1A202C;
    font-weight: 600 !important;
}
.pdf-table tr > td:first-child, .pdf-table-totals tr > td:first-child {
  gap: unset;
  padding-left: 0;
}
.pdf-title {
    line-height: 24px;
    font-weight: 600;
    font-size: 17px;
    color: #1a202c;
    display: inline-block;
    margin-bottom: 5px;
}
.pdf-info.taller {
    line-height: 24px;
}
.pdf-info .title {
    line-height: 24px;
    font-weight: 600;
    font-size: 22px;
    color: #1a202c;
    display: inline-block;
    margin-bottom: 5px;
}
.pdf-float {
  position: relative;
}
.pdf-pay {
padding-top: 35px;
  margin-top: 35px;
  position: relative;
  border-top: 2px solid #f7f7f7;
  padding-bottom: 20px;
}
.pdf-pay .title {
    line-height: 24px;
    font-weight: 600;
    font-size: 22px;
    color: #1a202c;
    display: inline-block;
    margin-bottom: 18px;
}
.bottom-container__half {
  width: 50%;
}
.pdf-footer {
    position: relative;
    margin-top: 35px;
    border-top: 2px solid #f7f7f7;
    padding-top: 35px;
}
.pdf-footer .number-hold {
    padding: 10px;
    background: #ffc000;
    border-radius: 6px;
}
.send-wrapper p {
    margin-bottom: 0;
}
.send-wrapper input[type="text"], .send-wrapper input.wpcf7-text, .send-wrapper select {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  background: white !important;
  width: 100% !important;
  padding: 10px 15px !important;
  display: block;
  width: 100%;
  background: white;
}
.invoice-ider .acf-fields > .acf-field {
  padding: 0 !important;
}
.invoice-ider .acf-fields label {
  display: none !important;
}
.cust-status {
  width: fit-content;
  position: relative;
  padding: 7px 14px;
  background: #ffc000;
  border-radius: 6px;
  font-weight: 600;
}
.pdf-status {
  width: fit-content;
  position: relative;
  padding: 7px 14px;
  background: #ffc000;
  border-radius: 6px;
  font-weight: 600;
  margin-bottom: 10px;
}
.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  display: none;
}
.spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #f3f3f3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
.needed {
  color: #aa0b0b;
  font-weight: 600;
}
/*Notif*/
.notification-template {
  position: relative;
  padding: 14px 22px;
  color: hsl(0, 0%, 17.6%);
  border-radius: 10px;
  width: fit-content;
  font-weight: 500;
  border: 2px solid #ffc000;
  background: #ffc000;
  width: 100%;
}
.notification-template i {
  font-size: 17px;
  margin-right: 8px;
}
#notifications button {
  border: 0;
  padding: 8px 10px;
  border-radius: 7px;
  margin-top: 5px;
  float: right;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  background: #f2f4f6;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
/*Select 2*/
.select2-container {
  width: 100% !important;
}
.select2-selection {
  height: 100% !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
margin: 0 !important;
font-size: unset !important;
line-height: unset !important;
border: 1px solid #a6a6a682 !important;
border-radius: 3px !important;
background: white !important;
width: 100% !important;
padding: 10px 15px !important;
}
.select2-container--default .select2-selection--single {
  border: unset !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%) !important;
}
/*Tutorials*/
.blog-item {
  position: relative;
  padding: 20px;
  background: #fbfbfb;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
}
.blog-date {
  font-weight: 600;
  font-size: 13px;
  opacity: .8;
  margin-bottom: 5px;
}
.blog-title {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 5px;
}
.blog-text {
  font-size: 15px;
  margin-bottom: 15px;
}
.tut-category {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  color: #2d2d2d;
  background: #ffc000;
  border-radius: 30px;
  z-index: 0;
  display: inline-block;
  margin-right: 5px;
}
/*Forum*/
.comments-title, .logged-in-as, .comment-author .avatar, .comment-edit-link, .comment-reply-title, .comment-form-comment label {
  display: none !important;
}
.comment-reply-link {
  background: transparent;
  border: 0;
  color: #0f3e99;
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
}
.individual-comment {
  padding: 20px;
  background: #f4f5f6;
  width: 100%;
  position: relative;
  border-radius: 5px;
  margin-bottom: 15px;
  left: 0;
  transition: all .5s ease;
}
.individual-comment:hover {
  left: 10px;
}
.reply-content {
  margin: 10px 0;
  font-weight: 500;
}
.comment-date {
  width: fit-content;
  position: relative;
  font-weight: 600;
  padding: 3px 10px;
  color: #2d2d2d;
  background: #ffc000;
  border-radius: 30px;
  display: inline-block;
  z-index: 1;
}
.comment-time {
  width: fit-content;
  position: relative;
  font-weight: 600;
  padding: 3px 10px;
  color: #2d2d2d;
  background: #ffc000;
  border-radius: 30px;
  float: right;
}
.comment-date-time {
  display: block;
  margin-bottom: 12px;
}
.comment-form-comment #comment {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 0;
  padding: 10px !important;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0,0%,10%,.9);
  border-radius: 6px;
  background: white;
  max-width: 500px;
  width: 100%;
}
.form-submit #submit {
  padding: 14px 16px;
  border-radius: 7px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #ffc000;
  font-weight: 500 !important;
  display: block;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  border: 0;
}
.ind-head {
  font-style: italic;
  font-size: 16px;
}
.ind-head .ind-title {
  font-style: normal;
  font-weight: 600;
  margin-left: 3px;
}
.us-name {
  font-weight: 600;
}
.poster-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.the-author {
  font-style: italic;
}
.the-author .aut {
  font-style: normal;
  font-weight: 600;
  margin-left: 3px;
}
.date-status {
  position: relative;
  display: inline-block;
}
.ticket-status {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  color: white;
  background: #aa0b0b;
  border-radius: 30px;
  z-index: 0;
  display: inline-block;
  margin-left: 5px;
}
.ticket-status.proc {
  background: #0f3e99;
  color: white;
}
.ticket-status.comp {
  background: #7FB519;
  color: white;
}
ol {
  list-style: none !important;
}
.ticket-number {
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block;
}
.tick-numb {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  background: #282828;
  color: white;
  border-radius: 30px;
  z-index: 0;
  margin-left: 5px;
  display: inline-block;
  font-size: 14px;
}
.ticket-id {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  color: white;
  background: #282828;
  border-radius: 30px;
  z-index: 0;
  display: inline-block;
  margin-left: 5px;
}
.ticket-cat {
  position: relative;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 3px 10px;
  color: white;
  background: #ec8350;
  border-radius: 30px;
  z-index: 0;
  display: inline-block;
  margin-left: 5px;
}
.ticket-info {
  display: block;
}
.individual-comment.closed-status .reply {
  display: none !important;
}
.individual-comment.closed-status {
  border: 2px solid #7fb519;
  box-shadow: none !important;
  background: #7fb5191a;
}
.individual-comment.closed-status .comment-author .fn {
  font-weight: 600;
  font-size: 16px;
}
.individual-comment.closed-status .reply-content p {
  margin-bottom: 0;
}
.individual-comment.closed-status .comment-date, .individual-comment.closed-status .comment-time {
  color: #fff;
  background: #7fb519;
}
.individual-comment.closed-status .ticket-id {
  background: #4d7501;
}
.individual-comment.main-ticket {
  border: 2px solid #dd7d17;
  box-shadow: none !important;
  background: #dd581724;
}
.individual-comment.main-ticket .reply-content p {
  margin-bottom: 0;
}
.individual-comment.main-ticket .comment-date, .individual-comment.main-ticket .comment-time {
  color: #fff;
  background: #dd7d17;
}
.individual-comment.main-ticket .comment-author .fn {
  font-weight: 600;
  font-size: 16px;
}
/*Pagination*/
ul.page-numbers {
  list-style: none;
  display: block;
  width: fit-content;
  float: right;
}
ul.page-numbers li {
  display: inline-block;
}
ul.page-numbers li a {
  color: black !important;
  position: relative;
  padding: 10px;
  text-decoration: none !important;
  cursor: pointer;
}
ul.page-numbers span {
  color: black !important;
  position: relative;
  padding: 10px;
  text-decoration: none !important;
  cursor: pointer;
}
ul.page-numbers span.current::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: #0000000d;
  z-index: 0;
  border-radius: 10px;
}
.pagination-links {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}
.table-loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.table-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
.ticket-loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.ticket-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
.comment-loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.83);
  z-index: 99;
  background: rgba(255, 255, 255, 0.77);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .5s ease;
  border-radius: 10px;
}
.comment-loader .spinner {
  position: absolute;
  top: 50%;
  left: 48.3%;
  transform: translate(-50%, -50%);
  border: 6px solid #e3e3e3;
  border-top: 6px solid #ffc000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  animation: spinning 1s linear infinite;
}
.search-bar {
  display: block !important;
  padding: 5px 10px !important;
  max-width: 250px !important;
  width: 100% !important;
  border-radius: 70px !important;
  background: #FFFFFF !important;
  opacity: 0.8 !important;
  float: right;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  border: 0;
}
.cat-filter {
  font-size: unset !important;
  line-height: unset !important;
  border: 0;
  padding: 5px 10px !important;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0,0%,10%,.9);
  border-radius: 23px;
  background: white;
  margin-left: 10px !important;
  opacity: 0.8 !important;
}
/*Basket*/
.basket-hold {
  position: relative;
  width: fit-content;
}
.basket-hold a {
  color: black;
  font-size: 23px;
}
.cart-number {
  position: absolute;
  background: #ffc000;
  text-align: center;
  min-width: 19px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 12px;
  right: -20px;
  top: -3px;
}
/*Shop*/
.basket-product .section-header {
  font-size: 18px;
}
.basket-product .product-image {
  width: 30%;
}
.basket-product .product-details {
  padding: 25px 30px;
  width: 70%;
}
.product-image {
  display: inline-flex;
  width: 50%;
  object-fit: cover;
  object-position: center;
}
.product-image img {
  width: 100%;
}
.product-details {
  text-align: left;
  background: #f3f5f76b;
  padding: 30px;
  width: 50%;
}
.product-wrap .section-header {
  margin-bottom: 25px;
}
.product-wrap label {
  margin: 0;
}
.product-wrap tr {
  display: block;
}
.box .product-wrap tr > td {
  padding: 5px 0 15px 0;
  width: 100%;
  display: grid;
}
.box .product-wrap tr > th {
  margin: 0;
  padding: 0;
  line-height: normal;
}
.product-wrap .button {
  margin-top: 20px;
  left: 0 !important;
  transform: unset !important;
  font-weight: 600 !important;
}
.product-wrap tbody {
  background: transparent !important;
}
.product-wrap .woocommerce-variation-add-to-cart {
  display: block;
}
.product-wrap .quantity {
  display: inline-block;
}
.image-panel {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 24px;
  overflow: hidden;
  height: 100%;
}
.image-panel img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.bottom-container__half {
  width: 50%;
}
.bottom-container__full {
  width: 100%;
}
.dark-wrap {
  padding-bottom: 24px;
  background-color: #F3F5F7;
}
.product-item {
  background: white;
  border-radius: 10px;
  margin: 0 12px;
  aspect-ratio: 1 / 1;
}
.product-item img {
  object-position: center;
  object-fit: contain;
  width: 100%;
  padding: 32px;
  height: 100%;
}
.blocker {
  display: block;
}
.product-wrap {
  display: flex;
  position: relative;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 25px;
}
.product-wrap select, .product-wrap input {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 0;
  padding: 10px !important;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0,0%,10%,.9);
  border-radius: 6px;
  background: white;
}
.product-wrap .single_add_to_cart_button {
  margin-top: 0;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  font-weight: 600 !important;
  display: inline-block;
  float: right;
}
a.reset_variations {
  position: relative !important;
  display: block !important;
  text-align: right !important;
  margin-top: 10px !important;
  color: #0f3e99 !important;
  font-weight: 600 !important;
}
/*Responsiveness*/
@media (max-width: 1300px) {
.bottom-container {
  flex-direction: column;
  height: auto;
}
.bottom-container__left, .bottom-container__right, .bottom-container__half {
  width: 100%;
}
.btn {
width: 45%;
}
}
@media(max-width: 900px) {
  .top-container {
        gap: 24px;
    }
    .total-box {
        flex-direction: column;
    }
    .total-box__left {
        margin-right: 0;
        border-right: none;
        border-bottom: 1px solid #F3F5F7;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .up-arrow {
        margin-right: 0;
    }
}
.mobile-header {
  display: none;
  padding: 10px 20px;
  background: white;
  position: relative;
  z-index: 99999;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 25px 50px -12px;
  position: fixed;
  width: 100%;
}
.menu-icon {
  font-size: 25px;
}
.mobile-header .current-time {
  font-size: 17px;
  text-align: right;
  position: relative;
}
.mobile-header .current-date {
  margin-right: 8px !important;
}
.mobile-header .current-time {
  margin-left: 15px !important;
}
.mobile-header .version {
  width: fit-content;
}
.mobile-wrap {
  display: flex;
  justify-content: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.blurrer {
  display: none;
}
@media (max-width: 991px) {
  .login-column.column-half {
    width: 100%;
  }
  @keyframes zoomIn {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
    }
  }
  .main-content {
    margin-top: 57.7px !important;
    margin-bottom: 55px !important;
  }
  .notice-container {
    margin: 0 20px;
    margin-bottom: -57.7px;
    margin-top: 77.7px;
  }
  /*.blurrer {
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 9;
    background: rgba(255, 255, 255, 0.83);
    z-index: 99999;
    background: rgba(255, 255, 255, 0.77);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    display: block;
  }
  .blurrer.active {
    opacity: 1;
    visibility: visible;
  }*/
  .sidebar__logo {
    display: none;
  }
  .top-container {
    display: none;
  }
  .mobile-header {
    display: block;
  }
  .bottom-container {
    padding: 20px;
  }
  .sidebar {
    position: fixed;
    z-index: 999999;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    height: 100%;
    transition: all .3s ease;
    left: 0;
    direction: unset !important;
    right: 0;
    padding-top: 70px;
    background: #f7f7f7a3;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: scale(1.05);
    max-width: unset;
    display: block;
    overflow-x: hidden;
  }
  .sidebar.opened {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
.side-nav__header {
font-size: 16px;
background: transparent;
margin-bottom: 0;
    margin-top: 17px !important;
}
.side-nav__header, .side-nav__item > span {
font-weight: 700;
width: 100%;
display: block;
}
.side-nav__item {
text-align: center;
padding: 15px;
border-radius: 10px;
transition: all .3s;
background: white;
margin: 10px;
margin-bottom: 10px;
width: calc(50vw - 38px);
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.side-nav {
display: block;
width: 100%;
}
.side-nav__item:hover, .side-nav__item-active {
background-color: #fff;
color: #151515;
box-shadow: rgba(0, 0, 0, 0.18) 0px 25px 50px -12px;
}
ul.tabs li i {
font-size: 21px;
width: 30px;
margin-left: 0;
background: transparent;
position: relative;
left: 50%;
transform: translate(-50%);
}
  .bottom-container__half {
    width: 100%;
  }
  .sub-box-wrap {
    display: block !important;
  }
  .sub-box-wrap .box {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .signup-form-wrap.login-wrap {
    padding: 0;
  }
  .acf-row td.td-half {
    width: 100% !important;
  }
  .dataTables_paginate, .dataTables_info {
    left: 50%;
    position: relative;
    transform: translate(-50%);
    float: none;
  }
  .pdf-blocks {
    display: block !important;
  }
  .pdf-blocks .quarter-block, .pdf-blocks .half-block, .pdf-blocks .third-block {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px;
  }
  .pdf-float {
    text-align: left !important;
    padding-left: 0 !important;
  }
  .pdf-logo {
    max-width: 250px;
    margin-bottom: 40px;
    width: 100%;
  }
  #my-form .wrap-input {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  #my-form .field-margin {
    margin: 0;
  }
  #my-form .form-group tr > td:first-child, #my-form .form-group tr > td {
    width: 100% !important;
  }
  #my-form tr.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #my-form .form-group tr > td {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  #my-form .fielder {
    margin: 0;
  }
  .box #my-form td {
    border-bottom: 0 !important;
  }
  #category-filter {
    margin-left: 0 !important;
    display: block;
  }
  .search-bar {
    float: none;
    margin-bottom: 10px;
  }
  .dataTable tbody tr {
    text-align: right !important;
    padding: 10px !important;
    display: block !important;
  }
  .dataTable thead, .dataTable td i, #search-table tbody {
    display: none !important;
  }
  #search-table tbody.row-body {
    display: block !important;
  }
  tbody.row-body tr {
    text-align: right !important;
    padding: 10px !important;
    display: block !important;
  }
  .dataTable tr > td:first-child {
    display: block !important;
    padding: 8px 4px;
    white-space: break-spaces;
  }
  .row-body i {
    display: none;
  }
  .box tr > td {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #e6e6e6;
    min-height: 38px;
  }
  .box tr > td:last-child {
    border-bottom: 0;
  }
  .box td::before {
    font-style: italic;
    font-weight: 500;
    float: left;
  }
  .box tr > td:first-child {
    padding: 8px 4px;
  }
  .box #search-table td:nth-of-type(1):before { content: "Invoice ID";}
  .box #search-table td:nth-of-type(2):before { content: "Name";}
  .box #search-table td:nth-of-type(3):before { content: "Email";}
  .box #search-table td:nth-of-type(4):before { content: "Phone";}
  .box #search-table td:nth-of-type(5):before { content: "Postcode";}
  .box #search-table td:nth-of-type(6):before { content: "Amount";}
  .box #search-table td:nth-of-type(7):before { content: "Status";}
  .box#existing-invoices td:nth-of-type(1):before { content: "Name";}
  .box#existing-invoices td:nth-of-type(2):before { content: "Date";}
  .box#existing-invoices td:nth-of-type(3):before { content: "Start Date";}
  .box#existing-invoices td:nth-of-type(4):before { content: "Phone";}
  .box#existing-invoices td:nth-of-type(5):before { content: "Amount";}
  .box#existing-invoices td:nth-of-type(6):before { content: "Status";}
  .box#existing-invoices td:nth-of-type(7):before { content: "Quote ID";}
  .box#existing-invoices td:nth-of-type(8):before { content: "Invoice ID";}
  .box#existing-invoices td:nth-of-type(9):before { content: "View & Send";}
  .box#existing-invoices td:nth-of-type(10):before { content: "Delete";}
  .box#existing-quotes td:nth-of-type(1):before { content: "Name";}
  .box#existing-quotes td:nth-of-type(2):before { content: "Balance";}
  .box#existing-quotes td:nth-of-type(3):before { content: "Invoiced";}
  .box#existing-quotes td:nth-of-type(4):before { content: "Outstanding";}
  .box#existing-quotes td:nth-of-type(5):before { content: "Status";}
  .box#existing-quotes td:nth-of-type(6):before { content: "Quote ID";}
  .box#existing-quotes td:nth-of-type(7):before { content: "View & Edit";}
  .box#existing-quotes td:nth-of-type(8):before { content: "Convert";}
  .box#existing-quotes td:nth-of-type(9):before { content: "No. of Invoices";}
  .box#existing-quotes td:nth-of-type(10):before { content: "Delete";}
  .box#existing-customers td:nth-of-type(1):before { content: "Name";}
  .box#existing-customers td:nth-of-type(2):before { content: "Date";}
  .box#existing-customers td:nth-of-type(3):before { content: "Email";}
  .box#existing-customers td:nth-of-type(4):before { content: "Phone";}
  .box#existing-customers td:nth-of-type(5):before { content: "Address";}
  .box#existing-customers td:nth-of-type(6):before { content: "Edit";}
  .box#existing-customers td:nth-of-type(7):before { content: "Remove";}
  .box #myTable td:nth-of-type(1):before { content: "Quote ID";}
  .box #myTable td:nth-of-type(2):before { content: "Date";}
  .box #myTable td:nth-of-type(3):before { content: "Name";}
  .box #myTable td:nth-of-type(4):before { content: "Email";}
  .box #myTable td:nth-of-type(5):before { content: "Phone";}
  .box #myTable td:nth-of-type(6):before { content: "Address Line 1";}
  .box #myTable td:nth-of-type(7):before { content: "Postcode";}
  .box #myTable td:nth-of-type(8):before { content: "Amount";}
  .box #myTable td:nth-of-type(9):before { content: "View";}
  .box #myTable td:nth-of-type(10):before { content: "Status";}
  .box .pdf-table td:nth-of-type(1):before { content: "Service/Item";}
  .box .pdf-table td:nth-of-type(2):before { content: "Qty";}
  .box .pdf-table td:nth-of-type(3):before { content: "Price";}
  .box .pdf-table td:nth-of-type(4):before { content: "Amount";}
  .box .pdf-table-totals tr:nth-of-type(1) td::before { content: "Subtotal";}
  .box .pdf-table-totals tr:nth-of-type(2) td::before { content: "VAT";}
  .box .pdf-table-totals tr:nth-of-type(3) td::before { content: "Total Due";}
  .box #user_submissions_table td:nth-of-type(1):before { content: "Upload";}
  .box #user_submissions_table td:nth-of-type(2):before { content: "Date";}
  .box #user_submissions_table td:nth-of-type(3):before { content: "Time";}
  .box #user_submissions_table td:nth-of-type(4):before { content: "File Count";}
  .box #user_submissions_table td:nth-of-type(5):before { content: "Status";}
  .box #refTable td:nth-of-type(1):before { content: "Reference";}
  .box #refTable td:nth-of-type(2):before { content: "Amount";}
  .box #refTable td:nth-of-type(3):before { content: "Description";}
  .box #refTable td:nth-of-type(4):before { content: "Status";}
  .box #refTable td:nth-of-type(5):before { content: "Date";}
  .box #refTable td:nth-of-type(6):before { content: "Time";}
  .box #payTable td:nth-of-type(1):before { content: "Amount";}
  .box #payTable td:nth-of-type(2):before { content: "Date";}
  .box #payTable td:nth-of-type(3):before { content: "Time";}
  .box #payTable td:nth-of-type(4):before { content: "Method";}
  .box #payTable td:nth-of-type(5):before { content: "Account";}
  .box #payTable td:nth-of-type(6):before { content: "Status";}
  .box #payTable td:nth-of-type(7):before { content: "Est. Arrival";}
  .box #visitsTable td:nth-of-type(1):before { content: "";}
  .box #visitsTable td:nth-of-type(2):before { content: "Referring URL";}
  .box #visitsTable td:nth-of-type(3):before { content: "Converted";}
  .box #visitsTable td:nth-of-type(4):before { content: "Date";}
  .box #visitsTable td:nth-of-type(5):before { content: "Time";}
  .box #remote_form_table td:nth-of-type(1):before { content: "Name";}
  .box #remote_form_table td:nth-of-type(2):before { content: "Email";}
  .box #remote_form_table td:nth-of-type(3):before { content: "Phone";}
  .box #remote_form_table td:nth-of-type(4):before { content: "Subject";}
  .box #remote_form_table td:nth-of-type(5):before { content: "Message";}
  .box #remote_form_table td:nth-of-type(6):before { content: "Date";}
  .box #miniTable td:nth-of-type(1):before { content: "Invoice No.";}
  .box #miniTable td:nth-of-type(2):before { content: "Name";}
  .box #miniTable td:nth-of-type(3):before { content: "Email";}
  .box #miniTable td:nth-of-type(4):before { content: "Phone";}
  .box #miniTable td:nth-of-type(5):before { content: "Postcode";}
  .box #miniTable td:nth-of-type(6):before { content: "Amount";}
  .box #miniTable td:nth-of-type(7):before { content: "Status";}
  .box #affiliate-commissions td:nth-of-type(1):before { content: "Amount";}
  .box #affiliate-commissions td:nth-of-type(2):before { content: "Aff Level";}
  .box #affiliate-commissions td:nth-of-type(3):before { content: "Date";}
  .box #affiliate-commissions td:nth-of-type(4):before { content: "Time";}
  .box #affiliate-commissions td:nth-of-type(5):before { content: "Username";}
  .box #affiliate-commissions td:nth-of-type(6):before { content: "Type";}
  .box #affiliate-commissions td:nth-of-type(7):before { content: "Status";}
  .box #affiliateClicks td:nth-of-type(1):before { content: "Date";}
  .box #affiliateClicks td:nth-of-type(2):before { content: "Time";}
  .box #affiliateClicks td:nth-of-type(3):before { content: "Browser";}
  .box #affiliateClicks td:nth-of-type(4):before { content: "Referrer";}
  .pdf-table .main-tr {
    display: none !important;
  }
  .pdf-footer .number-hold {
    display: block;
    width: fit-content;
    margin-bottom: 15px;
  }
  .pdf-table .service-td {
    text-align: right;
  }
  .pdf-table-totals th {
    display: none;
  }
  .box .pdf-table-totals {
    margin-top: 20px !important;
  }
  .box .pdf-table-totals tr {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #e6e6e6;
  }
  .box .pdf-table-totals tr:last-child {
    border-bottom: 0;
  }
  .complete-payment-button {
    font-size: 13px;
    right: 0;
    padding: 3px 4px;
    float: right;
    margin-left: 8px;
    position: relative;
    top: 1.5px;
    transform: unset;
  }
  .dataTable td .complete-payment-button i {
    display: block !important;
  }
  .product-wrap {
    display: block;
  }
  .product-image {
    display: block;
    width: 100%;
  }
  .product-details {
    display: block;
    width: 100%;
    padding: 20px;
  }
  .product-wrap select, .product-wrap input {
    width: 100%;
  }
}
@media (max-width: 690px) {
  .form-hold {
    margin-bottom: 30px;
  }
  .bottom-container {
    gap: 0;
  }
}
@media (max-width: 576px) {
  .avatar-wrap {
    display: block;
  }
  .avatar {
    margin-right: unset;
    margin-bottom: 10px;
  }
  .cal-modal {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: unset !important;
    padding: 25px 0 !important;
    box-shadow: none !important;
    max-width: unset !important;
    width: 100% !important;
  }
  .current-date {
    display: none;
  }
  .mid-content {
    top: 0;
    transform: unset;
  }
  .mid-heading {
    font-size: 26px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .box.yellow-box::before {
    right: 15px;
    width: 10px;
  }
  .box.yellow-box, .box.grey-box, .box.white-box {
    min-height: unset !important;
    height: unset !important;
    padding-bottom: 70px !important;
  }
  .float-button {
    padding: 12px 30px;
    font-size: 15px;
  }
  .mid-text {
    max-width: 95%;
  }
  .sub-box-wrap #affiliate-link {
    display: none;
  }
  .login-float {
      top: 50%;
  }
  .sub-float {
    margin: 20px;
  }
  .signup {
    font-size: 13px;
    margin: 0 20px;
  }
  .pdf-float {
    text-align: left !important;
  }
  .pdf-float.top-float {
    margin-bottom: 30px;
  }
  .pdf-section {
    margin-bottom: 30px;
  }
  .comment-date {
    width: fit-content;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 5px;
  }
  .ticket-id, .ticket-cat, .ticket-status {
    width: fit-content;
    display: block;
    margin-left: 0;
    margin-bottom: 5px;
  }
  .blog-title {
    font-size: 20px;
  }
  .dataTables_filter {
    float: none;
  }
  .side-nav__item.mobile-wide {
  width: calc(100% - 22px);
  }
}
@media (max-width: 450px) {
  .blog-title {
    font-size: 18px;
  }
  body, p {
    font-size: 12px !important;
  }
  .box {
    padding: 18px;
  }
  .price {
    line-height: unset;
    font-size: 20px;
  }
  .price-currency {
    line-height: unset;
    font-size: 12px;
  }
  .section-header {
    font-size: 16px;
    margin-bottom: 0;
  }
  .total-box__left {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .poster-title {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 24px;
  }
  .box .template-image {
    height: 400px;
  }
  .box .template-image:hover img {
    transform: translateY(calc(-100% + 400px));
  }
}
@media (max-width: 400px) {
  .package-block ul {
    columns: 1;
  }
  .version.mobile-ver {
    display: none;
  }
  .box {
    padding: 20px !important;
    overflow: hidden;
  }
  .mid-heading {
    font-size: 22px;
    line-height: 25px;
  }
  .g-blue, .g-red, .g-yellow, .g-green {
    font-size: 22px;
  }
  .box .social-icon {
    display: none !important;
  }
  .box .template-image {
    height: 300px;
  }
  .box .template-image:hover img {
    transform: translateY(calc(-100% + 300px));
  }
}
@media (max-width: 375px) {
  .side-nav__item {
  width: calc(100% - 22px);
  }
}
/*404*/
.four-page {
  height: 100vh;
  width: 100vw;
  color: #1c1c1c;
}
.four-float {
  width: fit-content;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.four {
  font-size: 0;
}
.four span {
  display: inline-block;
  animation: bounce 1s infinite;
  font-size: 200px;
  font-weight: 1000;
}
.four span:nth-child(2) {
  animation-delay: 0.4s;
}
.four span:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
.four-heading {
  font-size: 20px;
}
.four-heading i {
  font-size: 23px;
  margin-right: 4px;
  color: #aa0b0b;
}
.four-page p {
  margin: 5px 0;
}
.four-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  font-size: 15px;
}
/*PDF*/
.pdf-blocks {
  display: flex;
}
.pdf-blocks .quarter-block {
  display: block;
  width: 25%;
}
.pdf-blocks .half-block {
  display: block;
  width: 50%;
}
.pdf-blocks .third-block {
  display: block;
  width: 33.333%;
}
/*Admin*/
select.toggle-meta, select.assigned-admin {
  display: inline-block !important;
  padding: 5px 10px 5px 10px !important;
  max-width: 492px !important;
  border: 1px solid #d6d8dba1 !important;
  border-radius: 70px !important;
  background: #fff;
  font-weight: 500;
}
.user-notes {
  border: 1px solid #d6d8dba1 !important;
  background: white;
  padding: 2px 4px;
}
.box.purple-box table tbody:nth-child(2n) {
  background-color: #f3f5f717 !important;
}
.box.purple-box tr > th {
  color: #FFF;
}
.box.purple-box .paginate_button {
  color: #fff;
}
.box.purple-box .dataTables_filter input, .box.purple-box .dataTables_length select {
  border: 1px solid #7069FF !important;
  color: white !important;
  background: #9691FF !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.box.purple-box select.action-dropdown {
  display: inline-block !important;
  padding: 5px 10px 5px 10px !important;
  max-width: 492px !important;
  border: 1px solid #9691ff !important;
  border-radius: 70px !important;
  background: #9691ff;
  font-weight: 500;
  color: white;
}
.box.purple-box .dataTable td i {
  background: #9691ff;
}
.box.purple-box table.dataTable tr.even {
  background-color: #5c54ec;
}
.box.purple-box .edit {
  color: white !important;
}
.purple-nav.side-nav__item:hover, .purple-nav.side-nav__item-active {
  background-color: #635bff;
  color: #fff;
}
.purple-nav.side-nav__item:hover i,.purple-nav.side-nav__item-active i {
  color: white;
}
.blue-nav.side-nav__item:hover, .blue-nav.side-nav__item-active {
  background-color: #3b5998;
  color: #fff;
}
.blue-nav.side-nav__item:hover i,.blue-nav.side-nav__item-active i {
  color: white;
}
.pink-nav.side-nav__item:hover, .pink-nav.side-nav__item-active {
  background-color: #df2f69;
  color: #fff;
}
.pink-nav.side-nav__item:hover i,.pink-nav.side-nav__item-active i {
  color: white;
}
.grey-nav.side-nav__item:hover, .grey-nav.side-nav__item-active {
  background-color: #242424;
  color: #fff;
}
.grey-nav.side-nav__item:hover i,.grey-nav.side-nav__item-active i {
  color: white;
}
.red-nav.side-nav__item:hover, .red-nav.side-nav__item-active {
  background-color: #aa0b0b;
  color: #fff;
}
.red-nav.side-nav__item:hover i,.red-nav.side-nav__item-active i {
  color: white;
}
.dark-blue-nav.side-nav__item:hover, .dark-blue-nav.side-nav__item-active {
  background-color: #0f3e99;
  color: #fff;
}
.dark-blue-nav.side-nav__item:hover i,.dark-blue-nav.side-nav__item-active i {
  color: white;
}
.green-nav.side-nav__item:hover, .green-nav.side-nav__item-active {
  background-color: #7fb519;
  color: #fff;
}
.green-nav.side-nav__item:hover i,.green-nav.side-nav__item-active i {
  color: white;
}
  .blue-green-nav.side-nav__item:hover, .blue-green-nav.side-nav__item-active {
    background-color: #08b87e;
    color: #fff;
  }
  .blue-green-nav.side-nav__item:hover i,.blue-green-nav.side-nav__item-active i {
    color: white;
  }
.corner-button {
  background: white;
  position: absolute;
  top: 20px;
  right: 50px;
  color: #635bff;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 15px;
  text-decoration: none !important;
}
.box.blue-box table tbody:nth-child(2n) {
  background-color: #f3f5f717 !important;
}
.box.blue-box tr > th {
  color: #FFF;
}
.box.blue-box .paginate_button {
  color: #fff;
}
.box.blue-box .dataTables_filter input, .box.blue-box .dataTables_length select {
  border: 1px solid #f3f5f717 !important;
  color: white !important;
  background: #f3f5f717 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.box.blue-box .dataTable td i {
  background: #5c7cbf;
}
.box.blue-box table.dataTable tr.even {
  background-color: #425e97;
}
.box.pink-box table tbody:nth-child(2n) {
  background-color: #ca2c60 !important;
}
.box.pink-box tr > th {
  color: #FFF;
}
.box.pink-box .paginate_button {
  color: #fff;
}
.box.pink-box .dataTables_filter input, .box.pink-box .dataTables_length select {
  border: 1px solid #ca2c60 !important;
  color: white !important;
  background: #ca2c60 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.box.pink-box .dataTable td i {
  background: #fb6093;
}
.box.pink-box table.dataTable tr.even {
  background-color: #df4578;
}
.custom-input {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  padding: 10px !important;
  width: 100%;
  font-weight: 600 !important;
  border-radius: 6px;
  border: 0;
  margin: 10px 0 15px 0 !important;
}
.grey-box .custom-input {
  box-shadow: 0 0 0 1px #313131, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: white;
  background: #313131;
  font-weight: 600 !important;
}
.grey-box .ticket-loader {
  background: #2424248c;
}
.blue-box .custom-input {
  box-shadow: 0 0 0 1px #2e4679, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #2e4679;
  color: white;
  font-weight: 600 !important;
}
.blue-box .label, .pink-box .label {
  color: white;
}
.blue-box .ticket-loader {
  background: #3b5998b0;
}
.pink-box .custom-input {
  box-shadow: 0 0 0 1px #bf2b5c, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #bf2b5c;
  color: white;
  font-weight: 600 !important;
}
.pink-box .ticket-loader {
  background: #df2f69b5;
}
.box.grey-box table tbody:nth-child(2n) {
  background-color: #313131 !important;
}
.box.grey-box tr > th {
  color: #FFF;
}
.box.grey-box .paginate_button {
  color: #fff;
}
.box.grey-box .dataTables_filter input, .box.grey-box .dataTables_length select {
  border: 1px solid #313131 !important;
  color: white !important;
  background: #313131 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.box.grey-box .dataTable td i {
  background: #4f4f4f;
}
.box.grey-box table.dataTable tr.even {
  background-color: #df4578;
}
.box.green-box table tbody:nth-child(2n) {
  background-color: #16c88d !important;
}
.box.green-box tr > th {
  color: #FFF;
}
.box.green-box .paginate_button {
  color: #fff;
}
.box.green-box .dataTables_filter input, .box.green-box .dataTables_length select {
  border: 1px solid #16c88d !important;
  color: white !important;
  background: #16c88d !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.box.green-box .dataTable td i {
  background: #25dfa1;
}
.box.green-box table.dataTable tr.even {
  background-color: #13a675;
}
/*Templates Array*/
.template-preview {
  position: relative;
  margin-bottom: 40px;
  padding: 4px;
  border-radius: 5px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
  transition: all .3s ease;
  cursor: pointer;
}
.template-preview.selected {
  background: #ffc000;
}
.preview-wrap {
  border-radius: 3px;
  overflow: hidden;
}
.template-button {
  padding: 10px 25px;
  position: absolute;
  bottom: 30px;
  background: #ffc000d6;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #242424 !important;
  text-decoration: none !important;
  z-index: 1;
  right: 35px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
}
.template-confirm-button {
  padding: 10px 25px;
  position: absolute;
  bottom: 30px;
  background: #0f3e99eb;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none !important;
  z-index: 1;
  left: 35px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.template-preview.selected .template-confirm-button {
  opacity: 1;
  visibility: visible;
}
.template-select-button {
  padding: 10px 25px;
  position: absolute;
  bottom: 30px;
  background: #72bd04e5;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none !important;
  z-index: 1;
  left: 35px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
}
.template-preview.selected .template-select-button {
  opacity: 0;
  visibility: hidden;
}
.template-image {
  height: 600px;
  width: 100%;
  overflow: hidden;
}
.template-image img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: transform 4s ease;
  object-fit: cover;
}
.template-image:hover img {
  transform: translateY(calc(-100% + 600px));
}
.selection-wrapper.selection-confirmed::before {
  left: 0;
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9;
  border-radius: 10px;
  opacity: .6;
}
.tab-step.colour-step-wrapper.colour-selected::before {
  left: 0;
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9;
  border-radius: 10px;
  opacity: .6;
}
.tab-step.selection-wrapper.selection-confirmed .form-button-wrap, .tab-step.colour-step-wrapper.colour-selected .form-button-wrap {
  z-index: 0;
  position: relative;
}
.sub-select {
  position: relative;
}
.sub-select.selection-confirmed {
  z-index: 99;
}
.selection-confirmed .selection-content {
  z-index: 99;
  position: relative;
}
.sub-select.selection-confirmed .template-confirm-button {
  display: none;
}
.template-confirmed-button {
  display: none;
  background: #72bd04e5;
  padding: 10px 25px;
  position: absolute;
  bottom: 30px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none !important;
  z-index: 1;
  left: 35px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
  transition: all .3s ease;
}
.sub-select.selection-confirmed .template-confirmed-button {
  display: block;
}
.box .acf-color-picker input.wp-color-picker {
  width: 154px !important;
  margin-left: 0 !important;
  margin-top: 15px !important;
}
.wp-color-result-text {
  background: #242424 !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  color: #fff !important;
  display: block !important;
  line-height: 32px !important;
  padding: 0px 13px !important;
  text-align: center !important;
  font-size: 13px !important;
}
.wp-picker-container .wp-color-result.button {
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 0 0 40px !important;
  font-size: 11px !important;
  border-radius: 4px 0 0 4px !important;
  border: 2px solid #242424 !important;
  border-radius: 6px !important;
  background: unset;
}
.wp-picker-container .wp-color-result.button::before {
  display: none;
}
.wp-picker-input-wrap .button.wp-picker-clear {
  margin-left: 0 !important;
  padding: 4px 25px !important;
  line-height: 32px !important;
  min-height: 30px !important;
  position: relative !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.acf-color-picker .iris-border {
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
}
.acf-field-64b7e3f796bc3 {
  margin-top: 20px !important;
}
.colour-wrapper.colour-selected::before {
  left: 0;
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9;
  border-radius: 10px;
  opacity: .6;
}
.colour-wrapper.colour-selected .colour-content {
  position: relative;
  z-index: 9;
}
.colour-wrapper .template-confirmed-button {
  display: none;
  z-index: 99;
  left: unset;
  top: unset;
  bottom: unset;
  position: relative;
  width: fit-content;
  margin: 10px 0;
}
.colour-wrapper.colour-selected .template-confirmed-button {
  display: block;
}
/*To Do*/
.notice-container.to-do {
  margin: 0;
  border-radius: 10px;
  margin-bottom: 20px;
  z-index: 1;
}
/*Login Form*/
.reset-p {
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: 600;
}
.reset-p a {
  color: #282828;
  font-weight: 600;
}
#password-lost-form label {
  width: 100%;
  font-weight: 500;
}
.login-float p {
  max-width: 600px;
}
#password-lost-form input {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 2px solid #e5e8e882;
  padding: 8px 12px !important;
  color: hsla(0,0%,10%,.9);
  border-radius: 6px;
  background: white;
  width: 100%;
}
#password-lost-form #submit {
  padding: 12px 18px !important;
  border-radius: 5px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #ffc000;
  font-weight: 600 !important;
  height: fit-content;
  width: fit-content;
  font-size: 14px !important;
  border: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  display: inline;
  z-index: 9999;
  margin: 0 !important;
  box-shadow: unset !important;
  float: right;
}
#password-lost-form #submit:hover {
  background: #eeab0b;
  color: black;
}
/*Flux*/
.flux-step__content .ship-to-different-address, .flux-step__content .woocommerce-additional-fields__wrapper {
  display: none !important;
}
/*Spam Switch*/
.switch_box {
  width: fit-content;
  float: right;
  margin-left: 10px;
}
.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 400px;
margin: 50vh auto 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.input_wrapper{
position: relative;
cursor: pointer;
}
.input_wrapper label {
  display: flex;
  align-content: center;
  align-items: center;
}
.input_wrapper input[type="checkbox"] {
width: 55px;
height: 28px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #ffc000;
border-radius: 53px;
position: relative;
outline: 0;
-webkit-transition: all .2s;
transition: all .2s;
margin-left: 8px;
}
.input_wrapper input[type="checkbox"]::after {
position: absolute;
content: "";
top: 3px;
left: 5px;
width: 18px;
height: 18px;
background: white;
z-index: 2;
border-radius: 20px;
-webkit-transition: all .35s;
transition: all .35s;
top: 50%;
transform: translateY(-50%);
}
/* Checked State */
.input_wrapper input[type="checkbox"]:checked{
background: #aa0b0b;
}
.input_wrapper input[type="checkbox"]:checked::after {
  left: calc(100% - 23px);
}
/*ACF Form*/
#quote-update-form .acf-field-64c12dd0207b2, #quote-update-form .acf-field-64c21f04e532a {
  display: none !important;
}
.box.custom-info-box {
  min-height: 285px !important;
  width: 50%;
}
.child-invoice p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.child-invoice p .edit {
  font-weight: 600;
}
.unavailable {
  cursor: pointer;
}
.dataTable td .unavailable i {
  background: black;
  padding: unset;
  margin-right: unset;
  font-size: 15px;
  margin-left: 3px;
  opacity: 0.7;
  color: #ffc000;
  border-radius: 50%;
  outline: 2px solid #ffc000;
  outline-offset: -1px;
}
/*Notices*/
.payment-notice {
  padding: 20px;
  border-radius: 6px;
  position: relative;
  background: #e82b2b;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
  margin-bottom: 20px;
}
.payment-heading {
  line-height: 24px;
  font-weight: 700;
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.notice-tag {
  font-size: 13px;
  padding: 2px 11px;
  background: #fff;
  color: #1c1c1c;
  border-radius: 20px;
  margin-left: 15px;
  position: relative;
}
.payment-notice p {
  font-weight: 600;
}
.pay-now-button {
  padding: 12px 18px;
  border-radius: 4px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #fffdf9;
  font-weight: 600 !important;
  display: block;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  border: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
}
/*New Styles*/
/*New Button*/
.general_button {
  padding: 12px 18px;
  border-radius: 5px;
  transition: all .4s;
  cursor: pointer;
  color: #2d2d2d;
  background: #ffc000;
  font-weight: 600 !important;
  height: fit-content;
  width: fit-content;
  font-size: 14px;
  border: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  display: inline;
  z-index: 9999;
  line-height: unset;
}
.general_button:hover {
  background: #eeab0b;
  color: black;
}
.box .acf-form-submit {
  text-align: right;
  margin-top: 10px;
}
/*General*/
.box {
  overflow: hidden;
}
.box .modern-loader {
  left: 0;
  top: 0;
}
/*New Loader*/
.modern-loader {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba( 255, 255, 255, 0.25 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur(4px);
  z-index: 9999999;
  display: none;
  left: 0;
  top: 0;
}
.modern-loader .spin-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-spinner {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 9999999999;
  transform: scale(.6);
}
.dot-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  animation: r 5s infinite cubic-bezier(0.15, 0.55, 0.85, 0.45), o 5s infinite step-end;
}
.dot-spinner div::after {
  content: '•';
  display: block;
  transform: translate(0, 27.5px);
  font-size: 28px;
  color: #3c3c3c;
}
.dot-spinner div:nth-child(1) {
  animation-delay: 0s;
}
.dot-spinner div:nth-child(2) {
  animation-delay: 0.2s;
}
.dot-spinner div:nth-child(3) {
  animation-delay: 0.4s;
}
.dot-spinner div:nth-child(4) {
  animation-delay: 0.6s;
}
.dot-spinner div:nth-child(5) {
  animation-delay: 0.8s;
}
.dot-spinner div:nth-child(6) {
  animation-delay: 1s;
}
@keyframes r {
  0% {
    transform: rotate(-90deg);
  }
  35% {
    transform: rotate(270deg);
  }
  70% {
    transform: rotate(630deg);
  }
  100% {
    transform: rotate(630deg);
  }
}
@keyframes o {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
}
.saving-loader.tab-loading {
  right: 175px;
  bottom: 41px;
  top: unset;
}
/*Affiliate Chart*/
#affiliateChart {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
#affiliateChart > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  #affiliateChart {
      height: 550px;
      padding-bottom: 0;
  }
}
/*Quill*/
.ql-container.ql-snow {
margin: 0 !important;
font-size: unset !important;
line-height: unset !important;
border: 1px solid #a6a6a682 !important;
border-radius: 3px !important;
background: white !important;
width: 100% !important;
padding: 10px 15px !important;
}
.ql-toolbar.ql-snow {
  font-size: unset !important;
  line-height: unset !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #f4f5f6 !important;
  width: 100% !important;
  margin-bottom: 6px !important;
}
.ql-editor {
  padding: 0 !important;
}
/*Custom Affiliate System*/
.form_button.stripe {
  /*background: #282828;*/
  /*color: white;*/
  margin-left: 0;
}
.form_button.stripe:hover {
  /*background: #2857b3;*/
  /*color: white;*/
}
/*PDF Quote*/
.preview-document {
  background-color: white;
  color: black !important;
  position: relative;
  padding: 40px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
}
.preview-logo {
  float: right;
}
.preview-logo img {
  height: auto;
    width: auto;
    object-fit: contain;
    object-position: center;
    max-height: 175px;
}
.preview-block-spacer {
  height: 40px;
}
.preview-spacer {
  height: 15px;
}
.preview-heading {
  position: relative;
    font-size: 32px;
    font-weight: 800;
}
.preview-small-heading { 
  position: relative;
  font-size: 24px;
  font-weight: 600;
}
.preview-details-wrap {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}
.preview-detail-main {
  display: inline-block;
  min-width: 150px;
}
.preview-detail {
  display: inline-block;
  font-weight: 600;
}
.preview-section {
  padding: 20px 25px;
  position: relative;
  background: #f3f5f7;
  height: 100%;
}
.section-details-wrap {
  display: flex;
  margin-bottom: 6px;
  font-size: 14px;
}
.section-detail-main {
  display: inline-block;
  min-width: 140px;
}
.section-detail {
  display: inline-block;
  font-weight: 600;
}
.preview-table {
  border: 2px solid #f3f5f7;
  border-bottom: 0;
  margin: 0;
}
.preview-table th {
  padding: 15px 20px;
    position: relative;
    background: #f3f5f7;
    font-size: 16px;
}
.preview-table td {
  padding: 15px 20px;
  max-width: 160px;
}
.preview-table tr {
  border-bottom: 2px solid #f3f5f7;
}
.preview-table.no-bg th {
    background: transparent;
}
.preview-total-wrap {
  border: 2px solid #595959 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
}
.preview-total-wrap th, .preview-total-wrap td {
  border-top: 2px solid #595959 !important;
  border-bottom: 2px solid #595959 !important;
}
.preview-table .preview-total-wrap th {
  font-size: 22px !important;
}
.preview-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 2px;
}
.preview-button {
  color: white !important;
    background: #212529;
    font-weight: 800 !important;
    font-size: 20px !important;
    padding: 15px 20px;
    position: relative;
    float: right;
    text-decoration: none !important;
    border-radius: 3px;
}
.action-content {
  font-size: 18px;
    font-weight: 600;
}
.action-content a {
  color: black !important;
  text-decoration: none !important;
}
.preview-desc p {
  margin: 0;
  display: inline-block;
}
/*New Editor*/
.acf-row {
  position: relative;
  margin-bottom: 30px;
  display: block;
}
.acf-row input, .acf-edit-field {
  margin: 0 !important;
  font-size: unset !important;
  line-height: unset !important;
  border: 1px solid #a6a6a682 !important;
  border-radius: 3px !important;
  display: block !important;
  background: white !important;
  width: 100% !important;
  padding: 10px 15px !important;
  -webkit-appearance: none;
  appearance: none;
}
.acf-row td {
  display: block;
}
.acf-row.no-pd {
  margin-bottom: 0;
}
.acf-row.no-pd td {
  margin: 10px 0 !important;
}
.acf-row td.td-full {
  width: 100%;
}
.acf-row td.td-half {
  width: 49%;
  display: inline-block;
  margin: 30px 0;
}
.acf-row td.td-half.td-right {
  float: right;
}
.price-wrapper {
position: relative;
}
.price-wrapper::before {
content: '£';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #9494a1;
font-weight: 600;
font-size: 17px;
}
.price-wrapper .price-input {
padding-left: 24px !important;
}
.modern-loader#acf-customer-select-loader {
  width: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%);
}
.step-field-wrap {
  position: relative;
}
.pdf-container br {
  display: none;
}
#document-send-loader {
  background: rgba(255, 255, 255, 0.67);
  display: none;
}
.invoice-status {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-weight: 800;
  padding: 7px 17px;
  border: 4px solid black;
  font-size: 30px;
}
.preview-block {
  position: relative;
}
.media-upload-block {
  padding: 30px;
  background: #f4f5f6;
  border: 2px solid #f4f5f6;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 600;
  color: #aeaeae;
  position: relative;
  width: 100%;
}
.custom-file-upload {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  text-align: center;
}
/*Apex*/
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
  fill: #000 !important;
}
.hidden {
    display: none !important;
}
.shown {
    display: block !important;
}
/*PDF Preview*/
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: #f7f7f7a3;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 9999999999;
margin-top: 58px;
padding: 20px;
}

.modal-content {
margin: auto;
display: block;
width: 100%;
max-width: 700px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 25px 50px -12px;
border-radius: 10px;
border: 0;
}

.close {
position: absolute;
top: 12px;
right: 26px;
color: #1c1c1c;
font-size: 35px;
font-weight: lighter;
cursor: pointer;
z-index: 9;
opacity: 0.8;
}

.preview-table ul {
  margin-left: 15px;
}

.form_button.go-back {
  background: #e5e8ea;
  color: #626262;
}

.form_button.go-back:hover {
  background: #d9dadb;
  color: #444;
}