@import url("/VanillaTheme2/Theme.VanillaTheme2.css?1416");

@media screen and (max-width: 480px) {
[data-popup] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: none !important; 
}
}
sup{
font-size:8px !important;
}
/*Profile Settings*/
.profile-main-conatiner{
    
    padding: 20px;
}
.fa-warning
{
    color:#D31324 !important;
}
.Request-pending
{
    font-family: 'Avenir Pro Demi';
  font-size: 14px;
  color:#D31324
}
.info-font
{
      font-family: 'Avenir Pro Demi';
     font-size: 14px;   
     color:#001A12;
}.mobileCancelSave
{
    display:none;
}
.cancelandsavemobile
{
    display:none;
}
.cancelandsavedesktop
{
    display:inline-block;
    width: 100%;
    padding:10px 0;
}
.profile-font
{
    font-size: 16px;
    font-family: Avenir Pro Regular;
    color:#001A12;
}
.profile-label-font
{
     font-family: 'Avenir Pro Demi';
     font-size: 16px;   
     color:#001A12;
}
.last-name
{
    padding-left: 10px;
}
{
    padding:20px;
}
.Language-Preference
{
  
}
.padding-content
{
    padding:10px 20px;
}
.nameandnumbersection
{
    margin-top:20px;
}
.padding-container
{
    margin:10px 0;
}
.WorkInfoContent
{
    padding:  0 20px;
}
.Personal-Information {
  display: inline-block;
  border: solid 1px #cdcdcd;
  border-radius: 4px;
  width: 100%;
}.Login-Information-desktop
{
    display:inline-block;
}
.Login-Information-mobile
{
    display:none;
}
.Profile-Settings-Box 
{
  border: solid 1px #cdcdcd;
  border-radius: 4px;
  margin-bottom:10px;
}
@media screen and (max-width: 768px) {
.Login-Information-desktop
{
    display:none;
}.cancelandsavemobile
{
    display:inline-block;
    padding:10px 0;
}
.cancelandsavedesktop
{
    display:none;
}
.Login-Information-mobile
{
    display:inline-block;
}
.padding-content
{
    padding:10px;
}
.mobileCancelSave
{
    display:inline-block;
}
.last-name
{
    padding-left:0;
}
}
.Work-Information {
  
  border: solid 1px #cdcdcd;
  
  border-radius: 4px;
}
.Language-Prefrence {

  border: solid 1px #cdcdcd;
 
  border-radius: 4px;
}
.Notifications {
 
  border: solid 1px #cdcdcd;
  
  border-radius: 4px;
}
.profile-card-header{
  min-height: 49px;
  background-color: #f8f8f2;
    font-family: 'Avenir Pro Demi';
    font-size: 18px;
    color:#001A12;

}

/*Profile Settings*/
/*Toggle Button*/
toggle-button {
    display: inline-block;
    height: 32px;
    width: 50px;
}

.toggle-button-label {
    height: 32px;
    width: 50px;
}

.toggle-button .checkbox {
    background-color: transparent;
    height: 32px;
    position: relative;
    width: 50px;
}

.toggle-button .checkbox:before {
    background-color: var(--color-neutral-5);
    border-radius: 50px;
    border: 1px solid #A3A3A3;
    height: 30px;
    position: relative;
    width: 70px;
    box-shadow: inset 0 0 5px #A3A3A3;
}

.toggle-button .checkbox:hover:before {
    background-color: var(--color-neutral-6);
    border: var(--border-size-s) solid var(--color-neutral-6);
}

.toggle-button .checkbox:checked:before {
    background-color: #00693C;
    border: var(--border-size-s) solid var(--color-primary);
}
.toggle-ON-Label{
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 5px;
    left: 10px;
}
.toggle-OFF-Label{
   position: absolute;
   top: 5px;
   left: 34px;
   color: #71716F;
}

.toggle-button .checkbox:checked:after {
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
}

.toggle-button .checkbox:after {
    background-color: white;
    border-radius: 50%;
    border: 0.5px solid #A3A3A3;
    height: 24px;
    left: 5px;
    z-index: 1;
    opacity: 1;
    position: absolute;
    top: 2px;
    width: 24px;
}

.toggle-button .checkbox[disabled="disabled"]:before {
    background-color: var(--color-neutral-2);
    border: var(--border-size-s) solid var(--color-neutral-4);
}

.toggle-button .checkbox[disabled="disabled"]:after {
    background-color: var(--color-neutral-5);
}
/*Toggle Button*/
/*Email-CSS*/
.seperator
{
    width:71.8%;
}.hello-text
{
    font-size:18px;
    padding-bottom:3%;
}.email-username
{
    color:#00956e;
    font:'Avenir Pro Demi';
    font-weight:bold;
}.email-content
{
    font-family: 'Avenir Pro Regular';
    text-align: center !important;
    padding:5% 0;
}
.thankyou-text
{
    font-size:29px;
    width:82.2%;
    text-align: center;
    padding-bottom:2.9%;
}
.access-text
{
    font-size:23px;
    width:86.8%;
    text-align:center;
    padding-bottom:6.5%;
}
.clickhere-text
{
    font-size:18px;
    padding-bottom: 1.8%;
}
.clickhere-container
{
    padding-bottom:8%;
}
.yourteam-text
{
    font-family:'Avenir Pro Demi';
    font-weight:bold;
    font-size:18px;
    padding-top:2%;
}
.regards-container
{
    padding:5% 0;
}
.requested-text
{
    font-family:'Avenir Pro Demi';
    font-size: 18px;
    font-weight:bold;
    padding-bottom:2.6%;
}
.companynametext
{
    font-family:'Avenir Pro Demi';
    font-size:19px;
    color:#00956e;
}
/*Email-css*/
/*Combobox*/
.choices {
    min-width: 150px;
    position: relative;
    background-image:url('/Portal_Resources/img/Downarrow.png?5467');
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: 26px;
}

.choices.is-open.is-focused .choices__inner {
    border: var(--border-size-s) solid var(--color-primary);
    border-radius: var(--border-radius-soft);
}

.choices:focus {
    outline: none;
}

.choices:last-child {
    margin-bottom: var(--space-none);
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: var(--color-neutral-0);
    cursor: not-allowed;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.choices.is-disabled .choices__item {
    cursor: not-allowed;
}

.choices[data-type*="select-one"] {
    cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner .choices__inner {
    padding-bottom: var(--space-none);
}

/*.choices[data-type*="select-one"] .choices__inner .choices__input {
    background-color: var(--color-neutral-0);
    border-bottom: var(--border-size-s) solid var(--color-neutral-5);
    margin-bottom: var(--space-none);
    padding-left: var(--space-xl);
    padding: var(--space-s);
    position: relative;
    width: 100%;
}*/

.choices[data-type*="select-one"] .choices__button {
    height: auto;
    margin-right: var(--space-m);
    margin-top: -10px;
    padding: var(--space-none);
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
}

.choices[data-type*="select-one"] .choices__button:hover,
.choices[data-type*="select-one"] .choices__button:focus {
    opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0 0 0 2px var(--shadow-xs);
}

.choices .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button),
.choices .search--wrapper .input {
    padding-left: var(--space-xl);
    max-width: 100%;
}

.choices .search--wrapper {
    padding: var(--space-s);
}

/* Arrow icon */
.choices[data-type*="select-one"]:after {
    display:none;
}

.choices[data-type*="select-one"].is-open:after {
    color: var(--color-primary);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.choices[data-type*="select-one"][dir="rtl"]:after {
    left: 16px;
    right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
    left: 0;
    margin-left: var(--space-m);
    margin-right: var(--space-none);
    right: auto;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
    cursor: text;
}

.choices[data-type*="select-one"] .choices__button {
    display: none;
}

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    border: var(--border-size-none);
    display: inline-block;
    line-height: 1;
    margin-bottom: var(--space-none);
    margin-left: var(--space-s);
    margin-right: -4px;
    margin-top: var(--space-none);
    padding-left: var(--space-base);
    position: relative;
    width: 8px;
}

.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
    opacity: 1;
}

.choices__inner {
    color: var(--color-neutral-3);
    display: inline-block;
    height: 40px;
    line-height: calc(var(--font-size-base) * 2);
    padding-left: var(--space-base);
    vertical-align: top;
    width: 100%; 
    
  background-image:url('/Portal_Resources/img/Downarrow.png?5467');
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: 26px;  
    border-bottom: 1px solid #001A12;
    border-radius:0;
}

.choices[data-type*="select-multiple"] .choices__inner {
    height: auto;
    padding: var(--space-s);
    border-radius: var(--border-radius-soft);
}


.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: var(--color-primary);
    border-radius: 0;
    color: var(--color-neutral-1);
}

.is-open .choices__inner {
    
  background-image:url('/Portal_Resources/img/Uparrow.png?5467');
    background-position: right 12px;
    background-repeat: no-repeat;
    background-size: 26px;  
   border-bottom: 1px solid #1782c5;
   border-radius:0;
}

.is-flipped.is-open .choices__inner {
    border-radius: var(--border-radius-none);
}

.choices__list {
    list-style: none;
    margin: var(--space-none);
    padding-left: var(--space-none);
    max-height:225px;
}

.choices__list--single {
    display: inline-block;
    padding-right: var(--space-base);
    width: 100%;
}

.choices__list.choices__list--dropdown {
    border-radius: var(--border-radius-soft);
}

.choices__list.choices__list--dropdown.is-active {
    margin-top: var(--space-xs);
}

.choices__input.choices__input--cloned {
    border: var(--space-none);
}

.search--wrapper {
    display: none;
    position: relative;
}
/* Choices Multiple */
.choices__list--multiple {
    display: inline;
}

.choices__list--multiple .choices__item {
    align-items: center;
    background-color: var(--color-neutral-3);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-3);
    color: var(--color-neutral-9);
    display: inline-flex;
    font-size: var(--font-size-xs);
    font-weight: var(--font-semi-bold);
    height: 32px;
    margin-top: var(--space-xs);
    margin-left: var(--space-xs); 
    padding: var(--space-xs) var(--space-s);
    vertical-align: middle;
    word-break: break-all;  
}

.choices[data-type*="select-multiple"] .choices__button::after {
    content: "\f00d";
    color: var(--color-neutral-7);
    font: normal normal normal 14px/1 FontAwesome;
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);  
}

.choices[data-type*="select-multiple"] .choices__item.is-highlighted .choices__button::after {
    color: var(--color-neutral-0);
}

.choices[data-type*="select-multiple"] .search--wrapper input {
    border: 0;
    min-width: 100%;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="select-multiple"] .search--wrapper,
.choices[data-type*="select-multiple"].is-open .search--wrapper {
    padding: 0;
}

.choices[data-type*="select-multiple"] .search--wrapper input:focus {
    border: 0;
    box-shadow: none;
}

.choices[data-type*="select-multiple"].is-open .choices__inner {
    border: var(--border-size-s) solid var(--color-neutral-5);
}

.choices[data-type*="select-multiple"] .search--wrapper::before {
    left: var(--space-base);
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: var(--space-xs);
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: var(--color-primary);
    border: var(--border-size-s) solid var(--color-primary);
    color: var(--color-neutral-0);
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: var(--color-neutral-6);
    border: var(--border-size-s) solid var(--color-neutral-7);
}

.choices__list--dropdown {
    background-color: var(--color-neutral-0);
    border: var(--border-size-s) solid var(--color-neutral-5);
    display: none;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    word-break: break-all;
    z-index: 1;
    background: white;
}

.choices__list--dropdown.is-active {
    display: block;
}

.is-flipped .choices__list--dropdown {
    border-radius: var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
    bottom: 100%;
    margin-bottom: -1px;
    margin-top: var(--space-none);
    top: auto;
}

.choices__list--dropdown .choices__list {
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    overflow: auto;
    position: relative;
    will-change: scroll-position;
}

.choices__list--dropdown .choices__item {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: var(--space-none) var(--space-base);
    position: relative;
}

.choices__item--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.choices__heading {
    border-bottom: var(--border-size-s) solid var(--color-neutral-0);
    color: var(--color-neutral-5);
    font-size: var(--font-size-s);
    font-weight: var(--font-semi-bold);
    padding: var(--space-s);
}

.choices__button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: var(--border-size-none);
    cursor: pointer;
    text-indent: -9999px;
}

.choices__button:focus {
    outline: none;
}

.choices__input {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-none);
    border: var(--border-size-none);
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
}

.choices__input:focus {
    box-shadow: 0 0 0 1px var(--color-neutral-5);
    outline: 0;
}


.choices__placeholder {
    opacity: .5;
}

.choices__list--single .choices__item {
    color: var(--color-neutral-10);
    overflow: hidden;
    padding-right: var(--space-base);
    padding-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
}

.choices__list::-webkit-scrollbar {
    width: 5px;
}

.choices__list::-webkit-scrollbar-track {
    background: var(--color-neutral-4);
}

.choices__list::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-6);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2faf8;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5;
}

.choices__item {
    cursor: default;
}

.choices__item--selectable {
    cursor: pointer;
}

/* rtl */
.choices[dir="rtl"] .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button) {
    padding-right: var(--space-xl);
}

.choices[dir="rtl"] .search--wrapper:before {
    right: var(--space-base);
}
.choices[dir="rtl"] .choices__list--single {
    padding-left: var(--space-base);
    padding-right: var(--space-xs);
}

.choices[dir="rtl"] .choices__list--multiple .choices__item {
    margin-left: var(--space-none);
    margin-right: var(--space-xs);
}

.choices[dir="rtl"] .choices__list--dropdown .choices__item {
    text-align: right;
}

.choices[dir="rtl"] .choices__input {
    padding-left: var(--space-none);
    padding-right: 2px;
}

.choices[data-type*="select-multiple"][dir="rtl"] .choices__button, 
.choices[data-type*="text"][dir="rtl"] .choices__button {
    margin-right: var(--space-s);
    margin-left: 0;
    padding-left: var(--space-none);
}
/*For increment removing*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Media Queries */
@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: var(--font-size-xs);
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .choices[dir="rtl"] .choices__list--dropdown .choices__item--selectable {
        padding-left: 100px;
        padding-right: var(--space-s);
        text-align: right;
    }
    .choices[dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
        left: 10px;
        right: auto;
    }
}


/* Choices Disabled */
.choices-disabled {
    pointer-events: none;
}

.choices-disabled .choices__inner {
    background-color: var(--color-neutral-2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAAXNSR0IArs4c6QAAAb1JREFUOBGlU79Lw1AQfhcSipM6OTo5uQmJVaGtiNAqOGgd/AN0cLf+D7o76OhYddMGivQHqNgUN/8AR1dBpKTmed+DR9OQtMHecnl3931f7r07Emxuq/MspVwhonomZ2+tE/URn9QaUpq9tvfA3JvM/VLMO6sGSC3TPCAhPpHotbyLSYU0HlxKjLmhgbgS3Fhb+hCGsSNI/EghD92mV9Gg/3pwgAuc4FYaTMaNDazW6uxy4EZFiPaLOft2kE3/5ba9PSFlFQgpRLmUd+40WnWoD0hIolO+BpIyuGago3NpPTDAKg7mCouBY6hDTeo2O5e4DryrZVnL+jp0Psk/Pr3N+77/yl3NkaCrYsE5itYOdaiTmbx9jIkF0Pf79/Vud1rnkjxqUKvEMO3MEVcbK4i1mMnMlvkv37nTxd/voNrgEY8jQAw51KAWGGCTVitWECTZ7MKXZZnbuFZ+j5HrMjT+jAEWHHGWKIji6LrU2t5JlCRp/KN1+hw7NDqpfXjMRWhdkuIaF+dTCQKouguCMywykVFAjMe/yYs2xYtdKeXsc8TGWWpBEIXXBedR4498nI18wyggvC7jxj+K1ec/4MHct8w87wUAAAAASUVORK5CYII=');    
    background-position: center right 16px;
    background-repeat: no-repeat;
    background-size: 14px 7px;
    border: 1px solid var(--color-neutral-4);
}

.choices[data-type*="select-one"].choices-disabled:after {
    content: none;
}

.choices-disabled .choices__list--single .choices__item {
    color: var(--color-neutral-6);    
}

.choices-disabled[dir="rtl"] .choices__inner {
    background-position: center left 16px;     
}


.invoice-number::-webkit-inner-spin-button, 
.invoice-number::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
/*Combobox*/
/*Pagination Mobile Responsive*/
.phone a.ListNavigation_PageNumber:link, .phone span.ListNavigation_CurrentPageNumber, .phone span.ListNavigation_Ellipsis, .tablet a.ListNavigation_PageNumber:link, .tablet span.ListNavigation_CurrentPageNumber, .tablet span.ListNavigation_Ellipsis {
   display: inline-block !important;
}
.label-inner
{
    flex:1;
}
.labels
{
    display:flex;
    flex-direction:row;
}
.second-label
{
    text-align:right;
}
@media only screen and (max-width: 768px)
{
.labels
{
    flex-direction : column;
    
}
.second-label
{
    text-align: left;
    margin-top:2%;
}
}
:root{
     /* Typography - Size */
    --font-size-display: 36px;
    
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 26px;
    --font-size-h4: 22px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;

    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px; 
    
     /* Typography - Weight */
    --font-light: 300;
    --font-regular: 400;
    --font-semi-bold: 500;
    --font-bold: 700;
    
    /* Space - Sizes */
    --space-none: 0;
    --space-xs: 4px;
    --space-s: 8px;
    --space-base: 16px;
    --space-m: 24px;
    --space-l: 32px;
    --space-xl: 40px;
    --space-xxl: 48px;
    
    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-soft: 4px;
    --border-radius-rounded: 100px;
    --border-radius-circle: 100%;
    
    /* Border Size */
    --border-size-none: 0;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;
    
    /* App Settings */
    --color-background-body: #f3f6f8;

}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    border: 1px solid #707271;
    border-style: none none solid none;
    font-size: 18px;
}
input[type="checkbox"]{
    height:15px;
    width: 15px;
    border-radius:2px;
    margin: 0;
}

