/* ---------------------------------- */
/* Global Generic Elements & Styles */
/* ---------------------------------- */
.ajax_loader{
    background: url("/images/rebrand/wg-2021-icon-WHITE-2.gif") no-repeat scroll center center rgba(0, 0, 0, 0.31);
    background-size: 150px auto;
    cursor: wait;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.ajax_loading > .ajax_loader{
    display: block;
}

/**
* hide the wg app back button because it breaks the mobile navigation
*/
#wg-store-app-back-button {
    display: none!important;
}


.w-select {
    display: block;
    width: 100%;
    padding: 12px 12px;
    /*margin-bottom: 10px;*/
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid var(--border-color);
}

.notifications {
    background-color: #aaaaaa;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: sans-serif;
    font-size: 10px;
    font-variant: small-caps;
    font-weight: 600;
    margin: 0;
    max-width: 260px;
    overflow: hidden;
    padding: 0 4px;
    position: relative;
    text-overflow: ellipsis;
    text-shadow: none;
    text-transform: uppercase;
    top: -1px;
    vertical-align: middle;
    white-space: nowrap;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}
.notifications:hover {
    /*white-space: normal;*/
}
.notifications.style1 {
    font-size: inherit;
    margin: 0 2px;
}
.notifications.style2 {
    max-width: none;
    white-space: normal;
    font-size: 12px;
}

.notifications.rose {
    background-color: #f5007a;
}
.notifications.gold {
    background-color: #dcb436;
    text-transform: uppercase;
}

.notifications.green {
    background-color: #4dc6a0;
}

.wg-info-block-2{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color-light);
    text-align: center;
}


.wgshop-constrain-width {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
}
.main-content-block h3 {
    font-weight: 800;
    font-size: 18px;
    line-height: normal;
}


a.link,
.datatable tbody a {
    color: #222;
    text-decoration: underline;
}

.datatable tbody a.btn {
    text-decoration: inherit;
}

.labelnote, .datatable tbody a.labelnote {
    color: #888888;
    font-family: arial;
    font-size: 13px;
    padding: 1px 0;
    text-align: center;
    font-family: helvetica,arial;
    text-decoration: none;
}

main.main-content-block {
    /*margin: 40px 0 40px 40px;*/
}
@media only screen and (max-width: 640px) {
    main.main-content-block {
        margin: 0px 0;/* conceals page title on mobile so that mobile nav can cover it. */
    }
}


.Form__Input.uppercase {
    text-transform: uppercase;
}

.fineprint {
    font-size: 14px;
    color: var(--text-color-light);
    font-style: italic;
}

.fineprint.center {
    text-align: center;
}

.ajax_loader{
    background: url("/images/rebrand/wg-2021-icon-WHITE-2.gif") no-repeat scroll center center rgba(0, 0, 0, 0.31);
    background-size: 150px auto;
    cursor: wait;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.ajax_loading > .ajax_loader{
    display: block;
}

body .loader-full_page{
	height: 0px;
	width: 0px;
	overflow: hidden;
    position: fixed;
    z-index: 1011;
    top: 0;
    left: 0;
    background-color: #000000;
	background-color: rgba(0,0,0,.2);
	cursor: progress;
}

body .loader-full_page .restrict-width{
    height: 100%;
    margin: 0 0 0;
    position: absolute;
    width: 100%;
}

body .loader-full_page .contents {
    background-image: url("/images/rebrand/wg-2021-icon-WHITE-2.gif");
    background-position: center 3px;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0px solid rgba(0, 0, 0, 0.18);
    height: 150px;
    left: 0;
    margin: auto;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: 22%;
    width: 150px;
}

body .loader-full_page .contents > div {
    font-size: 12px;
    margin-top: 94px;
    text-align: center;
}

body.loading .loader-full_page{
    display: block;
    width: 100%;
    height: 100%;
}

.wg_hr.style1 {
    border-bottom: 1px solid var(--border-color);
    margin-top: -1px;
}
/*
.form_panel label{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    display: block;
    color: #999;
}*/

/*
.form_panel input {
    width:100%;
    border:none;
    border-bottom: solid 1px var(--border-color);
    line-height:24px;
    padding: 12px 0px;
    font-size: 16px;
    font-weight: 800;
}
*/
.form_panel_2 {
     padding: 24px 0 0 0;
}

.form_panel_2 .Form__Item input::placeholder {
    color: #6B6B6B;
}

.note {
    font-size: 13px;
    color:#6B6B6B;
}
.note a {
    text-decoration: underline;
}

input.error{
    border-color: #d03030;
}

.input-wrapper input::placeholder {
  font-weight: 500;
  color: #CCCCCC;
}

.input-wrapper input[type="checkbox"] {
  /*accent-color: var(--accent-color);*/
  cursor: pointer;
}
.input-wrapper.disabled .Form__Input,
.Form__Input.disabled,
.form-element.input-textarea .Form__Input.disabled {
    background-color: #f4f4f4;
    color: #888;
    border-color: #d5d5d5;
    cursor: not-allowed;
  }

.wg_box.style1 {
    border-left: 5px solid #ccc;
    box-shadow: 0px 0px 1px #ccc;
    border-radius: 3px 3px;
    position: relative;
    display: block;
}

.wg_box.style1.wg_box-active {
    border-left: 5px solid #000;
}

.wg_checkbox {
    font-size: 24px;
    color: #000;
}

.wg_checkbox.unchecked {
    color: #ccc;
}

.wg_flex .wg_flex-item.checked {
    display: none;
}

.wg_box-active .wg_flex .wg_checkbox.checked{
    display: block;
}

.wg_box-active .wg_flex .wg_checkbox.unchecked{
    display: none;
}

.wg_flex {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}

.wg_flex .wg_flex-item {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  padding: 0 12px;
  line-height: normal;

}

.wg_divline {
    width: 2px;
    background-color: #ececec;
    height: 32px;
}

/* ---------------------------------- */
/* Title elements (headers) */
/* ---------------------------------- */
.wg_shop-title {
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    color: var(--heading-color);
}
.wg_shop-title.centered {
    text-align: center;
    display: block;
}

.wg_shop-title.spacing {
    margin: 27px 0px 0px;
}

.wg_shop-title.spacing2 {
    margin: 0px 0 40px;
}

@media screen and (max-width: 641px) {
  .wg_shop-title.spacing2 {
    margin: 0px 0 20px;
}
}

.wg_shop-title.style2 {
    font-size: 18px;
}

.wg_text-1 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: .3px;
    color: var(--text-color);
}


.wg_shop-label {
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 16px;
    margin-bottom: 14px;
  }




