@import "bootstrap/bootstrap.min.css";

@import "bt-icons-modulos.css";

@import "submenu.css";

@import "bt/bootstrap-datetimepicker.min.css";

@import "bt/bootstrap-select.min.css";
@import  "all.css";


/*
-------------------------------------------------- */

body {
	background:  url("../labeemapp/images/stacked-waves.svg");
 	background-size: cover;
    background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	/*background: #f4f6fb;
	margin-bottom: 60px;*/
	
}

a.navbar-brand {
	margin: -13px auto 0 -15px;
}

a.navbar-brand  img {
	width: 48px;
}

a.navbar-brand:before {
	position: relative;
	top: -5px;
}

#wrap {
	padding-left: 225px;
	transition: all 0.4s ease 0s;
}


#navbar-principal{
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px 3px #d2d6db;
	-moz-box-shadow: 3px 3px 10px 3px #d2d6db;
	box-shadow: 3px 3px 10px 3px #d2d6db;
}

.footer {
	position: absolute;
	/*bottom: 0;*/
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	padding-left: 250px;
	
}

#sidebar-wrap {
	margin-left: -250px;
	top: 95px;
	left: 250px;
	width: 225px;
	background: #fff !important;
	position: fixed;
	/*height: 100%;*/
	overflow-y: auto;
	z-index: 1000;
	transition: all 0.4s ease 0s;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 10px 3px #d2d6db;
	-moz-box-shadow: 3px 3px 10px 3px #d2d6db;
	box-shadow: 3px 3px 10px 3px #d2d6db;
}

#wrap.active {
	padding-left: 0;
}

#wrap.active #sidebar-wrap {
	left: 0;
}

#page-content-wrap {
	width: 100%;
	padding-top: 70px;
	transition: all 0.4s ease 0s;
}

label.col-form-label{	
	font-weight: bold;
}

.btn-navmobile {
  display: grid;
  place-items: center;
  background:transparent;
  padding: 1em;
  border-radius: .25em;
  /*box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
	      -6px -6px 10px -1px rgba(255,255,255,0.7);*/
  border: 1px solid rgba(0,0,0,.1);
  color: rgba(0,0,0,.5);
  cursor: pointer;
  
}

.btn-navmobile:focus{
	background-color:#00606D;
	color:  #ffffff;	
	box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
	      -6px -6px 10px -1px rgba(255,255,255,0.7);
}	


.alert-light.alertf {
  color: #818182;
  background-color: transparent; 
  border-color: transparent;
  /*border: 1px solid rgba(0,0,0,.125);*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	label.col-form-label{
	text-align: right;
	font-weight: bold;
	}
  
}

.dropdown-menu{
	font-size: 14px;
}

@media (min-width: 992px){
	.page-content {
	  padding: 2em 0;
	}
}
  

/*.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 150px 0px 0px;
}*/

.sidebar-nav, .m-mobile {
	
	list-style: none;
	
}

.sidebar-nav li {
	line-height: 25px;
	/*text-indent: 20px;*/
}

.sidebar-nav li a {
	color: #0078CE;
	display: block;
	text-decoration: none;
	padding: 8px 20px 8px 20px;		
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.sidebar-nav li a span:before {
	/*position: absolute;*/
	left: 0;
	/*color: #41484c;*/
	text-align: center;
	width: 20px;
	line-height: 18px;
}

.sidebar-nav li a:hover, .sidebar-nav li.active {
	color: #0078CE;
	background: rgba(0, 175, 229, 0.2);
	text-decoration: none;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}


.side-header{
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.sidebar-nav>.sidebar-brand {
	height: 65px;
	line-height: 60px;
	font-size: 18px;
}

.sidebar-nav>.sidebar-brand a {
	color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
	color: #fff;
	background: none;
}

#menu-toggle {
	text-decoration: none;
	float: left;
	color: #337AB7;
	padding-right: 15px;
}

.sidebar-menudiv ul{
	padding-left: 0px;
}



@media ( max-width :1358px) {
	#wrap {
		padding-left: 0;
	}
	.footer{
		padding-left: 0;
	}
	#sidebar-wrap {
		left: 0;
	}
	#wrap.active {
		position: relative;
		left: 250px;
	}
	#wrap.active #sidebar-wrap {
		left: 250px;
		width: 250px;
		transition: all 0.4s ease 0s;
	}
	#menu-toggle {
		display: inline-block;
	}
}

div.card.eemform{
	background-color: #fff;
	border-radius: 0.45rem;
	-webkit-box-shadow: 3px 3px 10px 3px #d2d6db;
	-moz-box-shadow: 3px 3px 10px 3px #d2d6db;
	box-shadow: 3px 3px 10px 3px #d2d6db;
	
}

div.card.eemform-alert{
	background-color: transparent;
	height: 80vh;
	border: none;
}

div.card.eemform-alert .row{
	height: 95%!important;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}




/* LOGO
-------------------------------------------------- */
.logo {
	margin: 10px 0 10px 0;
}

