/*****************IMPORTS******************/
@import "waitButton.css";
@import "fittedDialog.css";

/*****************CLEAN OUTER******************/
.content .cleanTableOuter table th {
   background-image: none;
   /*background-color: white;*/
   background-color: var(--activate-neutral300);
   border-bottom: #e1e1e1;
}

.content .cleanDialog .cleanTableOuter {
   max-height: 600px;
   overflow-y: auto;
}

.content .cleanTableOuter {
   /*background-color: #e1e1e1;*/
   background-color: white;
}

.content .cleanTableOuter table {
   border-collapse: collapse;
   min-width: 100% !important;
   width: auto !important;
   padding: 0px 8px;
}

.content .cleanTableOuterNoShadow {
   box-shadow: none;
   -webkit-box-shadow: none;
}

.content .cleanTableOuter td {
   font-weight: normal;
   vertical-align: middle;
   padding: 10px 5px 10px 10px;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid #e1e1e1;
   border-top: 1px solid #e1e1e1;
   transition: .2s;
   min-width: 145px;
}

.content .cleanTableOuter table td select {
   border: 0px;
   min-width: unset;
}

.content .cleanTableOuter .buttonInRow {
   /*padding: 4px 4px 0px 0px;*/
   /* padding: 4px; */
}

.content .cleanTableOuter .buttonInRow button {}

.content .cleanTableOuter .buttonInRowTd {
   width: 1%;
   white-space: nowrap;
}

.content .cleanTableOuter .rowHighlighted td {
   background-color: #eaf0f9;
   transition: .2s;
}

.content .cleanTableOuter .rowHighlightedInactive td {
   background-color: #f7dede;
   transition: .2s;
}

.content .clickableRow td {
   cursor: pointer;
}

.content .disabledClickableRow td {
   cursor: not-allowed;
   background-color: #ffe2e2;
}

.content .cleanTableOuter .disabledRow td {
   background-color: #ffe2e2;
}

.content .cleanTableOuter .locationLevelRow td {
   background-color: #d6f0e2;
}

.content .cleanTableOuter .locationLevelRowBlue td {
   background-color: #5B6C87;
}

.content .clickableRow:hover td {
   background-color: #dee4ed;
}

.content .cleanTableOuter tr.linkRow:hover td {
   background-color: #dee4ed;
   color: #5d5d5d;
}

.content .cleanTableOuter tr.linkRowClean:hover td {
   background-color: #dee4ed;
   color: #5d5d5d;
}

.content .cleanTableOuter tr.linkRowClean:hover td {
   cursor: pointer;
}

.content .cleanTableOuter tr.linkRowCleanSelected td {
   background-color: #ebeef4;
}

.content .cleanTableOuter td.tableInRowTd {
   padding: 0px;
}

.content .cleanTableOuter .tableInRow tr:first-child td {
   border-top: 0px;
}

.content .cleanTableOuter .tableInRow tr:last-child td {
   border-bottom: 0px;
}

.content .cleanTableOuter .tableInRow tr td:last-child {
   text-align: right;
}

.content .cleanTableOuter .tableInRow tr td {
   padding: 4px;
   font-size: .8em;
}

.content .cleanTableOuter .tableInRow tr:nth-child(even) td {
   background-color: #f9f9f9;
}

/* select {
   display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.5rem;
  font-weight: 400;
  line-height: 1;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus {
   border: none;
   outline: 0;
   box-shadow: 0 0 0 0.25rem var(--activate-orange-shadow);
 }
 select:disabled {
   background-color: #e9ecef;
 } */



/*.content .cleanTableOuter .clickableRow:active td{*/
/*background-color:#eaf0f9;*/
/*}*/
#announcementsColumn {
   margin-top: 16px;
}

.content .cleanTableOuter .cleanTableHeader {
   padding: 10px 20px 20px 12px;
}

.content .cleanTableOuter .cleanTableHeader input[type=text] {
   background-color: white;
   /*background-color:#e1e1e1;*/
}

.cleanCardList>.cleanCardOuter {
   margin: 10px;
}

