/* General */
/* ======================================================= */

/* Estructura */

html, body {
	width:100%;
	height:100%;
	color:white !important;
}

/* Enlaces */

a {
	cursor: pointer;
	color: #2f94f9;
}
a:link { text-decoration:none; }
a.color-grey-text:hover { color:#595959 !important; }

/* Spin de carga */

#cargaUniversal {
	width:100%;
	height:100%;
}
#contenedor_carga{
	background-color: rgba(0, 0, 0, 0.6);
	height: 100%;
	width: 100%;
	position: fixed;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	z-index: 10;
}
#carga{
	border: 15px solid #ccc;
	border-top-color: rgba(50, 50, 50, 0.6);
	border-top-style: groove;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;

	position: absolute;
	-webkit-animation: girar 1.5s linear infinite;
	-o-animation: girar 1.5s linear infinite;
	animation: girar 1.5s linear infinite;
}

@keyframes girar{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

h1 {
	color:#777777;
}
.noSeleccionable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.imgPortada {
    left: 0px;
    top: 0px;
	position:fixed;
	z-index: -99999;
	width:100%;
	height:100%;
}

/* Menu */

.navbar {
	border:0px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}

#bs-example-navbar-collapse-1 .active a, #bs-example-navbar-collapse-1 ul li a:focus {
	background-color: rgba(0, 0, 0, 0);
}
#bs-example-navbar-collapse-1 a {
	color:white;
}
#bs-example-navbar-collapse-1 a:hover {
	font-weight:bold;
}
#bs-example-navbar-collapse-1 .dropdown ul li a {
	height:50px;
	padding-top:20px;
	color:white;
}
#bs-example-navbar-collapse-1 .dropdown ul li a:hover, .dropdown ul li a:hover {
	color:white;
	font-weight:normal;
	
	background-color: #171717;
}
#navbar .dropdown-menu, .dropdown-menu {
	background-color: #1D1D1D;
}
.dropdown-menu li a {
	color: white;
}
.dropdown .btn_vertical {
	background-color: rgba(0, 0, 0, 0);
	border:0px;
}
.dropdown .btn_vertical:hover {
	background-color: rgba(0, 0, 0, .4);
}

/* Main and sections */
.personSection {
	background-color: rgba(0, 0, 0, .6);
	padding:10px 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px;
}

/* Fieldset */
fieldset legend {
	padding-left:2%;
	color:white;
	border-bottom:1px solid #4a4f54;
}

/* Inputs - Formulario */
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], input[type="datetime-local"], select, textarea  {
	border-radius:3px;
	border:1px solid #d4d5d6;
	color: black;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="time"] {
	height:30px;
}
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-outer-spin-button, input[type=datetime-local]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=date], input[type=datetime-local] {
   -moz-appearance:textfield;
}
select {
	height:30px;
}
.requerido {
	color: #ff0f18;
}
.margin {
	margin-left:2%;
}
.alert {
	margin-right:2%;
}
.inp40  { width:40px; }
.inp60  { width:60px; }
.inp80  { width:80px; }
.inp100 { width:100px; }
.inp110 { width:110px; }
.inp123  { width:125px; }
.inp130  { width:130px; }
.inp150  { width:150px; }

/* Colores */

.color-grey { background-color: #2d2d2d; color: white; }
.color-grey:hover { background-color: #121212; }
.color-blue { background-color: #bddeff; color: black; }
.color-blue:hover { color: white; }
.color-red { background-color: #ffbdb8; color: black; }
.color-red:hover { color: white; }
.color-green { background-color: #7dbf6e; }
.color-yellow { background-color: #f0f480;  color: black; }
.color-orange { background-color: #ffe1b8; color: black;}
.color-orange:hover { color: white; }
.color-beige { background-color:#ffedd1; color: black; }
.color-beige:hover { color: white; }

.color-green-text { color: #469a36 !important; }
.color-orange-text { color: orange !important; }
.color-red-text { color: red !important; }
.color-white-text { color: white !important; }
.color-grey-text { color: #7a7a7a !important; }
.color-blue-text { color: #3399ff !important; }
.color-yellow-text { color: #f0f480 !important; }
.color-sky-text { color: #85f8f9 !important; }
.color-purple-text { color: #f985f2 !important; }
.color-pink-text { color: pink !important; }
.color-black-text { color: black !important; }
			
/* Scroll */
.modal { 
	overflow: auto !important; 
}
.scroll::-webkit-scrollbar {
	height: 1px;   
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.scroll::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.scroll::-webkit-scrollbar-thumb:hover {
	background: #b3b3b3;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* Cambiamos el fondo cuando esté en active */
.scroll::-webkit-scrollbar-thumb:active {
	background-color: #999999;
}

/* Tooltips */

.title_coment {
  position: relative;
  display: float;
  cursor:pointer;
}

.title_coment .title_coment_text {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.title_coment .title_coment_text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.title_coment:hover .title_coment_text {
  visibility: visible;
  opacity: 1;
}