@charset "UTF-8";
/*
  Naranja rgb(245, 138, 31) (242, 104, 43)
  Cafe #736250 (115, 98, 80)
  Gris Oscuro #666465 rgb(102, 100, 101)
  Gris Claro #A7A8AA rgb(167, 168, 170)
*/

@import url("https://fonts.googleapis.com/css2?family=Questrial");

@font-face {
  font-family: 'Lexend';
  font-weight: 300;
  src: local('Lexend'), url('../fonts/Lexend.ttf') format('truetype');
}

@font-face {
  font-family: 'Butler Stencil Light';
  src: local('Butler Stencil Light'), url('../fonts/ButlerStencil-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Trade Gothic LT Bold Condensed';
  src: local('Trade Gothic LT Bold Condensed'), url('../fonts/TradeGothicLT-Bold-Condensed.ttf') format('truetype');
}

@font-face {
  font-family: 'Trade Gothic LT Condensed';
  src: local('Trade Gothic LT Bold Condensed'), url('../fonts/TradeGothicLT-Condensed.ttf') format('truetype');
}

* {
  margin: 0;
}

body{
  font-size: 13px;
  line-height: 23px;
  font-family: "Lexend";
  font-weight: 300; 
  color: #353b53;
  background-color: #f1f1f1;
}

section{
  width: 100%;
}

#bg-login{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#bg-login video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  object-fit: contain;
  transform: translate(-50%, -50%) rotate(-90deg);
}

#header{
  padding: 20px 5px 10px 5px;
}

#footer{
  padding: 10px 25px;
}

.card{
  border: none;
  border-radius: 20px !important;
}

.card-header{
  background-color: #FFF;
  border-top-right-radius: 20px !important;
  border-top-left-radius: 20px !important;
  padding: 15px 20px;
  border-bottom: 1px solid  rgba(167, 168, 170, 0.2);
}

.sidebar {
  min-height: 100vh;
  border-right: 1px solid rgba(167, 168, 170, 0.2);
}

.nav a{
  font-family: "Lexend";
  font-weight: 600 !important;
  font-size: 15px;
  color: #363c56;
}

.btn{
  border-radius: 10px;
  font-family: "Lexend";
  font-weight: 600;
}

.nav a .la,
.nav a .las,
.btn-link .la,
.btn-link .las{
  position: relative;
  top: 2px;
  font-size: 18px;
}

.btn-outline-primary{
  color: #000;
  border-color: #000;
}

.bg-primary-light{
  background-color: rgba(245, 138, 31, 0.2);
  color: rgb(245, 138, 31);
}

.btn-outline-primary:hover,
.btn-outline-primary:active{
  color: #FFF !important;
  border-color: #000;
  background-color: #000;
}

.nav a:hover,
.nav a.active{
  color: #353b53;
}

#main{
  padding: 15px;
  min-height: 86vh;
}

.list-group .list-group-item{
  border-bottom-color: rgba(167, 168, 170, 0.2);
}

.list-group .list-group-item:last-child{
  border-bottom: 0;
}

.form-floating > .form-control::placeholder {
  color: revert;
}

.form-floating > .form-control:not(:focus)::placeholder {
  color: transparent;
}

form .dropdown-toggle::after{
  display: none;
}

.dropdown-toggle.form-control{
  height: 58px;
}

.form-control,
.form-select{
  font-size: 13px;
  padding: 12px 15px;
  border-color: rgba(167, 168, 170, 0.5);
  border-radius: 10px;
}

.input-group-text{
  border-radius: 10px;
}

.input-group-text{
  font-size: 13px;
}

.profile.circle{
  background-color: lightgray;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0 !important;
  text-align: center;
  padding-top: 8px !important;
  text-decoration: none;
}

.profile.circle.dropdown-toggle::after{
  display: none;
}

.profile.circle.dropdown-toggle .dropdown-menu{
  border: 0 !important;
}

.form-select:focus,
.form-select:active,
.form-control:focus,
.form-control:active{
  box-shadow: none;
  border-color: rgb(101, 105, 110);
}

.btn{
  padding: 12px 15px; 
  font-size: 13px;
}

.btn-link{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
}

.btn-primary{
  background-color: #000;
  border-color: #000;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
  background-color: rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.bg-light{
  background-color: rgba(236, 239, 243, 0.3) !important;
}

.bg-dark{
  background-color: #666465 !important;
}

.border-dotted{
  border-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='rgba(167, 168, 170, 0.8)' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.btn.disabled{
  background-color: rgba(0,0,0,0.9) !important;
  border-color: rgba(0,0,0,0.9) !important;
}

.h-100{
  margin-top: 80px;
}

h1,
h2{
  font-family: "Butler Stencil Light";
  color: rgb(101, 105, 110);
  font-weight: 600;
}

h2{
  font-size: 3rem;
}

h3,
h4{
  font-family: "Trade Gothic LT Bold Condensed";
  color: rgb(101, 105, 110);
  font-weight: 600;
}

h5,
h6{
  font-family: "Trade Gothic LT Condensed";
  font-weight: 600;
}

.text-primary{
  color: rgb(245, 138, 31) !important;
}

a{
  color: rgb(0, 0, 0);
  text-decoration: none;
}