.role-authenticated header#header #navbar-main{
  border-bottom: 1px solid #000 !important;
}
.img-logo {
    width: 24px;
    height: auto;
    padding-left: 24px;
  }
  .user-font {
    color: #eeeeee;
    font-size: 14px;
  }
  .crossed-line {
    background-color: black;
    padding: 0px;
    height: auto;
    width: auto;
  }
  .header-bg {
    background-color: #ffd400 !important;
  }
  .logo {
    background-image: url("/themes/custom/safety_kleen/SK_logo.png");
    /* Set the background image */
    background-size: 120px;
    max-width: 156px;
    background-position: left;
    /* Ensure the background image fits within the container */
    background-repeat: no-repeat;
    /* Do not repeat the background image */
    display: inline-block;
  }
  .skew {
    transform: skewX(-30deg);
  }
  .skew-content {
    transform: skewX(30deg);
    display: flex;
    flex: 1;
    color: #fff;
  }
  .admin-user-container {
    display: flex;
    align-items: center;
  }
  .admin {
    color: #eeeeee;
    cursor: pointer;
  }
  .round-user {
    width: 25px;
    height: 25px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    margin: 0px 5px 0px 5px;
    color: #000;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .img-logo-az {
    width: 175px;
    padding-left: 10px;
    padding-right: 15px;
  }
  .cust-p {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
  }
  .cust-p2 {
    font-size: 20px;
    font-weight: 300;
  }
  .logo-menu {
    /* Ensure the background image fits within the container */
    background-repeat: no-repeat;
    /* Do not repeat the background image */
    display: inline-block;
    max-width: 58px;
    /* margin-left: 2px; */
    background-position: 25px;
    background-image: url("../../../../assets/icons/open-menu.svg");
    background-size: 20px;
    cursor: pointer;
  }
  .hamburgerMenu {
    height: 95vh;
    position: absolute;
    left: 0px;
    background: #fff;
    width: 250px;
    top: 50px;
  }
  .Home {
    padding: 10px;
    cursor: pointer;
  }
  /* .Home:hover {
    background: $bright-grey !important;
    color: $chinese-black;
  } */
  .Home img {
    padding-right: 10px;
  }
  .closeIcon {
    max-width: 58px;
  }
  .closeIcon img {
    cursor: pointer;
    width: 30px;
    height: 30px;
  }
  .kendo-popup {
    top: -2px !important;
  }
  .Home a {
    text-decoration: none;
    color: #424242;
  }
  /* .Home a:hover,
  .Home span:hover {
    color: $chinese-black;
  } */
  
  /* .hamburgerMenu .Home.active {
    background-color: $alice-blue; 
    color: $navy-blue !important;
  } */

  .cp_module_info div {
    padding-left: 25px;
    color: white;
    transform: skewX(30deg);
}

.cp_module_info {
  margin-right: -2px;
    background: black;
    transform: skewX(-30deg);
}

#cp_module_name {
    color: white !important;
}

.custom_header_rgtcontainer,div#block-customhambergermenu,div#block-safety-kleen-customeravatarblocksk {
  background-color: #000 !important;
}

.header-avatar-container {
  background: black;
  /* color: white; */
  transform: skewX(-30deg);
}


.header-avatar {
  color: white;
  transform: skewX(30deg);
}

.header-avatar .display_name_text {
  color: white;
}

.header-avatar .display_name_intial {
  background: white;
  color: black;
}

div#block-safety-kleen-customeravatarblocksk .custom_sitelogo img {
  width: 116px;
  height: auto;
  margin-left: 2px;
  margin-top: 4px;
  margin-right: 31px;
}
#block-customhambergermenu p{margin-top: 4px;}

.custom_customerlogo {
  transform: skewX(30deg);
}

.header-avatar-wrap {
  padding: 0 30px 0 0;
}

.header-avatar-container {
  padding-right: 77px;
}

#block-customeravatarblock, .block-cust-avatar-block, #block-safety-kleen-customeravatarblocksk, .block-cust-avatar-block-sk {
  width: 100% !important;
}
.cp_module_info div#cp_module_name {
  padding-left: 9px !important;
}

.block-cust-avatar-block-sk a#dropdownMenuLink {
  text-decoration: auto;
}

a.btn-primary, a.button--primary,button.btn-primary, button.button--primary{
  background: #ffd400  !important;
  color: #000 !important;
  border-color: #ffd400  !important;
  border: solid 1px #ffd400  !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
}

a.btn-primary:hover, a.button--primary:hover, a.btn-primary:active, a.btn-primary a:active,
button.btn-primary:hover, button.button--primary:hover, button.btn-primary:active, button.btn-primary a:active{
  background: #e1bb00 !important;
  color: #400 !important;
  border-color: #e1bb00 !important;
  border: solid 1px #e1bb00 !important;
}

.page-waste-profile-workbench .form-actions.webform-actions button.webform-button--next.button
{
    background: #ffd400  !important;
  color: #000 !important;
  border-color: #ffd400  !important;
  border: solid 1px #ffd400  !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
}
button.btn-secondary,a.btn-secondary {
  border: 1px solid #0B0B0D!important;
  color: #0b0b0d!important;
  background: #fff!important;
  font-weight: 400!important;
  font-size: 13px!important;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none
}

a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary a:active,
button.btn-secondary:hover, button.btn-secondary:active, button.btn-secondary a:active{
  background: #f3f3f3!important;
  color: #0b0b0d!important;
  opacity: 1!important;
  border: 1px solid #0B0B0D!important
}
.user-logged-in #block-customhambergermenuclose {
  background-color: #000 !important;
  margin-top: 0px !important;
}
#block-customhambergermenuclose img{
  width: 16px !important;
  height: 16px !important;
  padding-top:0px !important;
  margin-top: 17.5px !important;
}
.generatorinfowrapper{
  background-color: #fff !important;
}

.changegenratorbtn .btn-secondary{
    border: none !important;
    color: #000 !important;
    background: #ffd400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 0 !important;
}
.changegenratorbtn .btn-secondary:hover, .changegenratorbtn .btn-secondary:active, .changegenratorbtn .btn-secondary a:active{
background: #ffd400 !important;
color: #000 !important;
opacity: 1 !important;
border: none !important;
border-radius: 0 !important;
}

.custom_sitelogo a:hover{
  opacity: 1 !important;
}

.header-avatar-container .dropdown .show{
  display: inline-block !important;
}


.path-waste-profile .create_profile_proceed_btn
{
    color:black !important;
}