@charset "utf-8";
/*
 |  tail.select - Another solution to make select fields beautiful again!
 |  @file       ./css/tail.select-default.css
 |  @author     SamBrishes <sam@pytes.net>
 |  @version    0.5.6 - Beta
 |
 |  @website    https://github.com/pytesNET/tail.select
 |  @license    X11 / MIT License
 |  @copyright  Copyright © 2014 - 2019 SamBrishes, pytesNET <info@pytes.net>
 */

/* @start GENERAL */


/*Para funcionar noutros browsers*/
/*
@font-face {
  font-family: 'Saira Extra Condensed';
  font-weight: 300;
  src: url('fonts/saira-extra-condensed-v4-latin-300.eot'); 
  src: local('Saira ExtraCondensed Light'), local('SairaExtraCondensed-Light'),
       url('fonts/saira-extra-condensed-v4-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/saira-extra-condensed-v4-latin-300.woff2') format('woff2'), 
       url('fonts/saira-extra-condensed-v4-latin-300.woff') format('woff'),
              url('fonts/saira-extra-condensed-v4-latin-300.ttf') format('truetype'), 
       url('fonts/saira-extra-condensed-v4-latin-300.svg#SairaExtraCondensed') format('svg'); 
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-weight: 500;
  src: url('fonts/saira-extra-condensed-v4-latin-500.eot'); 
  src: local('Saira ExtraCondensed Medium'), local('SairaExtraCondensed-Medium'),
       url('fonts/saira-extra-condensed-v4-latin-500.eot?#iefix') format('embedded-opentype'), 
       url('fonts/saira-extra-condensed-v4-latin-500.woff2') format('woff2'), 
       url('fonts/saira-extra-condensed-v4-latin-500.woff') format('woff'), 
       url('fonts/saira-extra-condensed-v4-latin-500.ttf') format('truetype'), 
       url('fonts/saira-extra-condensed-v4-latin-500.svg#SairaExtraCondensed') format('svg'); 
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-weight: 700;
  src: url('fonts/saira-extra-condensed-v4-latin-700.eot'); 
  src: local('Saira ExtraCondensed Bold'), local('SairaExtraCondensed-Bold'),
       url('fonts/saira-extra-condensed-v4-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/saira-extra-condensed-v4-latin-700.woff2') format('woff2'), 
       url('fonts/saira-extra-condensed-v4-latin-700.woff') format('woff'),
       url('fonts/saira-extra-condensed-v4-latin-700.ttf') format('truetype'), 
       url('fonts/saira-extra-condensed-v4-latin-700.svg#SairaExtraCondensed') format('svg');
}*/

/*****PEDRO:ESTILOS SELECT EM TABELA****************/
.tail-select.select-modal-tabela {
    width: 100% !important;
    position: relative !important;
    padding-top: 0px !important;
    top: -3px !important;
    margin-left: 0px;
    border: 1px solid #ccc !important;
}

    .tail-select.select-modal-tabela:hover,
    .tail-select.select-modal-tabela.active, {
        border: 1px solid #555 !important;
    }

.input-ref:focus {
    opacity: 1;
    box-shadow: none !important;
}

.tail-select.select-modal-tabela .label-inner {
    outline: none !important;
    height: 22px !important;
}

.tail-select.select-modal-tabela .select-label:after {
    height: 21px !important;
}

.tail-select.select-modal-tabela .select-label {
    /*background-color: #FEFEE6!important;*/
    font-size: 9pt !important; /*mudar tamanho letra*/
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    padding-right: 22px !important;
    padding-top: 0px !important;
    font-weight: 400 !important;
    /*box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);*/
}

.tail-select.select-modal-tabela .select-dropdown ul li {
    font-weight: 400 !important;
    font-size: 9pt !important; /*mudar tamanho letra*/
    padding: 2px 0px 2px 32px !important;
}

.tail-select.select-modal-tabela .select-dropdown .dropdown-search input[type=text].search-input {
    font-size: 9pt !important; /*mudar tamanho letra*/
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 400 !important;
}

.search-input::placeholder {
    font-size: 9pt !important;
    font-weight: 400 !important;
    color: #555 !important;
}


.select-modal-tabela .select-label {
    height: 21px !important;
    border-radius: 0px !important;
}

