html {
	background: #f2f4f8 !important;
}

body {
	background: #f2f4f8 !important;
}

main {
	margin-left: 330px;
}

.b-skeleton{
	border-radius: 0.75rem;
}

.no-info-text{
	color: #2d3466;
	font-weight: 700;
	font-size: 20px;
}

.custom-switch.b-custom-control-lg, .input-group-lg .custom-switch {
    padding-left: 2.8125rem;
}

.custom-switch.b-custom-control-lg .custom-control-label:before, .input-group-lg .custom-switch .custom-control-label:before {
    top: .3125rem;
    height: 1.25rem;
    left: -2.8125rem;
    width: 2.1875rem;
    border-radius: .625rem;
}
.custom-switch.b-custom-control-lg .custom-control-label:after, .input-group-lg .custom-switch .custom-control-label:after {
    top: calc(.3125rem + 2px);
    left: calc(-2.8125rem + 2px);
    width: calc(1.25rem - 4px);
    height: calc(1.25rem - 4px);
    border-radius: .625rem;
    background-size: 50% 50%;
}

.ql-video{
	width: 100% !important;
	height: 300px !important;
}

.ql-formats .ql-video{
	height: 24px !important;
	width: 28px !important;
}

.form-control, .form-control.is-valid {
	padding: .5rem .75rem !important;
}

.separator::before{
	content: "";
    background-color: #18527A;
    width: 30px;
    height: 4px;
    border-radius: 0px;
    display: block;
    position: absolute;
}

