:root
{
	--primary:#7EA79B!important ;
	--primary-hover:#778E87!important ;
	--secondary:#F7B717 !important;
	--success:#35BEC8 !important;

	--warning:#91BF09 !important;
	--warning-hover:#7B9B1B !important;
}
;
 
.table-responsive
{
	overflow: auto !important;
}


.row-deleted
{
	opacity: 0.3;
}

.img-fluid
{
	width: 100%;
	height: auto;
}

 
 
.dropzone
{
	text-align: center !important;
	margin-top: 1rem !important;
	cursor: pointer !important;
	border:1px solid #E3E3E3;
	padding: 1rem;
	border-radius: 4px;
}


.card-user .image
{
	height: auto !important;
}

.card-user .author {

	margin-top: 0 !important;
}


.card-personal .card-body
{
	padding: 1rem !important;
	display: flex;
}

.card-personal h2
{
	margin-top: 0px !important;
}





.card-personal .col-md-5
{
	padding-left: 1rem;
	border-left: 1px solid #eaeaeb;
}


.card-personal.card-close img
{
	max-width: 100px;


}

.btn-xs
{
	font-size: 10px;
	padding: 5px 12px;
}
.card-personal .data
{
	padding: 0rem 1rem;
}

.card-personal span
{
	display: block;

}
.card-personal  span.name
{
	font-size: 18px;
	color: var(--primary);
}

.btn-admin
{

	background: var(--warning);
	filter: brightness(1.2);
	border-radius: 100px;
	margin-right: 1rem;

}

.btn-admin a
{
	color: white !important;

}

.nav-item.active
{

	background: var(--primary);
	filter: brightness(1.2);
	border-radius: 100px;


}

.nav-item.active > a,
.nav-item.active > span
{
	color: white !important;

}


.card-personal  span.job
{
	font-size: 17px;
	font-weight: bold;
	color :var(--warning);

}

.btn-sm-download
{
	border-radius: 3px;
	padding: 4px 10px !important;
	font-size: 11px !important;

}

.single-header
{
	margin-top: 56px;

	margin-bottom: 50px;
	min-height: 480px;

	background-color: #f7f7f7;
	position: relative;
}

.single-header .row
{
	min-height: 480px;
}
.single-header .container
{
	padding: 2rem 1rem;
}

