/*CABECERA*/
#cabecera {
    display: flex;
    max-width: 1140px;
    height: 50px;
    margin: 10px auto 10px auto;
    justify-content: space-between;
}

#cabecera #buscador {display: none;}

#cabecera #buscador input[type=text],
input[title=filtro]
{
    border-radius: 20px;
    font-size: 0.9em;
    height: 34px;
    margin: 0;
    padding: 6px 12px;
    perspective: 1000px;
    width: 170px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

#cabecera #buscador form {
    position: relative;
}

#cabecera #buscador input[type=submit]:hover {
    background: url('/img/icons/icon-search-dark.png') no-repeat top left;
}

#cabecera #buscador input[type=submit] {
    background: url('/img/icons/icon-search.png') no-repeat top left;
    text-indent: -999em;
    width: 28px;
    height: 30px;
    border: none;
    position: absolute;
    right: 0px;
    margin-top: 9px;
}

#menuCabecera {
    background: var(--theme-header-backcolor);
    padding: 0 10px 5px;
    margin-bottom: 0;
    height: 57px;
    padding: 5px 10px 5px 10px;
}

#menuCabecera nav > ul > li:hover,
#menuCabecera nav > ul > li:focus
{
    background-color: var(--theme-header-link-background-hover);
}

#menuCabecera nav > ul > li > a {
    border-radius: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 13px;
    text-transform: uppercase;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

#menuCabecera nav > ul > li.open > a,
#menuCabecera nav > ul > li:hover > a {
    background: #ffffff1f;
}

#menuCabecera .dropdown-menu>li>a{
    padding: 8px 20px 8px 8px;
}

#menuCabecera .dropdown-menu>li>a:focus,
#menuCabecera .dropdown-menu>li>a:hover  {
    text-decoration: none;
    background-color: var(--theme-link-backcolor-hover)!important;
    color: var(--theme-link-color-hover)!important;
}


footer {
    display: flex!important;
    background: var(--theme-footer-backcolor);
    justify-content: space-between;
    height: 60px;
    padding: 13px 30px 13px 30px;
    color: var(--theme-footer-color)!important;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    footer {
        flex-direction: column;
        height: inherit;
    }

    footer #contacto {
        display: flex;
        flex-wrap: wrap;
    }

    footer #contacto > a:nth-child(1),
    footer #contacto > a:nth-child(2)
    {
        width: 50%;
        text-align: center;
        height: 30px;
    }

    footer #contacto > a:nth-child(3),
    footer #contacto > a:nth-child(4),
    footer #contacto > a:nth-child(5)
    {
        width: 33.33%;
        text-align: center;
        height: 30px;
    }


    body > .row {
        height: calc(100vh - 267px);
    }
}

footer a:hover {
    border-radius: 4px;
    color:            var(--theme-footer-link-color-hover)!important;
    background-color: var(--theme-footer-link-background-hover);
}

footer>div {
    margin-top: 7px;
}

.table {
    border-radius: 6px;
}

.table > thead > tr {
    color: var(--theme-table-header-color);
    background-color: var(--theme-table-header-backcolor);
}

.table > thead > tr > th {
    padding: 13px 20px 13px 13px!important;
    margin: 0 1px 1px 0;
}

.table > tbody > tr > td {
    padding: 13px!important;
    margin: 1px 1px 0 0;
}

.table > tbody > tr {
    color: var(--theme-table-body-color);
    background-color: var(--theme-table-body-backcolor)!important;

}

.table > tbody > tr > td,
.table > thead > tr > th {
    border-color: rgb(235,237,243);
    border-style: solid;
    border-collapse: separate;
    border-width: 1px;
    border-bottom: rgb(235,237,243) solid 1px!important;

    font-family: Poppins, Helvetica, "sans-serif"!important;
    font-size: 13px!important;
    color:var(--theme-table-body-color);

}

.table > tbody > tr > td{
    padding-top:20px!important;
}

.table > thead > tr > th {
    font-weight: 500!important;
}


.table .btn-success,
.table .btn-primary
{
    color: var(--theme-color-4) !important;
    background-color: transparent!important;
    border-color: transparent!important;
    font-size: 1.2em!important;
}

.table .btn-success i,
.table .btn-primary
 {
    text-decoration: underline!important;
}

.table > tbody > tr > td:last-child{
    text-align: center;
    padding-top: 8px!important;
}

#sidebar+div > div:nth-child(2) > div > .row > div:first-child span{
    font-family: Poppins, Helvetica, "sans-serif"!important;
    font-size: 16.5px!important;
    font-weight: 500!important;
}

#sidebar+div > div:nth-child(2) > div:first-child > .row:first-child > div:first-child::before {
    font-family: "FontAwesome";
    font-size: 16.5px;
    content: "\f03a";
}

