@charset "UTF-8";
/*
  Naranja rgb(90, 67, 186) (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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
  margin: 0;
}

body{
  font-size: 14px;
  line-height: 24px;
  font-family: "Open Sans";
  font-weight: 400; 
  color: #6D6B7B;
  overflow-x: hidden;
}

* {
  font-family: "Open Sans", sans-serif;
}

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{
  background-color: #FFF;
  border-bottom: 1px solid  rgba(167, 168, 170, 0.2);;
  padding: 15px 25px;
}

#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: "Switzer-Variable";
  font-weight: 600 !important;
  font-size: 15px;
  color: rgb(137, 141, 150);
}

.btn{
  border-radius: 10px;
  font-family: "Switzer-Variable";
  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: rgb(90, 67, 186);
  border-color: rgb(90, 67, 186);
}

.btn-outline-primary:hover,
.btn-outline-primary:active{
  color: #FFF !important;
  border-color: rgb(90, 67, 186);
  background-color: rgb(90, 67, 186);
}

.nav a:hover,
.nav a.active{
  color: rgb(90, 67, 186);
}

#main{
  padding: 25px;
  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: 14px;
  padding: 12px 15px;
  border-color: rgba(167, 168, 170, 0.5);
  border-radius: 10px;
}

.btn{
  font-family: "DM Sans" !important;
  font-size: 16px !important;
}

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

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

.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: 14px;
}

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

.btn-primary{
  background-color: rgb(90, 67, 186);
  border-color:  rgb(90, 67, 186);
}


.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
  background-color: rgb(90, 67, 186);
  border-color: rgb(90, 67, 186);
}

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

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

.bg-secondary{
  background-color: #A7A8AA !important;
}

.bg-primary{
  background-color: rgb(90, 67, 186) !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: "DM Sans";
  color: #280c33;
  font-weight: 600;
}

h2{
  font-size: 3rem;
}

h3,
h4{
  font-family: "DM Sans";
  color: #280c33;
  font-weight: 600;
}

h5,
h6{
  font-family: "DM Sans";
  font-weight: 600;
}

.text-primary{
  color: rgb(90, 67, 186) !important;
}

a{
  color: rgb(90, 67, 186);
}