.single-header .background
{
	height: 100%;
	width: 100%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

@media screen and (min-width: 992px)
{

	.single-header
	{
		margin-top: 75px;

	}
}


.header-full,
.header-full .row
{
	min-height: 100vh;
}
.main-panel.public-panel
{
	/*background-color: white !important;*/
}

/*.single-header:after, .single-header:before {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
}
*/


.card-personal,
.card-icon,
.card-equipment,
.card-gallery
{
	background: white;
	box-shadow: none;
	border: 1px solid #F1F2F3;
	border-radius: 0;
}
.card-personal img
{
	margin-bottom: 1rem;
	margin-right: 1rem;
	float:left;
}


.text-documentos
{
	    text-transform: uppercase;
    font-size: 10px;
    color: #777;
}

.card-equipment:hover,
.card-personal:hover,
.card-icon:hover,
.card-gallery:hover
{
	transform:scale(1.01);
	box-shadow: 10px 0 34px rgba(0,0,0,0.06);
}

.card-equipment > a
{
	margin-right: 1rem;
}

.card-icon
{
	text-align: center;
}
.card-icon:hover
{
	transform: scale(1.05);

}

 
.card-icon i
{
	    font-size: 50px;
    color: var(--primary-hover);
}

.card-icon h2
{
	    font-size: 22px;
    /* letter-spacing: 1px; */
    color: var(--primary-hover);
    margin-bottom: 1rem;
}
.card-icon p
{
	min-height: 60px;
	margin-bottom: 0rem;
}
.card-equipment .card-title
{
    font-size: 16px;
    color: var(--primary);
    display: block;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: bold;
    line-height: 20px;
}

.card-personal p
{
	margin-bottom: 2rem;
}

.nav.nav-pills.nav-fill .active
{
	background: var(--primary) !important;
}
.btn-close
{

	margin: 1rem auto 0 auto;
	display: block;

}


@media screen and (min-width: 470px)
{

	.btn-close
	{
		position: absolute;
		bottom: 0rem;
		right: 1rem;
	}

	.card-close .btn-close
	{
		margin-bottom: 1rem;
	}
}


.found-it
{
	border-radius: 4px !important;
	border: 1px solid #34B5B8 !important;
}


.alert-search
{
	cursor: pointer;
	transition: all 0.3s ease;

}

.alert-search:hover
{
	transform:scale(1.005);
}



textarea
{
	padding: 1rem !important;
	max-height:unset !important ;
}





.card-columns
{
	column-count:2;
}

.card-columns-equipment
{
	column-count:1;
}


@media screen and (min-width: 576px)
{

	.card-columns
	{
		column-count:2;
	}
	.card-columns-equipment
{
	column-count:2;
}

}


@media screen and (min-width: 768px)
{

	.card-columns
	{
		column-count:3;
	}
	.card-columns-equipment
	{
		column-count: 3;
	}

}


@media screen and (min-width: 992px)
{

	.card-columns
	{
		column-count:4;
	}

		.card-columns-equipment
	{
		column-count: 4;
	}

}




.section-title
{
	text-align: center;
	margin-bottom: 2rem;
}

.section-title h2
{

	color: var(--warning);
	margin-bottom: 0;
	font-weight: 100;

	display: flex; 
	justify-content: center; 
	align-items: center;
}


.section-title i
{
	margin-right: 1rem;
}

.card-gallery
{
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}

.card-gallery .title
{
	margin-top: 1rem;
	display: block;
	text-transform: capitalize;
}
 


/*

 @media screen and (min-width: 992px)
 {

	 .card-columns
	 {
	 		column-count:4;
	 }

 }

/*

 @media screen and (min-width: 1200px)
 {

	 .card-columns
	 {
	 		column-count:5;
	 }

 }*/





 .navegador
 {
 	position: fixed !important;
    z-index: 999;
    bottom: calc( 50% - 180px );
    display: flex;
    align-items: center;
    left: -186px;
    transition: all 0.5s cubic-bezier(.05,.31,.27,.99);

 }


 .navegador-open
 {
 	left: 20px;
 	transform: scale(1.1);
 }


 .navegador-open img
 {
 	transform: rotateY(180deg);
 }


 .navegador ul
 {
 	list-style: none;
    padding: 1rem;
 }

 .navegador li
 {
 	margin-bottom: 1rem;
 }
 .navegador li a
 {
 	    transition: all 0.4s cubic-bezier(.18,.01,.12,1.84);
    box-shadow: 0px 6px 13px -10px rgba(0,0,0) !important;

 }

 .navegador li a:hover
 {
 	transform: scale(1.1);
    box-shadow: 0px 6px 13px -10px rgba(0,0,0) !important;

 }

 .navegador span
 {

    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s cubic-bezier(.18,.01,.12,1.84);
        box-shadow: 0px 6px 13px -10px rgba(0,0,0) !important;

 }

 .navegador span:hover
 {
 	transform: scale(1.4);
 }
 .navegador img
 {
 	   width: 10px;
    filter: invert(1);
 }








 .btn-up
		    {
		      position: fixed;
		  z-index: 1000;
		  right: 0;
		  bottom: 60px;
		  background: rgba(33,33,33,0.66);
		  height: 40px;
		  width: 40px;
		  border-radius: 4px 0px 0px 4px;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  cursor: pointer;
		  transition: all 0.5s ease;
		}


.btn-up-close
{
		right: -50px;
}



		  .btn-up img
		  {

		    filter: invert(1);
		    width: 15px; 

		  }