.wg_shop-msg, .messages-container .messages {
    width: 100%;
    padding: 20px 20px 20px 60px;
    position: relative;
    background-color: var(--light-background);
    color: var(--text-color);
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

.wg_shop-msg:before,  .messages-container .messages:before{
    color: var(--text-color);
    position: absolute;
    top: 20px;
    left: 20px;
    content: "\f05a";
    font-weight: 300;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-size: 20px;
    color: inherit;
}

.wg_shop-msg.msg-info {
    background-color: #F1F8FF;
    border: 1px solid #9AB7E6;
    color: #313A45;
}

.wg_shop-msg.msg-info:before{
    color: #313A45;
}
.wg_shop-msg.msg-success {
    background-color: #E5FEE1;
    border: 1px solid #96B991;
    color: #5A7356;
}

.wg_shop-msg.msg-success:before{
    color: #5A7356;
}
/* ---------------------------------- */
/* switches (toggles / tabs) */
/* ---------------------------------- */

.switches > .container > .switch > input[type="radio"] {
    display: none;
}

.switches {
    display: block;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    width: 100%;
    text-align: center;
}

.switches.spacing {
    margin-bottom: 40px;
}
@media screen and (max-width: 641px) {
  .switches.spacing {
    margin-bottom: 30px;
  }
}

.switches > .container {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-column-gap: 10px;
    grid-auto-flow: column;
    white-space: nowrap;
}

.switches.shrink_width > .container {
    grid-auto-columns: min-content;
}

.switches > .container > .switch {
    padding: 8px 14px;
    vertical-align: middle;
    cursor: pointer;
}

.switches.style10 > .container > .switch {
    padding: 0 0;
    white-space: normal;
    line-height: normal;
  }

.switches.style10 > .container > .switch  > .switch-option {
    border: 2px solid #ccc;
    border-radius: 5px;
    font-weight: bold;
    color: var(--text-color);
    font-weight: 600;
    padding: 8px 14px;
    margin-bottom: 10px;
}

.switches.style10 > .container > .switch.active > .switch-option {
    border: 2px solid var(--accent-color);
    color: var(--link-color);
}

.switches.style10 > .container > .switch > .switch-option > .svg-inline--fa {
    display: none;
    color: var(--link-color);
    margin: 0 5px;
}

.switches.style10 > .container > .switch.active > .switch-option {
    padding: 12px 14px;
}
.switches.style10 > .container > .switch.active > .switch-option > .svg-inline--fa {
    display: inline;
    margin-left: -22px;
}
.switches.style10 > .container > .switch .labelnote {
    white-space: normal;
    line-height: normal;
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
    padding: 0 25px;
    line-height: 1.3em;
}

.switches.style10 {
    border-spacing: 10px 0;
}
@media screen and (max-width: 641px) {
    .switches.style10 > .container {
      grid-column-gap: 0;
      grid-auto-flow: row;
    }
    .switches.style10 > .container > .switch > .switch-option {
        margin-bottom: 5px;
    }
    .switches.style10 > .container > .switch {
        margin-bottom: 15px;
    }
}


.switches.style1 > .container > .switch {
    border: 2px solid #ccc;
    border-radius: 0px;
    font-weight: bold;
    color: var(--text-color);
    font-weight: 600;
}

.switches.style1 > .container > .switch.active {
    border: 2px solid var(--accent-color);
    color: var(--link-color);
}

.switches.style1 > .container > .switch > .svg-inline--fa {
    display: none;
    color: var(--link-color);
    margin: 0 5px;
}

.switches.style1 > .container > .switch.active > .svg-inline--fa {
    display: inline;
    margin-left: -22px;
}

.switches.style1 {
    border-spacing: 10px 0;
}

.switches.style2 > .container {
    grid-column-gap: 30px;
}
@media screen and (max-width: 641px) {
  .switches.style2 > .container {
    grid-column-gap: 24px;
}
}

.switches.style2 > .container > .switch {
    color: #787878;
    font-size: 16px;
    background-color: #fff;
}

.switches.style2 > .container > .switch.active {
    color: var(--heading-color);
    border-bottom: 3px solid var(--heading-color);
    font-weight: bold;
}
.switches.style2 > .container > .switch {
    padding: 8px 0;
}

.switches.style2 > .container > .switch > .svg-inline--fa {
    display: none;
    color: var(--link-color);
    margin: 0 5px;
}

.switches.style2 > .container > .switch.active > .svg-inline--fa {
    display: inline;
    margin-left: -22px;
}

.switches.style2 {
    border-spacing: 10px 0;
}

.switches.style2.submenu > .container > .switch {

    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
}

@media screen and (max-width: 641px) {
  .switches.style2.submenu > .container > .switch {
    font-size: 15px;
  }
}

.switches.style2.submenu > .container > .switch.active{
    font-weight: 700;
    line-height: 28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-underline-offset: 12px;
}



/* switches style3 */
.switches.style3 > .container > .switch {
    border: 1px solid #ccc;
    border-radius: 0px;
    font-weight: bold;
    color: var(--text-color);
    font-weight: 600;
    margin-right: -1px;
}

.switches.style3 > .container > .switch.active {
    border: 2px solid var(--accent-color);
    color: var(--link-color);
    z-index: 1;
    line-height: 20px;
    background-color: #E0EEFF;
}

.switches.style3 > .container > .switch:first-child {
    border-radius: 5px 0px 0px 5px;
}
.switches.style3 > .container > .switch:last-child {
    border-radius: 0px 5px 5px 0px;
}

.switches.style3 > .container > .switch > .svg-inline--fa {
    display: none;
    color: var(--link-color);
    margin: 0 5px;
}

.switches.style3 > .container > .switch.active > .svg-inline--fa {
    display: inline;
    margin-left: -22px;
}

.switches.style3 {
    border-spacing: 10px 0;
}

.switches.style3 > .container {
    grid-column-gap: 0px;
}

/* end switches style3 */


.switches.style6 {
    background-color: transparent;
    border: 0px none;
    border-radius: unset;
    display: block;
}

.switches.style6 > .container {
    font-size: 13px;
    display:block;
}

.switches.style6 > .container > .switch {
    border: 0px none;
    display: block;
    padding: 5px 0;
    width: 100%;
    text-align: left;
    background-color: transparent;
}

.switches.style6 > .container > .switch > input[type="radio"]{
    display: inline-block;
}


/* ---------------------------------- */
/* Buttons */
/* ---------------------------------- */
 .btn {

    white-space: nowrap;
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
/*     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13), 1px 1px 0 rgba(255, 255, 255, 0.15) inset;  */
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: inherit;
    padding: 0.3em 2em;
    position: relative;
    text-align: center;
/*     text-shadow: 1px 1px rgba(0, 0, 0, 0.13);   */


    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   font-family: "Lato", Helvetica, Arial, sans-serif;
   box-sizing: border-box;

}

@media screen and (min-width: 641px) {
#subscriptions_form .btn {
  max-width: 450px;
  }
}

@media screen and (max-width: 641px) {
  /*.btn {
    width: 100%;
  }*/
}

.wg_grid {
    display: flex;
    flex-direction: column;
    width: 100%;
 }

 .wg_grid .wg_grid-item {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }

 .wg_grid .wg_grid-item.wg_grid-grow {
     flex-grow: inherit;
 }

 @media (min-width: 700px) {
    .wg_grid {
       flex-direction: row;
       flex: 1;
    }
    .wg_grid .wg_grid-item {
       margin-right: 30px;
    }
 }

  .btn.btn-full_width {
    width: 100%;
  }

  .btn.btn-fixed_width {
    width: 100%;
    max-width: 400px;
  }

.btn > i {
    margin: 0 -3px 0 0px;
    /*vertical-align: text-bottom;*/
}
.btn > i.single{
    margin: 0 -5px 0 -5px;
}
.btn.btn-nobreak {
	white-space: nowrap;
}

