/* select {z-index: 3;float: left;}  */
.line.select {position: relative;z-index: 2;}
.custom-select-wrapper {position: relative;display: inline-block;user-select: none;cursor: pointer;width: 100%;color: #808080;border: 1px solid hsl(0, 0%, 87%);border-radius: 2px;}
.custom-select-wrapper select {display: none}
.custom-select {position: relative;display: block;font-size: 12px;}
.custom-select-trigger {position: relative;display: block;min-width: 130px;padding: 0 104px 0 16px;font-weight: 100;line-height: 47px;background-color: #ffffff;border-radius: 2px;cursor: pointer;transition: all 0.2s ease-in-out;}
.custom-select-trigger:after {position: absolute;display: block;content: "";width: 8px;height: 8px;top: 50%;right: 20px;margin-top: -3px;border-bottom: 2px solid #808080;border-right: 2px solid #808080;transform: rotate(45deg) translateY(-50%);transition: all 0.35s ease-out;transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after {margin-top: 3px;transform: rotate(-135deg) translateY(-50%);}
.custom-options {position: absolute;z-index: 50;display: block;top: 100%;left: 0%;right: 0;width: 100%;max-height: 17rem;overflow-y: auto;margin: 10px 0;border-radius: 2px;box-sizing: border-box; background: #fff;transition: all 0.2s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);border: 1px solid hsl(0, 0%, 87%);}
.custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(-8px);}
.option-hover:before {background: #f9f9f9;}
.custom-option {position: relative;display: block;padding: 0 22px;font-size: 12px;line-height: 42px;cursor: pointer;transition: all 0.05s ease-in-out;}
.custom-option:first-of-type {border-radius: 2px 2px 0 0;border-top-right-radius: 2px;border-top-left-radius: 2px;}
.custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 2px 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}
.custom-option:hover, .custom-option.selection {color: #fff;background-color: #808080;}