/*
 * Creado: 16-06-2018
 * Ultima Modificación: 16-06-2018
 * Creado por Frank Blanco
 * Email: blancoafrank@gmail.com
 * c10ed63f6104c472c4c3fb492f291c4abcd08625b507ed87cfa57bb1d2e4689d071d5727523f74c953008ad32fdf5a4c1e4cd7346278d36515b2596a648d82a2
 * ce39b979c089c8dd22b28502bbf5c230e8c6a0f0f6b6b672280a0962c84ac4122a5c3a2c9d79e2a8715e1becbade2d4f42777f936df4d2d34ffb1975d4acc4f7
 */

.body-login {
    background:url(../iu/img/fondo_login.jpg) !important; 
    background-repeat: repeat-y;
}

.body {
    margin-top: 0px;
    background-color: #ffffff;
}

.body-html {
    /*background:url(../../iu/img/fondo_backend.jpg) !important; */
    background-repeat: repeat-y;
    font-family: 'Ubuntu', sans-serif;
    background-color: #fafafa !important;
}

.footer {
	background:url(../../iu/img/footer_front.png) !important;
	padding-top:70px;
	padding-bottom:20px;
}

/* chkEditor */
.ck-content{min-height: 250px !important;}

/* PARA EL CUSTOM REVIEW */
.reviews{ background-color: #0c2164 !important; width: 100%; min-height: 450px; }

.text-light{ font-family: 'Roboto', sans-serif; color: #a1a1a1 !important;}
.text-green{ color:#6FC02C !important;}
.text-border {-webkit-text-stroke: 0.2px black;color: #FFFFFF; }
h3{font-family: 'Ubuntu', sans-serif;};


.center-block{
	display:block !important;
	margin-right:auto !important;
	margin-left:auto !important; }
 
.content-wrapper{padding:10px;}


.icon-box{
    padding:0.75rem;
    padding-left:1rem;
    padding-right:1rem;
    border-radius:80px;
    color:white;
    font-size:1.5rem;
}


#a-panel-admin{
	text-decoration: none; 
	color: #f2f2f2;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.panel-admin{
	border: 1px solid #f79514; 
	border-radius:5px; 
	margin-top:10px;
	padding-bottom:50px;
	max-width:1100px;
	min-height:575px;
}

.panel-admin-title{
	border: 0px solid #9f9f9f;
	border-radius: 0px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#F79514;
	color:#fff;
	font-size:1.8em;
	margin-bottom:20px;
}
.panel-admin-boton{
	border: 0px solid #000; 
	border-radius:3px;
	margin-top:25px;
	margin-left:12px;
	padding:18px;
	font-size:1.5em;
	background-color:#0093A5;
}

.btn-panel{
	float:left;
	position:relative;
	margin-top:25px;
	margin-left:25px;
	padding:18px;
	font-size:1.5em;
	min-width:185px;
}

.btn-add{
	padding-left:9px; padding-right:15px;
}

#a-panel-admin{
	text-decoration: none; 
	color: #f2f2f2;
}


.label{
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius:3px;
	font-size:0.8em;
}

.media{
	margin:0px;
	font-size:0.9em;
}

.a-none {
	text-decoration: none !important;
}

.circle-green{font-size: 7px !important ;padding-top: 7px;color:#6FC02C;}

/*link*/
.a-color{ color: #5f5f5f !important; color: rgba(0, 0, 0, 0.6) !important;}
.a-footer{font-family: Georgia, serif;letter-spacing: 0.4px;word-spacing: 0px;font-weight: 400;font-style: normal;
          font-variant: normal;text-transform: none;}
a.a-footer:link{text-decoration:none; color:#a1a1a1;}
a.a-footer:visited{text-decoration:underline; color:#a1a1a1;}
a.a-footer:hover{text-decoration:underline; color:#6FC02C;}

a.net-front:link,a.net-front:visited {color: White;background-color: #303030;text-decoration: none;padding-left: 10px;
                                      padding-top: 7px; padding-bottom: 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px;}
a.net-front:hover {color: #ffffaa;background-color: #6FC02C;text-decoration: underline;padding-left: 10px;
                   padding-top: 7px; padding-bottom: 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px;}



.activo {background-color: #496ca4; color: #fff !important;}

/* ChEditor */
.language-php{}


/* File Uploader Styles  */

.uploader input {
  display: none; 
}

.uploader {
  -webkit-align-items: center;
  align-items: center;
  background-color: #efefef;
  background-color: rgba(0, 0, 0, 0.02);
  display: -webkit-flex;
  display: flex;
  height: 100px;
  -webkit-justify-content: center;
  justify-content: center;
  outline: 3px dashed #ccc;
  outline-offset: 5px;
  position: relative;
  width: 160px; 
}
  
.uploader img,
.uploader .icon {
  pointer-events: none; 
}

.uploader, 
.uploader .icon {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in; 
}

.uploader .icon {
  color: #eee;
  color: rgba(0, 0, 0, 0.2);
  font-size: 5em; 
}

.uploader.dragging {
  outline-color: orangered; 
}

.uploader.dragging .icon {
  color: orangered; 
}

.uploader.loaded .icon {
  color: #fff;
  color: rgba(255, 255, 255, 0.5); 
}

.uploader img {
  left: 50%;
  opacity: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1; 
}
  
.uploader img.loaded {
  opacity: 1; 
}

.titulo-ficha{font-size:1.5em; margin-top:120px; color:#6f6f6f}

.margin-img{ margin:25px !important; }

@media (max-width: 900px){
	.margin-img{ margin:20px !important; }
	.titulo-ficha{margin-top:40px;}	

}

@media (max-width: 600px){
	.margin-img{ margin:5px !important; }
	.bajar{margin-top:20px;}
}

.picture { 
		
		border: 0px solid #CCCCCC; padding: 3px;
		font: 11px/1.4em;
		padding:10px;
		border-radius:4px;
	}
	.picture img { 
		border: 0px solid #CCCCCC;
		vertical-align:middle; 
		margin-bottom: 3px;
		border-radius:5px;
	}
	.right { 
		margin: 0.5em 0pt 0.5em 0.8em; 
		float:right; 
	}
	.left { 
		margin: 0.5em 0.8em 0.5em 0; 
		float:left;
	}
	

.alt-5{margin-top:5px;}		
.alt-10{margin-top:10px;}	
.alt-20{margin-top:20px;}	
.alt-30{margin-top:30px;}
.alt-40{margin-top:40px;}
.alt-50{margin-top:50px;}
.alt-60{margin-top:60px;}
.alt-70{margin-top:70px;}
.alt-80{margin-top:80px;}
.alt-90{margin-top:90px;}
.alt-100{margin-top:100px;}

.bg-default{
        padding:10px;margin:3px;
        /*border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 1px dotted #2d7fa8;*/
        background-color:#fafafa;
        color:#424242;
        /*-webkit-box-shadow: 0px 0px 28px 13px rgba(153,151,153,1);
        -moz-box-shadow: 0px 0px 28px 13px rgba(153,151,153,1);
        box-shadow: 0px 0px 28px 13px rgba(153,151,153,1);*/
        min-height: 540px;
    }
    
.alert-title{
    margin-top:5px;padding-top:7px;padding-bottom:7px;
}

.btn-primary-menu{
    width:250px;
    margin:10px; 
    font-size:1.3em; 
    padding-top:4px;
    padding-bottom:4px;
}

.btn-secondary{
    background-color:#F7F6F5;
    /*padding-top:1px !important;*/
    /*padding-bottom:0px !important;*/
    border:1px solid #AAABAC;
    color:#454545;
}

.btn-ss{
    padding-left:6px !important;
    padding-right:6px !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #DBDBDB;
    border-color: #AAABAC; /*set the color you want here*/
}
.card-header{
    font-size:1.2em;padding-top:5px;padding-bottom:5px;
}

.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th{
    background-color:#f1e6e7;
    border-color:#f8e1e3;
}

.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th{
    background-color:#d6eadb;
    border-color:#c3e6cb;
}

.table-default tbody+tbody, .table-default td, .table-default th, .table-default thead th {
    border-color: #e9ecef;
}

.table-default, .table-default>td, .table-default>th {
    background-color: #e9ecef;
}

.table-sm td, .table-sm th {
    padding: .2rem;
}

/* Boton flotante para WhatsApp*/
.btn-flotante {
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #212555; /* Color del texto */
    border-radius: 5px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    /*background-color: #E91E63;  Color de fondo */
    padding: 10px 10px; /* Relleno del boton */
    position: fixed;
    bottom: 40px;
    right: 40px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.btn-flotante:hover {
    /*background-color: #2c2fa5;  Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
}


.order { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.order-li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 0.5em; height: auto; }


@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 14px;
        bottom: 20px;
        right: 20px;
    }
}

@media (min-width: 992px) {
    .rounded-lg-3 { border-radius: .3rem; }
}