.cleanCardOuter {
   border: 1px solid var(--activate-neutral400);
   background: #ffffff;
   overflow: hidden;
   margin: 10px 0px 10px 0px;
   border-radius: 4px;
}

.cleanCardContent {
   background: #FFFFFF;
   padding: 10px 20px 20px 12px;
}

.clickableContent {
   background-color: #e1e1e1;
   margin: 0px;
}

.cleanCardOuterList {
   margin: 20px 0;
   transition: all 0.35s;
}

.cleanCardOuterList:hover {
   transform: scale(.95) translateY(0px);
}

.cleanCardOuterList:active {
   box-shadow: 0px 0px 12px -3px white;
   -webkit-box-shadow: 0px 0px 12px -3px white;
}

.cleanCardHeader {
   padding: 10px 10px 10px 12px;
   height: 50px;
   font-size: 1.5em;
   background-color: var(--activate-secondary-grey-blue50);
}
@media screen and (max-width: 512px) {
   .cleanCardHeader {
      font-size: 18px;
   }
}

.cleanCardHeaderRed {
   padding: 10px 10px 10px 12px;
   height: 50px;
   font-size: 1.5em;
   background-color: #F2DEDE;
}

.cleanCardHeader .cleanCardHeaderButton {
   float: right;
   font-size: .5em;
}

.cleanCardHeader .cleanCardHeaderButton:after {
   clear: both;
}


/* .content.cleanOuter input[type=text] {
   outline: none;
   border: none;
   border-bottom: 1px solid #bcbcbc;
   border-bottom: none;
   width: 100%;
   background-color: white;
   padding-bottom: 1px;
   transition: .1s;
} */

.content.cleanOuter textArea:focus {
   background-color: white;
}

.contentCenter {
   width: 70%;
   margin-right: auto;
   margin-left: auto;
}




.cleanOuter .mce-tinymce button {
   border-radius: 0px;
   background-color: white;
   box-shadow: none;
   -webkit-box-shadow: none;
}

/*
SECONDARY buttons (for destructive actions)
*/
/*----------------------------*/

.cleanOuter .mce-tinymce .mce-active button {
   background-color: #dee4ed;
}

.content.cleanOuter input[type=text]:hover {
   cursor: pointer;
}


.content.cleanOuter input[type=text]:focus {
   padding-bottom: 0px;
   /* border-bottom: 2px solid #51617c; */
}

.content.cleanOuter input[type=text]:disabled {
   cursor: not-allowed;
}

.content.cleanOuter ul {
   list-style-type: none;
   padding: 0;
}


.cleanOuter .navMenu li {
   /*border-top: 1px soid #e1e1e1;*/
   /*border-bottom: 1px solid #e1e1e1;*/
   padding: 12px 16px 12px 16px;
   cursor: pointer;
   /*border-radius: 5px;*/
   /*margin:5px;*/
}

.cleanOuter .navMenu li:hover {
   transition: .2s;
   color: var(--activate-neutral900);
}

.cleanOuter .navMenu li:active {
   /*background-color: white;*/
   box-shadow: 0px 0px 12px -3px white;
   -webkit-box-shadow: 0px 0px 12px -3px white;
}

.cleanOuter .navMenu li .icon {
   display: inline-block;
   margin-right: 20px;
   float: left;
}

.cleanOuter .navMenu li .label {
   display: inline-block;
   float: left;
   padding-top: 8px;
}

.cleanOuter .navMenuSpecial li {
   /*border-top: 1px soid #e1e1e1;*/
   /*border-bottom: 1px solid #e1e1e1;*/
   padding: 12px 16px 12px 12px;
   cursor: pointer;
   border-radius: 5px;
   margin: 5px;
}

.cleanOuter .navMenuSpecial li:hover {
   box-shadow: 0px 0px 12px -3px #000;
   -webkit-box-shadow: 0px 0px 12px -3px #000;
   /*transition: .2s;*/
   background-color: #f2f2f2;
}

