/* ----------------- General --------------------- */
html, body {
	min-height: 100%;
	height: 100%;
}


.container, .row {
	padding: 0;
	margin: 0;
}

body {
	flex-direction: column;
	width: 100%;
}

@media (min-width:480px) {
	.flex-container {
		display: flex;
	}
}

.flex-item {
	flex: 1 1 auto;
}

.row.flex-container {
	min-height: 100%;
}
.menu-flex-container {
	display: flex;
}

.no-margin {
	margin: 0;
}
.margin-top-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}

.has-feedback label ~ .form-control-feedback,
.has-feedback .form-control-feedback {
    font-size: 14px;
}

.has-feedback label ~ .form-control-feedback {
    top: 17px;
}

.altura-50{
	height: 50px;
}
.width100 {
	width: 100%;
}

.min-dashboard{
	min-height: 350px;
}

.progress {
	margin-bottom: 0px;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	padding: 5px;
}

.fa-ivo-x {
	font-size: 1.4em;
}

.input-group-btn.ivo-group-btn:last-child > .btn:nth-last-child(2),
.input-group.ivo-group .form-control {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.input-group-btn.ivo-group-btn:last-child > .btn.boton_ivo {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}


.espacio-ayuda {
	margin-left: 3px !important;
}

.espacio-ayuda-derecha {
	margin-right: 3px !important;
}


.chosen-container-single.chosen-disabled .chosen-single abbr,
.ui.dropdown.disabled abbr {
    display: none;
}

div.dataTables_wrapper div.dataTables_filter label {
	position: relative;
}

div.dataTables_wrapper div.dataTables_filter input {
	padding-right: 20px;
}

div.dataTables_wrapper div.dataTables_filter button.close {
	position: absolute;
    right: 1px;
    width: 20px;
    display: none;
}

div.dataTables_wrapper div.dataTables_filter:hover input + button.close {
	display:inherit;
}

.resizable {
	overflow: auto;
	resize: vertical;
}

.popover-content {
	width: 200px;
	text-align: justify;
}

/* --------------------------------------------------------------- */
/* ----------------- Barra de notificaciones --------------------- */
/* --------------------------------------------------------------- */
.no-padding{
	padding: 0px;
}

.padding-5 {
	padding: 5px 5px 0 5px;
}

.padding-top-5 {
	padding: 5px 0 0 0;
}

.text-bottom {
	vertical-align: bottom;
}
.text-middle {
	vertical-align: middle;
}

.padding-left-5 {
	padding: 0 0 0 5px;
}


/* ----------------- Bloque Principal --------------------- */
#area-contenido {
	min-height: calc(100vh - 51px);
}
#main-container {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	background:#ededed; /*------- FONDO DE BLOQUE PRINCIPAL */
}

#alldata-container {
	flex: 1 1 auto;
	height: calc(100% - 50px);
}

#data-container {
	margin-bottom: 0px; /* altura splitter-h */
}









/* ----------------------------------------------------------------- */
/* ----------------- Contenedores Vista Ticket --------------------- */
/* ----------------------------------------------------------------- */
#ticket-container {	/* ------------------Contenedor generales */
	min-width: 10em;
	background:#ededed; /*------- FONDO DE CONTENEDORES DEL CENTRO */
	display: flex;
    flex-direction: column;
    padding-bottom: 25px;
}

#detail-container {
	margin-left: 5px; /* ancho splitter-v */
	min-width: 200px;
}


#timeline-container { /* ------------------ TimeLine */
	background:#ededed; /*------- FONDO DE CONTENEDORES DEL CENTRO */
	display: flex;
    flex-direction: column;
    max-height: 250px;
}

.scroll-y {
	overflow: auto;
}

#actions-container {/* ------------------Acciones (Guardar Limpiar) */
	height: 35px;
	padding: 0px;
	margin: 0px;
}


#grid-container { /* ------------------Pendientes */
	flex: 1 1 auto;
	min-height: 70px;
	background:#ededed; /*------- FONDO DE CONTENEDORES DEL CENTRO */
	display: flex;
    flex-direction: column;
}
/* @media (min-width:480px) { */
/* 	#cuerpo-pendientes { */
/* 		max-height: calc(100vh - 453px); */
/* 	} */
/* } */



/* ----------------- Contenedores: titulo y fondo blanco --------------------- */


.options-title {
	text-align: right;
	float: right;
}

.options-title i, .options-title .fa{
	margin-right: 10px;
}

.options-title i:hover {
    cursor: pointer;
    
}

.ticket-body {
	background: #ffffff;		/*------- FONDO CONTENEDORES */
	flex: 1 1 auto;	
    font-size: 13px;
    line-height: 12px;
    border: 1px solid #E0DEDE;
    padding: 15px 15px 15px 15px;
    font-family: Arial, Helvetica, sans-serif; 		/*------- TIPO LETRA */
    
}


.boton_ivo{
	background-color: #34ae9f;
	border-color: 	#34ae9f;
	color: #fff;
}

.boton_ivo:hover{
	background-color: #4acaba;
	border-color: 	#34ae9f;
	color: #fff;
}



