:root {
    --bgc1: #424242;
    --bgc2: #424242;
    --lc: #0070ba;
    --gBtn: #d0d0d0;
    --gBtnH:#bdbebe;
    /*--bgc1: #FF8000;
    --bgc2: #e67400;
    --lc: ;#e47300*/
    --transc: transparent;
}
@font-face {
    font-family: 'Roboto', 'Ubuntu';
    src: url('../fonts/Ubuntu.ttf');
}

/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
  color: #4f4f4f;
}

.navbar-scroll .nav-link:hover {
  color: #1266f1;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

html,body {
  background-color: #f5f7fa;
  margin:0;
  padding:0;
  height:100%;

}
.navbarmod{
  /* background-color: #dbe3f0;
  border: #6b87b4 4px solid; */
  border-radius: 10px;
  color: white;
  margin-left: 1%;
  margin-right: 1%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  z-index: 2;

}

.whitetile {
 background-color: white;
 padding: 4%;
 box-shadow: 10px 10px 20px #c4c5ca44;
 margin: 20px 3% 3% 3%!important;
 /* border: #332d2d 4px solid; */
 border-radius: 8px;
 
}

.row{
    --mdb-gutter-x: 0rem;
}

.inputmod{
    background-color: #ebebeb99!important;
}

.sublist{
    list-style:none;
    padding-left: 3%;
}

.mainbox{

}

.footermod{
    height:10px;
    line-height:10px;
    position:absolute;
    bottom: 0!important;
    width: 100%!important;
}

.tablaLista{
  border-collapse: separate;
  border-spacing: 0 8px;
  border-radius:6px;
}
.table-curved {
  border-collapse: separate;
  width:100%;
  border-spacing:0px;
}
.table-curved {
  border: solid #ccc 1px;
  border-radius: 6px;
  border-left:0px;
}


.table-curved tr {
  position: relative;
  border-radius: 26px;
  border-collapse:seperate;
  border-spacing:0;
  background:#f8f8f8;
  background-position-x: 10px;
  padding:10px 0;
  transition:background .1s;
}
.table-curved tr:hover {
  background:#eee;
}
.table-curved th {
  border-top: none;
}
.table-curved th:first-child {
  border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
  border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
  border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
  border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
  border-radius: 0 0 6px 0;
}

.table-curved td:first-child:before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 6px 0 0 6px;
  position: absolute;
}
.table-curved td.red:before {
  background:red;
}
.table-curved td.green:before {
  background:green;
}
.table-curved td.blue:before {
  background:blue;
}
.table-curved td.orange:before {
  background:orange;
}
.table-curved td:first-child{
  padding-left: 15px;
}
.table-curved td{
  position: relative;
  border-bottom: 10px solid white;
  border-spacing: 0px;
  padding: 10px;
}

.card{
  margin: 15px;
}

.alert{
  opacity: 1;
  z-index: 3;
  right: 3%;
  top: 10%;
  position: absolute;
}