a{
    text-decoration: none;
}

.MainContent {
    position: relative;
}
.paymentpagepadding
{
    padding:0 3% 0 2%;
}
.MainContent .body-layout-container{
    background-color: #fff;
    min-height: 366px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px 0 #E5E5E5;
    margin-top: 20px;
}
.my-stericycle-com-ter {    
height: 19.76px;   
width: 275.08px;    
color: #149C79;    
font-family: "Avenir Next LT Pro";    
font-size: 18px;    
font-weight: 500;    
line-height: 22px;}

.effective-date-jul {    
height: 14px;    
width: 189px;    
color: #001A12;    
font-family: "Avenir Next LT Pro";    
font-size: 14px;  
font-weight: 500;    
line-height: 17px;}


.stericycle-button{
    height: 50px;
    border-radius: 5px;   
    background-color: #1782C5;
    font-size: 18px;    
    font-weight: bold;    
    line-height: 22px;
    color: white;
}

.lorem-ipsum-is-simpl {   
height: 509.82px;    
width: 300.79px;    
color: #001A12;    
font-family: "Avenir Next LT Pro";    
font-size: 14px;    
line-height: 23px;}

input.animated-label-input {
    margin-left: 0px;
    margin-top: 15px;
    padding:0px;
}

input.animated-label-input:focus {
    border-bottom:2px solid #00693C;
} 

label.animated-label-text {
    display:none;
    text-align:left;
    margin-top:5px;
    color:#525252;
}
.animated-label-container {
    position: absolute;
    margin-left: 0px;
}
.animated-label-container-popUp {
    position: left;
    margin-left: 0px;
}
.margin-left-10 {
    margin-left: 0px;
}


a.Header_ButtonMenu span.fa-bars {
    color: #00693C;
}
    
.remember-your-passwo {    height: 55px;    
color: #001A12;       font-size: 14px;    
line-height: 25px;    text-align: center;
font-family: "Avenir Light"}




/* Font Configuration */

