/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
<!-- custom styles -->
<style>
	/* TypeaHead */
	/* ---------- */
	.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: 18px;
		line-height: 24px;
		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: 150px;
		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;
	}




	 

	#folioDeServicio .tt-menu {
		max-height: 150px;
		overflow-y: auto;
	}

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

	/* Track */
	#folioDeServicio .tt-menu::-webkit-scrollbar-track {
		background: #7460ee0f; 
	}
	
	/* Handle */
	#folioDeServicio .tt-menu::-webkit-scrollbar-thumb {
		background: #7460eed6; 
	}

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

	#folioDeServicio .empty-message {
		padding: 5px 10px;
		text-align: center;
		background: #ffb22b;
		color: #fff;
		/* border: solid red 2px; */
	}
	.choices .choices__inner {
	  padding: 0rem 0.7rem !important;
	}
	.choices__list--multiple .choices__item {
	  padding-bottom: 0px !important;
	  background-color: #3f51b5;
	  border-radius: 0.2rem;
	  border: none;
	  padding-top: 1px;
	}
	.choices__input {
	  padding: 4px 0 0px 2px !important;
	}
	.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
	  border-left: none;
	  background-color: #262a42;
	  margin-right: 0.1px;
	  border-radius: 2px;
	}  

	.nav.nav-tabs .nav-item .nav-link.active {
		background-color: #fff !important;
		border-color: #dee2e6 #dee2e6 #f5f7fb !important;
		color: #495057 !important;
		border-top: 5px solid #335184 !important;
	}
	.nav.nav-tabs .nav-item .nav-link {
		
		color: #babfc7 !important;
		
	}
</style>