/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 @font-face {
	font-family: Cairo;
	src: url(../fonts/Cairo-Bold.ttf);	
}

.sistema {
	font-family: Cairo;
}

.centrado {
	display: flex !important;
	justify-content: center;
}

.color-yobel-rojo {
	color: #17a2b8 !important;
}

.color-yobel-gris {
	color: #8c8273 !important;
}

.fondo-yobel {
	background-color: #17a2b8 !important;
}

.centrado-vertical {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.centrado-vertical-body {
	 height: 100%;
	width: 100%;
	display: table;
}

.centrado-horizontal-texto {
	text-align: center;
}

.texto-negrita {
	font-weight: bold;
}
.error-message {
	background-color: #FFF;
	font-weight: bold;
}

.default-avatar {
	border-left-color: #3a3633 !important;
}

.cajita {
	box-sizing: border-box !important;
}

.invalidS2 {
	background: #fff0f0 !important;
	border-color: #A90329 !important;
}

.validS2 {
	background: #f0fff0 !important;
	border-color: #7DC27D !important;
}

.invalid {
	display: block;
	margin-top: 6px;
	padding: 0 1px;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	color: #D56161
}

.input-fontpicker {	
	padding: 0px 10px !important;
	box-sizing: border-box !important;	
}

.input-group-fontpicker {
	padding: 6px 12px !important;
	box-sizing: border-box !important;	
}

.template {
	font-size: 11px !important;
}

.superbox-list-yobel {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 12.5%;
	padding: 5px;
	position: relative;
	padding-left: 15px;
}

.superbox-list-yobel.active:before {
	content: "\f0d8";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	left: 43%;
	bottom: -34px;
	z-index: 2;
	text-align: center;
	font-size: 45px;
	color: #222
}

@media only screen and (min-width:320px) {
	.superbox-list-yobel {
		width: 50%
	}
}

@media only screen and (min-width:486px) {
	.superbox-list-yobel {
		width: 25%
	}
}

@media only screen and (min-width:768px) {
	.superbox-list-yobel {
		width: 16.66666667%
	}
}

@media only screen and (min-width:1025px) {
	.superbox-list-yobel {
		width: 4.5%
	}
}

@media only screen and (min-width:1824px) {
	.superbox-list-yobel {
		width: 4.5%
	}
}

[role~="status"] {
  display: none;
}

.greenButton {
	color: #fff !important;
	background-color: #5b835b !important;
	border-color: #4c6e4c !important;
	height: 31px;
	margin: 5px 0px 5px 5px;
	padding: 0 22px;
}