:root{
    --gsanborns-btn-bg: #ffffff;
    --gsanborns-bg: #fa821b;
    --gsanborns-shadow: #5a0005b8;
    --gsanborns-header-bg: #060404;
    --gsanborns-td-bg: #ffeddb;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../css/fuentes/GothamBook.eot?') format('eot'),  
    url('../../css/fuentes/GothamBook.woff') format('woff'),  url('../css/fuentes/GothamBook.ttf') format('truetype'),  
    url('../../css/fuentes/GothamBook.svg#GothamBold') format('svg');
}
table {
    border: 0;
    border-collapse: collapse;
}

#tablenav{
   float:none;
}
#encabezado{
    color:#fff;
    font-weight:bold;
    font-size:16px;
    background: var(--gsanborns-header-bg);

    }

#encabezado td{
   padding: 0.3em;
}

td {

   font-size: 13px;
}	

#tr_color {
   background: #f0f4f8;
}

.controls{
    border: none;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1em;
    background-color: var(--gsanborns-bg);
    box-shadow: var(--gsanborns-shadow) 1px 2px 6px;
}

.controls td:first-child{
    padding-left: 1em;
}

.w40p{
   width: 40px !important;
}

.w30p{
width: 30px !important;
}

.controls td:last-child{
padding-right: 1em;
}

.selector{
    border-radius: 10px;
    border: none;
    font-size: 14px;
    padding: 0 1em;
}

.controls td{
   padding-top: 1em;
   padding-bottom: 1em;
   border-collapse: collapse;
}

.btn-gsanborns{
   background-color: var(--gsanborns-btn-bg);
   border-radius: 20%;
   display: inline-flex;
   padding: 0.4em;
   justify-content: center;
   align-items: center;
   box-shadow: var(--gsanborns-shadow) 1px 2px 7px;
}

.btn-gsanborns img{
   width: 30px;
}

.text-white{
   color:white;
}

.tinytable td{
   border:none;
}

.tinytable{
   border:none;
}

.tinytable .head h3, .tinytable .asc h3, .tinytable .desc h3{
   color: black;
}

body{
    width: 83.333%;
    margin-left:8.33333%;
    font-family: 'Gotham', sans-serif;
}

.divider{
   display: block;
   height:2px;
   width: 83.33333%;
   background-color: var(--gsanborns-color);
}

.marked{
   color: var(--gsanborns-color);
}

.tinytable .oddrow td{
   background-color: var(--gsanborns-td-bg);
}

.full-width{
   width: 96%;
   margin-left: 2%;
}

.red{
   color: var(--gsanborns-bg);
}