@media screen and (min-width: 0px) and (max-width: 1240px) {
  .desk { display: none; }  /* show it on small screens */
}

@media screen and (min-width: 1240px) and (max-width: 1940px) {
  .desk { display: block; }   /* hide it elsewhere */
}
h3 {margin:0px; padding:0px}

.ui-autocomplete { z-index:2147483647; }

.carpeta_close {
	cursor:pointer;
	padding:0px;
	margin:0px;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.button__badge {
  background-color: #fa3e3e;
  border-radius: 50%;
  color: white;
 
  padding: 2px 7px 4px 7px ;
  font-size: 10px;
  
  position: absolute; /* Position the badge within the relatively positioned button */
	margin-top:-4px;
	margin-left:3px;
}
.button {
  color: white;
  display: inline-block; /* Inline elements with width and height. TL;DR they make the icon buttons stack from left-to-right instead of top-to-bottom */
  position: relative; /* All 'absolute'ly positioned elements are relative to this one */
  padding: 0px 5px; /* Add some padding so it looks nice */
}
.fade {
opacity: 0;
-webkit-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
   -ms-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	   transition: opacity .5s linear;
}

label { margin-top:5px;}

.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;

}
/*.form-control {
	margin-bottom:-10px;
}
*/.no-valido {
	border-color:#F30!important;
	border:thin;
}
.disabledTab{
   pointer-events: none;
	 color:#666!important;
}
.selected {
	color:#900!important;
	transition: 0.5s;
}
.btn-circle {
  width: 120px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 16px;
	font-weight:bold;
  line-height: 1.428571429;
  border-radius: 10%;
}

.glyphicon {
	cursor:pointer
}