@font-face {
  font-family: Montserrat-Regular;
  src: url(/fonts/Montserrat/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(/fonts/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
  font-family: Montserrat-Black;
  src: url(/fonts/Montserrat/Montserrat-Black.ttf);
}
@font-face {
  font-family: Montserrat-SemiBold;
  src: url(/fonts/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
  font-family: Montserrat-Medium;
  src: url(/fonts/Montserrat/Montserrat-Medium.ttf);
}
* {
  font-family: Montserrat-Regular;
}

.font-bold {
  font-family: Montserrat-Bold;
}

.font-medium {
  font-family: Montserrat-Medium;
}

.font-semibold {
  font-family: Montserrat-SemiBold;
}

.bg-primary {
  background-color: #070D56;
}

.bg-primary1 {
  background-color: #0066FF;
}

.text-turquoise {
  color: #03C3F4;
}

.text-blue {
  color: #0066FF;
}

.color-primary {
  color: #070D56;
}

.text-color-primary {
  color: #070D56;
}

.content-logout p {
  color: #070D56;
  font-family: Montserrat-Medium;
}

.box-login {
  height: 100vh;
  background-image: url(/images/fondo-login.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.box-shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
}

.sidebar {
  padding: 0;
}

.sidebar-box {
  background: #EFF2F9;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.os-content nav {
  position: relative;
  height: 100%;
}
.os-content nav ul {
  height: 100%;
}

.nav-link {
  padding: 0.75rem 1rem;
}
.nav-link p {
  font-family: Montserrat-Medium;
}

.nav-pills .nav-link.active {
  background: #03C3F4;
}

.nav-pills .nav-item:last-of-type {
  position: absolute;
  bottom: 40px;
}

table.dataTable th {
  color: #070D56;
  font-family: Montserrat-Medium;
}

table.dataTable td {
  color: #070D56;
}

#table1_wrapper .bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* end datatable css */
div.dataTables_wrapper div.dataTables_paginate {
  margin-left: auto;
}

div.dataTables_wrapper div.dataTables_info {
  margin: 2rem;
  padding-top: 0;
  font-family: Montserrat-Medium;
  color: #070D56;
}

div.dataTables_wrapper div.dataTables_length label {
  margin-bottom: 0;
  font-family: Montserrat-Medium;
  color: #070D56;
}

.dataTables_wrapper .pagination li {
  padding: 0 4px;
}

.dataTables_wrapper .pagination .page-item > .page-link {
  background: #fff !important;
  border: 1px solid #303030;
  border-radius: 100px;
  color: #303030 !important;
  font-family: Montserrat-Bold;
  font-weight: 700 !important;
  font-size: 14px !important;
  height: 30px;
  width: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dataTables_wrapper .pagination .page-item.active > .page-link, .dataTables_wrapper .pagination .page-item:hover > .page-link {
  color: #fff !important;
  border: 1px solid #06f !important;
  background: #06f !important;
}

/* end datatable css */
.brand-link .brand-image-xl {
  max-height: 50px;
}

.logo-xl.brand-image-xl, .logo-xs.brand-image-xl {
  left: 50px;
  top: 16px;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(5.5rem + 1px);
}

.brand-link .brand-image {
  margin-left: 0.5rem;
}

.brand-link {
  font-size: 2.25rem;
}

.form-control {
  border: 1px solid #0066FF;
}

.btn-kipu {
  border-radius: 10px;
  border: 1px solid #06F;
  color: #06f;
  font-family: Montserrat-SemiBold;
  line-height: 2;
}
.btn-kipu:hover {
  color: #06f;
}
