/* Estructura principal */
body {
   background-color: #F1F2F6;
   padding-top: 70px;
}

.login-container {
	background-color: #FCFCFC;
	color: #555555;
	padding: 1%;
	border-radius: 4px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 0px 0px 12px rgba(255, 255, 255, 0.4);
}

.volver-web {
	position: absolute;
	top: 0px;
    padding:8px 16px 8px 16px;
	cursor:pointer;
	border-radius: 0px 0px 5px 5px;
	text-align:center;

	font-size: 12px;

	background-color: #E8543F;
	color: #FFFFFF;
	text-shadow: 0px -1px 1px rgba(19, 28, 0, 0.35);

	border: 1px solid #C22D18;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0,0,0,0.1), inset 0px -15px 10px -12px rgba(0,0,0,0.15);
	
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.volver-web:hover {
	color: #FFFFFF;
	background-color: #EA614D;
	border: 1px solid #E1341C;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset, 0px 0px 3px 0px #E1341C;
}

.volver-web:active {
	color: #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.sidebar-top {
	/*border: 1px dashed violet;*/
	padding-right: 10px;
	color: #AAB2BD;
}

.sidebar-left {
   /*border: 1px dashed red;*/
   background-color: #434A54;
   color: #FFFFFF;
}

.content-container {
   /*border: 1px dashed green;*/
}

.action-container {
	margin-bottom: 10px;
}

.sidebar-bottom {
   /*border: 1px dashed orange;*/
}

.sidebar-bottom small{
   color: #656D78;
}

.botonera .btn {
    margin-bottom: 4px;
}

/* Clases útiles */
.clear {
	clear:both;
}

.oculto {
	display: none;
}

.center{
	text-align: center;	
}

.vertical-center {
    display: flex;
    align-items: center;
}

.dashed {
	border:#B8B3B1 1px dashed;
	border-style: none none dashed;
	color:#FFFFFF;
}

i{
	cursor: pointer;
}

/* Listados y formularios */
.user-item {
	background-color: #FCFCFC;
	border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
	border-left-color: #428bca;
	margin-bottom: 5px;
}

.user-picture {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px rgb(0, 0, 0);
	margin-bottom: 15px;
}

.user-photo {
	margin-bottom:10px;
	border:solid 1px #BBBBBB;
	background-color:#FFFFFF;
	padding:4px;
	width:330px;
	min-height:250px;
	text-align:center;
}

.asignar_form {
	background-color: white !important;
	border-radius: 0px 0px 4px 4px;
}

.cuota{
	font-weight: bold !important;
	background-color: #BAFFC9 !important;
}

.comun{
	background-color: #ffdfba !important;
}

.calendario{
	background-color: #FCFCFC;
	border: 1px solid #eee;
    border-radius: 3px;
    padding: 20px;
}

/* Bootstrap adds */
.navbar-xs {
   min-height:50px; height: 50px;
}

.table {
   background-color: #FFFFFF;
}

.breadcrumb {
	margin-top: 0px;
	margin-bottom: 0px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #e7f5f7;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
		vertical-align: middle;
}
	
/* Mensajes de error jQuery Validate */
label.error{
	font-size: 12px;
	color: #DA4453;
	font-style: italic;
}

input.error[type="text"], input.error[type="password"], textarea.error,
input.error[type="text"]:hover, input.error[type="password"]:hover, textarea.error:hover,
input.error[type="text"]:focus, input.error[type="password"]:focus, textarea.error:focus{
	color: #DA4453;
	border-color: #DA4453;
}

select.error, select.error:hover, select.error:focus{
	color: #DA4453;
	border-color: #DA4453;
}

select.error option{
	color: #666666;
}

/* Light Gallery adds */
.caption{
	text-align: center;
	background: #e6e9ed;
	border-radius: 4px 4px 0px 0px;
	width: 150px;
	padding: 3px 0px 3px 0px;
}

/* Bootflat adds */
.btn-dark, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark[disabled] {
  background-color: #333333;
  border-color: #333333;
}

.btn-dark:hover, .btn-dark:focus {
  background-color: #555555;
  border-color: #555555;
}

.open .dropdown-toggle.btn-dark {
  background-color: #555555;
  border-color: #555555;
}

.btn-group .btn-dark, .btn-group .btn-dark:focus, .btn-group .btn-dark:active, .btn-group .btn-dark.active {
  border-left-color: #444444;
}

.btn-group .btn-dark:first-child {
  border-left-color: transparent;
}

.btn-group-vertical .btn-dark, .btn-group-vertical .btn-dark:focus, .btn-group-vertical .btn-dark:active, .btn-group-vertical .btn-dark.active, .btn-group-vertical .btn-group .btn-dark {
  border-top-color: #444444 !important;
}

.btn-group-vertical .btn:not(.btn-default):first-child, .btn-group-vertical .btn-primary:first-child, .btn-group-vertical .btn-dark:first-child, .btn-group-vertical .btn-warning:first-child, .btn-group-vertical .btn-danger:first-child, .btn-group-vertical .btn-info:first-child {
  border-top: none;
}

.input-group-btn .btn + .btn.btn-dark {
  border-color: #444444;
}

.tab-content {
	padding: 0px !important;
}

/* Media element JS adds */
.media-header {
	font-size: 13px;
	text-align: center;
	background: #e6e9ed;
	color: #434a54;
	padding: 10px;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #ddd;
}

.mejs__playlist-selector-label {
	font-weight: normal !important;
}

.mejs__playlist-current {
	display: none;
}

.mejs__container{
	width: 99.9% !important;
	margin-bottom: 15px;
}