/* ----------------- CUERPO BLOG--------------------- */
.breadcrumb {
    background: none;
    margin-left: -15px;
}
.breadcrumb > li {
    height: 33px;
    line-height: 33px;
    background: url("../images/bread-crumb-bg.jpg") repeat-x;
    float: left;
    margin-bottom: 25px;
    padding: 0  0 0 8px;
}
.breadcrumb > li> a{
    color: #737373;
}
.breadcrumb > li> a:hover{
    text-decoration: none;
}

.breadcrumb > li > .divider {
    display: inline-block;
    padding: 0px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background: url("../images/bread-crumb-divider.png") no-repeat;
}
.breadcrumb > li > .divider-last {
    display: inline-block;
    padding: 0px;
    width: 19px;
    height: 33px;
    line-height: 33px;
    background: url("../images/bread-crumb-last.png") no-repeat;
}
.breadcrumb .tooltip {
    text-shadow:none !important;
}

/*general search  */
.breadcrumb > li.search-wrap {
    background: none !important;
    float: right;
}

.breadcrumb .search-input-area {
    float: right;
    position: relative;
    width: 94%;
}

.breadcrumb .search-input-area > i, #sidebar .search-input-area > i {
    cursor: pointer;
    display: inline-block !important;
    font-size: 18px;
    position: absolute !important;
    right: -10px !important;
    top: 7px !important;
}

.widget-title > h4, .breadcrumb > li> a:hover, .chats li.in .name {
    color: #4C4C4C;
    text-shadow: 0 1px 1px #FFFFFF;
}




/* ----------------- CUERPO BLOG--------------------- */

.titulo{
	padding: 10px 10px 20px 10px ;
	font-size: 24px;
	color: #777;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height : 25px;
}

.subtitulo{
	padding: 10px 10px 10px 10px ;
	font-size: 18px;
	color: #777;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.ticket-body p{
	font-size: 14px;
	color: #777;
}

.ticket-body .img_principal{
	width: 100%;
	padding: 10px;
}

.parrafo {
	font-size: 16px;
	color: #777;
	padding:10px;
	line-height : 25px;
	text-align: justify;
}

.periodo_prueba {
	font-size: 20px;
	font-weight: bold;
	color: #777;
	padding:10px;
	line-height : 25px;
	text-align: center;
}

.boton_iniciar {
	text-align: center;
}

#ticket-container .get-started-btn {
  background: linear-gradient(45deg, #1de099, #42b395);
  display: inline-block;
  padding: 10px 30px;
  border-radius: 20px;
  color: #fff;
  transition: none;
  font-size: 20px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
}

#ticket-container .get-started-btn:hover {
	background: #666;	
}

#ticket-container .btn-get-started {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 0px;
  border: 2px solid #777;
  color: #777;
  -webkit-text-stroke: 0px #777;
  text-decoration:none;
  text-align: center;
  background:#42b395;
}

#ticket-container .btn-get-started:hover {
  color: #42b395;
  background: #777;
  text-decoration:none
}

/* ----------------- CATEGORIAS--------------------- */
.categorias, .etiquetas, .leyendo{
	color: #777;
	padding-bottom:20px;
	padding-right:10px;
	font-size:13px;
}

.categorias ul{
	padding-left: 10px;
}

.categorias li{
	list-style: none;
	height: 25px;
	padding-top: 3px;
	border-bottom: 1px dashed #999;
}

.categorias li:hover{
	cursor: pointer;
}

/* ----------------- LEYENDO--------------------- */
.leyendo img{
	width:100%;
}

.otro_articulo{
	border-bottom: 1px dashed #999;
	padding-bottom: 5px;
}

.leyendo a{
	color: #777;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	font-weight: bold;
  	text-decoration:none;
  	padding-left: 0px;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #fff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 0;
  color: #333;
  font-size: 14px;
}

#footer .credits {
  font-size: 13px;
  color: #888;
}

#footer .footer-links a {
  color: #666;
  padding-left: 15px;
}

#footer .footer-links a:first-child {
  padding-left: 0;
}

#footer .footer-links a:hover {
  color: #1dc8cd;
}

.logo_footer {
	height: 30px;
}

#footer .social-links {
  padding-bottom: 5px;
}

#footer .social-links a {
  font-size: 14px;
  display: inline-block;
  background: #fff;
  color: #164e65;
  line-height: 1;
  padding: 5px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  transition: 0.3s;
  border: 1px solid #164e65;
}

#footer .social-links a:hover {
  background: #164e65;
  color: #fff;
}


/*--------------------------------------------------------------
# Back to top button */
--------------------------------------------------------------*/


@media( min-width : 1024px ) {
	.opciones-container {
		min-height: calc(100vh - 430px);
	}
    .saldo-bg .box-container {
        display: flex;
    }
}
@media( min-width : 768px ) {
    .opciones-container {
        display: flex;
    }
}

/*--------------------------------------------------------------
# Resolucion medium
--------------------------------------------------------------*/
@media( max-width : 767px ) {
/* 	.leyendo a{ */
/* 	  	padding-left: 35px; */
/* 	} */
}




/*--------------------------------------------------------------
# Resolucion small
--------------------------------------------------------------*/
@media (max-width: 544px) {
/* 	.leyendo a{ */
/* 	  	padding-left: 15px; */
/* 	} */
}