.btn > .btn-inner-disabled,
.btn > .btn-inner-wait {
    background-color: rgba(255, 255, 255, 0.4);
    cursor: default;
    height: 100%;
    left: -3px;
    padding: 0 0 6px 6px;
    position: absolute;
    top: -3px;
    width: 100%;
}

.btn > .btn-inner-wait {
    cursor: wait;
}


.btn:hover{
    text-decoration: none;
}

.btn:focus,
.btn:active {
    top: 1px;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.btn.btn-nowrap {
    white-space: nowrap;
}
.btn.btn-large {
    font-size: 14px;
    padding: 12px 30px;
    font-weight: bold;
    letter-spacing: 0.25px;
}
.btn.btn-medium {/*equivalent to two line heights*/
    font-size: 14px;
    line-height: 14px;
    padding: 10px 16px;
    font-weight: bold;
}
.btn.btn-small {
    font-size: 10px;
    padding: 4px 12px;
}
.btn.btn-tiny {
    font-size: 9px;
    line-height: 9px;
    margin: 0;
    padding: 2px 2px;
}

.btn.btn-inline {
    overflow: hidden;
    padding-bottom: 9px;
    padding-top: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
button.btn.btn-tiny {
    font-weight: 200;
    line-height: 10px;
    padding: 0 0 2px;
}

.btn.btn-tail:after {
    bottom: -5px;
    margin-right: -6px;
    position: absolute;
    right: 50%;

   content: "";
   position: absolute;
   top: 100%;
   border-top: 5px solid black;
   border-top-color: inherit;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}
.btn.btn-gray.btn-tail:after {
   border-top: 5px solid #C3C2BE;
   border-top-color: #C3C2BE;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}

.btn.btn-link{
    border: 0px none;
    text-decoration: underline;
    white-space: nowrap;
}

.btn.btn-link > i{
    vertical-align: baseline;
}
.btn.btn-link:focus, .btn.btn-link:active {
    box-shadow: none;
    top: 0px;
}

.btn.btn-link.no-padding {
    padding: 0px 0px;
}


.btn.btn-outline{
    border: 1px dashed #E3E3E3;
    background: #f7f7f7;
    white-space: nowrap;
    text-decoration: none;
}

.btn.btn-outline.btn-large > i {
    vertical-align: text-bottom;
    margin-right: 9px;
    font-size: 19px;
}

.btn.btn-outline:focus, .btn.btn-outline:active {
    box-shadow: none;
    top: 0px;
}

.btn.btn-outline.no-padding {
    padding: 0px 0px;
}

.btn.btn-outline.btn-large {
    padding: 16px 30px;
    font-size: 15px;
}


/**
 *  Button primary
 */
 .btn.btn-primary,
 .btn.active {
     border: 1px solid #000;
     /*box-shadow: none;*/
     background: #000;
     color: #FFFFFF;
 }


.btn.btn-disabled {
    border: 1px solid #919191;
    box-shadow: none;
    background: #919191;
    color: #FFFFFF;
}

 .btn.active {
     box-shadow: none;
 }

 .btn.btn-primary:hover,
 .btn.active:hover {
    border: 1px solid #1A232C;
    background: #1A232C;
    color: #FFFFFF;
 }

 .btn.btn-primary:focus,
 .btn.btn-primary:active,
 .btn.active:focus,
 .btn.active:active
 {
    border: 1px solid #1A232C;
     background: #1A232C;
     color: #FFFFFF;
 }

 .btn.btn-primary[disabled='disabled'] {
  color: #B2B2B2;
  background-color: var(--light-background);
  border: 1px solid #E5E5E5;
 }

 #points_convert #convert_points-button[disabled='disabled'],
 #points_convert #convert_points-button[disabled='disabled']:hover {
  opacity:1 !important;
  background-color: var(--light-background) !important;
 }



/* ---------------------------------- */
/* THEME Layout Styles */
/* ---------------------------------- */
#debug_footer {
    text-align: center;
}
#debug_footer a {
    text-decoration: underline;
}

/* ---------------------------------- */
/* Global Layout Styles */
/* ---------------------------------- */


.catchall {
    clear: both;
    height: 0px;
    margin: 0px 0;
    padding: 0px 0px;
    width: 100%;
    content: "&no-open-quote";
}

.catchall:before,
.catchall:after {
    content: " ";
    display: table;
}

.catchall:after {
    clear: both;
}


.catchall.spacer,
.catchall.spacer-1 {
    margin: 5px 0;
}
.catchall.spacer-2{
    margin: 10px 0;
}
.catchall.spacer-3{
    margin: 15px 0;
}
.catchall.spacer-4{
    margin: 20px 0;
}
.catchall.spacer-5{
    margin: 25px 0;
}
.catchall.spacer-6{
    margin: 30px 0;
}
.catchall.spacer-7{
    margin: 40px 0;
}
.catchall.spacer-8{
    margin: 50px 0;
}
.catchall-border{
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    height: 1px;
    background-color: #EAEAEA;
    margin: 0px 0;
    padding: 0px 0px;
    width: 100%;
    box-sizing: border-box;
}

.catchall-border.style2{
    background: rgba(21, 21, 21, 0.69) none repeat scroll 0 0;
    border-color: #333333 #444444 #555555 #6a6a6a;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px #6d6d6d inset;
    color: #ffffff;
    font-size: 0.86em;
    font-weight: bold;
    padding: 2px 15px;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
}

.catchall-border.style3{
    border-bottom: 1px solid #E5E5E5;
}

/*
.content_padding,
.conten_padding-h {
    margin-left: 60px;
    margin-right: 40px;
}


.content_padding,
.conten_padding-v {
    margin-top: 50px;
    margin-bottom: 50px;
}
*/
/**
Mobile screens
**/
/*
@media only screen and (max-width: 1024px) {

    .content_padding,
    .conten_padding-h {
        margin-left: 20px;
        margin-right: 20px;
    }

    .content_padding,
    .conten_padding-v {
        margin-top: 35px;
        margin-bottom: 35px;
    }
}
*/
/* ---------------------------------- */
/* GRID.CSS */
/* ---------------------------------- */

/* @Columns */

body [class^="grid-"] {
    display: inline;
    float: left;
    margin: 0 0;
}
body [class^="grid-"] > .gridpadding {
    padding: 1.5em 1.2em;
}

/* ---------------------------------- */
/* @Layout Margins */

.wg-restrict-width {
    max-width: 1140px;
    margin: 0 auto;
}

.gutter-horizontal {
    margin-left: 15px;
    margin-right: 15px;
}

.gutter-vertical {
    margin-top: 15px;
    margin-bottom: 15px;
}

.gutter-vertical.x2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.no-gutter-horizontal {
    margin-left: -15px;
    margin-right: -15px;
}

.no-gutter-vertical {
    margin-top: -15px;
    margin-bottom: -15px;
}
.wg-content_margin-vertical {
    padding-top: 3%;
    padding-bottom: 3%;
}
.wg-content_margin-horizontal{
    padding-left: 3%;
    padding-right: 3%;
}



/* ---------------------------------- */
/* @Column Definitions */