.cleanOuter .navMenuSpecial li:active {
   /*background-color: white;*/
   box-shadow: 0px 0px 12px -3px white;
   -webkit-box-shadow: 0px 0px 12px -3px white;
}

.cleanOuter .navMenuSpecial li .icon {
   display: inline-block;
   margin-right: 20px;
   float: left;
}

.cleanOuter .navMenuSpecial li .label {
   display: inline-block;
   float: left;
   padding-top: 8px;
}

.cleanOuter .settingsHeader {
   background-image: none;
   background-color: #e1e1e1;
   border-bottom: #e1e1e1;
}

/****************************DROP DOWN MENU***************************/
.dropDownMenu ul {
   display: none;
   z-index: 4;
}

.content .dropDownMenu {
   height: 100%;
   list-style: none;
   overflow: visible;
   display: inline-table;
   padding: 0px;
}

.dropDownMenu:after {
   content: "";
   clear: both;
   display: block;
}

.dropDownMenu>li {
   float: left;
   text-decoration: none;
}

.dropDownMenu>li {
   transition: .3s;
}

.dropDownMenu li ul li a {
   color: black;
}

.dropDownMenu li a {
   display: block;
   color: #757575;
   text-decoration: none;
}

.dropDownMenu>li>a {
   background-image: url(images/asc.gif);
   background-repeat: no-repeat;
   background-position: center right;
   padding: 8px 25px 5px 5px;
   margin-right: 20px;
}


.dropDownMenu>li>a.upsideDown {
   background-image: url(images/desc.gif);
}

.dropDownMenu>li>.dropDownMenuButton {
   background-image: none;
   padding-right: 15px;
   margin-right: 0px;
}

.dropDownMenu ul {
   color: black;
   padding: 0px;
   top: 30px;
   position: absolute;
   list-style: none;
   background-color: #FFFFFF;
   box-shadow: none;
   -webkit-box-shadow: none;
   border-radius: 4px;
}

.dropDownMenu ul.upsideDown {
   box-shadow: 8px 0px 12px -10px #000;
   -webkit-box-shadow: 8px 0px 12px -10px #000;
   bottom: 48px;
}

.dropDownMenu ul li {
   float: none;
   position: relative;
}

.dropDownMenu ul.upsideDown li {
   border-top: 1px solid #aaa;
   border-bottom: none;
}

.dropDownMenu ul li a {
   font-size: .9em;
   padding: 15px 5px;
   color: #757575;
   white-space: normal
}

.dropDownMenu ul li:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
}

.dropDownMenu ul li {
   transition: .3s;
   padding: 0px;
}

.cleanDialog {
   position: fixed;
   top: 170px;
   right: 10%;
   left: 10%;
   bottom: 5%;
   border-radius: 4px;
   background-color: white;
   z-index: 991;
   overflow-y: scroll;
}

@media screen and (max-width: 1200px) {
   .cleanDialog {
      right: 10px;
      left: 10px;
   }
}

.pageOptionsDialog {
   min-height: 31px;
   background: #5b6c87;
   border-bottom: 1px solid #b9b9b9;
   padding: 7px;
   color: white;
}

#entryViewDialog {
   text-align: left;
   width: 80%;
   left: 50%;
   transform: translateX(-50%);
   height: fit-content;
}

.connectBanner {
   min-height: 5px;
   background: #5b6c87;
   margin-bottom: 7px;
   padding: 0px;
}

/***************AD CARD***************/
/***************Mobile Adjustments***************/

@media screen and (max-width: 805px) {
   .leftColumn nav {
      width: 90%;
      font-size: 2em;
   }

   .nav-accountType {
      height: 60px;
   }

   .nav-accountTypeArrow {
      display: none;
   }

   nav ul li {
      margin: 10px;
      border: none;
   }
}

.ui-sortable-helper {
   display: table;
}

.bold {
   font-family: 'PROXIMA NOVA BOLD', sans-serif;
   font-weight: bold;
}

/***********Drag and drop uploads ***********/
input[type="file"].fileUploadDragAndDrop {
   /*width: 100%;*/
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
}

