/* Tab */
.tabs .tab a,
.tabs .tab a:hover {
    color: #2a41e8;
    opacity: 0.6;
}
.tabs .tab a.active {
    color: #2a41e8;
    opacity: 1;
}
.tabs .indicator {
    background-color: #ffffff;
}

.clearable{
  background: #fff url("../img/mJotv.gif") no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


*:not(input):not(textarea) {
  -webkit-user-select: none;      /* prevent copy paste, to allow, change 'none' to 'text' */
}


.autocomplete-content {
	position: absolute;
	background: white;
	margin-top: 45px;
	max-height: 180px;
	min-width: 180px;
    overflow-y: auto;

	border-style: solid;;background-color:white;
	border-width: 1px;
    border-color: turquoise;
}

.autocomplete-content li {
	clear: both;
	color: black;
	cursor: pointer;
	line-height: 10px;
	width: 100%;
	text-align: left;
	text-transform: none;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: solid 1px #e1e1e1
}



.autocomplete-content li:nth-child(odd) {background: #f8f8f8;}


.autocomplete-content li > span {
	font-size: .9rem;
	padding: 1.2rem;
	display: block;
	padding: 10px;
}

.autocomplete-content li > span .highlight {
	color: red;
}

.autocomplete-content li img {
	height: 52px;
	width: 52px;
	padding: 5px;
	margin: 0 15px;
}

.autocomplete-content li:hover {
	background: #eee;
	cursor: pointer;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}

.fontImpuestos {font-size:10px;}

.input-field #buscarCliente{ 
	width: 15%;
}   

@media only screen  
and (max-width : 320px) {  
.input-field #buscarCliente{ 
	width: 30%;
	}   
}  

nav {
	background-color: #2a41e8;
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(15deg); }
   95% { transform: rotate(-15deg); }
  100% { transform: rotate(0deg); }
}

.wiggle {
  display: inline-block;
  animation: wiggle 1s infinite;
}

.mbox{border-radius: 5px;}

input.btn {border-radius: 5px;}
div.btn {border-radius: 5px;}
.mbox-button {border-radius: 5px;}

.circle{
	height: 5px;
	width: 5px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.indicadorTipo {width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #9e9b65 transparent transparent;}