body .grid-1 { width: 8.33334%; position: relative; }
body .grid-1-7 { width: 14.2857%; position: relative; }
body .grid-1-8 { width: 12.5%; position: relative; }
body .grid-2 { width: 16.6667%; position: relative; }
body .grid-2-5 { width: 20%; position: relative; }
body .grid-3 { width: 25%; position: relative; }
body .grid-4 { width: 33.3334%; position: relative; }
body .grid-5 { width: 41.6667%; position: relative; }
body .grid-6 { width: 50%; position: relative; }
body .grid-7 { width: 58.3334%; position: relative; }
body .grid-8 { width: 66.6667%; position: relative; }
body .grid-9 { width: 75%; position: relative; }
body .grid-10 { width: 83.3334%; position: relative; }
body .grid-11 { width: 91.6667%; position: relative; }
body .grid-12 { width: 100%; position: relative; }
body .grid-0 {
    display: none;
}

body [class^="grid-"] .gridline.right {
    right: -1px;
}
body [class^="grid-"] .gridline {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    box-sizing: unset;
}

body .gridcenter {
    display: inline-table;
    float: none;
    margin: 0 auto;
    /*text-align: center;*//*usually applies*/
  	overflow: auto;/*grids act wierd when loaded via ajax with animation css, this fixes it.*/
}

body .grid-left {
    text-align: left;
}
body .grid-right {
    text-align: right;
}

/* For IE 6/7 (trigger hasLayout) */
body {
    zoom:1;
}

.tablegrid {
	display: table;
	table-layout: fixed;
	width: 100%;
	float: none;
}

.tablegrid > div {
	display: table-row;
	float: none;
}

.tablegrid > div > div {
	display: table-cell;
	float: none;
}