.material-icons {
    display: none!important;
}



.badget-total-elements {
    margin-top: 0;
}

form > .row,
form[action*=agenda],
form[action$=List]{
    display: flex;
    position: relative;
    justify-content: flex-end;
}

form > .row > .form-group,
form[action*=agenda] .form-group,
form[action$=List] .form-group{
    display: flex;
    width: 150px!important;
}

form > .row > div > button,
form[action*=agenda] > div > button,
form[action$=ist] > div > button {
    text-align: center;
    position: absolute;
    top: -20px;
    right: 17px;
    width: 40px!important;
    background: transparent!important;
}

/*!*form[action$=agenda] > div  button,*!*/
/*form[action$=list] > div button {*/
/*    top: -20px;*/
/*}*/

form > .row > div > button > i,
form[action*=agenda]  > div > button > i,
form[action$=List]  > div > button > i {
    color: lightgray!important;
}

form > .row > div > label,
form[action*=agenda] > div > label,
form[action$=List] > div > label {
    padding-right: 30px;
    padding-top: 6px;
    font-family: 'Poppins';
    font-weight: 400;
}

#sidebar+div > div:nth-child(2),
#sidebar+div > div:nth-child(2) > div.gris-claro
{
    border-bottom: rgb(235,237,243) solid 1px;
}

#sidebar+div .gris-claro,
.breadcrumb {
    background: transparent!important;
    margin-bottom: 0!important;
}

.breadcrumb-item i {
    color: var(--theme-color-4)!important;
}

a.primario.btn.t-blanco[href*=Gestion]::before,
a.primario.btn.t-blanco[href*='0\/edit']::before,
a.primario.btn.t-blanco[href$=available]::before {
    content:"\f067 ";
    padding: 3px;
    font-family: "FontAwesome";
    color: var(--theme-link-color-inverse)!important;
    background: var(--theme-link-backcolor-inverse-hover)!important;

}


a.primario.btn.t-blanco[href*=Gestion].hidden-md::before,
a.primario.btn.t-blanco[href*='0\/edit'].hidden-md::before,
a.primario.btn.t-blanco[href$=available].hidden-md::before {
    padding: 11px;
    border-radius: 5px;
}

a.primario.btn.t-blanco[href*=Gestion].hidden-lg::before,
a.primario.btn.t-blanco[href*='0\/edit'].hidden-lg::before,
a.primario.btn.t-blanco[href$=available].hidden-lg::before {
    padding: 11px;
    border-radius: 5px;
}

div:has(a.primario.btn.t-blanco[href*=Gestion].hidden-lg),
div:has(a.primario.btn.t-blanco[href*=Gestion].hidden-lg) {
    display: flex;
}

a.primario.btn.t-blanco[href*=Gestion].hidden-md i,
a.primario.btn.t-blanco[href*=Gestion].hidden-lg i,
a.primario.btn.t-blanco[href*='0\/edit'].hidden-md i,
a.primario.btn.t-blanco[href*='0\/edit'].hidden-lg i,
a.primario.btn.t-blanco[href$=available].hidden-md i,
a.primario.btn.t-blanco[href$=available].hidden-lg i
{
    display: none;
}

a.primario.btn.t-blanco[href*=Gestion],
a.primario.btn.t-blanco[href*='0\/edit'],
a.primario.btn.t-blanco[href$=available],
a[data-content*=Cancelar],
button[data-content*=Guardar],
button[data-content*=Enviar] {
    color: var(--theme-link-color)!important;
    background: transparent!important;
    font-size:16.75px;
    font-weight: 500;
}

form[name=buzon]>div:first-child{
    margin-top: 20px;
}

a[data-content*=Cancelar]::before{
    content:"\f00d";
    padding: 3px;
    font-family: "FontAwesome";
    color: var(--theme-link-color-inverse)!important;
    background: var(--theme-link-backcolor-inverse-hover)!important;
}

button[data-content*=Guardar]::before,
button[data-content*=Enviar]::before {
    content:"\f00c";
    padding: 3px;
    font-family: "FontAwesome";
    color: var(--theme-link-color-inverse)!important;
    background: var(--theme-link-backcolor-inverse-hover)!important;
}

.sidebar a:hover {
    background-color: var(--theme-link-backcolor-inverse-hover)!important;
}

.sidebar {
    min-height: calc(100vh - 187px)!important;
    height: inherit!important;
}

.navbar-default{
    background-color: inherit!important;
    border-color: inherit!important;
}

#shortcuts {
    display:flex;
    justify-content: space-between;
}

#shortcuts .btn-link {
    color: var(--theme-link-color-inverse);
}

#navbar.nav-mobile {
    border: 1px solid var(--theme-color-4);
}