.sidebar .main-menu ul li.active a {
	color: #4464bf !important;
	background-color: rgba(20, 83, 136, 0.04);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.sidebar .main-menu ul li.active:after {
	content: " ";
	background: #4464bf;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-radius: 0px;
	position: absolute;
	width: 6px;
	height: 90px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.sidebar .main-menu ul li a {
	color: #b1b3b7 !important;
	font-weight: 100 !important;
}

.navbar .navbar-logo {
	height: 60px;
}

.navbar .navbar-logo .logo {
	background-size: 60px;
}

.navbar .navbar-logo .logo-mobile {
	background-size: 40px;
}

.float-button-action{
	z-index: 50;
	width: 10rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	bottom: 0;
	right: 0;
	position: fixed;
	margin-bottom: 2.5rem;
	margin-right: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	display: flex;
	border-width: 1px;
	border-radius: 9999px;

	background-color: #fff;
}

.float-button-action-edit{
	z-index: 50;
	width: 10rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	bottom: 0;
	right: 180px;
	position: fixed;
	margin-bottom: 2.5rem;
	margin-right: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	display: flex;
	border-width: 1px;
	border-radius: 9999px;

	background-color: #fff;
}




.float-button-action-text{

	color: #4a5568;
	font-size: 14px;
	font-weight: 500;
}

.rounded .sub-hidden .main-menu,
.rounded .menu-sub-hidden .main-menu {
	box-shadow: 6px 0 5px -2px rgba(126, 142, 177, 0.10);
}

.auth-card .image-side {
	background: url("/images/icons.png") no-repeat center top !important;
}

.fixed-background {
	background: url("/images/bgloginspace.png") no-repeat center center !important;
}

.logo-single {
	width: 80px;
	height: 70px;
	display: inline-block;
	margin-bottom: 60px;
	margin-left: 40%;
}

.navbar .navbar-logo .logo-mobile{
	width: 50px;
    height: 50px;
    background: url(/assets/img/logoArcaMin.png) no-repeat;
    background-position: center center;
}

@media (max-width: 768px) {
	.lottie-responsive{
		width: 150px !important;
		height: 150px !important;
	}
	.userName{
		display:none;
	}
 }

 .auth-card .form-side {
    width: 100%;
    padding: 20px;
}


.nav-tabs .nav-link.active::before,
.nav-tabs .nav-item.show .nav-link::before {
	content: " ";
	background: #4464bf;
	border-radius: 0px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 0;
}

.vs-input {
	width: 100% !important;
	height: 40px !important;
}

.vs-select-content {
	width: 100% !important;
	max-width: 100% !important;
}

.title-courses .vs-alert {
	height: 55px !important;
}

.title-courses .vs-alert__title {
	padding: 0px !important;
	padding-top: 6px !important;
	padding-left: 15px;
	padding-right: 15px;
}

.v-select .vs__dropdown-toggle {
	border-radius: 10px !important;
	background: rgba(var(--vs-gray-2), 1) !important;
	border: 0px !important;
	max-height: 40px;
}

.v-select .vs__dropdown-toggle .vs__selected-options {
	background: rgba(var(--vs-gray-2), 1) !important;
	color: rgba(var(--vs-text), 1);
}

.v-select .vs__dropdown-toggle:hover {
	cursor: pointer;
	border: 0px !important;
	-webkit-box-shadow: 10px 10px 31px -12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 10px 10px 31px -12px rgba(0, 0, 0, 0.5);
	box-shadow: 10px 10px 31px -12px rgba(0, 0, 0, 0.5) !important;
	transition: .5s all;
}


/* Las animaciones de entrada y salida pueden usar */


/* funciones de espera y duración diferentes.      */

.bounce-enter-active {
	animation: bounce-in .8s;
}

.bounce-leave-active {
	animation: bounce-in .5s reverse;
}

@keyframes bounce-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.sidebar .sub-menu {
	width: 170px;
}

.sidebar .sub-menu ul li {
	margin-left: 15%;
	width: 120px;
	text-align: center;
}

.sidebar .sub-menu ul li.active a {
	background-color: rgba(20, 83, 136, 0.05);
	border-radius: 10px;
	list-style: none !important;
}

.sidebar .sub-menu ul li.active:after {
	content: " ";
	background: #4464bf;
	border-radius: 0px !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	position: absolute;
	width: 120px;
	height: 4px;
	top: 95%;
	transform: translateY(-50%);
	left: 0px;
}

.sidebar .sub-menu ul li a i {
	font-size: 32px;
}

@media (max-width: 419px) {
	.navbar .navbar-logo {
		height: 40px;
		width: 50px;
	}
}

.nav-fill .nav-item .nav-link {
	color: #003466;
}

.class-menu .nav-pills .nav-item i {
	font-size: 30px;
}

.class-menu .nav-pills .nav-item li a i {
	font-size: 30px;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .show>.nav-link {
	background-color: #4464bf !important;
	color: white !important;
	transition: .7s all;
}

.card .subtitle-academic {
	text-align: center;
	color: #003466;
	border-radius: 10px;
	font-weight: 500;
	margin-bottom: 10px;
}

.class-menu .card,
.nav-pills .nav-link {
	border-radius: 25px !important;
}

.card {
	-webkit-box-shadow: 0px 5px 12px 0px rgba(125, 142, 177, 0.2) !important;
	-moz-box-shadow: 0px 5px 12px 0px rgba(125, 142, 177, 0.2) !important;
	box-shadow: 0px 5px 12px 0px rgba(125, 142, 177, 0.2) !important;
}

.breadcrum-color,
.breadcrumb-item a {
	color: #003466 !important;
}

.vs-dialog-content .vs-dialog .vs-dialog__content {
	padding: 25px !important;
}

.clicable:hover {
	cursor: pointer !important;
}


/*
BOTONES FLOTANTES


*/

.label-container {
	position: fixed;
	bottom: 48px;
	right: 105px;
	display: table;
	visibility: hidden;
}

.label-text {
	color: #FFF;
	background: rgba(51, 51, 51, 0.5);
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	border-radius: 3px;
}

.label-arrow {
	display: table-cell;
	vertical-align: middle;
	color: #333;
	opacity: 0.5;
}

.float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #06C;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
}

.my-float {
	font-size: 24px;
	margin-top: 0px;
	margin-left: -2px;
}

a.float+div.label-container {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover+div.label-container {
	visibility: visible;
	opacity: 1;
}



/* ANIMACIÓN LOADING LIKE FACEBOOK */

.loading-wrapper .wrapper {

  background: transparent;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper-cell {
  display: flex;
  margin-bottom: 30px;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
 }
  100% {
    background-position: 468px 0;
 }
}
.animated-background, .image, .text-line {
  animation-duration: 2.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f6f6;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}
.image {
  height: 60px;
  width: 10%;
}
.text {
  margin-left: 20px;
  width: 100%;
}
.text-line {
  height: 10px;
  width: calc();
  width: 100%;
  margin: 4px 0;
}



.recent-sur-slider{
	margin-left: 15px;
}
.recent-sur-slider .row{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.recent-sur-slider .card {
/*float: left;*/
    max-width: 33.333%;
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    flex-basis: 33.333%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
    text-align: center;
}

.recent-sur-slider .card > img {
    margin-bottom: .75rem;
}

.recent-sur-slider .card-text {
font-size: 85%;
}


.recent-news-slider .row{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.recent-news-slider .card {
/*float: left;*/
    max-width: 60%;
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
}

.recent-news-slider .card > img {
    margin-bottom: .75rem;
}

.recent-news-slider .card-text {
font-size: 85%;
}


.users-stats-slider .row{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
	overflow-y: hidden;
	width: 59%;
}
.users-stats-slider .card {
/*float: left;*/
    max-width: 26%;
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
}

.users-stats-slider .card > img {
    margin-bottom: .75rem;
}

.users-stats-slider .card-text {
font-size: 85%;
}


/* width */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px #172449;
border-radius: 10px;
height: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #172449;
border-radius: 10px;
height: 2px;
}


/*
	NOTICIAS
*/

.composerG {
	align-items: center;
	justify-content: center;
  }
  .item-features {
	font-weight: 500;
	letter-spacing: 1px;
	color: #777;
	margin: 10px 0px;
	font-size: 0.99rem;
	position: relative;
  }

  .property-single .property-media {
	position: relative;
	border-top-right-radius: 0.75rem;
	border-top-left-radius: 0.75rem;
	background-size: cover;
	background-position: center center;
  }
  .property-single .property-info-w {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  .property-single .property-info-w .property-info-main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	position: relative;
  }
  .property-single .property-info-w .property-info-main .item-features {
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 1px;
	color: #777;
	margin: 10px 0px;
	font-size: 0.99rem;
	position: relative;
  }
  .property-single .property-info-w .property-info-main h1 {
	font-size: 3rem;
  }
  .property-single .property-info-w .property-info-main .property-description {
	font-size: 0.99rem;
	font-weight: 300;
	margin: 30px 0px;
  }
  .property-single .property-media .media-buttons,
  .media-buttons {
	position: absolute;
	left: 40px;
	bottom: 40px;
  }
  .property-single .property-media .media-buttons a,
  .property-single .property-media .media-buttons router-link,
  .media-buttons a,
  .media-buttons router-link {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 0.72rem;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	color: #111;
  }
  .property-single .property-info-w .property-info-main .item-features .feature {
	margin-right: 17px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
  }
  .property-single .property-info-w .property-info-main .item-features:before {
	content: "";
	background-color: #047bf8;
	width: 7px;
	height: 7px;
	left: -63px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
  }