@media only screen and (max-width: 1280px) {

    .fontsize-l-10 {
    	font-size: 1em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-9 {
    	font-size: 0.9em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-8 {
    	font-size: 0.8em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-7 {
    	font-size: 0.7em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-6 {
    	font-size: 0.6em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-5 {
    	font-size: 0.5em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-4 {
    	font-size: 0.4em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-l-3 {
    	font-size: 0.3em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
}

@media only screen and (min-width: 1025px) {
	.tablegrid-l {
		display: table;
		table-layout: fixed;
		width: 100%;
		float: none;
	}

	.tablegrid-l > div {
		display: table-row;
		float: none;
	}

	.tablegrid-l > div > div {
		display: table-cell;
		float: none;
	}
	.textleft-l {
    	text-align: left!important;
    }
}

@media only screen and (max-width: 1024px) {

    body .grid-m-1 { width: 8.33334%; position: relative; }
    body .grid-m-1-7 { width: 14.2857%; position: relative; }
    body .grid-m-1-8 { width: 12.5%; position: relative; }
    body .grid-m-2 { width: 16.6667%; position: relative; }
    body .grid-m-2-5 { width: 20%; position: relative; }
    body .grid-m-3 { width: 25%; position: relative; }
    body .grid-m-4 { width: 33.3334%; position: relative; }
    body .grid-m-5 { width: 41.6667%; position: relative; }
    body .grid-m-6 { width: 50%; position: relative; }
    body .grid-m-7 { width: 58.3334%; position: relative; }
    body .grid-m-8 { width: 66.6667%; position: relative; }
    body .grid-m-9 { width: 75%; position: relative; }
    body .grid-m-10 { width: 83.3334%; position: relative; }
    body .grid-m-11 { width: 91.6667%; position: relative; }
    body .grid-m-12 { width: 100%; position: relative; }
    body .grid-m-0 {
        display: none;
    }
    body .grid-m-center {
        text-align: center;
    }
    body .grid-m-left {
        text-align: left;
    }
    body .grid-m-right {
        text-align: right;
    }
    body .gridcenter-m {
        display: inline-table;
        float: none;
        margin: 0 auto;
        /*text-align: center;*//*usually applies*/
    }

    .fontsize-m-10 {
    	font-size: 1em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-9 {
    	font-size: 0.9em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-8 {
    	font-size: 0.8em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-7 {
    	font-size: 0.7em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-6 {
    	font-size: 0.6em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-5 {
    	font-size: 0.5em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-4 {
    	font-size: 0.4em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-m-3 {
    	font-size: 0.3em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
	.textcenter-s {
    	text-align: center;
    }
	.textleft-m {
    	text-align: left!important;
    }
}

@media only screen and (max-width: 640px) {
    body .grid-s-1 { width: 8.33334%; position: relative; }
    body .grid-s-1-7 { width: 14.2857%; position: relative; }
    body .grid-s-1-8 { width: 12.5%; position: relative; }
    body .grid-s-2 { width: 16.6667%; position: relative; }
    body .grid-s-2-5 { width: 20%; position: relative; }
    body .grid-s-3 { width: 25%; position: relative; }
    body .grid-s-4 { width: 33.3334%; position: relative; }
    body .grid-s-5 { width: 41.6667%; position: relative; }
    body .grid-s-6 { width: 50%; position: relative; }
    body .grid-s-7 { width: 58.3334%; position: relative; }
    body .grid-s-8 { width: 66.6667%; position: relative; }
    body .grid-s-9 { width: 75%; position: relative; }
    body .grid-s-10 { width: 83.3334%; position: relative; }
    body .grid-s-11 { width: 91.6667%; position: relative; }
    body .grid-s-12 { width: 100%; position: relative; }
    body .grid-s-0 {
        display: none;
    }
    body .grid-s-center {
        text-align: center;
    }
    body .grid-s-left {
        text-align: left;
    }
    body .grid-s-right {
        text-align: right;
    }
    body .gridcenter-s {
        display: inline-table;
        float: none;
        margin: 0 auto;
        /*text-align: center;*//*usually applies*/
    }
    .fontsize-s-10 {
    	font-size: 1em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-9 {
    	font-size: 0.9em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-8 {
    	font-size: 0.8em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-7 {
    	font-size: 0.7em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-6 {
    	font-size: 0.6em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-5 {
    	font-size: 0.5em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-4 {
    	font-size: 0.4em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
    .fontsize-s-3 {
    	font-size: 0.3em!important;
    	line-height: 1em!important;
    	display: inherit;
    }
	.textcenter-s {
    	text-align: center;
    }
    .textleft-s {
    	text-align: left!important;
    }
}


.wg_transaction-negative {

}

.wg_transaction-positive {
    border: 1px solid #8BB576;
    border-radius: 25px;
    background-color: #E8FFE5;
    display: inline-block;
    padding: 3px 10px;
    text-align: center;
    min-width: 50px;
    color: #406F3B;
  }


/* ---------------------------------- */
/* START Tables and Datatables with Pagination */
/* ---------------------------------- */

.datatable.style1{
/*	border: 1px solid #CCCCCC;   Andrew */
}
.datatable.style2{
    background-color: #FEFEFE;
}
table.table{
    border-collapse:separate;
    table-layout: fixed;
}
.modal-overlay table.table{
    border-collapse:separate;
    table-layout: initial; /*causes tables to not wrap when shrinking, but allows dynamic size cols */
}
table.table > tbody > tr > td.right,
table.table > thead > tr > th.right {
    text-align: right;
}
table.table > tbody > tr > td.left,
table.table > thead > tr > th.left {
    text-align: left;
}
table.table.style1 {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
/*  color:#666;   Andrew */
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    border:#ccc 1px solid;

    /* Andrew */
    color: var(--heading-color);
}
table.table.style1 th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}
table.table.style1 th:first-child {
    text-align: left;
    padding-left:20px;
}
table.table.style1 > tbody > tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.table.style1 > tbody > tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table.table.style1 > tbody > tr {
    text-align: center;
    padding-left:20px;
}
table.table.style1 > tbody > tr > td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table.table.style1 > tbody > tr:nth-child(odd) td {
    background: #FFFFFF;
}
table.table.style1 > tbody > tr > td {
    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
}
table.table.style1 > tbody > tr.even > td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table.style1 > tbody > tr:last-child > td {
    border-bottom:0;
}
table.table.style1 > tbody > tr:last-child > td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table.table.style1 > tbody > tr:last-child > td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table.table.style1 > tbody > tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

table.table.style2 {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
    color:#666;
    font-size:13px;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    background:#eaebec;

}
table.table.style2 > thead > tr > th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
	border-left: 1px solid #C1C1C1;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}
table.table.style2 > thead > tr > th:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0px none;
}
table.table.style2 > tbody > tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.table.style2 > tbody > tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table.table.style2 > tbody > tr {
    text-align: center;
    padding-left:20px;
}
table.table.style2 > tbody > tr > td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table.table.style2 > tbody > tr:nth-child(odd) > td {
    background: #FFFFFF;
}

table.table.style2 > tbody > tr > td {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 1px #ffffff inset;
    border-left: 1px solid #e0e0e0;
    color: #444444;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
}
table.table.style2 > tbody > tr.even > td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table.style2 > tbody > tr:last-child > td {
    border-bottom:0;
}
table.table.style2 > tbody > tr:last-child > td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table.table.style2 > tbody > tr:last-child > td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table.table.style2 > tbody > tr:hover > td {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f3d2+0,f9f5d1+100&0.2+0,0.2+100 */
background: -moz-linear-gradient(top,  rgba(247,243,210,0.2) 0%, rgba(249,245,209,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,243,210,0.2) 0%,rgba(249,245,209,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,243,210,0.2) 0%,rgba(249,245,209,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33f7f3d2', endColorstr='#33f9f5d1',GradientType=0 ); /* IE6-9 */

}

table.table.style3 {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
    color: #333;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    background:#eaebec;
    font-size: 14px;
    font-weight: 500;

}
table.table.style3 th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
	border-left: 1px solid #C1C1C1;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    font-weight: bold;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    color: #3d3d3d;
    font-size: .86em;
    text-align: center;
}
table.table.style3 > thead > tr > th:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0px none;
}
table.table.style3 > thead > tr:first-child > th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.table.style3 > thead > tr:first-child > th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table.table.style3 > tbody > tr {
    text-align: center;
    padding-left:20px;
}
table.table.style3 > tbody > tr > td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table.table.style3 > tbody > tr:nth-child(odd) > td {
    background: #FFFFFF;
}

table.table.style3 > tbody > tr > td {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 1px #ffffff inset;
    /*border-left: 1px solid #e0e0e0;*/

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
}
table.table.style3 > tbody > tr.even > td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table.style3 > tbody > tr:last-child > td {
    border-bottom:0;
}
table.table.style3 > tbody > tr:last-child > td:first-child {
/*    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;*/
}
table.table.style3 > tbody > tr:last-child > td:last-child {
/*    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;*/
}
table.table.style3 > tbody > tr:hover > td {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f3d2+0,f9f5d1+100&0.2+0,0.2+100 */
background: -moz-linear-gradient(top,  rgba(247,243,210,0.2) 0%, rgba(249,245,209,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,243,210,0.2) 0%,rgba(249,245,209,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,243,210,0.2) 0%,rgba(249,245,209,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33f7f3d2', endColorstr='#33f9f5d1',GradientType=0 ); /* IE6-9 */

}


table.table.shrink-width {
	width: 100%;
}
table.table > thead > tr.sticky:last-child > th {
	z-index: 11;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.29);
}
table.table.style4 {
    display: table;
    /*table-layout: fixed;*/
    min-width: 100%;
    color:#666;
    font-size:13px;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    background:#eaebec;

    /* Andrew
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));*/
    font-size: 14px;
    line-height: normal;

}
table.table.style4 tr.updated > td.updated{
    border-left: 2px solid #55de6a !important;
}


table.table.style4 th.integer,
table.table.style4 th.integer:first-child {
	text-align: right;
}
table.table.style4 td.integer,
table.table.style4 td.integer:first-child {
	text-align: right;
	color: #007191;
}
table.table.style4 td.insert_null {
    text-align: center!important;
}

table.table.style4 td.insert_null > textarea{
    background-color: rgba(0, 0, 0, 0.03);
}

table.table.style4 td.nullable > .dropdown{
    display: block;
}
table.table.style4 td.insert_null > .insert_null {
    bottom: 0;
    display: inline-block;
    height: 14px;
    margin: auto auto auto -9px;
    overflow: visible;
    position: absolute;
    top: 0;
}
table.table.style4 > thead > tr > th > input,
table.table.style4 > thead > tr > th > select  {
    box-sizing: border-box;
    width: 100%;
    padding: 4px 5px 4px 22px;
    border-right: 0px none;
/*  border-bottom: 0px none;   Andrew */
    border-left: 0px none;
    border-radius: 0px 0px 0px 0px;
    background-color: #fff;
    color: #222;
    font-weight: normal;

    /* Andrew */
    border-bottom: 0px;
    border-top: 1px solid #ccc;
}

table.table.style4 > thead > tr > th.simple_search > input,
table.table.style4 > thead > tr > th.simple_search > select,
table.table.style4 > thead > tr > th > input:disabled {
    padding: 4px 5px 4px 22px;
}

table.table.style4 > thead > tr > th.searching > input,
table.table.style4 > tbody > tr > td.searching
 {
	border-top: 1px solid #44affb;
}
table.table.style4 > thead > tr > th > input:disabled {
/*  padding: 4px 5px 4px 5px;   Andrew */
    text-align: center;

    /* Andrew */
    color: var(--heading-color);
    font-weight: normal;
    background: #f7f7f7;
}
table.table.style4 th > .icon_input {
    bottom: 5px;
    color: #a6a6a6;
    cursor: default;
    left: 0px;
    position: absolute;
  }

table.table.style4 th .index_icon {
	margin: 0 -2px;
	color: #220AE6;
}
table.table.style4 th .index_icon.PRIMARY {
	color: #ffb200;
}
table.table.style4 th .index_icon.index {
	color: #2acdaa;
}
table.table.style4 th .index_icon.unique {
	color: #E41D66;
}

table.table.style4 th > .icon_input_right {
    color: #a6a6a6;
    cursor: pointer;
    margin: 0;
    padding: 5px 3px;
    position: absolute;
    right: 0;
    bottom: -2px;
}


table.table.autocomplete > thead > tr > th > input {
	border-top: 1px solid #E7E7E7;
}
table.table.autocomplete th > .icon_input_right {
    top: 1px;
}

table.table.style4 th:hover > .icon_input_right {
    color: #444444;
}
table.table.style4 th > .padding {
    display: block;
/*  padding: 10px 20px;      Andrew */
    padding: 10px 20px;  /*  Andrew */
    white-space: nowrap;
}

table.table.style4 th.inline > .padding {
    padding: 6px;
    position: absolute;
    right: 0;
}

table.table.style4 {
    border: 1px solid var(--border-color);
}

table.table.style4 th.inline > .padding > .colname{
	display: none;
}
table.table.style4 > thead > tr > th.inline {
	border-top: 0px none;
}
table.table.style4 > thead > tr > th {
    padding:0px;
/*  border-top:1px solid #fafafa;   Andrew */
/*  border-left: 1px solid #C1C1C1;   Andrew */
/*  background: #ededed;   Andrew */
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    font-weight: bold;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    text-align: center;
    position: relative;
    overflow: hidden;

    /* Andrew */
    background: #F8F8F8;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    font-size: 14px;
    color: var(--heading-color);
    font-weight: 600;
}
table.table.style4 > thead > tr > th:first-child {
    text-align: left;
    border-left: 0px none;
}
table.table.style4 > tbody > tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.table.style4 > tbody > tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}

table.table.style4 > tbody > tr.row-header > td.row-cell {
    background-color: #ececec;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff inset;
    color: #666;
    border-radius: 0px 0px 0px 0px!important;
}

table.table.style4 > tbody > tr {
    text-align: center;
}
/* Andrew */
td[data-col="description"][class=""] {
  text-align: left !important;
  padding-left: 20px !important;
}
table.table.style4 > tbody > tr > td:first-child,
table.table.style4 > tbody > tr > td:first-child > .padding{
    /*padding-left:20px;*/
}
table.table.style4 > tbody > tr > td:first-child {
    /*text-align: left;*/
    border-left: 0;
}
table.table.style4 > tbody > tr:nth-child(odd) > td {
    background: #FFFFFF;
}

table.table.style4 > tbody > tr > td,
table.table.style4 > tbody > tr > td > .padding{
/*  padding: 4px 8px;  Andrew */

    /* Andrew */
    padding: 15px 8px;
}

table.table.nowrap > tbody > tr > td {
	white-space: nowrap;
}

table.table.style4 > tbody > tr > td.editing > .contents {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.14) inset;
    padding: 3px 5px;
    margin: -5px -7px;
    text-align: left;
}
table.table.style4 > tbody > tr > td > .contents.contents-raw {
	display: inline-block;
}
table.table.style4 > tbody > tr > td > .contents-raw {
	display: none;
}
table.table.style4 > tbody > tr > td {
/*  border-left: 1px solid #e0e0e0;      Andrew */
    border-top: 1px solid #dbdbdb;
/*  box-shadow: 1px 1px #ffffff inset;   Andrew */
    /*border-left: 1px solid #e0e0e0;*/
/*  color: #444444;   Andrew */
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    /*white-space: pre-wrap;*/
    word-wrap: break-word;

    /* Andrew */
    color: var(--text-color);
}
table.table.style4 > tbody > tr > td.editing {
	padding: 0px;
}
table.table.style4 > tbody > tr > td {
/*  background: #f6f6f6;       Andrew */
/*  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));       Andrew */
/*  background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);       Andrew */
    background: #fff;   /* Andrew */
}

table.table > tbody > tr.autocomplete_result > td {
	cursor: pointer;
}
table.table.style4 > tbody > tr > td > .insert {
    position: absolute;
    right: 1px;
    top: -2px;
}

table.table.style4 > tbody > tr:last-child > td {
    border-bottom:0;
}
table.table.style4 > tbody > tr:last-child > td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table.table.style4 > tbody > tr:last-child > td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table.table.style4 > tbody > tr:hover > td {
/*  background: #f2f2f2;       Andrew */
/*  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));       Andrew */
/*  background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);       Andrew */
    background: #f7f7f7;   /* Andrew */
}



table.table.style5 {
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
    color:#666;
    font-size:13px;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    background:#eaebec;

}
table.table.style5 th {
    padding:7px;
    border-top:1px solid #fafafa;
/*  border-left: 1px solid #C1C1C1;    Andrew */
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    font-weight: bold;
/*  text-shadow: 1px 1px 0px #fff;   Andrew */
    text-align: center;
}
table.table.style5 > thead > th:first-child {
    padding-left:20px;
    border-left: 0px none;
    text-align: center;
}

table.table.style5 tr:first-child > td {
    border-top: 0px none;
}



table.table.style5 > tbody > tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table.table.style5 > tbody > tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table.table.style5 > tbody > tr {
    text-align: left;
    padding-left:20px;
}
table.table.style5 > tbody > tr > td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table.table.style5 > tbody > tr:nth-child(odd) td {
    background: #FFFFFF;
}

table.table > tbody > tr > td.label {
	text-align: right !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

table.table.style5 > tbody > tr > td {
    padding: 7px;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 1px #ffffff inset;
    /*border-left: 1px solid #e0e0e0;*/
    color: #444444;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
    word-break: break-all;
}
table.table.style5 > tbody > tr.even > td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table.style5 > tbody > tr:last-child > td {
    border-bottom:0;
}
table.table.style5 > tbody > tr:last-child > td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table.table.style5 > tbody > tr:last-child > td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table.table.style5 > tbody > tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}



table.table.border{
    border: 1px solid #ccc;
}
table.table.border th {
    border: 1px solid #ccc;
}


table.table.style3 > tbody > tr > td.datatable-row-header,
table.table.style4 > tbody > tr > td.datatable-row-header {
    background: rgba(21, 21, 21, 0.69) none repeat scroll 0 0;
    box-shadow: 0 1px #6d6d6d inset;
    color: #ffffff;
    font-size: 0.86em;
    font-weight: bold;
    padding: 4px 15px;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #444444;
    border-left: 1px solid #6a6a6a;
}
table.table > tbody > tr > td.datatable-row-header.style2 {
    height: 0;
    padding: 5px 10px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    border-left: 1px solid #c1c1c1;
    border-top: 1px solid #fafafa;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0 1px #ffffff inset;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    color: #666;
    padding: 5px 10px 2px;
    text-align: left;
}
table.table > tbody > tr.table_dropdown > td.destination {
    padding: 0;
    white-space: normal;
    position: relative;

    min-height: 100px;
}


table.table.datalist > tbody > tr > td.value {
    text-align: left;
}
table.table.datalist > tbody > tr:first-child > td{
    border-top: 0px none;
}
table.table.datalist > tbody > tr > td.label {
    color: #7c7c7c;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
    padding-right: 4px;
}
table.table.datalist > tbody > tr > td{
    padding: 8px 16px;
}
table.table.datalist > tbody > tr > td.value{
    padding-left: 4px;
    white-space: normal;
}
table.table.datalist{
}

.wg_date .wg_date-time {
    font-size: 12px;
    color: #888;
    font-style: italic;
}

.pagination {
    text-align: center;
}
.pagination .pagination-button{
    display: inline-block;
}

.pagination .pagination-button.pagination-disabled{
	opacity: .3;
}

.pagination.style1 {
    background-color: #ECECEC;
}
.pagination.style1 .pagination-button {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    border-bottom: 1px solid #ececec;
    box-shadow: none;
    padding: 6px 18px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    border-radius: 0;
}

.pagination.style1 .pagination-button.active {
    border: 0px none;
    border-bottom: 3px solid #000;
    background-color: transparent;
    color: #000;
    font-weight: bold;
}
.pagination.style2 {
    background-color: #ECECEC;
    border-top: 1px solid #DDDDDD;
    padding: 6px;
}
.pagination.style2 .pagination-button{
    width: 28px;
	padding: 4px 8px;
}
.pagination.style3 .pagination-button {
	position: relative;
    text-decoration: none;
}
.pagination.style3 .pagination-button:hover > .pagination-button-inner{
	background-color: #F5F5F5;
}
.pagination.style3 {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 14px 16px;
}
.pagination.style3 .pagination-button.active > .pagination-button-inner{
	color: #fff;
	background-color: #5C5C5C;
}
.pagination.style3 .pagination-button-pointer {
    background-color: #f6f6f6;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    bottom: -25px;
    display: none;
    height: 18px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: auto;
    transform: rotate(45deg);
    width: 18px;
}
.pagination.style3 .pagination-button.active .pagination-button-pointer {
	display: block;
}
.pagination.style3 .pagination-button  > .pagination-button-inner{
    border: 0 none;
    border-radius: 0;
    color: #808080;
    font-size: 17px;
    margin: 0 6px;
    padding: 2px 3px;
}


.simple-pagination .pagination-button {
    margin: 0 0 0px;
    text-align: center;
    padding: 6px 0 0;
    color: #000;
}

.simple-pagination .simple-pagination-navigation-previous,
.simple-pagination .simple-pagination-navigation-next {
    font-size: 16px;
    padding: 2px 2px;
}
.simple-pagination .simple-pagination-navigation-disabled {
    visibility: hidden;
}

.simple-pagination .simple-pagination-page-x-of-x {
    color: #808080;
    font-size: 12px;
}
.simple-pagination > .simple-pagination-pages > div {
    display: inline-block;
}

.datatable .datatable-section {
    background-color: #fff;
/*  background-color: #ececec;  Andrew */
/*  border-top: 1px solid #cdcdcd;  Andrew */
/*  box-shadow: 0 1px 0 #fff inset;  Andrew */
    color: #666;
}
.datatable .datatable-info.datatable-section-top {
    background-color: #ececec;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: 0 1px 0 #fff inset;
    color: #666;
    border-radius: 0px 0px;
}
/*.datatable .header-line {
    background-color: #ececec;
    border-top: 1px solid #cdcdcd;
    box-shadow: 0 1px 0 #fff inset;
    padding-top: 1px;
}
.datatable .header-line .inner{
    background-color: inherit;
}*/

.datatable .datatable-info {
    font-size: 12px;
    padding: 10px;
    text-align: center;
}
.datatable .datatable-info.datatable-header {
    border-bottom: 1px solid #cdcdcd;
    border-top: 0 none;
}
.datatable .datatable-info:last-child {

    border-radius: 0 0 4px 4px;
}

/* ---------------------------------- */
/* END Tables and Datatables with Pagination */
/* ---------------------------------- */



/* ---------------------------------- */
/* START Messages */
/* ---------------------------------- */


.messages-container {
	margin: 20px 0px 5px;
}
.messages-container.style2{
	margin-top: 0;
}
.messages-container.style3{
    margin-top: 0;
    margin-bottom: 0;

}
.messages-container.style3 .messages{
    padding: 6px 15px;
    font-size: inherit;
}
.messages-container.style3 .messages::before {
    display:  none;
}

.messages-container.style4 .messages ul {
    list-style: disc outside none;
    margin: 5px 30px 15px;
}

.messages-container.style4 .messages ul li{
    margin: 10px;
}

.messages-container.style4{
    margin-top: 0;
    margin-bottom: 0;

}

.messages-container.style4 .messages{
    text-align: left;
    margin-bottom: 20px;
}

.messages-container.style5{
    margin-top: 0;
    margin-bottom: 0;

}

.messages-container.style6{
	margin: 20px 0px;
}

.messages-container.style5 .messages{
    margin-bottom: 20px;
}
.messages-container > .messages {
	margin-bottom: 0;
}

.messages{
	padding: 18px 30px;
	background-color: #eeeeee;
	border: 0px solid #B1B1B1;
	display: block;
	text-align: left;
	/*max-width: 780px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
	margin-bottom: 3%;
	font-size: 14px;
    font-weight: 600;
}

.messages.messages-error {
    background-color: #fff2f2;
    border: 1px solid #C94343;
    color: #cb2b2b;
}
.messages.messages-success {
    background-color: #E5FEE1;
    border: 2px solid #9BCC94;
    color: #466244;
}
.messages.messages-warning {
    background-color: #FFF0CC;
    border: 1px solid #CFC09C;
    color: #B41717;
}
.messages.messages-info {
    background-color: #E0EDF9;
    border: 1px solid #0084FF;
    color: #0055A4;

}

/* ---------------------------------- */
/* END Messages */
/* ---------------------------------- */


.notice-container {
    margin: 0 15px;
}

.notice-container.style-1 {
    margin: 3%;
}
.notice-container.style2 > .notice{
    text-align: left;
}

.notice ul.list {
    list-style: disc outside;
    margin: 0 auto;
    padding: 0 40px;
    text-align: left;
}

.notice-centered-container {
    margin: 0;
    position: absolute;
    top: 29%;
    width: 100%;
    z-index: 1;
}
.notice.notice-black{
    background-color: rgba(235, 235, 235, 0.87);
    border: 0 none;
    color: #cdcdcd;
    font-weight: normal;
}
.notice.notice-black > .icon{
    opacity: 0.19;
}
.notice {
    background-color: rgb(235, 235, 235);
    border: 1px solid #D3D2D2;
    border-radius: 2px;
    color: #333333;
    font-size: 13px;
    margin: 0 auto;
    max-width: 500px;
    overflow: hidden;
    padding: 20px 40px;
    position: relative;
    text-align: center;
    color: #3d3d3d;
}

.notice .contents {
    position: relative;
    z-index: 1;
}

.notice > .icon {
    bottom: -24%;
    height: 120%;
    left: -5%;
    position: absolute;
    opacity: .46;
}

.toggleContentHidden {
	display: none;
}

.form {
    position: relative;
}
.form .Form__Item {
    margin-bottom: 0px;/*margin should go on outside container to leave space for input error messages and notes.*/
}

.form.form-spacing .form-element {
    margin-bottom: 20px;
}

.form .input-wrapper.error input[type="text"],
.form .input-wrapper.error input[type="email"],
.form .input-wrapper.error input[type="password"],
.form .input-wrapper.error select,
.form .input-wrapper.error textarea {
    border: 1px solid #c94343;
}
.form .form-element .input-wrapper.error .input-error {
    background-color: rgba(255, 213, 213, 0.29);
    padding: 2px 10px;
}
.form .form-element .input-wrapper.error .input-error {
    margin: -1px 0 0;
}
.form .form-element .input-error {
    color: #B41717;
    display: block;
    font-size: 13px;
}

.form_panel {
    padding: 25px 4%;
    position: relative;
}

.form_panel.style1{
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.widget-content .form_panel.style2{
	border-radius: 0 0;
}
.form_panel.style2{
    background-color: #F7F7F7;
    border-radius: inherit;
}
.form_panel.style3{
    background: #ffffff none repeat scroll 0 0;
    /*box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.29) inset, 0 -3px 3px -2px rgba(0, 0, 0, 0.29) inset;*/
    margin-bottom: -1px;
    padding: 15px 5%;
    margin-top: -1px;
}

.form_panel.style4{
    background: #ffffff none repeat scroll 0 0;
    /*box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.29) inset, 0 -3px 3px -2px rgba(0, 0, 0, 0.29) inset;*/

    padding: 15px 5%;
}
.form_panel.style5{
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 0px;
    box-shadow: 0 1px 0 #ffffff inset;
}
.table_dropdown .form_panel.style3{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.28);
    border-top: 1px dashed rgba(0, 0, 0, 0.28);
}

.datatable > .table-container::-webkit-scrollbar {
    -webkit-appearance: none;
}

.datatable > .table-container::-webkit-scrollbar:vertical {
    width: 11px;
}

.datatable > .table-container::-webkit-scrollbar:horizontal {
    height: 11px;
}

.datatable > .table-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.datatable > .table-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}
.datatable > .table-container {
	overflow: auto;/*required for side scroll and vertical scroll*/
}
.datatable > .table-container > .table > tbody > tr > td > .contents{
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    white-space: pre-wrap;
   max-width: 455px;
}

.datatable > .table-container > .table > tbody > tr > td {
	position: relative;
}

.datatable > .table-container > .table > tbody > tr > td > .status {
    bottom: -15px;
    display: none;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 1;
}

.datatable > .table-container > .table > tbody > tr > td.editing.unchanged > .status.unchanged {
	display: block;
}
.datatable > .table-container > .table > tbody > tr > td.editing > .null {
    display: none;
}

.datatable > .table-container > .table > tbody > tr > td.editing.unsaved > .status.unsaved {
	display: block;
}

.datatable > .table-container > .table > tbody > tr > td.saved > .status.saved {
	display: block;
}


.info-box {
	display: flex;
	border: 1px solid var(--border-color);
	background-color: white;
	border-radius: 5px;
	padding: 30px 40px;
}

.info-box ul {
	padding-left: 20px;
}

.info-box p a {
    text-decoration: underline;
    color: #000;
}

.info-box .info-box-icon {
    font-size: 28px;
    padding: 0px 16px 0 0;
    margin-left: -16px;
}


/* Wheel Events Grid */
.events-grid {
    width: auto;
    margin: 0 -20px;
    position: relative;
    overflow-x: auto;
    z-index: 0;
}
.events-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 20px;
    justify-content: flex-start;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory; /* Enables scroll snapping */
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on touch devices */
}
.events-card {
	flex: 0 0 calc(100% - 0%); /* Adjust width to show part of the next card */
	/*background-color: #F5F5F5;*/
	margin-right: 10px;
	text-align: center;
	max-width: 440px;
	scroll-snap-align: center; /* Each card will snap to the center */
}
.events-container .events-card:last-child {
	margin-right: 0px;
}
.events-card img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 641px) {
	.events-grid {
		margin: 0 auto;
	}
	.events-card {
		flex: 0 0 calc(42% - 10px);
		min-width: 300px;
	}
	.events-container {
		padding: 0;
	}
}

@media screen and (min-width: 941px) {
	.events-card {
		flex: 0 0 calc(42% - 10px);
	}
	.events-grid {
		width: calc(100% + 10px);
	}
}




/**
 * ----------------------------------------------------------------------------
 * Widgets
 * ----------------------------------------------------------------------------
 */

.widget.margin {
  margin: 15px;
}

.widget > .widget-header.center {
  text-align: center;
}

.widget > .widget-header > .widget-header-controls{
  position: absolute;
  right: 7px;
  top: 7px;
}
.widget > .widget-header > .widget-header-controls.left{
  left: 7px;
  right: auto;
}

.widget > .widget-header > .widget-header-controls span{
  cursor: pointer;
  color: #AFAFAF;
}
.widget > .widget-header > .widget-header-controls button{
  width: 100%;
  vertical-align: middle;
}


.widget.tabs > .widget-header > .tab {
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-bottom: 0px none;
  bottom: -11px;
  cursor: pointer;
  font-size: 14px;
  color: #777777;
  padding: 10px 14px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin-top: -9px;
  font-weight: 600;
}

.widget .widget-header-tools {
  float: right;
  font-size: 14px;
  line-height: 19px;
}

.widget.tabs > .widget-header > .tab.active{
  background-color: #FFFFFF;
  cursor: default;
  color: #000000;
}

.widget.tabs > .widget-content {
  display: none;
}

.widget > .widget-content > .padding {
  padding: 30px 7%;
}

.widget > .widget-content > .padding2 {
  padding: 3%;
  padding-top: 0;
}

.widget > .widget-header {
  font-size: 16px;
  background-color: #F7F7F7;
  padding: 12px 20px;
  border: 1px solid #d9d9d9;
  border-bottom: 1px none;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 0px;
}

.widget.style4  > .widget-header {
  font-size: 17px;
  font-weight: 600;
  color: #444;
  background-color: #F7F7F7;
  box-shadow: 0 -1px 0 #d9d9d9 inset;
}
.widget.style4 > .widget-content {
  background-color: #fff;
  border-top: 0 none;
}
.widget > .widget-content > .widget-subheader {
  /*border-bottom: 1px solid #CCCCCC;*/
  padding: 8px 15px;
}
.widget > .widget-content > .widget-subheader.center {
  text-align: center;
}
.widget {
  position: relative;
}
.widget .widget-content {
  border: 1px solid #d9d9d9;
  border-radius: 0px 0px 4px 4px;
  position: relative;
}




/**
 * ----------------------------------------------------------------------------
 * Data Row
 * ----------------------------------------------------------------------------
 */
.data_subrow {
  padding: 0 25px;
  max-width: 720px;
  margin: 0 auto;
  position: relative;
}

.data_row-line {
 margin: 10px 0;
 border-bottom: 1px solid #e5e5e5;
}

.data_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 200px;
  padding: 25px 25px;
}

.data_row.style1 {
  padding: 8px 15px;
}


.data_row.no_vertical_padding {
  padding-top: 0px;
  padding-bottom: 0px;
}

.data_content {
  display: flex;
  flex-direction: column;
}
.data_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*margin: 10px 0;*/
}
.bar {
  width: 100%;
  background: #E3E3E3;
  height: 1px;
}
.data_subtitle {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  font-size: 12px;
  color: #727272;
  line-height: normal;
}
.data_title {
  font-size: 16px;
  font-weight: bold;
  color: var(--heading-color);
  margin: 0;
  line-height: 24px;
  margin-top: 4px;
}

.data_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 25px 25px;
  justify-content: space-between;
}

.data_btn.style1 {
  background-color: #E3E3E3;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.data_btn:hover {

}
.data_btn {
  text-align: right;
  display: flex;
  align-items: center;
}
.data_edit {
  right: 17px;
  margin-left: 20px;
  font-size: 15px;
  color: var(--link-color);
  position: absolute;
  top: 11px;
}


.data_details {
  border: 1px solid #e6e6e6;
  background-color: #f2f2f2;
  padding: 8px 12px;
  display: inline-block;
  margin-right: 20px;
  font-weight: 600;
  color: #606060;
  text-align: left;
  max-width: 190px;
  white-space: normal;
}

body.prestige--v4 h2 {
    text-align: unset;
}