/* EXTRAS TABLAS BOOTSTRAP
-------------------------------------------------- */

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

/* EXTRAS FOOTER
-------------------------------------------------- */


/* Using -moz-appearance with the none value on a combobox now remove the dropdown button */
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}





.btn-outline-sec-eem{
  color: #495057;
  border: 1px solid #ced4da;
}

.btn-outline-sec-eem:hover {
  color: #fff;
  background-color: #495057;
  border-color: #495057;
}

.btn-outline-sec-eem:focus, .btn-outline-sec-eem.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-sec-eem.disabled, .btn-outline-sec-eem:disabled {
  color: #495057;
  background-color: transparent;
}

.btn-outline-sec-eem:not(:disabled):not(.disabled):active, .btn-outline-sec-eem:not(:disabled):not(.disabled).active,
.show > .btn-outline-sec-eem.dropdown-toggle {
  color: #fff;
  background-color: #495057;
  border-color: #495057;
}

.btn-outline-sec-eem:not(:disabled):not(.disabled):active:focus, .btn-outline-sec-eem:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-sec-eem.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

@media (min-width: 991.98px) {
  label.col-form-label{
	text-align: right;	
	} 
}

.page-header {
  padding-bottom: 6px;
  margin: 10px 0 10px;
  border-bottom: 1px solid #eee;
  
}

.big-checkbox  > input {width: 20px; height: 20px;}

.side-header .data-header .usr-status {
	font-size: 13px;
	margin-top: 4px;
	color: #5cb85c;
}

.side-header .data-header .data-name {
	font-size: 14px;
	margin-top: 4px;
	color: #6c757d !important;
}

.side-header .data-header .data-time {
	font-size: 13px;
	margin-top: 4px;
	color: #6c757d !important;
}

.form-horizontal .form-group .form-control.form-block, .form-horizontal .form-group label.form-block
	{
	display: block;
}

.form-horizontal .form-group.form-inline-block {
	display: inline-block;
}


.tab-content {
	border: 1px solid #dee2e6;
	padding: 10px;
	margin-bottom: 1rem;
}

.btn-eem{
	
	background: #1A936F;
	color: #fff;	
}

.btn-eem:hover{
	background: #005536;
	color: #fff;
}



div.eem-light-shadow{
	-webkit-box-shadow: 3px 3px 10px 3px #d2d6db;
	-moz-box-shadow: 3px 3px 10px 3px #d2d6db;
	box-shadow: 3px 3px 10px 3px #d2d6db;
}

@media (min-width: 768px) and (max-width: 991.98px) {  
  h1, h2, h3, .card-box h3 {
    font-size: 1.65rem;
  }
  
}


.card-box {
    position: relative;
    color: #fff;
    padding: 20px 10px 40px;
    margin: 20px 0px;
		border-radius: 10px;
    border: none;
}

.card-box .inner {
    padding: 5px 10px 0 10px;
}
.card-box h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}

.card-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 72px;
    color: rgba(0, 0, 0, 0.15);
}
.card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
    border-radius: 10px;
}
.card-box:hover  {
    
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .55);

}

.cardmenulink:hover {
	text-decoration: none;
}


div.favorito-icon.ico-list::after, span.btnnavmobile.ico-list::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2bb" ;
}

.list-box{
  background-color: #bcd560;
}

div.favorito-icon.ico-add::after, span.btnnavmobile.ico-add::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f65e" ;
}

.add-box{
  background-color: #5AC4A4;
}

div.favorito-icon.ico-listsend::after, span.btnnavmobile.ico-listsend::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f46d" ;
}

.listsend-box{
  background-color: #ffaa00;
}


.sidebar-nav li a {
	color: #5599B5;
	display: block;
	text-decoration: none;
	padding: 8px 20px 8px 20px;
}        



.sidebar-nav li a:hover, .sidebar-nav li.active {
	color: #FFF8EE;
	background: #00ccff;
	text-decoration: none;
}


.sidebar-nav li .list-group-item {
	border: transparent;
	border-bottom: 1px solid rgba(0,0,0,.125);
	
}  


.sidebar-menudiv ul, .div-menu-mobile ul {
  padding-left: 0px;
}

.m-mobile li {
  line-height: 30px;
}



.checkbox-form {
 	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
 }
 
 .form-check-label{
	 margin-left: .5rem !important;
	 font-weight: bold;
 }
 
 
 .page-header .img-logo{

	content: url(../../labeemapp/images/laboratoriosel.com.png);
	height: 70px;	

}

div.page-header .media-right{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}




.div-alert {		
	color: #636363;
	font-size: 14px;
	-webkit-box-shadow: 3px 3px 10px 3px #d2d6db;
	-moz-box-shadow: 3px 3px 10px 3px #d2d6db;
	box-shadow: 3px 3px 10px 3px #d2d6db;
	/*width: 340px;*/
}

.div-alert .card-body {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	margin-top: 15px;
}

.div-alert .card-header {
	border-bottom: none;   
	position: relative;
	background-color: #fff;
}

