// .custom-select {
//     position: relative;
//     width: 100%;
//     &.disable-select{
//       pointer-events: none;
//       opacity: 0.5;
//       .select-selected{
//         background-image: none !important;
//       }
//     }
//     &.form{
//       height: fit-content;
//       .select-selected{
//         background-color: transparent;
//       }
//       .select-arrow-active{
//         background-color: $color-yellow;
//       }
//     }
//     select {
//       display: none;
//     }
  
//     .select-items {
//       color: $color-black;
//       cursor: pointer;
//       @extend .p;
//       transition: all 300ms;
  
//       div {
//         height: 44px;
//         display: flex;
//         align-items: center;
//         padding-right: 30px;
//         padding-left: 16px;
//         @extend .p;
//         transition: all 300ms;
//         position: relative;
//         border-bottom: 1px solid $color-black;
//         border-left: 1px solid $color-black;
//         border-right: 1px solid $color-black;
//         background-color: $color-white;
//         color: $color-black;
//         &.disable-select{
//           pointer-events: none;
//           color: gray;
//           &:hover{
//             background-color: $color-black;
//           }
//         }
//         &:hover { 
//           background-color: $color-black;
//           color: $color-white;
//         }
//       }
//     }
  
//     //container principal
//     .select-selected {
//       background-color: $color-white;
//       color: $color-black;
//       height: 44px;
//       display: flex;
//       align-items: center;
//       padding-right: 30px;
//       @extend .p;
//       padding-left: 16px;
//       transition: all 300ms;
//       border: 1px solid $color-black;
//     //   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11' viewBox='0 0 20 11'%3E%3Cpath id='arrow_down' fill='%23f9e8d9' d='M-1160 785.89l-1.406-1.39-8.607 8.261-.918-.881h.005l-7.647-7.339-1.427 1.369 9.987 9.586z' transform='translate(1180 -784.5)'/%3E%3C/svg%3E%0A");
//       background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 491.996 491.996' style='enable-background:new 0 0 491.996 491.996;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848 L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128 c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084 c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224 C491.996,136.902,489.204,130.046,484.132,124.986z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
//       background-origin: content-box;
//       background-position: right -1rem center;
//       background-repeat: no-repeat;
//       background-size: 14px 12px;
//     }
  
//     .select-arrow-active {
//       color: $color-black;
//       background-color: $color-white;
//     }
  
//     .select-items {
//       position: absolute;
//       background-color: $color-white;
//       top: 100%;
//       left: 0;
//       right: 0;
//       z-index: 99;
//     }
  
//     .select-hide {
//       display: none;
//     }
  
//     .same-as-selected {
//       color: $color-black;
//       background-color: $color-white;
//     }
//   }