body{
    background-color: #2d2b2b;
    color: #ffffff;
    
}

header {
    height: 50px;
    background-color: #000000;
    margin-bottom: 30px;
    width:100%;
}

.logo {
    vertical-align: middle;
    font-size: 28px;
}

.config {
    font-size:24px;
    margin-top: 5px;
}

.content {
    margin: 0 auto;
    margin-bottom: 100px;
}

th > i {
    font-size: 28px;
}

thead {
    font-size: 14px;
    font-family: sans-serif;
    text-transform: uppercase;
    --bs-table-bg: #000;
    --bs-table-color: white;
}

tbody {
    font-size: 16px;
    font-family: emoji;
}




label > i {
    font-size: 42px;
}

.btn-form {
    float: right;
    margin-bottom: 10px
}

.btn-form-add{
    float: right;
    margin-bottom: 10px;
    position: relative;
    top: 40px;
}

.btn-form:hover {
    background-color: rgb(73, 141, 70);
}

.volver-btn {
    float: left;
    position: relative;
    color: #ffffff;
    bottom: -10px;
}

.btn-volver:hover {
    background-color: #5f6ea9;
}

.btn-volver {
    border: solid 2px #fff9f9;
    border-radius: 8px;
    background-color: #0e30b6;
    display: inline-block;
    width: 100px;
    color: #ffffff;
}

.guardar-btn {
    float: right;
    position: relative;
    top: 10px;
    color: #FFF;
    background-color: #358d1d;
}

.guardar-btn:hover {
    background-color: rgb(96, 135, 94);
}

.eliminar-btn {
    position: relative;
    bottom: -10px;
    float: right;
    margin-right: 50px;
    color: #FFF;
    background-color: #de2828;
}

.eliminar-btn:hover {
    background-color: #ae6767;
}

.awards-btn {
    float: right;
    position: relative;
    color: #b38838;
    right: 25px;
    top: 10px;
}

.btn-awards:hover {
    background-color: #d29616;
}

.btn-awards {
    border: solid 2px #fff9f9;
    border-radius: 8px;
    background-color: #eeb20a;
    display: inline-block;
    width: 100px;
    color:#442f09;
}

.select-social {
    display: inline-block;
    width: 300px;
    margin-left: 20px;
    vertical-align: 10px;
}


.ico-form {
    margin-left: 80px;
}

.edit-btn {
    color:#0d82fd;
    font-size: 26px;
}

.event-url {
    text-decoration: none;
    font-weight: 800;
    color: #333333;
}

/*label > .ico-form {
    display: none;
}
div > .select-social {
    display: none;
}*/

.evento-pasado {
    --bs-table-color: rgb(76, 21, 21);
    --bs-table-bg: rgb(226 162 162);
    --bs-table-striped-bg: #f29c96;
    --bs-table-striped-color: rgb(76, 21, 21);
}

.evento-presente {
    --bs-table-color: #1e4410;
    --bs-table-bg: rgb(206 244 193);
    --bs-table-striped-bg: #b8dfad;
    --bs-table-striped-color: #1e4410;
}

.config >a {
    color: #ffffff;
}

/* DATATABLE */
.dt-search{
   /* display: inline-block;
    position: relative;
    left: 300px;
    bottom: 15px;*/
    width:300px;
}

.dt-length{
   /* position: relative;
    top: 15px;*/
}

/***  LOGIN ***/
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
.h-custom {
height: calc(100% - 73px);
}
@media (max-width: 450px) {
.h-custom {
height: 100%;
}
header {
    width: 100%;
}
section {
    position: fixed;
    height:92%;
    width:100%;
}
}