.fileUploadDragAndDropLabel {
   cursor: pointer;
   transition: 1s;
   font-weight: bold;
}

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

.fileUploadDragAndDropOuter {
   padding: 20px;
   background-color: #e1e1e1;
   border-radius: 10px;
   transition: .5s;
}

.fileUploadDragAndDropOuterHover {
   /*padding:10px;*/
   /*margin:10px;*/
   /*background-color: #f2f2f2;*/
}

.fileUploadDragAndDropOuterHover .fileUploadBox {
   background-color: #f2f2f2;
}

.fileUploadBox {
   /*cursor: grab;*/
   background-color: #e1e1e1;
   width: 100%;
   height: 100px;
   border-radius: 10px;
   border: 2px dashed white;
   padding-top: 30px;
   transition: .5s;
}

.fileUploadBox .material-icons {
   /*padding-bottom: 10px;*/
   /*padding-top: 10px;*/
   /*transition: .5s;*/
}

.fileUploadBox .material-icons:hover {
   /*color:#5b6c87;*/
}

.selectedFilesToUpload {
   text-align: left;
   min-height: 50px;
}

.noSelectedFilesToUpload {
   text-align: center;
   padding-top: 10px;
}


.rowHeader{
   text-align: center;
   color: black;
   font-size: 1.5em;
   background: #E7F0FC;
}
.rowHeader td{
   text-align: center;
}

/*********************COLOR STATUS************************/

.colorComplete {
   background-color: #E3F7EC !important;
}

.colorInProgress {
   background: #E3F7EC;
}

.colorInProgressWarning {
   background-color: #e8d655;
}

.colorInProgressHoverable {
   background-color: #ffffe0;
   transition: all 0.5s;
}

.colorInProgressHoverable:hover {
   background-color: #e8d655;
}

.colorNotComplete {
   background-color: #FEE2E2 !important;
}

.colorNotCompleteHoverable {
   background-color: #f2dede;
   transition: all 0.5s;
}

.hTagNoLeft,
.content .hTagNoLeft {
   margin-left: 0px;
   padding-left: 0px;
}


/********************************Table Menu****************************/

.tableMenuTd {
   width: 15px;
   white-space: nowrap;
}

.tableMenuOuter {
   position: absolute;
   cursor: pointer;
   width: 10px;
}

.tableMenuOuter>.material-icons {
   right: 150px;
}

.tableMenu .material-icons {
   position: relative;
   left: 170px;
   margin: 4px 8px;
}

.material-icons.md-24 {
   font-size: 24px;
}

.material-icons.md-20 {
   font-size: 20px;
}

.material-icons.md-18 {
   font-size: 18px;
}

/*.tableMenuOuter.tableMenuShowing >  .tableMenu {*/
.tableMenuOuter:hover>.tableMenu {
   display: block;
}

.tableMenu {
   display: none;
   position: relative;
   left: -178px;
   box-shadow: 0px 0px 12px -3px #000;
   -webkit-box-shadow: 0px 0px 12px -3px #000;
   width: 200px;
   top: -32px;
   background: white;
   z-index: 3;
   /*border-bottom-left-radius: 8px;*/
   /*border-bottom-right-radius: 8px;*/
}

.tableMenuContent>.tableMenuEntry {
   border-bottom: 1px solid #e1e1e1;
   padding: 8px;
}

.tableMenuContent {
   /*padding-bottom: 8px;*/
}

.tableMenuContent>.tableMenuEntry:hover {
   background-color: #dee4ed;
   color: #5d5d5d;
}

.tableMenuContent>input {
   display: none;
}

.content .cleanTableOuter .rightAlign {
   text-align: right;
}

.checkBoxClickBlocker {
   background: rgba(0, 0, 0, 0);
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
}

.checkBoxClickBlockerTd {
   position: relative;
}

.cleanOuter .explanationBox {
   margin: 8px;
   padding: 8px;
   border-radius: 8px;
   border: 1px solid #99bbd7;
   background-color: #f0f5f9;
}

.warningBox {
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
   margin: 8px;
   padding: 8px;
   border-radius: 8px;
   border: 4px solid #f2c81f;
   background-color: #fff9de;
}