.select-modal-tabela .select-dropdown {
    margin: 0px !important;
    border-radius: 0px !important;
}

    .select-modal-tabela .select-dropdown .dropdown-search {
        height: 24px !important;
    }

        .select-modal-tabela .select-dropdown .dropdown-search .search-input {
            padding-top: 2px !important;
            padding-bottom: 0px !important;
        }

.tail-select.select-modal-tabela:hover .select-label,
.tail-select.select-modal-tabela .select-label,
.tail-select.select-modal-tabela.idle .select-label,
.tail-select.select-modal-tabela.active .select-label,
.input-ref:hover {
    color: #555 !important;
    z-index: 1005;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    /*
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    */
}


/*************************/
/*PEDRO:ESTILOS DO SELECT*/
.tail-select.select-non-mandatory {
    width: 100%;
    position: relative !important;
    padding-top: 0px !important;
    top: 0px !important;
    margin-left: 0px;
    border: 1px solid #ccc !important;
}

    .tail-select.select-non-mandatory:hover,
    .tail-select.select-non-mandatory.active, {
        border: 1px solid #555 !important;
    }

    .tail-select.select-non-mandatory .label-inner {
        outline: none !important;
        height: 22px !important;
    }

    .tail-select.select-non-mandatory .select-label:after {
        height: 21px !important;
    }

    .tail-select.select-non-mandatory .select-label {
        font-size: 9pt !important; /*mudar tamanho letra*/
        padding-bottom: 0px !important;
        padding-left: 5px !important;
        padding-right: 22px !important;
        padding-top: 0px !important;
        font-weight: 400 !important;
    }

    .tail-select.select-non-mandatory .select-dropdown ul li {
        font-weight: 400 !important;
        font-size: 9pt !important; /*mudar tamanho letra*/
        /*padding: 2px 0px 2px 32px !important;*/
        padding: 2px 0px 2px 20px !important;

    }

    .tail-select.select-non-mandatory .select-dropdown .dropdown-search input[type=text].search-input {
        font-size: 9pt !important; /*mudar tamanho letra*/
        text-transform: uppercase !important;
        color: #555 !important;
        font-weight: 400 !important;
    }

.select-non-mandatory .select-label {
    height: 21px !important;
    border-radius: 0px !important;
}

.select-non-mandatory .select-dropdown {
    margin: 0px !important;
    border-radius: 0px !important;
}

    .select-non-mandatory .select-dropdown .dropdown-search {
        height: 24px !important;
    }

        .select-non-mandatory .select-dropdown .dropdown-search .search-input {
            padding-top: 2px !important;
            padding-bottom: 0px !important;
        }

.tail-select.select-non-mandatory:hover .select-label,
.tail-select.select-non-mandatory .select-label,
.tail-select.select-non-mandatory.idle .select-label,
.tail-select.select-non-mandatory.active .select-label,
.input-ref:hover {
    color: #555 !important;
    z-index: 1004;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}




/**********************************************************/



.tail-select.select-modal-teste {
    width: 100%;
    position: relative !important;
    padding-top: 0px !important;
    top: 0px !important;
    margin-left: 0px;
    border: 1px solid #ccc !important;
}

    .tail-select.select-modal-teste:hover,
    .tail-select.select-modal-teste.active, {
        border: 1px solid #555 !important;
    }

.input-ref:focus {
    opacity: 1;
    box-shadow: none !important;
}

.tail-select.select-modal-teste .label-inner {
    outline: none !important;
    height: 22px !important;
}

.tail-select.select-modal-teste .select-label:after {
    height: 21px !important;
}

.tail-select.select-modal-teste .select-label {
    background-color: #FEFEE6 !important;
    font-size: 9pt !important; /*mudar tamanho letra*/
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    padding-right: 22px !important;
    padding-top: 0px !important;
    font-weight: 400 !important;
    /*box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);*/
}

.tail-select.select-modal-teste .select-dropdown ul li {
    font-weight: 400 !important;
    font-size: 9pt !important; /*mudar tamanho letra*/
    /*padding: 2px 0px 2px 32px !important;*/
    padding: 2px 0px 2px 20px !important;
}

.tail-select.select-modal-teste .select-dropdown .dropdown-search input[type=text].search-input {
    font-size: 9pt !important; /*mudar tamanho letra*/
    text-transform: uppercase !important;
    color: #555 !important;
    font-weight: 400 !important;
}




.select-modal-teste .select-label {
    min-height: 21px !important;
    border-radius: 0px !important;
}

