/*
* Intranet Arklok
******************************************************************************/

/*
* Menu
******************************************************************************/
.menu .app-brand {
  height: 64px;
  margin-top: 12px;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/
#carouselHome .carousel-control-prev,#carouselHome .carousel-control-next { visibility: hidden; }
#carouselHome:hover .carousel-control-prev,#carouselHome:hover .carousel-control-next { visibility: visible; }

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


/*
* Custom
******************************************************************************/

.stick-top {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  top: 10px;
}
.stick-top.course-content-fixed {
  top: 80px;
}

/*
* Tipografia
***************/

.text-sm {
  line-height: 1.5
}

.text-xs {
  line-height: 1.25
}

.text-lg {
  font-size: 1.125rem!important
}

.text-sm {
  font-size: .875rem!important
}

.text-xs {
  font-size: .75rem!important
}

.text-xxs {
  font-size: .65rem!important
}

/*** CORES */

.c-white {
  color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.c-black {
  color: #000 !important;
}

.bg-black {
  background-color: #000 !important;
}

.c-pink {
  color: #d73786 !important;
}

.bg-pink {
  background-color: #d73786 !important;
}

.c-red {
  color: #f56868 !important;
}

.bg-red {
  background-color: #f56868 !important;
}

.c-blue {
  color: #66b5ed !important;
}

.bg-blue {
  background-color: #66b5ed !important;
}

.c-purple {
  color: #7246c2 !important;
}

.bg-purple {
  background-color: #7246c2 !important;
}

.c-deeppurple {
  color: #663db2 !important;
}

.bg-deeppurple {
  background-color: #663db2 !important;
}

.c-lightblue {
  color: #6fb9ee !important;
}

.bg-lightblue {
  background-color: #6fb9ee !important;
}

.c-cyan {
  color: #12cbf0 !important;
}

.bg-cyan {
  background-color: #12cbf0 !important;
}

.c-teal {
  color: #24ca99 !important;
}

.bg-teal {
  background-color: #24ca99 !important;
}

.c-green {
  color: #84e7da !important;
}

.bg-green {
  background-color: #84e7da !important;
}

.c-lightgreen {
  color: #8be8dc !important;
}

.bg-lightgreen {
  background-color: #8be8dc !important;
}

.c-yellow {
  color: #fbd48f !important;
}

.bg-yellow {
  background-color: #fbd48f !important;
}

.c-orange {
  color: #fd8119 !important;
}

.bg-orange {
  background-color: #fd8119 !important;
}

.c-deeporange {
  color: #e97412 !important;
}

.bg-deeporange {
  background-color: #e97412 !important;
}

.c-gray {
  color: #ced4da !important;
}

.bg-gray {
  background-color: #ced4da !important;
}

.c-lightgray {
  color: #212529 !important;
}

.bg-lightgray {
  background-color: #212529 !important;
}

.c-indigo {
  color: #5c6fff !important;
}

.bg-indigo {
  background-color: #5c6fff !important;
}