.underlineHover {
   cursor: pointer;
}

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

.flexBox {
   display: flex;
}

.marginizedContent {
   width: 90%;
   margin: 0px auto 0px auto;
}

@media only screen and (max-width : 1200px) {
   .marginizedContent {
      width: 100%;
      margin: 0px auto 0px auto;
   }
}

.directionsNote-error {
   border: 2px solid #dca7a7;
   border-radius: 5px;
   padding: 8px;
   margin: 8px;
   background-color: #f2dede;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.directionsNote-blue {
   border-radius: 5px;
   padding: 8px;
   margin: 8px;
   border: 4px solid #7698b3;
   background-color: #99bbd7;
   color: white;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.directionsNote-blackOnBlue {
   border-radius: 5px;
   padding: 8px;
   margin: 8px;
   border: 4px solid #7698b3;
   background-color: #99bbd7;
   color: black;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

/* c-modal */

.c-modal {
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.3s;
   position: absolute;
   transform: translate(0, 50%);
   z-index: 9999;
   left: 0;
   right: 0;
   max-width: 353px;
   margin: 0 auto;
   padding: 20px;
   background: #fff;
   border-radius: 4px;
}

.c-modal__header {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
   padding-bottom: 8px;
   border-bottom: 1px solid #E0E3E5;
}

.c-modal__header-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 8px;
}

.c-modal__title {
   font-weight: 600;
   font-size: 19px;
   line-height: 23px;
   letter-spacing: -0.02em;
   color: #121212;
}

.c-modal__text {
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.01em;
   color: #121212;
   padding-right: 16px;
}

.c-modal__close-btn {
   right: 10px;
   top: 10px;
   font-size: 20px;
   cursor: pointer;
}

.c-modal__group {
   justify-content: space-between;
   display: flex;
   align-items: center;
   gap: 16px;
}

.c-modal__group.is-active {
   display: flex;
}

/** Overlay */
.c-overlay {
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.3s;
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.85);
}

/** JS */
.is-visible {
   opacity: 1;
   pointer-events: auto;
}


/* c-btn */

.c-btn {
   background: #FFFFFF;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 44px;
   border-radius: 4px;
   padding: 9px 12px;
   border: transparent;
   color: #FFFFFF;
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   transition: 0.2s linear all;
   position: relative;
   box-shadow: none;
}

.c-btn svg {
   margin-left: 4px;
}

.c-btn:focus {
   border: 1px solid #848D98;
}

.c-btn:focus:after {
   content: "";
   width: calc(100% + 10px);
   height: calc(100% + 10px);
   background: none;
   border: 2px solid #515861;
   border-radius: 5px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.c-btn--primary {
   background: #55738B;
   color: #FFFFFF;
   border: 1px solid transparent;
}

.c-btn--primary:hover {
   background: #374C5E;
}

.c-btn--primary:active {
   border: 1px solid transparent;
}

.c-btn--primary:focus {
   border: 1px solid transparent;
}

.c-btn--secondary {
   color: #515861;
   border: 1px solid #848D98;
}

.c-btn--secondary:hover {
   background: #E0E3E5;
   border: 1px solid transparent;
}

.c-btn--secondary:focus {
   border: 1px solid transparent;
   background: #E0E3E5;
}

.c-btn--secondary:active {
   border: 1px solid transparent;
}

.c-btn--secondaryBlue {
   background: #55738B;
   color: #FFFFFF;
}
.c-btn--secondaryBlue:hover {
   background: #374C5E;
   border: 1px solid transparent;
}

/* c-modal */

.c-modal {
   display: revert;
   pointer-events: none;
   opacity: 0;
   display: none;
   transition: opacity 0.3s;
   position: absolute;
   transform: translate(0, 50%);
   left: 0;
   right: 0;
   max-width: 353px;
   margin: 0 auto;
   padding: 20px;
   background: #fff;
   border-radius: 4px;
   z-index: 1000002;
}

.c-modal-code {
   top: 0;
   transform: translate(0, 0%) !important;
   max-width: 393px !important;
}

.c-modal__header {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
   padding-bottom: 8px;
   border-bottom: 1px solid #E0E3E5;
}

.c-modal__header-type {
   padding: 24px 20px 9px;
}

.c-modal__header-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 8px;
}

