.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100% !important; }

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
    padding: 1px 1px;
}

/* Inicio - Buscar Clientes */
.typeahead,.tt-query,.tt-hint {
    /* width: 396px; */
    /* height: 30px; */
    padding: 8px 11px;
    font-size: 18px;
    line-height: 30px;
    border: 2px solid #3e50b542;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #f4433657;
}
/* Fin - Buscar Clientes */


/* Inicio - Buscar Productos */
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100% !important; }
.typeahead,.tt-query,.tt-hint {
    /* width: 396px; */
    /* height: 30px; */
    padding: 8px 12px;
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #c6c9cb;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 1px solid #f4433657;
}
/* Fin - Buscar Productos */



.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    /* width: 422px; */
    z-index: 10 !important;
    margin: 2px 0;
    padding: 0px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
            box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 5px 20px;
    font-size: 16px;
    line-height: 16px;
    border-bottom: 1px solid #e2e6ea7a;
    margin-bottom: -1px;
    margin-top: -1px;
    word-wrap: break-word;
    white-space: normal;
}

.tt-suggestion.tt-cursor span {
    color: yellow !important;
}

.tt-suggestion:hover span {
    color: yellow !important;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #3e50b5;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #dd4b39;
}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

/* TypeaHead Specific Styles */
/* ----------------------- */

#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#rtl-support .tt-menu {
    text-align: right;
}

#scrollable-dropdown-menu .tt-menu {
    max-height: 360px;
    overflow-y: auto;
}

/* width */
#scrollable-dropdown-menu .tt-menu::-webkit-scrollbar {
    width: 6px;
}

/* Track */
#scrollable-dropdown-menu .tt-menu::-webkit-scrollbar-track {
    background: #7460ee0f; 
}

/* Handle */
#scrollable-dropdown-menu .tt-menu::-webkit-scrollbar-thumb {
    background: #7460eed6; 
}

/* Handle on hover */
#scrollable-dropdown-menu .tt-menu::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

#scrollable-dropdown-menu .empty-message {
    padding: 5px 10px;
    text-align: center;
    background: #ffb22b;
    color: #fff;
    /* border: solid red 2px; */
}



/* Select Bootstrapt */
.dropdown-menu .show {
    max-height: 150px;
    overflow-y: auto;
}

/* width */
.dropdown-menu .show::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.dropdown-menu .show::-webkit-scrollbar-track {
    background: #e2e6ea6b; 
}

/* Handle */
.dropdown-menu .show::-webkit-scrollbar-thumb {
    background: #7460ee9c; 
}

/* Handle on hover */
.dropdown-menu .show::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 100% !important;
padding: 0 0;
margin: .300rem 0 0;
top:25px;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
/* border: 1px solid rgba(0,0,0,.15);
border-radius: 0rem 0rem .25rem .25rem; */
}

.bs-searchbox .form-control {
margin-bottom: 0;
padding: 4px 10px 4px 10px;
width: 100%;
min-height: 10px !important;
float: none;
}

.bs-searchbox {
border-bottom: 1px solid #cbcbd3;
background: #ffeb3b1a;
}

.bootstrap-select .dropdown-menu li a {
display: block;
padding: 7px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #404040;
white-space: nowrap;
/* border-top: 1px solid #e2e6ea7a; */
border-bottom: 1px solid #e2e6ea7a;
/* margin-bottom: -1px; */
/* margin-top: -1px; */

word-wrap: break-word;
white-space: normal;
}
.bootstrap-select .dropdown-menu li a:hover {
color: #3e50b5;
background-color: #3f51b517;
}

.dropdown-item.active, .dropdown-item:active {
color: #fff !important;
background-color: #dd4b39 !important;
border-top: 1px solid #dd4b39 !important;
border-bottom: 1px solid #dd4b39 !important;
}
.bootstrap-select.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important;
margin-top: -4px;
}

.bootstrap-select > .dropdown-toggle {
position: relative;
background: #fff;
/* border: 1px solid #cccccc82; */
border: 2px solid #3e50b542;
color: #3e50b5 !important;
font-size: 1rem !important;
width: 100%;
text-align: right;
white-space: nowrap;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
/* background-color: #3e50b5; */
/* background-image: none; */
/* background: url("assets/images/custom-select.png") right 0.75rem center no-repeat !important;
font-size: 1rem !important; 
border-color: #3a4aa7;
color: #ffffff !important; */

/* background-color: #FFC107 !important;
font-size: 1rem !important;
border-color: #dca707;
color: #634a00 !important; */

background-color: #cdd2ec !important;
font-size: 1rem !important;
border-color: #b1b5ce1c;
color: #3e50b5 !important;
}

.bootstrap-select .btn:focus {
outline: none !important;
}  
.derecho {
    background: #cdd2ec3d;
    border-left: 1px solid #dddde6 ; 
    padding-top: 15px; 
    padding-bottom: 15px;
}


.rojo { 
    color: red; 
    font-weight: bold;
}
.verde {
    color: green; 
    font-weight: bold;
}