.select-modal-teste .select-dropdown {
    margin: 0px !important;
    border-radius: 0px !important;
}

    .select-modal-teste .select-dropdown .dropdown-search {
        height: 24px !important;
    }

        .select-modal-teste .select-dropdown .dropdown-search .search-input {
            padding-top: 2px !important;
            padding-bottom: 0px !important;
        }

.tail-select.select-modal-teste:hover .select-label,
.tail-select.select-modal-teste .select-label,
.tail-select.select-modal-teste.idle .select-label,
.tail-select.select-modal-teste.active .select-label,
.input-ref:hover {
    color: #555 !important;
    z-index: 1002;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    /*
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    */
}

.search-input::placeholder {
    font-size: 9pt !important;
    font-weight: 400 !important;
    color: #555 !important;
}
/***************/

.tail-select * {
    user-select: none;
}

    .tail-select,
    .tail-select *,
    .tail-select *:before,
    .tail-select *:after {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-family: 'Fira Sans Condensed',sans-serif !important;
    }

.tail-select {
    width: 250px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    outline: none;
}

    .tail-select mark {
        color: #fff;
        background-color: #DC4650;
    }

    .tail-select button.tail-all,
    .tail-select button.tail-none {
        color: #808080;
        cursor: pointer;
        margin: 1px 3px 0 0;
        padding: 1px 5px;
        display: inline-block;
        font-size: 10px;
        text-shadow: none;
        line-height: 14px;
        vertical-align: top;
        outline: none;
        background-color: transparent;
        border: 1px solid #a0a0a0;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

        .tail-select button.tail-all:hover {
            color: #3C82E6;
            border-color: #3C82E6;
            background-color: transparent;
        }

        .tail-select button.tail-none:hover {
            color: #DC4650;
            border-color: #DC4650;
            background-color: transparent;
        }

.tail-select-container {
    margin: 0;
    padding: 3px;
    text-align: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    /*box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);*/
}

    .tail-select-container .select-handle {
        width: auto;
        color: #FFFFFF;
        cursor: pointer;
        margin: 1px;
        padding: 2px 24px 2px 5px;
        display: inline-block;
        position: relative;
        font-size: 12px;
        text-align: left;
        line-height: 16px;
        vertical-align: top;
        background-color: #3C82E6;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        transition: background 142ms linear;
        -moz-transition: background 142ms linear;
        -webkit-transition: background 142ms linear;
    }

        .tail-select-container .select-handle:hover {
            background-color: #DC4650;
        }

        .tail-select-container .select-handle:after {
            top: 0;
            margin: 0;
            padding: 0;
            /*z-index: 21;*/
            z-index: 1002;
            display: inline-block;
            content: "";
            position: absolute;
            background-repeat: no-repeat;
            background-position: center center;
            width: 24px;
            height: 21px;
            opacity: 0.3;
            vertical-align: top;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
    SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
    NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
            transition: opacity 142ms linear;
            -moz-transition: opacity 142ms linear;
            -webkit-transition: opacity 142ms linear;
        }

        .tail-select-container .select-handle:hover:after {
            opacity: 1;
        }
/* @end GENERAL */

/* @start LABEL */
.tail-select .select-label {
    cursor: pointer;
    color: #555;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    display: block;
    /*z-index: 20;*/
    z-index: 1001;
    position: relative;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    background-color: #FFFFFF;
    border-color: transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    transition: box-shadow 142ms linear;
    -moz-transition: box-shadow 142ms linear;
    -webkit-transition: box-shadow 142ms linear;
}

.tail-select input[type="text"]:hover {
    /*color: #303438;*/
    border-color: transparent;
    background-color: transparent;
}

.tail-select input[type="text"]:focus {
    /*color: #3C82E6;*/
    border-color: transparent;
    background-color: transparent;
}

.tail-select .select-label:after {
    border-width: 0 0 0 0px;
    top: 0;
    margin: 0;
    padding: 0;
    /*z-index: 21;*/
    z-index: 1003;
    display: inline-block;
    content: "";
    position: absolute;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    /*width: 34px;*/
    width: 20px;
    height: 34px;
    opacity: 0.5;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMCA1bDYgNiA2LTZIM\
    HoiLz48L3N2Zz4=");
    transition: opacity 142ms linear, transform 142ms linear;
    -moz-transition: opacity 142ms linear, transform 142ms linear;
    -webkit-transition: opacity 142ms linear, transform 142ms linear;
}

.tail-select .select-label .label-count {
    margin: 0 5px 0 0;
    padding: 0 7px 0 0;
    display: inline-block;
    border-right: 1px solid #cccccc;
}

.tail-select .select-label .label-count,
.tail-select .select-label .label-inner {
    opacity: 0.75;
    transition: border-color 142ms linear, opacity 142ms linear;
    -moz-transition: border-color 142ms linear, opacity 142ms linear;
    -webkit-transition: border-color 142ms linear, opacity 142ms linear;
}
/*PEDRO É AQUI QUE ESTA O OUTLINE AZUL QUANDO PASSA POR CIMA DO TAIL SELECT*/
.tail-select:hover .select-label,
.tail-select.idle .select-label,
.tail-select.active .select-label,
.input-ref:hover {
    color: #555 !important;
    /*z-index: 25;*/
    z-index: 1005;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #555;
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #555;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #555;
    /*
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;*/
}

.tail-select.active .select-label {
    /*z-index: 27;*/
    z-index: 1007;
}

    .tail-select:hover .select-label:after,
    .tail-select.idle .select-label:after,
    .tail-select.active .select-label:after {
        opacity: 0.85;
    }

    .tail-select:hover .select-label .label-count,
    .tail-select.idle .select-label .label-count,
    .tail-select.active .select-label .label-count,
    .tail-select:hover .select-label .label-inner,
    .tail-select.idle .select-label .label-inner,
    .tail-select.active .select-label .label-inner {
        opacity: 1;
    }

    .tail-select.active .select-label:after {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

.tail-select.disabled .select-label {
    cursor: not-allowed;
    background-color: #ededed;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
}
/* @end LABEL */

/* @start DROPDOWN */
.tail-select .select-dropdown {
    top: 100%;
    width: 100%;
    height: auto;
    min-height: 35px;
    margin: -1px 0 0 0;
    padding: 0;
    display: none;
    /*z-index: 30;*/
    z-index: 1009;
    overflow: hidden;
    position: absolute;
    font-size: 9pt;
    text-align: left;
    line-height: 22px;
    background-color: #FFFFFF;
    border-color: transparent;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    transition: box-shadow 142ms linear;
    -moz-transition: box-shadow 142ms linear;
    -webkit-transition: box-shadow 142ms linear;
}

.tail-select.active .select-dropdown {
    /*z-index: 26;*/
    z-index: 1111;
}

.tail-select .select-dropdown .dropdown-search,
.tail-select .select-dropdown .dropdown-inner,
.tail-select .select-dropdown .dropdown-empty,
.tail-select .select-dropdown .dropdown-action,
.tail-select .select-dropdown input[type=text].search-input {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.tail-select .select-dropdown .dropdown-search {
    /*z-index: 30;*/
    z-index: 1009;
    position: relative;
    border-color: transparent;
    border-bottom: 1px solid #cccccc;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

    .tail-select .select-dropdown .dropdown-search input[type=text].search-input {
        color: #303438;
        padding: 10px 15px;
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        outline: none;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.tail-select .select-dropdown .dropdown-inner {
    padding: 1px 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.tail-select .select-dropdown .dropdown-empty {
    padding: 16px 0 15px 0;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

.tail-select .select-dropdown .dropdown-action {
    padding: 3px 0 3px 0;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    background-color: #f2f2f2;
}

    .tail-select .select-dropdown .dropdown-action button {
        font-size: 12px;
        line-height: 16px;
    }

.tail-select .select-dropdown ul,
.tail-select .select-dropdown ul li {
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    list-style: none;
}

    .tail-select .select-dropdown ul li {
        color: #555;
        cursor: pointer;
        padding: 5px 10px 5px 35px;
        font-size: 12px;
        text-align: left;
        line-height: 18px;
    }

        .tail-select .select-dropdown ul li:first-of-type {
            margin-top: 5px;
        }

        .tail-select .select-dropdown ul li:last-of-type {
            margin-bottom: 5px;
            /*margin-bottom: 3px;*/
        }

        .tail-select .select-dropdown ul li.optgroup-title {
            padding-left: 10px;
            font-size: 14px;
            background-color: transparent;
        }

            .tail-select .select-dropdown ul li.optgroup-title button {
                float: right;
            }

        .tail-select .select-dropdown ul li.dropdown-option:hover,
        .tail-select .select-dropdown ul li.dropdown-option.hover {
            background-color: #f2f2f2;
        }

        .tail-select .select-dropdown ul li.dropdown-option:before {
            margin: 0;
            padding: 0;
            /*z-index: 21;*/
            z-index: 1002;
            display: inline-block;
            content: "";
            position: absolute;
            vertical-align: top;
            background-repeat: no-repeat;
            background-position: center center;
            top: 0;
            left: 0;
            /*width: 30px;*/
            width: 20px;
            height: 22px;
            transition: opacity 50ms linear;
            -moz-transition: opacity 50ms linear;
            -webkit-transition: opacity 50ms linear;
        }

        .tail-select .select-dropdown ul li .option-description {
            color: #484e53;
            width: auto;
            margin: 0;
            padding: 0;
            display: block;
            font-size: 10px;
            text-align: left;
            line-height: 14px;
        }

.tail-select.open-top .select-dropdown {
    top: auto;
    bottom: 100%;
    margin: 0 0 -1px 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.tail-select.disabled .select-dropdown ul li.dropdown-option,
.tail-select .select-dropdown ul li.dropdown-option.disabled {
    cursor: not-allowed;
    opacity: 0.65;
    background-color: #ededed;
}

.tail-select.hide-selected .select-dropdown ul li.selected {
    display: none;
}

.tail-select.hide-disabled .select-dropdown ul li.disabled {
    display: none;
}

.tail-select .select-dropdown ul li:before {
    opacity: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQtN\
    CAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==");
}

.tail-select .select-dropdown ul li:hover:before {
    opacity: 0.5;
}

.tail-select .select-dropdown ul li.selected:before {
    opacity: 0.85;
}

.tail-select.deselect .select-dropdown ul li.selected:hover:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
   9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNNy40OCA4bDMuNzUgM\
   y43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4yNWwxLjQ4LTEuNDhMNiA2\
   LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
}

.tail-select.multiple .select-dropdown ul li:before {
    opacity: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
    C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
    SDFWMmgxMnYxMnpNNiA5SDNWN2gzVjRoMnYzaDN2Mkg4djNINlY5eiIvPjwvc3ZnPg==");
}

.tail-select.multiple .select-dropdown ul li:hover:before {
    opacity: 0.5;
}

.tail-select.multiple .select-dropdown ul li.selected:before {
    opacity: 0.85;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
    C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
    SDFWMmgxMnYxMnpNNCA4YzAtMS42NiAxLjM0LTMgMy0zczMgMS4zNCAzIDMtMS4zNCAzLTMgMy0zLTEuMzQtMy0zeiIvPjw\
    vc3ZnPg==");
}

.tail-select.multiple .select-dropdown ul li.selected:hover:before {
    opacity: 0.85;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
    C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
    SDFWMmgxMnYxMnptLTItNUgzVjdoOHYyeiIvPjwvc3ZnPg==");
}

.tail-select.disabled .select-dropdown ul li:before,
.tail-select .select-dropdown ul li.disabled:before {
    opacity: 0.85;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNNyAxQzMuMTQgMSAwI\
    DQuMTQgMCA4czMuMTQgNyA3IDcgNy0zLjE0IDctNy0zLjE0LTctNy03em0wIDEuM2MxLjMgMCAyLjUuNDQgMy40NyAxLjE3\
    bC04IDhBNS43NTUgNS43NTUgMCAwIDEgMS4zIDhjMC0zLjE0IDIuNTYtNS43IDUuNy01Ljd6bTAgMTEuNDFjLTEuMyAwLTI\
    uNS0uNDQtMy40Ny0xLjE3bDgtOGMuNzMuOTcgMS4xNyAyLjE3IDEuMTcgMy40NyAwIDMuMTQtMi41NiA1LjctNS43IDUuN3\
    oiLz48L3N2Zz4=");
}

.tail-select.multiple.disabled .select-dropdown ul li:before,
.tail-select.multiple .select-dropdown ul li.disabled:before {
    opacity: 0.85;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
    9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDE2Ij48cGF0aCBkPSJNMTMgMUgxYy0uNTUgM\
    C0xIC40NS0xIDF2MTJjMCAuNTUuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xVjJjMC0uNTUtLjQ1LTEtMS0xem0wIDEz\
    SDFWMmgxMnYxMnptLTguNS0ySDN2LTEuNUw5LjUgNEgxMXYxLjVMNC41IDEyeiIvPjwvc3ZnPg==");
}
/* @end DROPDOWN */