.div-alert .icon-box {
	color: #fff;		
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -60px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	
	padding: 15px;
	text-align: center;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.div-alert .icon-box i {
	font-size: 58px;
	position: relative;
	top: 3px;
}


.div-alert .btn {
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.4s;
	line-height: 1.5;
	border: none;
	padding: .375rem .95rem;
}

.div-alert.success .icon-box{
	background: #82ce34;
}
.div-alert .btn-alert-success {
	background: #82ce34;
}	
.div-alert .btn.btn-alert-success:hover, .div-alert .btn.btn-alert-success:focus {
	background: #6fb32b;
	outline: none;
}

.div-alert.warning .icon-box{
	background: #ffc105;
}
.div-alert .btn-alert-warning {
	background: #ffc105;
}	
.div-alert .btn.btn-alert-warning:hover, .div-alert .btn.btn-alert-warning:focus {
	background: #EFB300;
	outline: none;
}

.div-alert.danger .icon-box{
	background: #f44034;
}

.div-alert .btn-alert-danger {
	background: #f44034;
}	
.div-alert .btn.btn-alert-danger:hover, .div-alert .btn.btn-alert-danger:focus {
	background: #A20000;
	outline: none;
}


.div-alert.info .icon-box{
	background: #2094f3;
}
.div-alert .btn-alert-info {
	background: #2094f3;
}	
.div-alert .btn.btn-alert-info:hover, .div-alert .btn.btn-alert-info:focus {
	background: #0059AF;
	outline: none;
}





.div-alert h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}

.div-alert .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.div-success .close {
	position: absolute;
	top: -5px;
	right: -5px;
}	
.div-alert .card-footer {
	border: none;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	background-color: #fff;
}


.spandash{
	display: block;
	border-radius: .25em;
	padding: .2em .6em .3em;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.label-orange {
	background-color: #FF9900;
	color: white;
}

.label-green {
	background-color: #4cae4f;
	color: white;
}

.label-amber {
	background-color: #ffc105;
	color: white;
}

.label-dblue {
	background-color: #2094f3;
	color: white;
} 

.card-suc{
	
	box-shadow: 3px 3px 10px 3px #f5f9ff;
}

.card-promo{
	
	box-shadow: 3px 3px 10px 3px #f5f9ff;
}

.card-pac{
	border-radius: 0.45rem;
	background: #f4f6fb;
	box-shadow: 3px 3px 10px 3px #f5f9ff;
}

.card-pac2{
	border-radius: 0.45rem;
	box-shadow: 3px 3px 10px 3px #f5f9ff;
}

.card-pac2 .card-header:first-child {
  border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}
.card-pac2 .card-header {
  background: rgba(154, 172, 207, 0.35);	
}


.divtable-pac{
	height: 220px; 
	overflow-y: auto;  
	margin-top: 0px; 
	margin-bottom:0px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: 0.45rem;
	
}


.divfigure{
	padding: 1rem 1rem 1rem
}

.divfigure .data:hover  {
    
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .55);

}
.cardSocial {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  gap: 20px;
  
}

.socialContainer {
  width: 52px;
  height: 52px;
  background-color: #394955;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.3s;
  border-radius: 0.45rem;
}

.containerInsta:hover {
  background-color: #d62976;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}

.containerWs:hover {
  background-color: #25d366;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}

.containerTel:hover {
  background-color: #0193CF;
  transition-duration: 0.3s;
  transform: scale(1.5);
  border-radius: 15px;
}


.socialContainer:active {
  transform: scale(0.9);
  transition-duration: 0.3s;
}

.cardSocial a{
	color: #fff;
	text-decoration: none;
	font-size: 32px;
}


.info-alertv2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  width: 320px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  background: #509AF8;
  border-radius: 8px;
  box-shadow: 0px 0px 5px -3px #111;
}

.info-alertv2__icon {
  width: 20px;
  height: 20px;
  transform: translateY(-2px);
  margin-right: 8px;
  color: #fff;
}


.info__title {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}


.info__close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
  color: #fff;
}



.warning-alertv2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  width: 200px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  background: #ffc107;
  border-radius: 8px;
  box-shadow: 0px 0px 5px -3px #111;
}

.warning-alertv2__icon {
  width: 20px;
  height: 20px;
  transform: translateY(-2px);
  margin-right: 8px;
  color: #212529;
}


.warning-alertv2__title {
  font-weight: 500;
  font-size: 14px;
  color: #212529;
}


.warning-alertv2__info {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
  color: #212529;
}



.success-alertv2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  width: 320px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  background: #84D65A;
  border-radius: 8px;
  box-shadow: 0px 0px 5px -3px #111;
}

.success-alertv2__icon {
  width: 20px;
  height: 20px;
  transform: translateY(-2px);
  margin-right: 8px;
  color: #41493B;
}


.success-alertv2__title {
  font-weight: 500;
  font-size: 16px;
  color: #41493B;
}

.success-alertv2__close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
  color: #41493B;
}


@keyframes slide-in-top {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}