.select-select {
    display: none;
    /* For when we are on a small touch device and want to use native controls */
    pointer-events: none;
    position: absolute;
    opacity: 0;
}

.select-element,
.select-element:after,
.select-element:before,
.select-element *,
.select-element *:after,
.select-element *:before {
    box-sizing: border-box;
}

.select-element {
    position: absolute;
    display: none;
}

.select-element.select-open {
    display: block;
}

.select-theme-default,
.select-theme-default *,
.select-theme-default *:after,
.select-theme-default *:before {
    box-sizing: border-box;
}

.select.select-theme-default {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 999999999;
}

.select.select-theme-default .select-content {
    *border-radius: .25em;
    *box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    background: #019EE3;
    font-family: inherit;
    color: inherit;
    overflow: auto;
    *max-width: 18rem;
    max-height: 18rem;
    -webkit-overflow-scrolling: touch;
    width: auto;
    margin-top: 3px;
}

@media (max-width: 27rem),
(max-height: 27rem) {
    .select.select-theme-default .select-content {
        max-width: 11.25rem;
        max-height: 11.25rem;
    }
}

.select.select-theme-default .select-options {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    margin: 0;
    padding: 0;
}

.select.select-theme-default .select-options .select-option {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    list-style: none;
    margin: 0;
    line-height: 30px;
    padding: 0.5rem 1em 0.5rem 2em;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
}

.select.select-theme-default .select-options .select-option:before {
    content: ">";
    position: absolute;
    left: 1em;
    top: 0;
    bottom: .2em;
    height: 1em;
    width: 1em;
    margin: auto;
    font-style: normal;
}

.select.select-theme-default .select-options .select-option:hover,
.select.select-theme-default .select-options .select-option.select-option-highlight {
    background: #63a2f1;
    color: #fff;
}

.select.select-theme-default .select-options .select-option:hover.select-option-selected:before,
.select.select-theme-default .select-options .select-option.select-option-highlight.select-option-selected:before {}

.select.select-theme-default .select-options .select-option:first-child {
    border-radius: 0.25em 0.25em 0 0;
}

.select.select-theme-default .select-options .select-option:last-child {
    border-radius: 0 0 0.25em 0.25em;
}

.select-target.select-theme-default {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    *border-radius: .25em;
    position: relative;
    padding: 0.5rem 3em 0.5rem 1em;
    *border: .18em solid #ddd;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    *overflow: hidden;
    text-overflow: ellipsis;
    background-color: #019EE3;
    height: 50px;
    font-size: 26px;
    font-style: italic;
    margin-right: 76px;
    transition: 0.7s;
    margin-bottom: 10px;
}

.select-target.select-theme-default:before {
    z-index: 50;
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    border-width: 50px 12px 0 0;
    border-style: solid;
    border-color: #019EE3 transparent;
}

.select-target.select-theme-default:hover {
    border-color: #aaa;
    color: #000;
}

.select-target.select-theme-default.select-target-focused,
.select-target.select-theme-default.select-target-focused:focus {
    border-color: #63a2f1;
    outline: none;
}

.select-target.select-theme-default b {
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2em;
    border-color: #007BBE;
}

.select-target.select-theme-default b:before {
    content: "";
    position: absolute;
    top: 0;
    right: -42px;
    border-width: 0 0 50px 12px;
    border-style: solid;
    border-color: #fff transparent;
}

.select-target.select-theme-default b:after {
    font-family: FontAwesome;
    content: " ";
    display: block;
    position: absolute;
    margin: auto;
    width: 60px;
    height: 50px;
    background-color: #007BBE;
    top: 0;
    right: -102px;
    font-size: 34px;
    padding-left: 14px;
    line-height: 36px;
    color: #fff;
    font-style: normal;
    background: #007BBE url("../images/generales/flecha-desplegable.png") no-repeat center center;
    background-size: 70%;
}

.select-target.select-theme-default b:before {
    top: 0;
    border-bottom-color: inherit;
}

.select-target.select-theme-default b:after {
    bottom: 0;
    border-top-color: inherit;
}