.c-modal__title {
   font-weight: 900;
   font-size: 19px;
   line-height: 23px;
   letter-spacing: -0.02em;
   color: #121212;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.c-modal__text {
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.01em;
   color: #121212;
   padding-right: 16px;
}

.c-modal__close-btn {
   right: 10px;
   top: 10px;
   font-size: 20px;
   cursor: pointer;
   display: flex;
}

.c-modal__group {
   justify-content: space-between;
   align-items: center;
   gap: 16px;
}

.c-modal__group button {
   margin-top: 0;
}

.c-modal__group-verified {
   display: none;
}

.c-modal__group-verified.is-active {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 16px;
}

.c-modal__content {
   margin-top: 20px;
}

.c-modal__code-main {
   font-size: 18px;
   line-height: 22px;
   color: var(--activate-neutral800);

}

.c-modal__code-desc {
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   color: var(--activate-neutral900);
   margin-bottom: 12px;
}

.c-modal__code-group {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 320px;
   margin-bottom: 20px;
}

.c-modal__code-items {
   display: flex;
   flex-direction: column;
}

.c-modal__hero-image {
   width: 120px;
   height: 120px;
   align-items: center;
   object-fit: contain;
   overflow: hidden;
}

.c-modal__code-image {
   width: 120px;
   height: 120px;
   object-fit: contain;
   overflow: hidden;
}

.c-modal__code-image-sm {
   width: 112px;
   height: 34px;
   margin-bottom: 8px;
}

.c-modal__code-label {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   color: var(--activate-neutral900);
   margin-bottom: 4px;
}

.c-modal__code-helper {
   font-size: 12px;
   line-height: 17px;
   font-weight: 600;
   color: var(--activate-neutral800);
}

.c-modal__code-area {
   border: 1px solid var(--activate-neutral500);
   text-align: center;
   padding: 8px 12px;
   border-radius: 4px;
   font-weight: bold;
   font-size: 23px;
   line-height: 28px;
   text-align: center;
   letter-spacing: 0.01em;
   color: var(--activate-grey);
   letter-spacing: 1px;
}

.c-modal__code {
   margin-bottom: 20px;
}

/** Overlay */
.c-overlay {
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.3s;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.85);
   z-index: 1000001;
}

/** JS */
.is-visible {
   opacity: 1;
   display: block;
   pointer-events: auto;
}

.c-btn:disabled {
   background: #D4D7DB;
   cursor: not-allowed;
   color: #848D98;
   border: 1px solid transparent;
}

.approve-notification {
    margin: 10px;
}

:where(.swal2-container)  button:focus {
   /* baseline button shape */
   width: initial;
   font: inherit;
   border: 0;

   /* neutralize your global horrors */
   background: initial;
   color: initial;
   box-shadow: none;
   text-transform: none;
   letter-spacing: normal;
}

/* Scoped “restore” for SweetAlert2 buttons */
:where(.swal2-container) :where(.swal2-actions) > .swal2-styled {
   /* baseline button shape */
   width: initial;
   font: inherit;
   border: 0;

   /* neutralize your global horrors */
   background: initial;
   color: initial;
   box-shadow: none;
   text-transform: none;
   letter-spacing: normal;
}

/* Default SweetAlert2-like colors */
:where(.swal2-container) .swal2-confirm { background: #7066e0; color: #fff; }
:where(.swal2-container) .swal2-deny    { background: #dc3741; color: #fff; }
:where(.swal2-container) .swal2-cancel  { background: #6e7881; color: #fff; }

/* Interaction states */
:where(.swal2-container) .swal2-styled:hover { filter: brightness(0.92); }
:where(.swal2-container) .swal2-styled:focus { outline: 0; box-shadow: 0 0 0 3px rgba(64, 128, 255, .35); }