@font-face {
    font-family: 'Avenir Heavy';
    src: url('/Portal_TH/fonts/Avenir85Heavy_1.otf');
    src: url('/Portal_TH/fonts/Avenir85Heavy.eot?iefix') format('eot'),
         url('/Portal_TH/fonts/Avenir85Heavy.woff') format('woff'),
         url('/Portal_TH/fonts/Avenir85Heavy.ttf') format('truetype'),
         url('/Portal_TH/fonts/Avenir85Heavy.svg#webfontpQgNQDw9') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    @font-face {
    font-family: 'Avenir Medium';
    src: url('/Portal_TH/fonts/Avenir65Medium.otf');
    font-weight: normal;
    font-style: normal;
    }
    
    @font-face {
        font-family: 'Avenir Light';
        src: url('/Portal_TH/fonts/Avenir45Book_1.otf');
        src: url('/Portal_TH/fonts/Avenir45Book.eot?iefix') format('eot'),
            url('/Portal_TH/fonts/Avenir45Book.woff') format('woff'),
            url('/Portal_TH/fonts/Avenir45Book.ttf') format('truetype'),
            url('/Portal_TH/fonts/Avenir45Book.svg#webfontpQgNQDw9') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Avenir Pro Demi';
        src: url('/Portal_TH/AvenirNextLTPro-Demi.otf');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Avenir Pro Regular';
        src: url('/Portal_TH/AvenirNextLTPro-Regular.otf');
        font-weight: normal;
        font-style: normal;
    }
    
/* Generic Classes*/
.service-link {
    height: 28px;
    width: 168px;
    color: #00693C;
    font-family: "Avenir Heavy";
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none;
}
.header-label{
    color: #001A12;    
    font-family: Avenir Medium;    
    font-size: 25px;    
    font-weight: 500;   

}
.header-info{
         
    color: #001A12;    font-family: Avenir Light;    
    font-size: 16px;    font-weight: 300;    
    line-height: 22px;
}
.alert-prompt {

border-radius:4px;
background-color:#024731;
color:#FFF;
}

.success-prompt {

border:1px solid #3C862E;
border-radius:4px;
background-color:#3C862E;
color:#FFF;
}

.error-prompt {

border:1px solid #D31324;
border-radius:4px;
background-color:#D31324;
color:#FFF;
}
.validation-error{
    height: 32px;    
   color: #D31324;   
   font-family: "Avenir Light";    
   font-size: 14px;    
   line-height: 22px;
}
.validation-success{
   height: 100%;
   padding-bottom: 5px;
   color: #3C862E;  
   font-family: "Avenir Light";    
   font-size: 14px;  
   font-weight: 500;
}

.widget-container {
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 #e5e5e5;
    background-color: #ffffff;
}
.widget-header-small {
    color: #001A12;
    font-family: "Avenir Heavy";
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    border-bottom: 4px solid #EBAB00;
    padding-bottom: 5px
}

.widget-header {
    color: #001A12;
    font-family: "Avenir Pro Demi";
    font-size: 25px;
    font-weight: normal;
    line-height: normal;
    border-bottom: 4px solid #EBAB00;
    padding-bottom: 5px
}
@media screen and (max-width: 568px) {
    .widget-header { font-size:18px;   }
}  
.green-widget-header {
    color: #00693C;
    font-family: "Avenir Heavy";
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}


.widget-header-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.link-small {
    color: #00693C !important;
    font-family: "Avenir Heavy";
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
/* added CSS for Filter*/
.link-medium {
    color: #00693C !important;
    font-family: "Avenir Heavy";
    font-size: 16px;
   font-weight: normal;
   font-style: normal;
  font-stretch: normal; 
  line-height: 1.2;
 letter-spacing: normal;
}

.link-large {
    color: #00693C !important;
    font-family: "Avenir Heavy";
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}

.link-small, .link-large{
    cursor: pointer;
}
.link-small:hover, .link-large:hover{
    text-decoration: underline;
}

.text-large-light {
    color: #001A12;
    font-family: "Avenir Light";
    font-size: 20px;
    line-height: 24px;
}

.st-txt-green-body3 {
     font-size: 16px;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Heavy';
}

.text-medium-light {
    color: #525252;
    font-family: "Avenir Light";
    font-size: 18px;
    line-height: 22px;
}

.text-medium-heavy {
    color: #001A12;
    font-family: "Avenir Heavy";
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}


.text-small-heavy {
    color: #001A12;
    font-family: "Avenir Heavy";
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}

.text-green-medium-heavy {
    color: #00693C;
    font-family: "Avenir Heavy";
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}



.text-green-large {
    color: #00693C;
    font-family: "Avenir Heavy";
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}



.text-small-light {
    color: #525252;
    font-family: "Avenir Light";
    font-size: 16px;
    line-height: 19px;
}

.text-gray-heavy {
     font-family: "Avenir Heavy";
     font-size: 25px !important;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #001A12;
}

.header-text-info{    
    color: #001A12;    
    font-family: AvenirNextLTPro-Regular;
    font-size: 16px;    
    font-weight: normal;    
    line-height: normal;
}

.st-border-container {
border-color: #e7e7e7;
border-style: solid;
border-width: 1px 0px 0px 0px;
}


.header-margins {
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    padding: 0px !important;
}

.layout-margins {
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
}
.notification-container{
    box-shadow: 0 0 4px 4px rgba(189,189,189,0.23);
    width: 394.3px;
    border-radius: 4px;
}
.notification-close-icon{
    position:absolute;
    right:15px;
    top:50%;
    transform:translate(-50%,-50%);
    cursor:pointer;
    font-size: 18px;
}


/* Media query to re-arrange components for mobile*/
 @media screen and (max-width: 768px) {
    .notification-container, .Invoices-search-input{
        width: 100% !important;
    }
    
    .widget-header {
            line-height: 2;
    }
    .accountLabel{
        font-size:16px;
        color:"#001A12 !important"; 
        font-family: 'Avenir Light';
        width:100% !important;
    }
    
    .filter-container{
        position: absolute;
        bottom: 10px;
        right: 0;
    }
    .export-options{
        text-align: left;
    }
    .paymentpagepadding
    {
        padding:0;
    }
    div.os-internal-Popup .os-internal-ui-dialog, div.os-internal-Popup.os-internal-ui-dialog {
        width: 80% !important;
        left: 10% !important;
        overflow: scroll !important;
        max-height: 90%;
        -webkit-overflow-scrolling: touch;
    }
    .full-width{
        width: 100% !important;
    }
}
/*Generic Classes*/
@media and screen(max-width:768px){
    .notification-container{
        width: 100% !important;
    }
    .st-txt-white-body1{
         font-family: 'Avenir Medium';
         font-size: 14px;
    }
    .st-txt-white-body2 {
         font-family: 'Avenir Light';
         font-size: 14px;
    }
    .st-txt-white-body3 {
         font-family: 'Avenir Light';
         font-size: 11.3px;
    }
    .st-txt-white-body1,.st-txt-white-body2,.st-txt-white-body3 {
         font-weight: normal;
         font-style: normal;
         font-stretch: normal;
         line-height: normal;
         letter-spacing: normal;
         color: #ffffff;
    }
    .st-txt-grey-body{
         font-size: 18px;
         color:#00956e;
    }
     .text-green-large {
         font-size: 30px;
    }
    .st-txt-grey-body{
         font-size: 15px;
         color:#545454;
    }
    .st-txt-green-subhead{
         font-size: 18px;
         color:007A5A;
    }
     .text-widget-header-heavy{
         font-size: 20px;
    }
    .st-txt-blue-body1{
         font-size: 11.5px;
    }
}
.st-link{
     font-size: 15px;
}
.st-small-link{
     font-size: 11px;
     line-height: 1.36;
}
.st-small-link{
     font-size: 11px;
     line-height: 1.36;
}
.st-link,.st-small-link{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-link,.st-small-link{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-blue-bold{
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Heavy';
}
.st-nav-bcrumbs{
     color: #00693C;
     font-family: 'Avenir Light';
}

.st-blue-header{
    font-size: 20px;
    font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 25px;
     letter-spacing: normal;
     font-family: 'Avenir Medium';
}
.st-cur-bcrumbs{
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-nav-bcrumbs,.st-cur-bcrumbs {
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
}

.text-widget-header-heavy {
     font-family: 'Avenir Heavy';
     font-size: 25px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #001A12;
     border-bottom: 4px solid #0F88A7;
     padding-bottom: 5px 
}

.st-txt-green-subhead {
     font-family: 'Avenir Medium';
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #00693C;
}

.text-green-small-heavy {
    color: #00956E ;
    font-family: "Avenir Heavy" ;
    font-size: 16px ;
    line-height: normal;
}


.st-txt-grey-subhead {
     font-family: 'Avenir Medium';
     font-size: 16px;
     line-height: 1.38;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #525252;
}

.st-txt-grey-large-subhead{
{
     font-family: 'Avenir Medium';
     font-size: 18px;
    font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #001A12;
}
}

.st-txt-grey-body-new {
     font-family: 'Avenir Light';
     font-size: 16px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #525252;
}
.st-txt-grey-body2 {
     font-family: 'Avenir Light';
     font-size: 14px;
}
.st-txt-grey-body3 {
     font-family: 'Avenir Light';
     font-size: 11px;
     line-height: 1.18;
}
.st-txt-grey-body2,.st-txt-grey-body3{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #001A12;
}

.st-txt-grey-Bold {
     font-family: 'Avenir Heavy';
     font-size: 20px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #001A12;
}
.st-txt-grey-small.st-txt-grey-small {
     font-family: 'Avenir Medium';
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     line-height: 1.5;
     color: #525252;
}



.st-txt-carmine-caps {
     font-family: 'Avenir Heavy';
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     line-height: 1.5;
     color: #F5C617;
}

.st-txt-white-body1 {
     font-family: 'Avenir Medium';
     font-size: 15.1px;
}

.st-txt-white-body2 {
     font-family: 'Avenir Light';
     font-size: 15.1px;
}

.st-txt-white-body3 {
     font-family: 'Avenir Light';
     font-size: 13px;
}
.st-txt-white-body1,.st-txt-white-body2,.st-txt-white-body3 {
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
.st-txt-white-medium {
     font-family: 'Avenir Medium';
     font-size: 18px;
}
.st-txt-white-medium2 {
     font-family: 'Avenir Medium';
     font-size: 16px;
     font-weight: bold;
}
.st-txt-white-medium,.st-txt-white-medium2{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}
.st-txt-opac-body1 {
     font-family: 'Avenir Medium';
     font-size: 15.1px;
     opacity: 0.63;
}
.st-txt-opac-body2 {
     font-family: 'Avenir Light';
     font-size: 15.1px;
}
.st-txt-opac-body3 {
     font-family: 'Avenir Light';
     font-size: 13px;
}
.st-txt-opac-body1,.st-txt-opac-body2,.st-txt-opac-body3 {
     opacity: 0.63;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #757575;
}
.st-txt-blue-body1{
     font-size: 14.4px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-txt-blue-body2{
     font-size: 14px;
     font-family: 'Avenir Pro Demi';
}

.st-txt-blue-body12{
     font-size: 16px;
     font-family: 'Avenir Pro Demi';
}
.st-txt-blue-body3{
     font-size: 11px;
}
.st-txt-blue-body2,.st-txt-blue-body3,.st-txt-blue-body12{
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-txt-green-body1{
     font-size: 16px;
}
.st-txt-green-body2{
     font-size: 11px;
}
.st-txt-green-body1,.st-txt-green-body2{
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #00693C;
     font-family: 'Avenir Medium';
}
.st-txt-light-gray1{
     font-size: 16px !important;
     font-family: 'Avenir Pro Regular' !important;

}
.line-height-181 {
    line-height: 1.81;
}
.st-txt-light-gray2{
     font-size: 14px;
     font-family: 'Avenir Pro Regular';
}
.st-txt-light-gray3{
     font-size: 12px;
     font-family: 'Avenir Pro Regular';
}

.st-txt-light-gray4{
     font-size: 16px;
     font-family: 'Avenir Pro Demi';
}

.st-txt-light-gray7{
     font-size: 14px;
     font-family: 'Avenir Heavy';
}
.st-txt-light-gray1,.st-txt-light-gray2,.st-txt-light-gray3,.st-txt-light-gray4,.st-txt-light-gray7{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #525252;
}

.st-txt-gray1{
     font-size: 16px;
     font-family: 'Avenir Pro Regular';

}

.st-txt-gray2{
     font-size: 14px;
     font-family: 'Avenir Pro Regular';
}
.st-txt-gray3{
     font-size: 12px;
     font-family: 'Avenir Pro Regular';
}

.st-txt-gray4{
     font-size: 16px;
     font-family: 'Avenir Pro Demi';
}

.st-txt-gray7{
     font-size: 14px;
     font-family: 'Avenir Heavy';
}
.st-txt-gray1,.st-txt-gray2,.st-txt-gray3,.st-txt-gray4,.st-txt-gray7{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #001A12;
}
.st-txt-dark-gray1{
     font-size: 18px;
     font-family: 'Avenir Light';
}
.st-txt-dark-gray2{
     font-size: 16px;
     font-family: 'Avenir Medium';
}
.st-txt-dark-gray3{
     font-size: 11px;
     font-family: 'Avenir Light';
}
.st-txt-dark-gray4{
     font-size: 13px;
     font-family: 'Avenir Medium';
}
.st-txt-dark-gray5{
     font-size: 14px;
     font-family: 'Avenir Light';
}

.st-txt-dark-gray6{
     font-size: 16px;
     font-family: 'Avenir Heavy';
}

.st-txt-dark-gray7{
     font-size: 14px;
     font-family: 'Avenir Heavy';
}
.st-txt-dark-gray1,.st-txt-dark-gray2,.st-txt-dark-gray3,.st-txt-dark-gray4,.st-txt-dark-gray5{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #001A12;
}
.st-txt-medium-white1{
     font-size: 13px;
}
.st-txt-medium-white2{
     font-size: 12px;
}
.st-txt-medium-white3{
     font-size: 14px;
     font-family: "Avenir Medium"
}
.st-txt-medium-white1,.st-txt-medium-white2,.st-txt-medium-white3{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
     font-family: 'Avenir Medium';
}
.st-txt-heavy-white1{
     font-size: 19px;
     font-family: 'Avenir Heavy';
}
.st-txt-heavy-white2{
     font-size: 28.5px;
     font-family: 'Avenir Heavy';
}
.st-txt-light-white1{
     font-size: 12px;
     font-family: 'Avenir Light';
}
.st-txt-heavy-white1,.st-txt-heavy-white2,.st-txt-light-white1{
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffffff;
}

.st-txt-blue-new-body2{
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #1782c5;
     font-family: 'Avenir Medium';
     font-size: 18px;
     font-family: 'Avenir Pro Demi';
}

/* Text on hover */
.st-txt-blue-new-body2:hover{
    background-color: #1e2859 !important;
    border:1px solid #1e2859;
    cursor: pointer;
    color: #fff !important;
}

/*Generic Classes*/
.rectangle {    
height: 577.53px;        
border: 1px solid #EAEAEA;    
border-radius: 4px;    
background-color: #FFFFFF;    
padding: 20px;
text-align: justify;
}

.Menu_SubItemsPlaceholder {
    border: 1px solid rgba(225,225,225,0.83);
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 2px rgba(189,189,189,0.26);
}
.Menu_DropDownPanel a{
    padding: 5px 20px 5px 20px !important;
    color: #001A12 !important;
    font-family: Avenir Light;
    font-size: 16px !important;
}
.Menu_DropDownPanel a:hover {
    background-color: #F2FAF8;
    border-left: 4px solid #02956F !important;
    color: #00956E !important;
}
.tooltipster-base {
    border-radius: 5px;
}
 .Menu_SubItemsPlaceholder {
     border: 1px solid rgba(225,225,225,0.83);
     border-radius: 4px;
     background-color: #FFFFFF;
     box-shadow: 0 0 4px 2px rgba(189,189,189,0.26);
}
 .Menu_DropDownPanel a{
     padding: 5px 20px 5px 20px !important;
     color: #001A12 !important;
     font-family: Avenir Light;
     font-size: 16px !important;
     margin-left: 4px !important;
}
 .Menu_DropDownPanel a:hover {
     background-color: #F2FAF8;
     border-left: 4px solid #02956F !important;
     color: #00956E !important;
     margin-left: 0px !important;
}
 .tooltipster-base {
     z-index: 1001 !important;
}

.IconBadge_number {
    background-color: #D31324;
    border: none;
    top: -10px;
    right: -5px;
    font-size: 12px;
    min-width: 20px;
    padding: 2px 5px;
    border-radius: 50%;
    letter-spacing: 0px;
}
@media and screen (max-width:420px){
    .account-modal-container {
    width:180px !important;
       }
}
.account-modal-container {
    padding: 20px;
    height:100%;
    width: 100%;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 1px 0 10px 1px rgba(0,0,0,0.35);
}

.payment-modal-container {
    padding: 20px;
    height:100%;
    max-width: 800px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 1px 0 10px 1px rgba(0,0,0,0.35);
}
.os-internal-ui-dialog-titlebar-close-no-title{
    right: 30px !important;
    top: 15px !important;
}
input[type="radio"]:before{
    border-color: #00693C;
    border-radius: 50%;
    box-shadow: inset 0 0 5px #fff;
}
input[type="radio"]:after{
    background: #00693C;
    border: 2px solid #00693C;
    left: 50%;
    top: 50%;
    transform: translate(-42%, -42%);
}

.tooltip_style
{
    background-color:#00758d !IMPORTANT;
    color:white !important;
    font-family: "Avenir Light" !important;
    font-size:13px;
    font-weight:500;
    border-radius:4px;
    width:283px !important;
    max-height:100px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
     
}
.InfoTooltip 
{
    color: #00758d !important;
     margin:0 !important;
    
}
/* Customized Combobox changes */

/* End of Customized Combobox changes */

/* Popup CSS */
div.Feedback_Message_Error, 
    div.Feedback_Message_Success, 
    div.Feedback_Message_Warning, 
    div.Feedback_Message_Info {
        max-width: 473px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
        border-radius: 4px;
        padding: 15px 25px;
        min-width: initial;
}
 .Feedback_Message_Success:before, 
    .Feedback_Message_Error:before, 
    .Feedback_Message_Warning:before, 
    .Feedback_Message_Info:before {
     top: 15px !important;
}
 div.Feedback_Message_Success {
     background-color: #3C862E;
}
 div.Feedback_Message_Error {
     background-color: #D31324;
}
 a.Feedback_Message_Wrapper_Close{
     top: 5px;
}
.Feedback_Message_Wrapper{
    top: -50px;
    font-family: 'Avenir Light';
}
/* Popup CSS */

/* Stopping the auto rotate of popup close icon*/
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover {
    transform: initial;
}
/* Stopping the auto rotate of popup close icon*/

/* primary blue button as per the style guide*/
.primary-blue-button{
    font-family: 'Avenir Pro Demi';
    padding: 10px 25px !important;
    font-size: 16px;
    border-radius: 5px;
    border:1px solid #00693C;
    background-color: #00693C;
    color: #fff !important;
    margin-left: 0px;
    height: 100% important;
}
.primary-blue-small-button{
    font-family: 'Avenir Pro Demi';
    padding: 2px 25px !important;
    font-size: 16px;
    border-radius: 5px;
    border:1px solid #00693C;
    background-color: #00693C;
    color: #fff !important;
    margin-left: 0px;
    height: 100% important;
}

/* primary blue button when hover as per the style guide*/
.primary-blue-button:hover{
    background-color: #024731 !important;
    border:1px solid #024731;
    cursor: pointer;
}

/* primary green button as per the style guide*/
.primary-green-button{
    font-family: 'Avenir Medium';
    padding: 10px 25px !important;
    font-size: 18px;
    border-radius: 5px;
    border:1px solid #00956e;
    background-color: #00956e;
    color: #fff !important;
    margin-left: 0px;
}

/* primary green button when hover as per the style guide*/
.primary-green-button:hover{
    background-color: #005745 !important;
    border:1px solid #005745;
    cursor: pointer;
}

/* secondary blue button as per the style guide*/
.secondary-blue-button{
    font-family: 'Avenir Pro Demi';
    padding: 10px 25px !important;
    font-size: 16px;
    border-radius: 5px;
    border:1px solid #00693C;
    background-color: #ffffff !important;
    color: #00693C !important;
    margin-left: 0px;
    height: 100% !important;
}

/* secondary blue button when hover as per the style guide*/
.secondary-blue-button:hover{
    background-color: #00693C !important;
    border:1px solid #00693C;
    cursor: pointer;
    color: #ffffff !important;
}

/* secondary green button as per the style guide*/
.secondary-green-button{
    font-family: 'Avenir Medium';
    padding: 10px 25px !important;
    font-size: 18px;
    border-radius: 5px;
    border:1px solid #00956e;
    background-color: #ffffff !important;
    color: #00956e !important;
    margin-left: 0px;
}

/* secondary green button when hover as per the style guide*/
.secondary-green-button:hover{
    background-color: #00956e !important;
    border:1px solid #00956e;
    cursor: pointer;
    color: #ffffff !important;
}

/* disabled primary grey button as per the style guide*/
.disabled-primary-button{
    font-family: 'Avenir Medium';
    padding: 10px 25px !important;
    font-size: 18px;
    border-radius: 5px;
    border:1px solid #c8c8c8;
    background-color: #c8c8c8;
    color: #ffffff !important;
    margin-left: 0px;
}

/* disabled secondary grey button as per the style guide*/
.disabled-secondary-button{
    background-color: #ffffff !important;
    border:1px solid #c8c8c8;
    cursor: pointer;
    color: #c8c8c8 !important;
    font-family: 'Avenir Medium';
    padding: 10px 25px !important;
    font-size: 18px;
    border-radius: 5px;
    margin-left: 0px;
}


.Button{
    height: initial;
}

.Button[disabled],
.Button:disable {
    background-color: #525252 !important;
}
input[disabled = "disabled"] {
    background-color: #525252 !important;
}

.Button.ButtonDefault, .Button.Is_Default {
    background-color: #00693C;
    border-color: #00693C;
}

.phone .Button, .tablet .Button, .phone a.Button, .tablet a.Button {
    height:100%;
}
.popuplayout{
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
/* Note Webblock */
.fa-info-circle
{
    color:#1782c5;
}
.justify-content{
    text-align: justify;
}
/* Note Weblock*/
/*Customized Stericycle Calendar*/
div.calendar tbody .day {
    padding: 5px 25px 20px 8px !important;
    cursor: pointer;
    text-align: left !important;
}
div.calendar tbody td.selected,
div.calendar tbody th.selected {
    background: #00956d !important;
}
div.calendar tbody .day {
    border: 1px solid #cdcdcd !important;
    color: #000;
}
div.calendar thead .button.notclose {
    background-color: #00956d !important;
    color: #fff !important;
    line-height: 2 !important;
}
div.calendar thead .title {
    background: #00956d !important;
    line-height: 2 !important;
    color: #fff !important;
    padding: 0 !important;
    font-size: 18px;
}
div.calendar thead .button.notclose.hilite {
    background: #038663 !important;
    cursor: pointer;
}
div.calendar thead .button {
    background-color: #00956d !important;
    color: #fff !important;
}
div.calendar tbody .rowhilite td.selected,
div.calendar tbody .rowhilite th.selected {
    background: #00956d !important;
    color: #fff;
}
div.calendar tfoot .footrow {
    display: none;
}
div.calendar tbody .day.othermonth {
    font-size: inherit !important;
    color: #cdcdcd !important;
}
div.calendar thead .weekend {
    color: #00956d !important;
}
div.calendar thead .name {
    color: #00956d !important;
    padding: 10px !important;
    text-transform: uppercase;
}
div.calendar {
    font-family: 'Avenir Light';
}
/*Customized Stericycle Calendar*/

/*CE account list*/
.user-action{
    width: 245px;
    border-radius: 4px;
}
.user-action a{
    display: block;
    padding: 15px 15px 15px 5px;
    color: #00693C;
}
.user-action a:hover{
    text-decoration: none;
}
.user-action:hover{
    background-color: #f2faf8;
    cursor: pointer;
}
/*status colors*/
.deep-carrot-orange{
    color: #F5C617;
}
/*status colors*/

/*Table records generic CSS*/
.TableRecords{
    border-top: 1px solid #cdcdcd !important;
    border-bottom: none;
    padding: 0px !important;
    border-radius: 4px;
    font-family: 'Avenir Light';
    font-size: 14px;
}

.TableRecords_Header {
    border-bottom: none;
    border-left: 1px solid #fff;
    padding: 10px;
    background-color: #024731;
    color:white;
    position: relative;
    vertical-align: middle;
}
td.TableRecords_OddLine {
    background-color: #f8f8f2;
}
.TableRecords_OddLine, .TableRecords_EvenLine {
    border-bottom: none;
    padding: 10px;
    border-left: 1px solid #fff;
    border-bottom: none;
    word-break: break-word;
    width: 10%;
    position: relative;
    height: 50px;
    vertical-align: middle;
}
.TableRecords_Header:first-child {
    border-left: none;
    border-radius: 4px 0 0 0;
}
.TableRecords_OddLine:first-child, .TableRecords_EvenLine:first-child {
    border-left: 1px solid #cdcdcd;
    width:4%;
}
.TableRecords_Header:last-child {
    border-radius: 0 4px 0 0;
}
.TableRecords tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}
.TableRecords tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}
.TableRecords_OddLine:last-child, .TableRecords_EvenLine:last-child {
    border-right: 1px solid #cdcdcd;
}
.TableRecords tr:last-child td {
    border-bottom: 1px solid #cdcdcd;
}
@media screen and (max-width: 320px) {
    .TableRecords {
        font-size: 10px;
    }
}
@media screen and (max-width: 768px) {
    .TableRecords_OddLine, .TableRecords_EvenLine {
        vertical-align: middle;
        word-break: initial !important;
    }
    .TableRecords {
        border-top: none !important;
    }
    .Scroll-css{
        overflow-x:scroll !important;
        display: inline-block !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling: touch !important;        
    }
}
span.ListNavigation_CurrentPageNumber {
    border-color: #404040;
    color: #fff;
    background-color: #00693C;
    border-radius: 4px;
    padding: 12px 16px;
}
a.ListNavigation_PageNumber {
    border: 1px solid #A3A3A3;
    border-radius: 4px;
    color: #525252;
    padding: 10px 15px !important;
}
a.ListNavigation_PageNumber:hover {
    background: #505050;
    color: #fff !important;
    background-color: #024731;
}
.ListNavigation_Next:after, .ListNavigation_DisabledNext:after {
    content: "\003e" !important;
}
.ListNavigation_Previous:before, .ListNavigation_DisabledPrevious:before {
    content: "\003c" !important;
}
a.ListNavigation_Previous:link, a.ListNavigation_Next:link, span.ListNavigation_DisabledNext, span.ListNavigation_DisabledPrevious{
    padding: 0 !important;
    color: #00693C;
}
a.ListNavigation_PageNumber:link, span.ListNavigation_CurrentPageNumber, span.ListNavigation_Ellipsis {
    margin: 0 0 0 10px;
}
/*Form validations*/
input[type="text"].Not_Valid, input[type="password"].Not_Valid, input[type="datetime"].Not_Valid, input[type="datetime-local"].Not_Valid, input[type="date"].Not_Valid, input[type="month"].Not_Valid, input[type="time"].Not_Valid, input[type="week"].Not_Valid, input[type="number"].Not_Valid, input[type="email"].Not_Valid, input[type="url"].Not_Valid, input[type="search"].Not_Valid, input[type="tel"].Not_Valid, input[type="color"].Not_Valid {
    border: none;
    border-bottom: 1px solid #9f2943;
    padding: 0;
}
span.fa.fa-pencil.FormEditPencil {
    display: none;
}
.ValidationMessage {
    color: #9f2943;
    font-size: 14px;
}
/*Form validations*/

/*Search Dropdown*/
.select2-results{
    color: #001A12;
    font-family: "Avenir Light";
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.select2-results .select2-highlighted {
    background: #f2faf8;
    color: #001A12;
    padding: 8px;
}
.select2-results li {
    color: #001A12;
    padding: 8px;
}
.select2-search input[type="text"] {
    border: 1px solid #cdcdcd !important;
    border-radius: 4px !important;
    padding: 3px 5px 3px 30px !important;
    font-family: "Avenir Light";
}
.select2-search input {
    background: url(/WebPatterns/img/select2.png?16118&26384&1846) no-repeat -30px -22px, linear-gradient(to bottom, #fff 0%, #fff 0%) 0 0 !important;
}
/*Search Dropdown*/

.maroon-tile, .shredIt-blue-tile, .light-blue-tile, .dark-blue-tile, .stericycle-green-tile{
    padding: 20px;
    color: #fff;
    border-radius: 4px 0 0 4px;
}
.maroon-tile{
    background-color: #6A0A12;
}
.shredIt-blue-tile{
    background-color: #444444;
}
.light-blue-tile{
    background-color: #375391;
}
.dark-blue-tile{
    background-color: #375391;
}
.stericycle-green-tile{
    background-color: #00693C
}

/*Services Home*/

.table-header{
    background: #00956e;
    color: #fff;
}

.pickup-container{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    position: relative;
    min-height: 200px;
}
.pickup-details, .pickup-actions{
    padding: 20px;
}
.pickup-type{
    position: relative;
    width: 25%;
    word-break: break-word;
}
.pickup-details{
    width: 45%;
}
.pickup-actions{
    width: 30%;
}
.pickup-orderNbr{
    position: absolute;
    bottom: 10px;
    margin-right: 20px;
}
.pickup-details{
    background-color: #f8f8f2;
    color: #001A12;
}
.pickup-actions{
    border: 1px solid #cdcdcd;
    border-radius: 0 4px 4px 0;
}

@media screen and (max-width: 768px) {
    .pickup-actions{
        width: 100% !important;
    }
    .pickup-details{
        width: 55% !important;
    }
    .pickup-type{
        width: 45% !important;
    }
}
/*Services Home*/
.upcoming-pickup{
background: #f8f8f2;
height: 35px;
padding: 5px;
font-weight: bold;
}
.secondary-small-blue-button{
    background-color: #fff !important;
    border:1px solid #00693C;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #00693C !important;
    height: 40px;
    font-family: 'Avenir Medium';
}
@media screen and (max-width: 700px) {
  .secondary-small-blue-button{
    width: 100% !important;
        margin-left: 0px !important;
  }
  .search-box{
   width: 100% !important;
  }
}


.table-header{
    background: #00956e;
    color: #fff;
}
/*Services Dashboard*/
.service-container{
    display: table;
    margin: 20px 0;
    position: relative;
    width: 100%;
}
.service-details, .service-actions{
    padding: 20px;
}
.service-image, .service-name{
    display: inline-block;
}
.service-details, .service-actions, .service-type{
    display: table-cell;
}
.service-type{
    position: relative;
    width: 25%;
}
.service-type img{
    margin: 0px 15px 0 0px;
}
.service-details{
    width: 45%;
}
.service-actions{
    width: 30%;
}
.service-details{
    background-color: #f8f8f2;
    color: #001A12;
}
.service-actions{
    border: 1px solid #cdcdcd;
    border-radius: 0 4px 4px 0;
}
.service-name{
        padding-top: 5px;
    }
@media screen and (max-width: 768px) {
    .service-container, .service-details, .service-actions, .service-type{
        display: block;
    }
}
/*Services Dashboard*/

/*Additional Services*/
.additional-service-container{
    display: table;
}
.additional-details, .additional-image{
    display: table-cell;
}
.additional-details{
    background-color: #f8f8f2;
    padding: 30px;
}
@media screen and (max-width: 768px) {
    .additional-service-container, .additional-details, .additional-image{
        display: block;
    }
    .img-center{
        position: initial !important;
        margin: 20px 8px;
    }
}
.img-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
/*Additional Services*/

/*PIKA calendar customized*/
.pika-lendar .Calendar-prevYear, .pika-lendar .Calendar-nextYear {
    display: none;
}
.pika-single:not(.is-bound) .pika-prev {
    left: 0;
}
.pika-single:not(.is-bound) .pika-next {
    right: 0;
}
.pika-single:not(.is-bound) .pika-prev, .pika-single:not(.is-bound) .pika-next {
    width: 40px;
}

.pika-next, .is-rtl .pika-prev {
    border-left: none;
}
.pika-prev, .is-rtl .pika-next {
    border-right: none;
}
.pika-label {
    z-index: 9998;
    background-color: #00693C;
    color: #fff;
}
abbr[title], acronym[title] {
    text-decoration: none;
    text-transform: uppercase;
    color: #00693C !important;
}
.pika-table th {
    opacity: 1;
}
.pika-prev:after, .pika-next:after {
    color: #fff;
}
.pika-table {
    width: 90% !important;
    margin: 0 auto;
    border-collapse: collapse !important;
}
.pika-table tbody tr td {
    border: 1px solid #A3A3A3;
}
.pika-button:hover {
    background: #f2faf2;
}
.is-selected .pika-button:hover {
    background-color: #00693C;
}
.is-selected .pika-button {
    background: #00693C;
}
.pika-button{
    font-family: "Avenir Light";
    border:none;
    line-height: 35px;
}
.triggerTime{
    visibility: hidden;
    line-height: 17px;
}
.is-disabled .pika-button {
    background-color: #f8f8f2;
    color: black;
}
.pika-lendar {
    box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
    .pika-button{
        line-height: 25px !important;
    }
}
/*PIKA calendar customized*/

/*Discover Additional Services*/
.discover-service-container{
    display: table; 
}
.discover-service-panel{
    display: table-cell;
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
    border-right: 1px solid #cdcdcd;
}
.discover-image, .discover-details{
    display: table-cell;
}
.discover-details{
    padding: 0 20px;
    margin-left: 15px;
    padding-bottom: 30px;
}
.discover-linkTo{
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.discover-service-panel:nth-child(2n+2) {
    border: none;
    padding-left: 20px;
}
@media screen and (max-width: 768px) {
    .discover-service-panel{
        border-right: none;
        border-bottom: 1px solid #cdcdcd;
        display: block;
    }
    .discover-service-container{
        display: block; 
    }
    .discover-service-panel:nth-child(2n+2) {
        padding-left: 0px;
        padding-top: 20px;
    }
}
/*Discover Additional Services*/
/* Left Navigation links on hover css */
.LeftNavSelectedColor{
    background-color: #f2faf8;
    border-left: 4px solid #00693C;
    margin-left: 0px !important;
    cursor: pointer;
    color: #024731 !important;
    font-weight: 600 !important;
}
.LeftNavSelectedColor a{
    font-weight: 600 !important;
    color: #024731 !important;
}
.Left-Nav_Item{ 
    margin-left: 4px;
    font-size: 16px;
}
.Left-Nav_Item:hover{
    background-color: #f2faf8;
    border-left: 4px solid #00693C;
    margin-left: 0px; 
    cursor: pointer;
}
.Left-Nav_Item:hover a{
    font-weight: 600;
    color: #00693C !important;
    text-decoration: none !important;
}
.Left-Nav_Item a{
    display: block;
    padding: 15px;
    text-decoration: none !important;
    color: #001A12;
    font-family: 'Avenir Light';
}
.Left-Nav_Item_Resources
{
    margin-left: 4px;
    font-size: 16px;
}
.Left-Nav_Item_Resources a
{
    display: block;
    padding-bottom: 15px;
    text-decoration: none !important;
    color: #001A12 !important;
    font-family: 'Avenir Light';
}
.Left-Nav_Item_Resources:hover{
    background-color: #f2faf8;
    border-left: 4px solid #00693C;
    margin-left: 0px;
    cursor: pointer;
}
.Left-Nav_Item_Resources:hover a{
    font-weight: 600;
    color: #00693C !important;
}
.sub-menu-link{
    margin-top: 8px;
}
.sub-menu-link a{
    padding: 12px 16px 12px 62px;
    display: block;
    color: #001A12;
    font-family: "Avenir Light";
    font-size: 16px;
    font-weight: 500;
}
.sub-menu-link a:hover{
    background-color: #f2faf8;
    color: #00693C !important;
    font-family: "Avenir Light";
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
br{
    display: none;
}
.left-panel-services {
    display: table;
}
.left-panel-image {
    padding: 2px 6px 0 23px;
    display: table-cell;
}
.left-panel-name {
    display: table-cell;
    padding: 0 6px;
}
/* Left Navigation links on hover css */

/* $4.1.3 - Patterns - Content - Balloon */
.balloon {
    
    
    
    
}

.only-balloon .tippy-popper {
    max-width:550px;
}

[data-balloon="balloon"] {
    cursor: pointer;
}

span[data-balloon="balloon"] {
    color: var(--color-primary);
}



/* Fix to hide content on start */
.balloon-container {
    display: none;
}

.tippy-popper .balloon-container {
    display: block;
}
@media screen and (max-width: 768px)
{
    .tippy-popper .balloon-container
    {   
        position:relative;
    }
}
/* Tippy */
.tippy-iOS {
    cursor: pointer !important;
}

.tippy-notransition {
    transition: none !important;
}

.tippy-popper {
    pointer-events: none;
    line-height: 1.4; 
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    z-index: 9999;
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    left: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.tippy-active {
    cursor: pointer;   
}

/* arrow */
.tippy-popper[x-placement^=top] .tippy-arrow {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--color-neutral-9);
    bottom: -8px;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 25%;
            transform-origin: 0 25%;
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -55%);
            transform: scale(1) translate(-50%, -55%);
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    opacity: 0;
    -webkit-transform: scale(.2) translate(-50%, -45%);
            transform: scale(.2) translate(-50%, -45%);
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
            transform: translateY(-10px) rotateX(0);
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(60deg);
            transform: translateY(0) rotateX(60deg);
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
            transform: translateY(-10px) scale(1);
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
            transform: translateY(0) scale(.5);
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%;
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    top: -8px;
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    left: 0;
    position: absolute;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 8px solid var(--color-neutral-9);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -8px;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -50%;
            transform-origin: 0 -50%;
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -45%);
            transform: scale(1) translate(-50%, -45%);
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    opacity: 0;
    -webkit-transform: scale(.2) translate(-50%);
            transform: scale(.2) translate(-50%);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
            transform-origin: top;
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
            transform: translateY(10px) rotateX(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-60deg);
            transform: translateY(0) rotateX(-60deg);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
            transform: translateY(10px) scale(1);
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(.5);
            transform: translateY(0) scale(.5);
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%;
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    -webkit-transform-origin: 33.33333333% 50%;
            transform-origin: 33.33333333% 50%;
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    left: 0;
    position: absolute;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 8px solid var(--color-neutral-9);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    right: -8px;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    opacity: 0;
    -webkit-transform: scale(.2) translate(-75%, -50%);
            transform: scale(.2) translate(-75%, -50%);
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
            transform-origin: right;
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
            transform: translateX(-10px) rotateY(0);
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-60deg);
            transform: translateX(0) rotateY(-60deg);
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
            transform: translateX(-10px) scale(1);
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
            transform: translateX(0) scale(.5);
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0;
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    -webkit-transform-origin: 66.66666666% 50%;
            transform-origin: 66.66666666% 50%;
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    left: 0;
    position: absolute;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 8px solid var(--color-neutral-9);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -7px;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -50% 0;
            transform-origin: -50% 0;
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    opacity: 0;
    -webkit-transform: scale(.2) translate(-25%, -50%);
            transform: scale(.2) translate(-25%, -50%);
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
        transform-origin: left;
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
            transform: translateX(10px) rotateY(0);
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(60deg);
            transform: translateX(0) rotateY(60deg);
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
            transform: translateX(10px) scale(1);
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(.5);
            transform: translateX(0) scale(.5);
}

.tippy-tooltip {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: .9rem;
    position: relative;
    will-change: transform;
}

.tippy-tooltip[data-size=small] {
    font-size: .75rem;
    padding: .2rem .4rem;
}

.tippy-tooltip[data-size=large] {
    font-size: 1rem;
    padding: .4rem .8rem;
}

.tippy-tooltip[data-animatefill] {
    background-color: transparent;
    overflow: hidden;
}

.tippy-tooltip[data-interactive],
.tippy-tooltip[data-interactive] path {
    pointer-events: auto;
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85);
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease;
}

.tippy-arrow,
.tippy-roundarrow {
    height: 0;
    position: absolute;
    width: 0;
}

.tippy-roundarrow {
    fill: #333;
    height: 8px;
    pointer-events: none;
    width: 24px;
}

.tippy-backdrop {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: #333;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all cubic-bezier(.46, .1, .52, .98);
    width: calc(110% + 2rem);
    will-change: transform;
    z-index: -1;
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%;
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
}

.tippy-backdrop+.tippy-content[data-state=visible] {
    opacity: 1;
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0;
}

@media (max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px);
    }
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--color-neutral-4);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 8px solid var(--color-neutral-4);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--color-neutral-4);
    border-top: 8px solid transparent;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--color-neutral-4);
    border-top: 8px solid transparent;
}

/* Arrow Fix for border */
.tippy-popper[x-placement^=bottom] .tippy-arrow:before,
.tippy-popper[x-placement^=top] .tippy-arrow:before, 
.tippy-popper[x-placement^=left] .tippy-arrow:before,
.tippy-popper[x-placement^=right] .tippy-arrow:before {
    content: " ";
    pointer-events: none;
    position: absolute;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-bottom: 8px solid var(--color-neutral-0);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -8px;
    top: 1px;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--color-neutral-0);
    margin-left: -8px;
    top: -9px;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow:before {
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--color-neutral-0);
    border-top: 8px solid transparent;
    margin-top: -8px;
    right: 1px;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow:before {
    margin-top: -8px;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--color-neutral-0);
    border-top: 8px solid transparent;
}

/* Light Theme */
.tippy-tooltip.light-theme {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
    box-shadow: var(--shadow-s);
    color: var(--color-neutral-9);
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff;
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff;
}

.balloon-background{
    background: white;
}
.admin-notification{
    background: #ffff;
    width: 100% !important;
    box-shadow: 0 0 4px 4px rgba(189,189,189,0.23);
    border-radius: 4px;
}
.balloon-title {
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    padding: var(--space-base);
}
.balloon-footer {
    border-top: var(--border-size-s) solid var(--color-neutral-4);
    padding: var(--space-base);
}
@media screen and (max-width: 768px) {
.admin-notification
{
width:100% !important;
}
.admin-no-notification
{
    width:70%;
    left:135px;
}
}
.admin-notification .balloon-content{
    padding: 0px !important;
    text-align: left;
}
/*Card Tile */
.tile {
    width: 88%;
    height: 159.6px;
    border-radius: 6.5px;
    background: linear-gradient(228.66deg, #00693C 0%, #00693c 100%);
    box-shadow: 0 5px 16px 0 #C0C7D6;
    padding: 20px;
    position: relative;
}

.payment-text-white-light {
    color: #FFFFFF;
    font-family: "Avenir Light";
    font-size: 13px;
    line-height: 16px;
}

.payment-text-white-bold {
    color: #FFFFFF;
    font-family: "Avenir Light";
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}
.Type-accountname {
  width: 247px;
  height: 15px;
  font-family: Avenir Light;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.primary-account-badge{
    position: absolute;
    top:-10px;
    right: -8px;
}
.card-disabled{
    color: #757575;
}
@media (min-width: 310px) and (max-width: 767px) {
     .labelMargin{
        margin-top:8px !important;
        
    }
}
.accountCardGreen{
    background-image: url('/Portal_Resources/img/AccountImage.png?5467');
}
.accountCardBlue{
    background-image: url('/Portal_Resources/img/Credit_Image.png?5467');
}
.accountCardGray{
    background-image: url('/Portal_Resources/img/gray_card.png?5467');
}

@media (min-width: 310px) and (max-width: 768px) {
     .accountCardGreen{
        width: 257.4px;
        height: 147.0px;
    }
    .accountCardBlue{
        width: 257.4px;
        height: 140.6px;
    }
    .accountCardGray{
        width: 257.4px;
        height: 140.6px;
    }
}
/* Card Tile */
/*Sorting icons color*/
.fa-sort{
    color: white !important;
}
/**/
/*Balloon Class for notifications */
/*Feedback message*/
.Feedback_Message_Wrapper{
    position: fixed !important;
}

/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="aA1YdDzqS0Shhp_lGc4WAQ"] { padding:2px; }
.Heading4.headingtext[data-style-key="Ww2D_hH9ikKoERE9Z06s7w"] { .employee-training {    height:32px; }:; color:#00693C; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:16px; font-weight:500; line-height:19px; width:138px; }
.text[data-style-key="EEw8twS5_UO++8JPPgURRg"] { .your-employees-still {    height:40px; }:; color:#001A12; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:20px; width:184px; }
.Heading4.headingtext[data-style-key="1M60Ccli60aG3PPEZZVaZQ"] { .employee-training {    height:32px; }:; color:#00693C; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:16px; font-weight:500; line-height:19px; width:138px; }
.text[data-style-key="8UKrDxcHPUqsS5wLWZE5uw"] { .your-employees-still {    height:40px; }:; color:#001A12; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:20px; width:184px; }
.Heading4.headingtext[data-style-key="MBg9_+WiSE2VI5h8AmajzA"] { .employee-training {    height:32px; }:; color:#00693C; color 1782C5:; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:16px; font-weight:500; line-height:19px; width:138px; }
.text[data-style-key="x8GqcDfEJUyV_qlkWrZqzg"] { .your-employees-still {    height:40px; }:; color:#001A12; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:20px; width:184px; }
.Heading2[data-style-key="IKZGQMZcH0mmfzb2QOc_Yg"] { color:#00693C; display:inline-block; font-family:"Avenir Next LT Pro"; font-size:20px; font-weight:500; height:20px; line-height:24px; width:148px; }
.notification-container[data-style-key="1nZJuSXvs06kEhVEgtNlww"] { padding:1px; }
[data-style-key="dGzAlodKfEC4jTFrylQvUw"] { padding:15px 0 5px 15px; }
.notification-header.apply-borders[data-style-key="gD2VKMd8YUyaoMPmNoTCxw"] { padding:15px; }
.Bold[data-style-key="Mbqujn6WPEC7mvXJfeo2SQ"] { padding:20px; }
[data-style-key="OEV0slpyGEq+fG44g1Qa7w"] { padding:15px 0 5px 15px; }
.notification-red[data-style-key="YCXpQ+QlZ0Otk41kRgvQxQ"] { padding:15px; }
.notification-green[data-style-key="4tno2AmsNUOI2ww+vFI0nQ"] { padding:15px; }
.notification-green[data-style-key="lfVpN4PhEkqv2SCmEAydtQ"] { padding:15px; }
.Bold[data-style-key="sSs3VE9OAESRaEVbsUG7OA"] { padding:20px; }
[data-style-key="cC8OvnpbPk60ZrxJtXraMQ"] { padding:0px; }
[data-style-key="Qi9lC5pcAkWPEyLb_Bb9Tg"] { padding:0px; }
[data-style-key="vCUeB1Azuku5hfiYkkLaTg"] { padding:0px; }
[data-style-key="p83RhUc5RUiFtxH0VVvhqA"] { padding:0px; }
[data-style-key="Ppn5JKLbUUGubLCTrb18kA"] { padding:0px; }
[data-style-key="JWiXYkJt5kOzlCINwi80Dg"] { padding:0px; }
.header-margins[data-style-key="zFmWWkXKW0GpYhJIOAgNCQ"] { padding:20px; }
[data-style-key="AQ+S4tPsb0G5IeeY+WG3_A"] { padding:10px 0; }
.HamburgerMenuOpenIcon[data-style-key="5TBtSemuFEOx98oi5wLkuQ"] { padding:8px 0; }
.NotificationsIcon[data-style-key="aNDnLh9qhUqSnCRee5orGA"] { padding:8px 0; }
.NeedHelpFloatButton[data-style-key="zPTaPIeu_UqNlZDTk_FTRg"] { height:auto; }
.sofia-popup[data-style-key="J_UI_KU2gkGOcOvshp_Z2Q"] { padding:10px; }
[data-style-key="vxVs1WxnmEiPyv8OdKEs0A"] { padding:0 15px 12px; }
[data-style-key="VYqb0niww0aIuVnkSzc3pw"] { padding:0px; }
[data-style-key="6u1ayh9CIk+AWPXG2oYnyA"] { padding:0px; }
.Application_Menu.application-menu-css[data-style-key="t1WlY3EUdECekEwcA5cwXA"] { background-color:#fff; }
.userIconBorder[data-style-key="4kPr_KGnmkqPBrLnO_dWTQ"] { padding:0px; }
[data-style-key="k0AR43id6kC5iiJoo9ivwQ"] { padding:20px; }
[data-style-key="a1LbSFW7jUiklW_2UD0oBA"] { padding:20px; }
[data-style-key="6+8CnLPxXEyOedFyGIGR1g"] { background-color:#fff; padding:15px; }
.eachrow[data-style-key="OMsZJuRWekOJQD4Xszld6g"] { color:#3C862E; font-size:20px; }
.fontheading[data-style-key="wCpcxXMzWEe3xaSgGTiv+w"] { background-color:#00956d; }
.footer-container[data-style-key="jsE3rhl+3EGG5yAqlLENBA"] { background-color:#00956d; }
[data-style-key="ftrwTA4QGE6Bv9LqVaWtfQ"] { margin:0px; padding:0px; }
.Copy-rights-bottm-margin[data-style-key="JV2_ob6u9kuWuiWDOgFq0A"] { padding:0px 0px 13px; }
[data-style-key="yuYhjQqIzEePZK98EHc6dA"] { color:#fff; font-weight:normal; }
.We-protect-text-hide-on-mobile[data-style-key="p8_7iY+tLEGnY9kK4iA3Rg"] { font-weight:bold; text-align:center; }
[data-style-key="raESdLwJYE254dkohj48Tg"] { color:#fff; font-weight:bold; }
.We-protect-text-hide-on-mobile[data-style-key="L8s1hF209ES98zriIZ4LpA"] { font-weight:bold; text-align:center; }
[data-style-key="zHbnV74ZGEy93E2dUYX2HQ"] { color:#fff; font-weight:bold; }
[data-style-key="I1b93iAIrk+FYxFm1qRkNA"] { text-align:right; }
.vertical-line-footer[data-style-key="zOkrbpMkSkC8zKvCEPWbfw"] { color:#fff; font-weight:bold; }
[data-style-key="UNIhcCBO8kiOZME7u0taIA"] { color:#fff; font-weight:bold; text-align:center; }
.text-small-heavy.Help-center-on-mobile.underline-on-hover[data-style-key="gktufqB6ZUaMIqfzJUubZA"] { color:#fff; text-align:left; }
[data-style-key="Eh7FQ9BbwkesNkBUeEVjjA"] { text-align:center; }
[data-style-key="7V1x8bR860Chi7KB7ikmJg"] { text-align:left; }
.text-small-heavy.underline-on-hover[data-style-key="pPmxPbNv90uMtFwCjjW3VQ"] { color:#fff; }
[data-style-key="ooCr3GzeLE2vjtcEg1qV7w"] { color:#fff; font-weight:bold; text-align:center; }
.text-small-heavy.underline-on-hover[data-style-key="77zDiEdVykOpIKgNzN8KOw"] { color:#fff; }
.text-small-heavy.underline-on-hover[data-style-key="dzCUU0vQrk65ggPSZERLqg"] { color:#fff; font-weight:normal; }
[data-style-key="0z3GEZqoKUaOTtTbkBI4AQ"] { font-weight:normal; }
.link-style-footer[data-style-key="6o2NX0xOTUKNTH9052skuQ"] { color:#fff; font-style:italic; }
.text-small-heavy[data-style-key="yV0y4sH6GE2UFkMf2zMJQg"] { color:#fff; font-style:normal; font-weight:normal; }
.link-style-footer[data-style-key="cFV+cvv8NkKgdNWmxNxiUQ"] { color:#fff; }
.text-small-heavy[data-style-key="7F1tfowDs0CcNwo0ZuvyhQ"] { color:#fff; font-weight:normal; }
[data-style-key="vlYT7pIQaEK39X_5febUJg"] { background-color:#f8f8f2; }
.ThemeGrid_Container[data-style-key="ZlsWEjcb20ilP9DVs1n5nw"] { background-color:#f8f8f2; }
.footer-logos[data-style-key="rhFYFNsiIEGVk+PdFqJ5Yg"] { background-color:#ccc; }
[data-style-key="Za6CMENKkkeC01fpKlEsoA"] { background-color:#ccc; display:inline-block; padding:10px; width:100%; }
[data-style-key="J63h6U8zgEKCpeAVMA5+Ng"] { background-color:#ccc; display:inline-block; padding:10px; width:100%; }
[data-style-key="xdatiNb9Y0WfoR5Gb8dkvg"] { background-color:#ccc; display:inline-block; padding:10px; width:100%; }
.LoginLeftContent[data-style-key="OGLmyXgPyUS51H+qgsVBCg"] { padding:53px; }
.shredItImageLogo[data-style-key="0gds259Qm0++YFXBqL3PPA"] { padding:15px; }
.StericyleImageLogo[data-style-key="Vim2hwR72Uy7rmX5WDn+HQ"] { padding:15px; }
[data-style-key="uQEkIrcfw0+ETAFkEn1CcA"] { padding:10px; }
[data-style-key="Lqde8TAYuESPOsNVy7JX7A"] { margin:0px; padding:15px; text-align:left; }
[data-style-key="xO7KaoTfS02iJyMpgwKGaQ"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:21px; }
.terms-header-label[data-style-key="NEib4am0QEKjEIf30nT+RA"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.popup_info_alerts.error-prompt[data-style-key="NsgrXdJ4W06nx6oxnx8PKg"] { background-color:#9f2943; color:#fff; padding:10px; }
.primary-blue-button[data-style-key="c2Tzpy8XXky6+0asuRcb5Q"] { margin:0px; }
.validation-error[data-style-key="MB39XCH8lkOPhoMIyjQu5g"] { height:100%; }
.popup_info_alerts.error-prompt[data-style-key="H97Ytev44ECiLHmTLhBcQg"] { padding:10px; }
.header-label[data-style-key="PaH8clQtbk2tFQ7P6v_mUg"] { font-size:26px; font-weight:bold; }
.primary-blue-button[data-style-key="NHv62IomyUe2Jyytd1jGeQ"] { margin:0px; }
.Company[data-style-key="QbqM7TfBc0WPFhHpcxFECQ"] { color:#1f9d1f; }
.forgot-password[data-style-key="WeufAE1xcUG0WmqE2W2rGg"] { font-size:26px; font-weight:bold; }
.primary-blue-button[data-style-key="_nhOhrmOzUCfj_wLXf25sw"] { margin:0px; }
.please-enter-a-valid[data-style-key="CZSrOkU7F02qwL8Uo13LgQ"] { color:#9f2943; font-size:14px; font-weight:normal; }
[data-style-key="nJlNrXhNJEq0WErNKW5P9w"] { padding:10px; }
[data-style-key="WfvBOKBx40eN5YPRaKjmPA"] { margin:0px; padding:15px; text-align:left; }
[data-style-key="G6Pw6sJa50e3Fndq7CIs3g"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:21px; }
.privacy-header-label[data-style-key="JsXeoOs0N0GQjLNXzcx+fw"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.popup_info_alerts.success-prompt.passwordResetSuccessMsg[data-style-key="YSQdEGUxKUKTudauFeXDMw"] { padding:10px; }
.popup_info_alerts.success-prompt.passwordResetSuccessMsg[data-style-key="psdqueKcMkaaPnVvMDe4Rw"] { padding:10px; }
.MessageSession[data-style-key="OmQOS6bFHEOOGifwzGgYuw"] { padding:0px; }
.popup_info_alerts.error-prompt[data-style-key="H3+z7IOWckOxKkVSAycpKA"] { padding:10px; }
.secondary-blue-button[data-style-key="h5xbRNN4_UqfdxRERL+Urw"] { height:50px; margin:0px; }
.primary-blue-button[data-style-key="U1qyqpH0_U2NWq4o_SocSw"] { margin:0px; padding:0px; }
.remember-me[data-style-key="bivUq38ThECkAI0hQDVsqQ"] { margin:px; }
.validation-error[data-style-key="+iAXtnArUUuiRE87hYAjQQ"] { height:100%; }
.popup_info_alerts.alert-prompt[data-style-key="NTDWXAN0LE6e9sz20HTlHA"] { padding:10px; }
[data-style-key="ucpYZCF64Ui7l6THCBzPQA"] { color:#fff; }
[data-style-key="jXwL95TgekyzBA4QkyAisg"] { color:#fff; }
.primary-blue-button[data-style-key="lzENw3Qb9Eml8jS08i_aLQ"] { background-color:#1b14d2; color:#fff; padding:10px; }
.ConfirmPasswordInput[data-style-key="LcKhV14LmUaqTMJeLwVtZg"] { text-align:left; }
.animated-label-input[data-style-key="_ZomHGhuUUmU_N5HXJw7uA"] { margin:30px 0px 0px 0px; }
.PasswordMatchTick[data-style-key="dVcI3G1JrUqSolz_23oT8w"] { color:#3C862E; margin:27px 0px 0px 0px; padding:0px; }
.validation-success.ValidationInfo[data-style-key="oJ8vZOU590KyNHSOMgwQ5w"] { border-radius:4px; height:100%; margin:10px 3px 0px px; padding:15px; }
[data-style-key="IrFsq01afkuZKfRRoefYBw"] { height:100%; text-align:left; }
[data-style-key="EEB4X3sUcEWhsv6Ubj+0gg"] { text-align:left; }
[data-style-key="tY6kqwXl6kmW7Qdoavfdxg"] { text-align:left; }
[data-style-key="xyBrmyFyGkisJSlkT7Lh5A"] { color:#3C862E; }
.ValidationICon[data-style-key="l0kdYQ79j0e9s655Vwh_hQ"] { color:#3C862E; }
[data-style-key="vkE3ZhmHXkKoBrnBd8ZUig"] { color:#3C862E; }
.ValidationICon[data-style-key="zwGl6WgVVUumdlVLRZPrHw"] { color:#3C862E; }
[data-style-key="0ogw5xBnx0eYYedltr_dvA"] { color:#3C862E; }
.ValidationICon[data-style-key="dixYnXSqx0itFvG9DZrgkQ"] { color:#3C862E; }
.animated-label-input[data-style-key="7AcsuihSwEWz9V910IC8iA"] { margin:30px 0px 0px 0px; }
[data-style-key="ns+H_qG9G0aqDhfvJlIniw"] { padding:10px; }
[data-style-key="2UdNvqPB9UWUd_D37JxWrQ"] { margin:5px; padding:0px; text-align:left; }
.if-you-have-any-feed[data-style-key="cGQgAr29VEadcNIsAZAw0g"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:21px; }
[data-style-key="i+ihq_cSd0+aLXA2t_bxAg"] { margin:px; padding:px; }
.primary-blue-button[data-style-key="qkDE8Ns6Z0+SYeuVhdXYDA"] { color:#FFFFFF; font-family:"Avenir Next LT Pro"; font-size:16px; font-weight:bold; line-height:19px; padding:1px 0px 1px 6px; }
.feedback-font-light[data-style-key="jEeybrs_yEy2oZA1PM2hrw"] { border:1px solid #001A12 !important; border-width:0px; color:#001A12; font-family:"Avenir Next LT Pro"; font-size:16px; line-height:19px; }
[data-style-key="rrg+3S48Ck2wXuZsRBd_7g"] { color:#1782c5; font-weight:bold; }
[data-style-key="2t7iwpksrESuE1P_Rbd8PA"] { color:#00693C; font-weight:bold; }
.widget-header[data-style-key="3AIpflcoSEmZG2wxj2YKHA"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.widget-header[data-style-key="h8U2Nh3PF02iTBnITVEFXA"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.widget-container.billing-container[data-style-key="iOeckcfTXUGuDwYphgr3Ng"] { margin-bottom:20px; }
.link-small[data-style-key="hSrMXuvV506SQ85pQ+tEbg"] { text-decoration:underline; }
[data-style-key="brAnv1cb00GtiwVjuMGiig"] { font-weight:bold; }
.link-small[data-style-key="2VDqmUXDoUidmfKbrhgBxQ"] { text-decoration:underline; }
[data-style-key="Tsg4uUpUgk6cmfM6X9jFbg"] { font-weight:bold; }
[data-style-key="xNcBtxICAEG0w2Et23_v9w"] { text-align:right; }
.border-bottom[data-style-key="6sL9TGwK40aKfSP_e92e2A"] { padding:10px; }
.border-bottom[data-style-key="xRCIAS3IP0CsGMhQVNReyQ"] { padding:10px; }
.border-bottom[data-style-key="LYWCD5BdmUKZBkWB6gAicA"] { padding:10px; }
[data-style-key="tn+l5Fv8HEO6OMejECWxhw"] { text-align:center; }
.link-small[data-style-key="haZ4iyOduUSqsZ_Vr0nM5g"] { text-decoration:underline; }
[data-style-key="4d9DNt3jjU2w5vvyZD01Zw"] { font-size:18px; font-weight:bold; }
[data-style-key="L2YTAl2Tuki50uv2yGErAw"] { padding:0px; }
[data-style-key="7Cw3CqCHq0iZzjBJeG_GuQ"] { text-align:center; }
.link-small[data-style-key="ThxAfGTsvU6UTh4XNHhF3A"] { text-decoration:underline; }
[data-style-key="7fkUXQ1JikOBNkam+8MELQ"] { font-size:18px; font-weight:bold; }
[data-style-key="JYXZSIViFUuZLmSTmYg_5w"] { text-align:center; }
.link-small[data-style-key="Sz8eJF7__UWQXRbss+7uvw"] { text-decoration:underline; }
[data-style-key="+5dTYXIRt0238lAnnUqtRw"] { font-size:18px; font-weight:bold; }
[data-style-key="bo8Z_jnSYke5b+VcjWFDQw"] { text-align:right; }
[data-style-key="ru+LGUMI60Ocv4eBUIA68A"] { color:#fff; }
.text-medium-heavy[data-style-key="HnT1oRxZy0aI3ugLCPej+w"] { background-color:#fff; }
[data-style-key="fbuSzwMv9k+vbshUz2diqA"] { text-align:right; }
.widget-container[data-style-key="Qa85njBSN0uq4_ycik5MlQ"] { margin-bottom:20px; }
.widget-header-container[data-style-key="jFUn7xciJky9IR804IxhxA"] { text-align:left; }
.link-small[data-style-key="aizUCcg_fE23y83k2d858g"] { text-decoration:underline; }
[data-style-key="_bVM8qY8IUGppPWzGYAW2A"] { font-weight:bold; }
[data-style-key="MY6a4eLIvU+mt9iEMfI__A"] { margin:0px 0px 0px px; }
[data-style-key="m12GzK90Ik2UR0zNWmXJCQ"] { margin:0px; }
[data-style-key="hnUTDRCBQ0OVygic74hruw"] { margin:0px; }
.link-small[data-style-key="peaV8V8GBkapf4HMhM1V+g"] { text-decoration:underline; }
[data-style-key="ipkprV84gUSuAGs+onA_8g"] { font-size:12px; font-weight:bold; }
[data-style-key="C7lge2Ytt0WWK1ZjjaS91A"] { text-align:right; }
.widget-header-container[data-style-key="HMgJYYNBr0eg_tON+M2XXg"] { text-align:left; }
.Block-elements.border-after.waste-service-label[data-style-key="uRFOIXsxwkGBopTgVVBfcg"] { padding:15px; }
.Next-link-services[data-style-key="VTrhA1Emk0WMyPwHrIAq1A"] { font-size:25px; }
.link-small[data-style-key="yTRYxR+e2EeH8TNHyVgyAQ"] { font-size:14px; }
.link-small[data-style-key="4RIFCGyQsUqafrRGI1GdpQ"] { font-size:14px; }
[data-style-key="WDyIGW4I0k+Ncqn8KkNdnw"] { font-size:100%; }
.link-small[data-style-key="VnnBhHqIQ0WYX0xle9V1TA"] { font-size:14px; }
.link-small[data-style-key="T__jgL2l50WpxJolBywFfw"] { font-size:14px; }
.Block-elements.border-after.waste-service-label[data-style-key="_k5MS5jSdEaI2FMXqpJUJQ"] { padding:15px; }
.Next-link-services[data-style-key="TcW+PipCEUa3dzwIM3nRdg"] { font-size:25px; }
.link-small[data-style-key="UhnLr+YwskSEbnWGTteotw"] { font-size:14px; }
.link-small[data-style-key="Rcm41THJT0WB7w_+JxBu_Q"] { font-size:14px; }
[data-style-key="y0L831Y6zkeEEjOJsV4YQw"] { font-size:100%; }
.training-status[data-style-key="bUw9ckGZJEmKa19ZjIfc7Q"] { color:#ca1d51; font-size:10px; }
.link-small[data-style-key="rzfopPVY50egY7+i4SttKQ"] { font-size:14px; }
.link-small[data-style-key="8RmtUfe9Ak+K0x53zzXYhg"] { font-size:14px; }
.text-medium-heavy[data-style-key="+JLpB9nZ80i06n_F7T2naQ"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.text-medium-light[data-style-key="_eKI7POY60imgZNjRmXbGw"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.Next-link-services[data-style-key="qGXkOPmD4E2iqCGaSxpPgQ"] { font-size:25px; }
.link-small[data-style-key="sIOyB96bBkuxtdYPV962kg"] { font-size:14px; }
.link-small[data-style-key="XEkssXC88kSclJ7TK3A96A"] { font-size:14px; }
[data-style-key="73G8m1iiG0ygpnw7HaVB8g"] { font-size:100%; }
.training-status[data-style-key="ccWv8nwwwEmJAd300trlTw"] { color:#ca1d51; font-size:10px; }
.link-small[data-style-key="knK1_1gOTkKqTJbYHueqfQ"] { font-size:14px; }
.link-small[data-style-key="YMLowaeAtUaNun0yN6vbXQ"] { font-size:14px; }
.text-medium-heavy[data-style-key="sMh7KgEPMkaO6iTISlii6g"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.text-medium-light[data-style-key="uEZSFzexEECkebTbDSANUw"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.Block-elements.border-after.waste-service-label[data-style-key="dLnrEEJMc0e7nXOZipwPWA"] { padding:15px; }
.Next-link-services[data-style-key="Hs1PRPyXWkOcTunu2L6CNw"] { font-size:25px; }
.link-small[data-style-key="urWF+pheTkSjYaEONOJPUw"] { font-size:14px; }
.link-small[data-style-key="OCYbe1GW6EaKtZnT2di06w"] { font-size:14px; }
[data-style-key="2MEV8Wxyh0yFHyNteAgfUw"] { font-size:100%; }
.training-status[data-style-key="63WltsYhUEK3tZ9TiiSivA"] { color:#ca1d51; font-size:10px; }
.link-small[data-style-key="Tbg0gNSnu0S_hhBWfnlElw"] { font-size:14px; }
.link-small[data-style-key="hyD_h8Nsh0afWosoTKeWjw"] { font-size:14px; }
.text-medium-heavy[data-style-key="3BcSnJMxsEypVf6SKgh3gw"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.text-medium-light[data-style-key="eLHBW921y0G4x5pnsTgucA"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.Block-elements.border-after.waste-service-label[data-style-key="70NoAlEL00OEa+1mLDFr7A"] { padding:15px; }
.Next-link-services[data-style-key="qw5iWE+w_EiNyWvZySvlnw"] { font-size:25px; }
.link-small[data-style-key="8+Fe2ZhEf0+rzR3m7wgFTg"] { font-size:14px; }
.link-small[data-style-key="sggadPHJGUWVaRwOpTwHJA"] { font-size:14px; }
[data-style-key="MgoVZvvlPUC+gKA6GF7bKg"] { font-size:100%; }
.training-status[data-style-key="nDqgIele50Otbl5TyAt12g"] { color:#ca1d51; font-size:10px; }
.link-small[data-style-key="i8mikHA58ky91MTa2KY9oA"] { font-size:14px; }
.link-small[data-style-key="7oKVncoqtkyFZ9GdFaHnDg"] { font-size:14px; }
.text-medium-heavy[data-style-key="RpyX3ra4aU2XxHYy2IjTpg"] { font-size:18px; font-weight:Avenir Next LT Pro; }
.text-medium-light[data-style-key="AfI96ZCjy0+KRgF7h+u7mw"] { font-size:18px; font-weight:Avenir Next LT Pro; }
[data-style-key="1HiqxjqeJUyCgFAg+eFa4g"] { text-align:right; }
[data-style-key="L5lgOjv67kO7fs0HUxWIIA"] { font-size:6px; }
[data-style-key="sLFR1snsDEaWA7fHkpo+gA"] { font-size:6px; }
.feedback-font-light[data-style-key="fQVgtCLrXEmK2uO6hUYdXg"] { border:1px solid #001A12 !important; border-width:0px; color:#001A12; font-family:"Avenir Next LT Pro"; font-size:16px; line-height:19px; }
.rectangle1[data-style-key="mKp4J_yK+UuMbxczpz4BMQ"] { text-align:left; }
.sc-green-sub-heading[data-style-key="7cz6pIhVIkmbKVvFQXCP8A"] { text-align:center; }
[data-style-key="siGbDgMrgEq59YK9MJ8NUg"] { padding:25px; }
[data-style-key="mZyK7yQf20ueZTV99QdNPw"] { text-align:center; }
[data-style-key="hrGOQrTtbEanzRa_Ljqj8Q"] { text-align:center; }
[data-style-key="fy_b3_i33kyJOmz38__N8w"] { text-align:center; }
[data-style-key="0zsOeeugxUSuWN8pRVWplw"] { padding:25px; }
[data-style-key="LFO5gN1PAUeDGv7_NUNkqg"] { text-align:center; }
.sc-green-sub-heading[data-style-key="3Ntt2OqlNEOg+Cs_p5sdUg"] { text-align:center; }
.search-div-sofia[data-style-key="Qxsu9aXroUSujABnACqeGg"] { background-color:#edf9fa; }
[data-style-key="mGX7HOvlJEmYSWhxlJ8olg"] { font-weight:bold; }
[data-style-key="NExK5jSnDEWJwxGumK6Hjw"] { font-weight:bold; }
.Circle-icon-padding[data-style-key="r5Aac25qk0KpCPo+f1kSag"] { font-size:9px; }
.text-medium-light[data-style-key="3PHHaLFio0itWMJdBdG1Uw"] { color:#1579B7; font-weight:bold; }
[data-style-key="z3tTd+O5G0GQqKzxoG4BnQ"] { font-size:20px; font-weight:bold; }
.text-medium-light[data-style-key="mnmzJ5Z59027z0Bxj4l3WA"] { font-size:20px; font-weight:bold; }
[data-style-key="l24AAZV74Emoys0pV3owVw"] { font-size:20px; font-weight:bold; }
[data-style-key="8Lu+RQ5W1E2tvY48ykoHow"] { font-weight:normal; }
.Circle-icon-padding[data-style-key="SLioZxNfqEWcN+_V6Jl1NA"] { color:#c8c8c8; font-size:9px; }
[data-style-key="GyMBN2ab5kiPBuV5PuGZVg"] { font-size:18px; }
.Circle-icon-padding[data-style-key="9fx_Y+gLqk6RJqBfIds3ew"] { color:#c8c8c8; font-size:9px; }
[data-style-key="_jy1JkfAG0u0BdIUntafOg"] { font-size:18px; }
.Circle-icon-padding[data-style-key="LK0jQMEQpE2qLoDy4KSmvA"] { color:#c8c8c8; font-size:9px; }
[data-style-key="o0jhL7WO7EC1TWsDAiXMRg"] { font-size:18px; }
.Circle-icon-padding[data-style-key="xE2jaGabwk2El_MGWmv5cg"] { color:#c8c8c8; font-size:9px; }
[data-style-key="IuxDD+bLukyEXpnuc49aUA"] { font-size:18px; }
[data-style-key="AQi4GZieXEaehkIPpONPWg"] { font-weight:bold; }
[data-style-key="JutCWKQOgU2jjDaVGzEiRA"] { font-weight:bold; }
.Circle-icon-padding[data-style-key="rRUR2Qj4eEWLtOhfWuKOBA"] { font-size:9px; }
[data-style-key="FbsoRorCH0Ks0m9xK6QxTA"] { font-weight:bold; }
.text-medium-light[data-style-key="xs8owIObDkiH_LbnncbWTA"] { color:#1579B7; }
[data-style-key="XSU1D0f8q0imyfnMCxmvZQ"] { font-size:16px; font-weight:bold; }
[data-style-key="8kTvlseDJ0iEg6AXa5O+SQ"] { font-size:16px; }
[data-style-key="sW23b3MmF0atYvtkZRmSJQ"] { font-size:19px; }
[data-style-key="6Awon+uRzkenrWg_GMe7Cw"] { color:#ffd900; font-size:19px; }
[data-style-key="WKgoCNy+n0iORfl7iYsN6g"] { font-size:16px; }
[data-style-key="4W+mEpdPEk2IGWytJxqh3g"] { font-size:19px; }
[data-style-key="izYmMnSv_kiiQrgExoqUdg"] { color:#ffd900; font-size:19px; }
[data-style-key="NijztPU550iQLdKQHvaVMg"] { font-size:18px; }
[data-style-key="Y+fUvFd9nUyPOH5Pb9jTqg"] { color:#007A5A; font-size:18px; font-weight:bold; }
.Other-questions[data-style-key="7pVfBMtTEkm9EOt332+60g"] { font-weight:bold; }
.Where-can-I-find-tem[data-style-key="ziRk6h3eMk+673BtbW59fg"] { color:#000; margin:0px; padding:0px 12px 0px 35px; }
[data-style-key="00l54fhRvE2A9O3It_TXbw"] { text-align:center; }
.Need-Help-mobile-text[data-style-key="2v_0Tr6UC0ieyGUXwksvpg"] { font-weight:bold; padding:5px; text-align:left; }
[data-style-key="icbg9FAf30GL_D6grz8XbQ"] { margin:px; }
[data-style-key="Y4f+b+RzCki9IzFzaNDnuA"] { font-weight:normal; }
[data-style-key="yR_vqjkxV0WQnRQYOC1IrA"] { font-size:13px; }
.Bold[data-style-key="IWmJJHm8yU69vpe2z7uIEQ"] { font-size:16px; }
[data-style-key="JMI5WoGYhEuk_oNS8EokMA"] { padding:15px; }
.edit-column-layout[data-style-key="Cw1iHDPOy0m9VH3E9xZM6w"] { padding:20px; }
[data-style-key="b1x7GrT9oU6n5Lk64V9R4g"] { margin:15px; padding:0px; }
[data-style-key="lt0EKjhlAkqmh36yDOh1hA"] { margin:15px 10px 0px 0px; }
[data-style-key="uQWER4kpWE+JuXxWd5C52Q"] { padding:10px 0; }
[data-style-key="OV6nQcLSSkqv8BAjc6Nc9w"] { padding:10px 0; }
.primary-blue-button[data-style-key="jPUka+fxykqlkWQrTTEH_g"] { padding:0px; }
[data-style-key="DicclO1NzUKDoQj5jBuOiw"] { padding:12px 0; }
.body-layout-container[data-style-key="IRF_+ZF8OkyicZCNtODsFA"] { background-color:#fff; }
[data-style-key="cmXcwhl99kWagiaC5w0mHg"] { font-size:6px; }
[data-style-key="8H14ZENBRk2gbAUNlrCKvQ"] { font-size:6px; }
[data-style-key="UkuINnixK0CF3fp_Fitg7w"] { font-size:6px; }
.body-layout-container[data-style-key="S4pVzKVkdEyy96LTkCvM0w"] { background-color:#fff; }
.body-layout-container[data-style-key="7bBAaVrv+0qYQnEf2gokuw"] { background-color:#fff; }
.body-layout-container[data-style-key="bJ8sTpLos06zAt7bVRwkbQ"] { background-color:#fff; }
[data-style-key="euyVcISUK0GhjdMYPFSfnA"] { background-color:#fff; }
.body-layout-container[data-style-key="QS471OiHukq97JdzZbAkEA"] { background-color:#fff; }
[data-style-key="8eiVKq54zU+bxqIRTtcd9A"] { padding:15px; }
[data-style-key="EAWHl6x_Q0mluZd27mGVgg"] { padding:15px; }
[data-style-key="mJgjQKC+IEmph1NTMp2nJQ"] { margin:26px 11px 0px 0px; }
.secondary-blue-button[data-style-key="DhBDPO0TGE6F9deepmRnWw"] { margin:11px 11px 0px 0px; padding:13px; }
.widget-header[data-style-key="BF1wR+9GR0qHe5Kjmudqqg"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.accordion-submenu[data-style-key="P3FLCKOXPUq8WRKbYEkVWA"] { padding-left:25px; }
.accordion-submenu[data-style-key="YaoK+khUiEqbibXFTO4HgQ"] { padding-left:25px; }
.accordion-submenu[data-style-key="MlZ+1DMcsEGPl2xKQN5Jjw"] { padding-left:25px; }
.accordion-submenu[data-style-key="wvCKjjY_+0uq_0tOmLFvfQ"] { padding-left:25px; }
.accordion-submenu[data-style-key="ZsjI3KQrRUSZtSI8T5R9Qg"] { padding-left:25px; }
.body-layout-container[data-style-key="elvoROsDQEu98TUsBMKYTA"] { background-color:#fff; }
.body-layout-container[data-style-key="XvjK65z88EuTjlmYwDsQcg"] { background-color:#fff; }
[data-style-key="LzjsHI9EVk6W73vPmBviMg"] { padding:10px; }
[data-style-key="hKMhBMQa40GylfexuxqDGw"] { margin:5px; padding:0px; text-align:left; }
.if-you-have-any-feed[data-style-key="wYJYeygrAU22NYZZCFJz6A"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:14px; line-height:21px; }
[data-style-key="9vKDtX3l8kGoHSS32TFvhA"] { border-style:solid; border-width:1px; }
[data-style-key="TPE414rehUmdQRTPjqEnAg"] { margin:px; padding:px; }
.primary-blue-button[data-style-key="vTqhsNnZ90yd15K+5Z4WZw"] { color:#FFFFFF; font-family:"Avenir Next LT Pro"; font-size:16px; font-weight:bold; line-height:19px; padding:1px 0px 1px 6px; }
.feedback-font-light[data-style-key="SmOMjfNmu0ihyz04MvZviA"] { border-style:solid; border-width:0px; color:#001A12; font-family:"Avenir Next LT Pro"; font-size:16px; line-height:19px; }
.feedback-font-light[data-style-key="oK8iafssIkmjyPkb33MZbg"] { border-bottom:2px solid #EBAB00 !important; border-color:#EBAB00; border-width:0px; }
[data-style-key="4x3s2idt_U21wn8gbQyNqQ"] { height:15.7px; }
.haveFeedback[data-style-key="81j7GD6D2E+o3hpB6QIYBA"] { color:#001A12; font-family:"Avenir Next LT Pro"; font-size:25px; font-weight:500; line-height:30px; }
.body-layout-container[data-style-key="9eZFyvVSvUqavd+SZ59e6Q"] { background-color:#fff; }
[data-style-key="fKIelbSoqkCfRflmnEh6wg"] { padding:15px; }
[data-style-key="rZuKfgYTEEiiZPCSIIUTdA"] { border-radius:4px; color:#707271; }
.body-layout-container[data-style-key="UC4egBR9kUuXCEoXG4wzFA"] { background-color:#fff; }
[data-style-key="L8xwtY36JEiWzg1qWYSLHQ"] { padding:20px; }
[data-style-key="lH9lvWQ3rk+Qs+3PkgGfyg"] { height:100%; }
[data-style-key="Dd4HaO_yuk+BrFINpIyntw"] { text-align:right; }
[data-style-key="ubfwCZFuskSTqYqbX5FIRQ"] { height:100%; text-align:right; }
[data-style-key="UsQjHV+SB06e8UmnNpZOkQ"] { height:100%; }
.st-txt-carmine-caps[data-style-key="_NRv0Idzt0iKLgMzED6nwQ"] { margin:0px; }
.st-txt-dark-gray7[data-style-key="2FToyrVEQUCoyQFkD+PDhA"] { margin:0px; }
[data-style-key="FqHMVYeoX02JSBbfW1N35A"] { margin:0px; padding:0px 0px px 0px; }
.body-layout-container[data-style-key="5DpRlHlFJEqf9fzPLRclcw"] { background-color:#fff; }
[data-style-key="JVSEIz4VtEeVoo4d8WhqDA"] { padding:20px; }
.Inner-rect[data-style-key="iNE3lFsf2U2GZQSLvS1pPg"] { border-style:solid; border-width:1px; margin:33px 150px 0px 26px; padding:0px 29px 0px 20px; }
[data-style-key="jARLxov4WU2VKvkXH8CGNQ"] { font-weight:bold; }
[data-style-key="MrqxKkwbkUiqZ3ONfWFrkw"] { font-weight:bold; }
[data-style-key="Yc5VhsE8vU2YLXnNJzabSw"] { font-weight:bold; }
[data-style-key="RodAB5fKBEWbaLrWUkpNLw"] { text-align:right; }
[data-style-key="Wb7tkWchO0Cus5Qrrk6rBA"] { text-align:right; }
[data-style-key="2B18rRfnU0a0Y7wc8IU1ig"] { text-align:right; }
[data-style-key="ppFNhyDyx0+4lCsFTILv3Q"] { text-align:right; }
.body-layout-container[data-style-key="o7mKW_KUXUqpb1A60nrvJA"] { background-color:#fff; }
[data-style-key="d3ExZW2jhUCEPJinYYjrBg"] { padding:20px; }
[data-style-key="BYd5yKRDxUOaqvyFQwpKFg"] { text-align:left; }
.st-txt-blue-body2[data-style-key="a3snAM8XfEyRH00OaZEzoQ"] { margin:20px; padding:1px; }
[data-style-key="Ze3d5rCER0qrnvjlHUCWrw"] { padding:20px; }
[data-style-key="IU9qUtuahkS+FcGpOMltxw"] { text-align:right; }
.service-link[data-style-key="Zsm_74raa0SJbTx5hREz+w"] { border-right:1px solid #cdcdcd; }
[data-style-key="N+L26qfQQEiejGPqZMeTuQ"] { color:#fff; height:100%; padding:20px; }
[data-style-key="9ecIKCf5MEGxJ7PppX2khw"] { text-align:right; }
.service-link[data-style-key="Mh3fycxzVUOeapghb_9jQA"] { border-right:1px solid #cdcdcd; }
[data-style-key="xm6aSxWlBku1taQe5R53PQ"] { color:#fff; height:100%; padding:20px; }
[data-style-key="XfOTRcUpv0KQTmhpHtAnYg"] { text-align:right; }
[data-style-key="CQKeQHPAZUmT_8PiTSDr+Q"] { color:#fff; height:100%; padding:20px; }
[data-style-key="xXdGPDvRyEyACd2KGIi0Hw"] { text-align:left; }
.service-link[data-style-key="CtzKcKW4dUCLpIAREVo6Pg"] { padding:2px; }
[data-style-key="RF_Ufw6WtEqjKtFxstmKUg"] { text-align:right; }
.service-link[data-style-key="LH7dteHyU0yW5UWwPYUKIw"] { padding:5px; }
.widget-header-small[data-style-key="td2op5g6kkSrpl0M0LvHng"] { margin:10px; }
.body-layout-container[data-style-key="7OjHt2AOhEuJfHuzdajA6w"] { background-color:#fff; }
[data-style-key="hQhK54gC5E+XTwj6pC3G3A"] { padding:15px; }
.body-layout-container[data-style-key="Q4E5EVMrx0KMIrPNGV2qBg"] { background-color:#fff; }
/*** Generated classes from Style Editor in OutSystems 10 ***/



/***********************/
/**** CUSTOM IE Fixes***/
/***********************/
.ie .Button.primary-blue-button{
    height: 100%;
}

.ie .notifications [x-placement^=bottom].tippy-popper [data-animation=shift-away][data-state=visible]{
    transform: translate(-15px, 10px);
}

.st-shreditlogo
{
    height: 50px;
    width: 145px;
    object-fit: cover;
    padding-top: 10px;
}
.Column.empty{
    display: none;
}
.breadcrum_connecting_line{
    height: 1px !important;
}
/*SearchAgainPopup*/
.ful_container{
    background-color: white;
    width: 442px;
    box-shadow: -2px 4px 15px -3px #ccc;
    border-radius: 5px;
    padding: 15px 25px 35px 25px;
    overflow: auto;
}
.popupSearchbutton{
border-radius: 5px;
border-width: 1px;
height: 52px;
}
.popUpMargin{
    margin-top:0px !important;
}
/*SearchAgainPopup*/

/*Ask Sofia*/
.No-results-margin{
 margin-left: 30px;
}
.search-div-sofia {
    border-radius: 4px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, rgba(0, 173, 193, 0.07), rgba(0, 117, 141, 0.07));
}

.Need-Help-mobile-text {
    padding: 9% !important;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
}

.submit-question {
    position: absolute;
    width: 30%;
    bottom: 0;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 18px;
}

.like-dislike {
    color: #001A12;
    cursor: pointer;
    font-size: 15px;
}

.ask-sofia-title {
    font-family: "Avenir heavy" !important;
    color: #001A12;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 4px solid #EBAB00 !important;
}

.Copy-description-of {
    font-family: Avenir medium;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
}

.Where-can-I-find-tem {
    margin-left: 5%;
    margin-right: 5%;
    font-family: Avenir Light;
    font-size: 16px !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #001A12 !important;
    background: transparent !important;
    box-shadow: none !important;
    
}

.Sofia_Mobile_Image {
    object-fit: contain;
    position: relative;
    top: -20px;
    margin-left: 6px;
}

.Sofia_Image {
    position: absolute;
    top: -20px;
    left: 25px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   /* your css rules for ipad portrait */
   .most-asked-questions {
        width: 100% !important;
        margin-left: 0px !important;
        min-height: 68px;
    }
    .submit-question {
    position: absolute;
    margin-top: 21px;
    
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

  .most-asked-questions {
        width: 100% !important;
        margin-left: 0px !important;
    }
  /* your css rules for ipad landscape */
}

@media only screen and (min-width: 468px) and (max-width: 768px) {
    .submit-question {
        position: static;
        margin-top: 21px;
        width: 92% !important;
    }

    .most-asked-questions {
        width: 100% !important;
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 768px) {
    .desktop-need-help-text {
        margin-left: 2%;
        margin-top: 5%;
    }
 
}

@media only screen and (max-width: 468px) {
   .contact-us-div{
    margin-top: 10% !important;
   }
   .No-results-margin{
     margin-left: 5px;
    }
   .most-asked-questions {
        width: 100% !important;
    }
    .submit-question {
        width: 92%;
        position: static;
        margin-top: 21px;
    }
    .Contactus-div {
        width: 100%;
        display: block;
        margin-left: 0px;
    }
    .Sofia_Image {
        height: 100x !important;
        object-fit: contain;
        position: relative;
    }
    .Where-can-I-find-inf {
        min-height: 70px !important;
     width: 100% !important; 
    padding: 10px !important;
    }
    .submit-question-button {
        position: absolute;
        -webkit-transform: translate(-50%, 100%);
    }
    
}

.Need-Help-Ask-Sofia {
    height: 85px;
    font-family: Avenir medium;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--dark-grey);
}

.submit-question-box {
    height: 170px;
    text-align: center;
}

.Where-can-I-find-tem {
    height: 25px;
    font-family: Avenir medium;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #00956d;
}


.There-are-various-te {
    font-family: Avenir Light;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: var(--dark-grey);
}

.padding-around {
    padding: 28px;
}

.Where-can-I-find-inf {
    font-family: Avenir medium;
    background: #f4f4f4;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 1% 2%;    
}

.Rectangle-related-questions {
    border-radius: 4px;
    margin-top: 25px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
}

.most-asked-questions {
    color: #1579B7;
    min-height: 100px;
    vertical-align: middle;
    width: 50%;
    margin-right: 10px;
}

.submit-question-button {
    position: absolute;
    -webkit-transform: translate(-50%, 200%);
    -moz-transform: translate(-50%, 200%);
    -ms-transform: translate(-50%, 200%);
    -o-transform: translate(-50%, 200%);
    transform: translate(-50%, 200%);
}

.Other-questions {
    font-size: 20px;
    color: #001A12;
}

.Circle-icon-padding {
    margin-top: 4px;
    margin-right:4px;
}
.Circle-list-icon-padding {    
    margin-right:4px;
    color: lightgray;
    font-size: 9px;
}
.Search_wrapper:after {
    color: #525252;
    content: "\f002";
    font-size: 14px;
    position: absolute;
    top: 11px;
}
.Search_wrapper input[type="text"] {
    border-color: #A3A3A3;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 5px 10px 0 rgba(163,163,163,.1);
    height: 35px;
    line-height: 34px;
    padding-left: 35 !important;
}
/*Ask Sofia*/
/*Ask sofia contact*/
.invoiceNumberBlock{
    margin-left: 32px;
}

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

/* Media Queries */
@media (min-width: 480px) {
    .invoiceNumberBlock{
        margin-left: 13px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .account-modal-container {
        height: 512px !important;
        overflow-y: scroll !important;
    }
}
@media screen and (max-width: 768px) {
    .dateOfService{
        width: 70% !important ;
    }
     .dateOfService1{
         width: 153% !important;        
    }
    .description-phone-css{
        height:221px !important;
    }
}
/*Ask sofia contact*/

/*Reset password web block*/
.ValidationInfo
{
    border: 1px solid #EDEDED;
    border-radius: 5px;
   color: #338544;   
   font-family: Avenir Light; 
   font-size: 14px;
   font-weight: 500; 
   opacity: 100%;
   line-height: 19px;
}
.ValidationICon
{
    color: #338544;   
   font-family: Avenir; 
   opacity: 100%;
   font-family: Avenir; 
   font-size: 14px;
   font-weight: 500; 
   opacity: 100%;
   line-height: 19px; 
}

.PasswordMatchTick{
    position: absolute;
    bottom: 5px;
    right: 0;
}
.ConfirmPasswordInput{
    position: relative;
}
/*Reset password web block*/
/*Forgot password*/
@media screen and (max-width: 480px) {
     .RemeberPasswordBackToLogin{
         text-align: center;
    }
}
.forgot-password, .remember-your-password, .please-enter-a-valid{
     font-family: Avenir Light;
}
/*Forgot password*/

/*Create account*/
@media screen and (max-width: 760px) 
{
    .InvoiceImage {
        width: 100% !important;
    }
}
@media only screen and (max-width: 768px)
{
    .noLogin{
        text-align: center !important;
    }
}

.InvoiceImage{
    background-color: #FFFFFF;    
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
/*Create Account*/

/*Make a Payment*/
.Inner-rect-Padding
{
padding-bottom:7%;    
}
.InvoiceTable
{
    
    padding:15px 15px;
} .InnerRect
      {
       border:1px solid #e1e1e1;
      margin:33px 150px 0px 26px;
      /*padding:0 3% 0 2%;*/
      }
.PayMethod
{
    padding:0 2.1% 0 1.9%;
}
@media (max-width:768px) {
    .text-center-mobile{
        text-align:center !important;
    }
    .left-align-mobile{
       text-align:left !important;
    }
    .curency-window{
        text-align: left !important;
    width: 55% !important;
    margin-top: 14px;
    }
    .amount-window{
            margin-top: 15px;
    text-align: left !important;
    width: 40% !important;
    }
    
    .paymentpagepadding{
        text-align: center;
    }
    .InnerRect{
        
        margin:0;
        border:none;
        padding:0 3% 0 2%;
        
    }
    .InvoiceTable
    {
        padding:30px 15px;
    }
    .InvoiceSection
    {
        padding:0 3%;
        border:1px solid #e1e1e1;
        border-radius:4px;
        margin-bottom:7%
    }    
   
    .PaymentSection
    {
        padding: 3% 3%;
        border:1px solid #e1e1e1;
        margin-bottom:5%;
        border-radius:4px;
    }
    
    .Cancel-pay{
        text-align: center !important;
        display: table;
    }
    .OpenInvoicesDescktop{
        display: block;
    }
    .OpenInvoicesMobile{
        display: block;
    }
}
 .Cancel-pay-buttons{
    display: table-cell;
     text-align: center;
  vertical-align: middle;
 }
.Cancel-pay{
    text-align: right;
    display: table;
      
}

.Invoice-123455-Cu {
   
  font-family: 'Avenir Light';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: var(--dark-grey)
}

Invoice-container-2{
   background-color: #efefef;  
}
.Total-text {
  font-size: 16px;
  color: #001A12;
  font-family: 'Avenir Heavy';
}

.Total-value {  
  font-family: Avenir Heavy;
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: right;
  color: #02956f;
}
.invoice-amount-text {
  font-family: Avenir Light;
}
.invoice-amount-value {
  font-family: Avenir Light;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.06;
  letter-spacing: normal;
  text-align: right;
  color: var(--dark-grey);
}
.Autopay {
  background-color: var(--dark-grey);
  font-family: Avenir Light;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--dark-grey);
}
.Make-this-an-automattext {
  font-family: Avenir Light;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.13;
  letter-spacing: normal;
  color: #545454;
}
.cancelButton {
  font-family: Avenir Light;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--water-blue);
}

.payButton {
  border-radius: 5px;
  background-color: var(--water-blue);
}

.Open-Invoices-Label {
  font-family: 'Avenir Heavy' ;
  height: 28px;
  margin-top:-42px;
  margin-left:-21px;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #02956f;
  padding-bottom: 29px;
  padding-top: 12px;
}

.Invoice-container {
    margin-top:28px;
    margin-left: -17px;
}

.OpenInvoicesMobile{
    display: none;
}
    
/*Make a payment*/

/*Document section*/
.documentlistcontainer
{
    width: 82% ;
}
.button-english
{
padding: 5px 13px !important;
font-size: 12px !important;
width: 160px !important;  
}
.button-french
{
  padding: 5px 13px !important;
  font-size: 12px !important;
  width: auto !important;    
}
.grey
{
    margin-right:10px;
}
.documentsmobileview .TableRecords_Wrapper
{
    width: 100%;
}
.SearchInput{
    border-radius: 4px !important;
    box-shadow: 0px 0px 0px #A3A3A3;
}
.phone a.ListNavigation_PageNumber:link, .phone span.ListNavigation_CurrentPageNumber, .phone span.ListNavigation_Ellipsis, .tablet a.ListNavigation_PageNumber:link, .tablet span.ListNavigation_CurrentPageNumber, .tablet span.ListNavigation_Ellipsis {
   display: inline-block !important;
}




/** Resources_Documents-css **/
@media screen and (max-width: 768px){
    .st-small-link{
        vertical-align:1em !important;
    }
}

/**Search-bar-css**/
.st-txt-light-gray4{
     font-family: 'Avenir Light' !important;
}

/*Document Section*/

/*Login page*/
@media screen and (max-width: 480px) 
{
    .mobileLayoutCenter {
        text-align: center;
    }
}

.by-logging-in-you-a {
    height:44.5px;
    color:#001A12;
    font-family:"Avenir Light";
    font-size:14px;
    line-height:21px;
}

.line-3 {
    box-sizing:border-box;
    height:1px;
    border:1px solid #EDEDED;
}

.ComponentButtonPrefixer{
    display: -ms-grid;
    transition: all .5s;
    height:150% !important;
}

/*Login page*/
/* Sofia popup design css */
.sofia-popup{
    border-radius: 4px;
    box-shadow: 0 0 4px 4px rgba(189, 189, 189, 0.23);
    background-color: #ffffff;
    font-family: Avenir Light !important; 
    color:#001A12;
    font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  min-width: 320px;
  position: relative;
}
.sofia-in-popup{
    position: absolute;
    left: -10px;
    top: -36px;
}
.sofia-question-input{
    border-radius:2px !important;
    font-family: Avenir Light !important;
   font-size: 14px !important;
           
}
.go-button{
    font-family: 'Avenir Medium';
    padding: 5px 15px !important;
    font-size: 18px;
    border-radius: 5px;
    border:1px solid #00693C;
    background-color: #00693C !important;
    color: #fff !important ;
}
.go-button:hover{
    background-color: #024731 !important;
    border:1px solid #024731;
    cursor: pointer;
}
.NeedHelpFloatButton{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 102px;
    height: 114px;
    padding-bottom: 15px;
}
.NeedHelpFloatButton .balloon-footer {
    display: none;
}
.NeedHelpFloatButton .tippy-popper {
    transform: translate3d(-237px, -122px, 0px) !important;
    top: 50px !important;
}
/* Sofia popup design css */
/*Nav Menu CSS*/
.NavMenuContainer{
    position: relative;
    margin-bottom: 4px;
}
.DownArrowMobileIcon{
    display: none;
}
.NavSubMenuDiv{
    border-bottom: 1px solid #E7E7E7;
}
.NavSubMenuItem{
    display: none;
    box-sizing: border-box;    
    min-width: 233.32px;    
    border: 1px solid rgba(225,225,225,0.83);    
    border-radius: 4px;    
    background-color: #FFFFFF;    
    box-shadow: 0 0 4px 2px rgba(189,189,189,0.26);
    
    position:absolute;
    left:0;
    top:55px;
}
.NavMenuContainer:hover .NavSubMenuItem{
    display: inline;
}
.NavMenuContainer:hover .NavMenuAnchor {
    color: #00693C;
    font-weight: 600;
}
.NavMenuContainer:hover{
    border-bottom: 4px solid #00693C;
        color: #00693C;
            margin-bottom: 0;
}
.NavMenuAnchor{
        font-family: "Avenir Light";
        text-decoration: none !important;
        font-size: 16px;  
}
.NavSubMenuContainer{
    margin-left: 4px;
}
.NavSubMenuContainer:hover{
    background-color: #F2FAF8;
    border-left: 4px solid #00693C !important;
    color: #00693C !important;
    margin-left: 0px !important;
}
.NavSubMenuContainer:hover .NavSubMenuAnchor {
    color: #00693C;
    font-weight: 600;
}
.NavSubMenuAnchor{
        color: #001A12;    
        font-family: "Avenir Light";
            text-decoration: none !important;
        font-size: 16px;
            padding: 12px !important;
                width: 100%;
            
}
.DownArrowMenuIcon{
    margin-left: 0px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
}
.userProfileDetails{
    float:right
}
.user-settings-icon{
    color: #333;
    padding: 5px 0px;
}
.user-image-icon{
    padding: 10px 5px;
    color: #525252;
}
.user-notifications-icon{
    
padding:  15px 0 10px 12px;
}
.baloon-labels a{
    padding: 10px 50px 10px 5px;
    color: #00693C;
}
.baloon-labels{
    padding: 10px 0px 10px 5px;
    text-align: left;
    font-family: Avenir Light;
    font-size: 16px;
    margin-left: 4px;
}
.baloon-labels a:hover{
    text-decoration: none !important;
}
.baloon-labels:hover{
    background-color: #F2FAF8;
    border-left: 4px solid #00693C !important;
    color: #00693C !important;
    margin-left: 0px;
}
.Balloon_content {
    padding: 0px !important;
}

.userIconBorder { 
border: none !important; 
margin-top:3px;
margin-left:11px;
}

@media (min-width:1025px) {
.SelectedTab{
    border-bottom: 4px solid #00693C !important;
    margin-bottom: -5px !important;   
    color: #024731 !important;
}
.UnselectedTab{
    background: white;
}
}

.LockBox{
    width: 50%;
    height: 150px;
    margin: 200px auto;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*Nav Menu CSS*/

/*Header CSS*/
.welcome-header{
background-color:#00693C;
/*background-image: -webkit-linear-gradient(left,transparent,#00956E 0%, #1782C5 100%);*/
padding: 22px 0 15px 0px;
margin-top: 50px;
}
 .welcome-username {
     color: #FFFFFF;
     font-family: "Avenir Light";
     font-size: 26px;
}
 .account-text-label {
     color: #FFFFFF;
     font-family: "Avenir Light";
     font-size: 20px;
     line-height: 24px;
     margin-top: 5px;
}
 .transparent-dropdown{
    margin-left: 0px;
    color: white;
    margin-right: 25px;
    border-radius: 5px;
    background-color: #1187AE;
}
 .welcome-header span{
     color: white;
}
 .account-dropdown{
     display: inline-block;
}

/*Header CSS*/
/*No notifications*/
.notification-header{
    color: #001A12;    
    font-family: "Avenir heavy";    
    font-size: 20px;    
    font-weight: 500;    
    line-height: 24px;
}
/*No notifications*/
/*footer*/
@media screen and (max-width: 1024px) {
    .footer-container {
        text-align: center;
    }
    .stericycle-image-footer{
        width: 175px !important;
    }
}
.footer-link{
    margin-right: 30px;
    margin-bottom: 15px;
}
.footer-link a:hover{
    color: #fff;
}
.footer-link label, .footer-link span{
    cursor: pointer;
}
.footer-link span:hover{
    text-decoration: underline;
}
.sofia-container-wb{
    position: relative;
}
/*footer*/

/*Nav bar*/
.nav-strip {    
    height: 7px;    
    width: 1366px;   
    background: linear-gradient(83.32deg, #00956E 0%, #1782C5 100%);    
    box-shadow: 0 5px 20px 0 #C0C7D6;
}

.menu-item{
 color: #001A12;    
 font-family: Avenir Light;    
    font-size: 16px;    
    font-weight: 300;    
    line-height: 22px;
    margin-bottom: 4px;
}

.user-help-icon{
    padding: 15px 0;
}
.user-help-icon a{
    font-family: Avenir Light;    
    font-size: 16px;
    color: black !important;
}
/*Nav bar*/
/*Menu*/

.fa-bell-o{
    font-size: 20px;
}
.header-master-container{
    background: white;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}
 .header-gradient-border{
    background-color:#00693C;
     /*background: linear-gradient(83.32deg, #00956E 0%, #1782C5 100%);*/
     padding: 2px 0;
}
 .Header_Menu, .Application_Menu {
     background-color: white !important;
     box-shadow: none;
}
 .usersettings-container, .MobileViewHeader{
     display: none;
}
 .menu-item:hover{
     color: #00956e !important;
     font-family: Avenir Light;
     font-size: 16px;
     border-bottom: 4px solid #00956e !important;
     text-decoration: none !important;
     font-weight: 600;
     margin-bottom: 0px !important;
}
.HamburgerMenuCloseIcon{
    display: none;
}

 @media screen and (max-width: 1024px) {
     
     .SCLogoContainer{
         position: relative;
         padding: 8px 0;
     }
     .HamburgerMenuOpenIcon{
         cursor: pointer;
         width: 25px !important;
     }
     .block-element{
         text-align: left;
         width: 100% !important;
    }
    .border-after:after{
        width: 0px !important;
    }
     .DesktopViewHeader {
         display: none;
         padding: 15px;
         background-color: #fff;
    }
     .userProfileDetails{
         display: none;
    }
     .MobileViewHeader{
         display: inline;
    }
     .usersettings-container{
         display: inline !important;
    }
    .DownArrowMobileIcon .fa-fw {
        width: 0;
    }
    .DownArrowMobileIcon{
        display: inline
    }
    .DownArrowDesktopIcon{
        display: none;
    }
     .NavSubMenuItem{
        position: initial;
        border: none;
    }
    .NavSubMenuDiv {
        background-color: white;
        color: black;
    }
    .NavSubMenuAnchor {
        border-bottom: none !important;
    }
    .DownArrowMenuIcon{
        padding: 15px 30px;
        top: 0;
        transform: translate(-0,-0);
        color: white;
        cursor: pointer;
    }
    .NavMenuContainer {
        margin-bottom: 0;
    }
    .NavMenuContainer:hover .NavSubMenuItem{
    display: none;
}
.NavMenuContainer:hover .NavMenuAnchor {
    color: white;
    font-weight: 600;
}
.NavMenuContainer:hover{
    border-bottom: none !important;
        
}
.NavMenuAnchor {
    color: white !important;
    border-bottom: none !important;
    font-weight: 600;
}
     .application-menu-css{
         background: -webkit-linear-gradient(135deg, #02956F 0%, #009C73 100%);
         box-shadow: 0 4px 11px 5px rgba(0,0,0,0.19) !important;
         padding-top: 40px;
         top: 0 !important;
    }
    .HamburgerMenuCloseIcon{
        position: absolute;
        top: 10px;
        right: 20px;
        color: white;
        cursor: pointer;
        display: inline;
    }
     .userprofile-serparator{
         border-bottom: 1px solid #FFF;
         width: 100%;
    }
     .Header_RightSection {
         z-index: 1001;
         position: fixed;
         top: 0;
         left: -25px;
    }
    .HamburgerImage{
        width: 25px !important;
    }
    .stericycleImg{
         width: 100% !important;
    }
     .shredItImg{
         width: 75% !important;
    }
}
.LogoImage{
    padding-bottom: 5px;
    width: 100%;
    max-width: 400px;
    max-height:100%;
}
.MobileLogoImage{
    max-width:100%;
    max-height:100%;
}
.LogoContainer {
    display: inline-flex;
    align-items: center;
}
.HamburgerImage{
    width: 35px;
}
.stericycleImg, .shredItImg{
     width: 100%;
     object-fit:cover;
     padding: 5px;
}
.shredItImg{
    float: left;
}
.stericycleImg{
    border-right: 1px solid #cdcdcd;
    float: right; 
}
 .responsive-img{
     width: 100%;
     object-fit:cover;
}
 .userIconBorder{
     border:1px solid black;
     border-radius:50%;
}

 .Header_RightSection {
     float: left !important;
}
.tablet .Application_Menu, .phone .Application_Menu{
    left: -275px;
}
.tablet.active .Application_Menu, .phone.active .Application_Menu {
    left: 0;  
}

.mobile-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-center-logo {
    display:flex;
    justify-content: center;
}
@media screen and (min-width:768px) and (max-width:1024px){
    .mobile-header-container {
        padding: 5px 0 0 0 !important;
    }
}

/*Menu*/

/*Billing Summary*/
.billingdropdowncontainer
{
    text-align:right;
}
.billingcombo
{
    width:60%;
}

@media only screen and (max-width: 600px) {
    .mobile-full-width{
        width: 100% !important;
        text-align: center !important;
    }
    .amount-sum-height{
        height: 130px !important;
        margin-bottom: 14% !important;
    }
    .billingdropdowncontainer
    {
        width:100% !important;
        text-align: left;
    }
    .billingcombo
    {
        width:100% !important;
    }
}
@media only screen and (max-width:768px) {
    .current-balance-button{
        margin-right: 0px !important;
    }
}
@media only screen and (max-width:920px) {
    .billing-invoice-container{
        overflow-x: scroll;
    }
}
/** checkbox-css **/

.checkbox-unchecked {
    height:14px;
    width:14px;
    box-shadow: inset 0 0 5px #A3A3A3 !important;
}
input[type="checkbox"]:checked {
  box-shadow: none !important;
}
  
/**selectAllContainer-css**/

.DropdownMobileContainer{
        width:76% !important;
        margin-top:-2px !important;
        margin-left:18px !important;
    }
@media screen and (max-width: 768px) {
    .DropdownMobileContainer{
        margin-left:-2px !important;
        margin-top:13px !important;
        width:100% !important;
    }
  
    .ContainerMobile_CSS{
        margin-top:15px !important;
        width:350px !important;
        height: 212px !important;
    }
}

/*Billing Summary*/
/*Billing Preferences*/

@media screen and (max-width: 768px) {
    .add-credit-card{
        text-align: left;
    }
}
 @media screen and (max-width: 480px) {
    .add-credit-card{
        text-align: left;
    }
    .widget-header{
        font-size: 14px;
    }
}
/*Billing Preference*/
/*Add a credit card*/
.form-container
{
    width:48.3%;
    padding: 10px; 10px; 0; 0;
}
.billing-input
{
    border-radius:4px !important;
}
.add-credit-header, .add-credit-font
{
    font-family:'Avenir Pro Demi';
    color:#001A12;
}
.add-credit-header
{
    font-size:20px;
}
@media screen and (max-width: 768px) 
{
    .form-container
    {
        width:100%;
    }
    .cancel-activate
    {
        margin-bottom:0;
    }
}
/*Add a credit card*/

/*AddaPaymentMethod*/
.cancel-activate
{
    margin-bottom:30px;
}
/*AddaPaymentMethod*/

/*BillingPaymethod*/
.billingpaymethod .Container-cancel
{
    margin-bottom:7%;
}
.billingpaymethod .cancel-responsive-desktop
{
    margin-bottom: 0;
}
.billingpaymethod .radio-container
{
    margin-top:20px;
    margin-left:0;
}
.billingpaymethod .form-image-container
{
    margin-top:15px;
    margin-left:0;
}
.billingpaymethod .cancel
{
    margin-top:7px;
}
.billingpaymethod .check-container
{
    padding-left:0 !important;
}
/*BillingPaymethod*/
/*EnrollPaperLess*/
.paperless-text , .paperless-label
{
    font-family:'Avenir Pro Regular';
    font-size:16px;
    color:#525252;
}
.paperless-label
{
    font-weight:600;
}
/*EnrollPaperLess*/

/*Paid Invoices*/
.SearchInput
{
    border-radius:4px !important;
    font-family: Avenir Light !important;
    font-size: 14px !important;        
}


.border-none
{
    border-top:none !important; 
} 

.Invoice-options{
    position: relative;
}

/**PaidInvoicesCss**/
@media screen and (max-width: 768px){
    
    .input-css{
        width:100% !important;
    }
    .block-css{
        margin-left: -190px !important;
        margin-top:-46px !important;
    }
    .cell-mobile-css{
        overflow-x: scroll !important;
    }
}
.SelectAllCheckBox{
    margin-right: 0px !important;
}
/*Paid Invoices*/
/*Payment History*/
.SC-BreadCrumb-Font .fa-angle-right {
    padding-top: 2px;
    font-size: 14px;
    color: #001A12;
}
.SC-BreadCrumb-Anchor {
    color: #00693C !important;
    font-size: 14px !important;
    font-family: 'Avenir Light'; 
}
.SC-BreadCrumb-Text {
    color: #024731;
    font-weight: 600; 
    font-size: 14px !important;
    font-family: 'Avenir Light'; 
}
/*Payment History*/
/*Notifications_WB*/
.set-height
{
    max-height:500px;
    overflow-y: scroll;
}
@media only screen and (max-width: 768px) 
{
    .set-height
    {
        max-height:350px;
    }
}
.border-gradient{
    background: linear-gradient(83.32deg, #00956E 0%, #1782C5 100%);
    padding: 2px 0;
}
.notification-name{
    height: 16px;    
    width: 138px;    
    color: #00693C;    
    font-family: "Avenir heavy";    
    font-size: 16px;   
    font-weight: 500;    
    line-height: 19px;
}
.notification-details{
        color: #001A12;    
        font-family: "Avenir light";  
        font-size: 16px;    
        line-height: 20px;
}
.notification-red{
    border-left:5px solid #EE7624;
    border-bottom: 1px solid #E8E8E8;
    border-top:1px solid #E8E8E8;
}
.notification-green{
    border-left:5px solid #00693C;    
}
.notification-gray{
    border-left:5px solid #c8c8c8;
    color: #c8c8c8;
}
.notification-action-button{
        color: #149C79 !important;    
        font-family: "Avenir heavy";    
        font-size: 14px;    
        font-weight: 500;
}
.apply-borders{
    border-bottom: 1px solid #E8E8E8;
}
/*Notifications_WB*/
.display-center{
    text-align: center!important;
}
/*Manage Employees*/
.account-selection-dropdown{
        display: flex;
        margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .account-selection-dropdown{
        display: initial;
    }
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 0px;
}
/*Manage Employees*/

/*Account Settings*/
.InputFields
{
    width:282px;
}
.AccountDetailsSection{
    border: 1px solid #cdcdcd;
}
.view-column-layout{
    padding: 20px;
}
.AccountNameDetails{
    padding: 20px 20px 10px 30px;
    border-bottom: 1px solid #cdcdcd;
}
.view-column-layout, .edit-column-layout{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.border-left {
    border-left: 1px solid #cdcdcd;
    padding-left: 25px;
    margin-left: 25px;
}
.sevice-hours-font, .black-out-dates{
  font-family: 'Avenir Light';
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #001A12;
  margin-left: 25px;
}

@media screen and (max-width: 768px) {
    .edit-column{
        width: 100% !important;
    }
    .InputFields
    {
        width:100%
    }
    .edit-column-layout{
        display: block !important;
    }
    .edit-column.border-left {
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-top: 20px;
    }
    .image_Mobile {
        margin-left:-12px;
    }
    .Monday_style_mobile{
        margin-left:-12px;
    }
}

@media screen and (max-width: 768px) {
    .view-column{
        width: 100% !important;
    }
    .view-column-layout{
        display: block !important;
    }
    .border-left {
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-top: 20px;
    }
}
.ac-edit-view-layout{
    padding: 20px
}
.same-as-shipTo {
  font-family:Avenir Light; 
  font-size: 16px;
  color: #001A12;
}
.Rectangle-4 {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.AC-Cancel-Button{
  font-family: AvenirNextLTPro-Demi;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--water-blue);
}

.request_success{
    background-color:#00956d;
    border-radius:4px;
    box-shadow:0 8px 6px -6px black;
    color:#fff;
    left:25%;
    padding:10px;
    position:fixed;
    right:25%;
    z-index:1;
    font-family: Avenir Medium;
    font-size:14px;
    top:20%
}
@media screen and (max-width: 480px) 
{
  .request_success{
      left:10%;
      right:10%;
  }
}
.cross_close
{
    color: #fff;
    top:0;
    right:5px;
    position: absolute;
    width:1 col;
    text-align:right;
}

table.OSFillParent{
    display: inline-block !important;
}

.select2-container .select2-choice{
    border-radius: 4px !important;
    box-shadow: none !important;
}
/*Account Settings*/

/*Manage request*/
.ManageRequestMainContainer{
    margin-bottom: 30px;
    margin-right: 30px;
}
 @media screen and (max-width: 768px) {
     .manage-request-container{
        overflow-x: scroll;
    }
   .ManageRequestMainContainer{
    margin-bottom: 30px;
    margin-right: 0px;
    }
 }
 .label-red{
    color: #D31324; 
 }
 .labe-green{
    color: #3C862E;
 }

 @media (max-width:780px) {
     .Mobile_css{
         margin-left: 0px !important;
     }
 }
/*Manage request*/
/*Profile settings*/
.toggle-padding
{
    padding-right:20px;
}
@media screen and (max-width: 768px) {
    .mobile-grid-column{
        width: max-content;
    }
    .toggle-padding
    {
        padding-right:11px;
    }
    .mobile-button{
        padding: 12px 10px 10px 10px !important;
    }
}
.admintext
{
    font-family:'Avenir Pro Regular';
    font-size:16px;
    color:#00693C;
}

.check {
    border-radius: none !important;
}

.ToggleButton.changed{
    border-radius: 129px !important;
    width:63% !important;
    background-color: #1782c5 !important;
}

.ToggleButton{
    border-radius: 129px !important;
    width:63% !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*Profile settings*/
/*Bulk Upload*/
.FileUpload {
    border-radius: 5px !important;
    padding: 0 !important;
    font-weight: bold !important;
}
.FileUpload_Button .Button {
    padding: 6px !important;
    font-weight: bold !important;
}
.FileUpload_Label {
    padding:0 !important;
    font-weight: bold !important;
    font-family: 'Avenir Pro Demi'; 
}
.FileUpload_Label {
    margin-top: 0;
    padding: 0 10px;
    position: absolute;
    left: 0px !important;
    top: 10%;
    right: 33%;
}
/*Bulk Upload*/
/*SettingsDropdown_Wb*/
.choices__inner{
bottom-border: 1px solid #ccc !important;
}
.border_css{
    bottom-border: 2px solid #ccc !important;
}
/*SettingsDropdown_Wb*/
.center-align{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
.Resource_Main .TableRecords_OddLine:first-child, 
.Resource_Main .TableRecords_EvenLine:first-child {
    width: 0.2%;
}
.left-brcm{
    width: 40%;
    margin-top: 6px;
}
.right-brcm{
    width: 60%
}
.dd-main-content{
    display: flex;
}
.dd-label{
    width: auto;
    white-space: nowrap;
    margin-right: 5px;
}
.dd-combo{
    width: 100%;
}
@media screen and (max-width: 768px) {
    .dd-main-content{
        display: initial;
    }
}