@media (min-width: 1200px){
  .uninav-menu-item {
      padding-left: 18px !important;
      padding-right: 18px !important;
  }
}

.sso-wraper {
  position: absolute;
  top: 0;
  right: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0 16px;
  color: #7E94A1;
}

.sso-wraper:hover{
  color: #61717a;
}

.sso-wraper span {
  margin-right: 9px;
}

.sso-wraper p {
  margin-bottom: 5px;
}

.sso-wraper button:focus{
  outline: 0;
}

.sso-user {
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  background-color: #0074FF;
  border-radius: 50%;
  text-transform: uppercase;
}

#sso-menu{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  right: 0 !important;
}

#sso-menu button {
  display: block;
  border: 0;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 0 10px 28px;
  font-family: 'Inter', sans-serif;
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border-bottom: 1px dotted rgba(160, 178, 200, 0.3);
}


#sso-menu button:last-child{
  border-bottom:0;
}

#sso-menu button:hover{
  color: #0074FF;
}

#sso-menu button::before{
  content: ' ';
  background-repeat: no-repeat;
  position:absolute;
  left: 0;
  top:11px;
  display:block;
  width: 20px;
  height: 20px;
}

#sso-menu button.sso-menu-logout::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09082 3.22064H4.75749C4.31546 3.22064 3.89154 3.39624 3.57898 3.7088C3.26642 4.02136 3.09082 4.44528 3.09082 4.88731V16.554C3.09082 16.996 3.26642 17.4199 3.57898 17.7325C3.89154 18.045 4.31546 18.2206 4.75749 18.2206H8.09082' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2578 14.8873L8.09115 10.7206L12.2578 6.55396' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.09082 10.7206H18.0908' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#sso-menu button.sso-menu-favorites::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4688 3.83486C9.92672 2.9037 11.2543 2.9037 11.7122 3.83487L13.133 6.72394C13.3145 7.09314 13.6662 7.34935 14.0732 7.40908L17.2602 7.87663C18.2836 8.02678 18.6922 9.2841 17.9525 10.0072L15.6425 12.2655C15.349 12.5525 15.2151 12.9653 15.2842 13.3699L15.8283 16.5541C16.0029 17.5759 14.9294 18.354 14.0127 17.8701L11.174 16.3717C10.8089 16.1789 10.3721 16.1789 10.007 16.3717L7.16831 17.8701C6.25154 18.354 5.17805 17.5759 5.35266 16.5541L5.89675 13.3699C5.96589 12.9653 5.83197 12.5525 5.53844 12.2655L3.22844 10.0072C2.48879 9.2841 2.89738 8.02678 3.92083 7.87663L7.10776 7.40908C7.51483 7.34935 7.86645 7.09314 8.04801 6.72394L9.4688 3.83486Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#sso-menu button.sso-menu-manage::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2578 6.55396H9.75781' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2578 14.8873H4.75781' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7578 17.3873C16.1385 17.3873 17.2578 16.268 17.2578 14.8873C17.2578 13.5066 16.1385 12.3873 14.7578 12.3873C13.3771 12.3873 12.2578 13.5066 12.2578 14.8873C12.2578 16.268 13.3771 17.3873 14.7578 17.3873Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42383 9.05396C7.80454 9.05396 8.92383 7.93467 8.92383 6.55396C8.92383 5.17324 7.80454 4.05396 6.42383 4.05396C5.04312 4.05396 3.92383 5.17324 3.92383 6.55396C3.92383 7.93467 5.04312 9.05396 6.42383 9.05396Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#sso-menu button.sso-menu-manage:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2578 6.55396H9.75781' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2578 14.8873H4.75781' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7578 17.3873C16.1385 17.3873 17.2578 16.268 17.2578 14.8873C17.2578 13.5066 16.1385 12.3873 14.7578 12.3873C13.3771 12.3873 12.2578 13.5066 12.2578 14.8873C12.2578 16.268 13.3771 17.3873 14.7578 17.3873Z' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42383 9.05396C7.80454 9.05396 8.92383 7.93467 8.92383 6.55396C8.92383 5.17324 7.80454 4.05396 6.42383 4.05396C5.04312 4.05396 3.92383 5.17324 3.92383 6.55396C3.92383 7.93467 5.04312 9.05396 6.42383 9.05396Z' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#sso-menu button.sso-menu-favorites:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4688 3.83486C9.92672 2.9037 11.2543 2.9037 11.7122 3.83487L13.133 6.72394C13.3145 7.09314 13.6662 7.34935 14.0732 7.40908L17.2602 7.87663C18.2836 8.02678 18.6922 9.2841 17.9525 10.0072L15.6425 12.2655C15.349 12.5525 15.2151 12.9653 15.2842 13.3699L15.8283 16.5541C16.0029 17.5759 14.9294 18.354 14.0127 17.8701L11.174 16.3717C10.8089 16.1789 10.3721 16.1789 10.007 16.3717L7.16831 17.8701C6.25154 18.354 5.17805 17.5759 5.35266 16.5541L5.89675 13.3699C5.96589 12.9653 5.83197 12.5525 5.53844 12.2655L3.22844 10.0072C2.48879 9.2841 2.89738 8.02678 3.92083 7.87663L7.10776 7.40908C7.51483 7.34935 7.86645 7.09314 8.04801 6.72394L9.4688 3.83486Z' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#sso-menu button.sso-menu-logout:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09082 3.22064H4.75749C4.31546 3.22064 3.89154 3.39624 3.57898 3.7088C3.26642 4.02136 3.09082 4.44528 3.09082 4.88731V16.554C3.09082 16.996 3.26642 17.4199 3.57898 17.7325C3.89154 18.045 4.31546 18.2206 4.75749 18.2206H8.09082' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2578 14.8873L8.09115 10.7206L12.2578 6.55396' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.09082 10.7206H18.0908' stroke='%230074FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

@media (max-width: 1022px) {

  .sso-wraper{
    right: 120px;
  }

  #sso-menu{
    background-color: rgba(36, 35, 37, 0.9) !important;
    width:100% !important;
    position: fixed !important;
    left: 0 !important;
  }

  #sso-menu button,
  .sso-wraper p{
    font-size: 22px;
    font-weight:500;
  }

  #sso-menu button::before{
    top: 23px !important;
  }

}