footer {
    background: #ffffff !important;
}
.card {
    border-radius: 0px !important;
}
.profile #cd {
    font-size: 18px;
}

.au-task__item-inner {
    padding: 18px 25px;
}

.au-task-list {
    height: auto;
}

.top-campaign {
    margin-bottom: 0;
    padding-bottom: 0;
}
.availableDays{
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.avilable-types{
    padding:0;
}
.au-card-title .bg-overlay {
    border-radius: 0 !important;
}

.user-request th {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.user-request th, .user-request td {
    padding-left: 20px;
}

.color-default-request-status{
    /*font-weight: 600;*/
    color: forestgreen;
}

.color-red {
    color: #c60000;
}

.m-r-2 {
    margin-right: 2px;
}

/*#requests-table thead {*/
    /*background: #4272d7c4;*/
    /*color: white;*/
/*}*/

#requests-table thead th{
    font-weight: 400;
}

.label-days-request {
    font-size: 12px;
    margin-top: -5px;
}

.number-days-request {
    font-size: 20px;
}

.font-size-55 {
    font-size: 55px;
}

/*Calendar*/
.fc-body {
    background: white;
}

.fc .fc-widget-header {
    border: 0;
    margin-bottom: 5px;
    color: gray;
    font-size: 12px;}

.fc th {
    text-transform: uppercase;
    font-weight: 400;
    text-align: right;
}

.fc-basic-view .fc-day-number {
    padding: 8px;
}

.leyenda-container {
    padding: 30px 0px;
}

/* Event default */
.fc-event {
    border-radius: 2px;
    color: white !important;
    background: white;
    font-size: 12px;
    padding: 3px 5px;
    margin: 3px;
    border: transparent;
}

.fc-event, .fc-event-dot {
    background-color: #198ae3;
}
.fc-list-table tr.fc-list-item td{
    border-color: transparent;
    border-bottom: 1px solid #e6dfdf;
}

.fc-event.otros, .otros-leyenda {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #da8cff, #9a55ff);
    border-left: 4px solid #b66dff;
}

.fc-event.vacaciones, .vacaciones-leyenda {
    border-left: 4px solid #2db1ff;
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf));
    background: linear-gradient(to right, #85c4f7, #219dff 99%);
}

.fc-event.viaje, .viaje-leyenda {
    border-left: 4px solid #ff6767;
    background: -webkit-gradient(linear, left top, right top, from(#f7a281), color-stop(99%, #ec6c37));
    background: linear-gradient(to right, #f7a281, #ec6c37 99%);
}

.fc-event.vacaciones-pendiente, .vacaciones-pendiente-departamento, .vacaciones-pendiente-rrhh, .vacaciones-pendiente-leyenda, .vacaciones-viaje-pendiente-rrhh {
    border-left: 4px solid #f6d760;
    background: -webkit-gradient(linear, left top, right top, from(#f5c300), color-stop(99%, #f6d760));
    background: linear-gradient(to right, #f5c300, #f6d760 99%);
}

.fc-event.festivo-nacional, .festivo-nacional-leyenda{
    border-left: 4px solid #07cdae;
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: linear-gradient(to right, #84d9d2, #07cdae);
}
.fc-event.festivo-autonomico, .festivo-autonomico-leyenda{
    border-left: 4px solid #07cdae;
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: linear-gradient(to right, #84d9d2, #07cdae);
}
.fc-event.festivo-local, .festivo-local-leyenda{
    border-left: 4px solid #07cdae;
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: linear-gradient(to right, #84d9d2, #07cdae);
}

.fc-header-toolbar h2{
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
}

.fc-state-default.fc-corner-right {
    border-radius: 0;
}

.fc-state-default {
    border: 1px solid;
    background-color: #f5f5f5;
    background-image: none;
    background-repeat: no-repeat;
    border-color: rgba(0,0,0,.1);
    color: #333;
    text-shadow: none;
    box-shadow: none;
}

#calendar .fc-list-heading-main {
    font-size: 14px;
    font-weight: 600;
}

/*Bootstrap customize*/
.page-item.active .page-link {
    background-color: #4272D7;
    border-color: #4272D7;
}

#calendar-days {
    max-width: 650px;
 }

.b-l-green {
    border-left: 3px solid #00ad5f !important;
}

.b-l-blue {
    border-left: 3px solid #4272d7 !important;
}

.footer-signing-card {
    padding: 0.90rem 1.25rem;
}

.card-footer, .card-header {
    background: none;
    border: none;
}

.fc-unthemed .fc-list-view {
    border-color: transparent;
}

.fc-unthemed .fc-list-heading td {
    background: none;
}

td.fc-day.fc-sat,
td.fc-day.fc-sun {
    background: #f5f5f5;
}


.event .date-event {
    font-weight: bold;
    color: #555;
    font-size: 15px;
}

.event .info-event {
    color: #919294;
    font-size: 13px;
    font-weight: 300;
}

.vertical-center {
    min-height: 100%;  /* Fallback for vh unit */
    /*min-height: 100vh;*/ /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;

    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.

       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
}

.rounded-legend.legend-vertical ul li {
    color: #343a40;
}

.card .card-title {
    color: #343a40;
}


.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
    height: auto;
}

.form-register form select {
    color: #343a40 !important;
}

/*select.form-control{*/
    /*padding: 0.94rem 1.94rem;*/
/*}*/

.mdi-checkbox-blank-circle.signing-online,
.mdi-checkbox-blank-circle.signing-offline {
    border: 3px solid #ffffff;
    font-size: 10px;
    padding-right: 5px;
}

.mdi-checkbox-blank-circle.signing-online {
    color: #1bcfb4;
}

.mdi-checkbox-blank-circle.signing-offline {
    color: #fe7c96;
}

#requests-table_length select.form-control.custom-select,
#departments-table_length select.form-control.custom-select,
#online-table_length select.form-control.custom-select,
#users-table_length select.form-control.custom-select {
    padding: 0px 30px 0px 20px;
    margin: 0px 10px;
}

.dataTables_length {
    font-size: 12px;
    color: #76838f;
}

div.dataTables_wrapper div.dataTables_filter label{
    font-size: 14px !important;
}

div.dataTables_wrapper .form-control, .date_range_filter {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #B0976D;
}

i#btn-expand-collapse {
    font-size: 1.25rem;
    color: #9c9fa6;
    cursor: pointer;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: inherit;
}
.sidebar .nav .nav-item.active > .nav-link i {
    color: #b0976d;
}

.m-w-200 {
    max-width: 200px;
}

.rounded-legend.legend-vertical ul li {
    margin-top: 2px;
}

.content-wrapper {
    padding: 2.25rem 2.25rem;
    background: #d7cdd9b3;
    background-image: url("../images/bg.png");
    background-repeat: repeat;
}

@media (max-width: 990px) {
    .content-wrapper {
        padding: 1.25rem 1.25rem;
    }

    .navbar .mdi-dots-vertical {
        display: none !important;
    }
}

@media (min-width: 990px) {

    .main-panel.full-page {
        width: 100% !important;
    }

    #sidebar.collapse-sidebar {
        display: none !important;
    }

}

.navbar {
    border-bottom: 1px solid #0c05000d;
}

/* custom fullcalendar */
button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    margin-left: 0px;
}

button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    background-color: white;
    border-right: transparent;
    color: #a8b2b9;
    font-size: 15px;
    border-color: rgba(0,0,0,.1);
}

button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    background-color: white;
    border-left: transparent;
    color: #a8b2b9;
    font-size: 15px;
    border-color: rgba(0,0,0,.1);
}

button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled{
    background-color: white;
    color: #a8b2b9;
    font-size: 15px;
}

button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    background-color: white;
    color: #343a40;
    font-size: 15px;
}

button.fc-basicWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right,
button.fc-basicDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    background-color: white;
    margin-right: 0px;
    margin-left: 0px;
    color: #a8b2b9;
    font-size: 15px;
    padding: 0px 15px;

}
button.fc-basicWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active,
button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active,
button.fc-basicDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    color: #fe7c96;
}

button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
    border-right: 0px;
}
button.fc-basicDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
    border-left: 0px;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 2em;
}

.fc-external-events .fc-external-item {
    background: #ffffff;
    color: #000;
    border-width: 0 0 0 4px;
    padding: 16px;
    border-radius: 0;
    margin-bottom: 10px;
}

.fc-external-events .fc-external-item:nth-of-type(1) {
    border-left: 4px solid #219dff;
}
.fc-external-events .fc-external-item:nth-of-type(2) {
    border-left: 4px solid #1bcfb4;
}
.fc-external-events .fc-external-item:nth-of-type(3) {
    border-left: 4px solid #9a55ff;
}

.fc-external-events .fc-external-item:nth-of-type(4) {
    border-left: 4px solid #f6d760;
}

.fc-external-events .fc-external-item:nth-of-type(5) {
    border-left: 4px solid #ff6767;
}

.dataTables_info {
    font-size: 11px;
    color: #76838f;
}

#date-label-from, #date-label-to {
    font-size: 12px;
}

.card .card-title {
    text-transform: inherit;
}

@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
}
@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex:none !important;
    }
}

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex:none !important;
    }
}

@media (max-width: 768px) {
    .card .card-body {
        padding: 1.5rem 1.5rem;
    }
    .scroll-h {
         overflow-x: scroll;
    }
    .no-margin-h-xs {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .vertical-center {
        margin-bottom: 5px;
    }
    .text-xs-center {
        text-align: center;
    }

    .table tbody tr td, .table thead tr th {
        font-size: 11px !important;
    }

    .profile #cd, .profile #ct {
        font-size: 15px;
    }
    .fc-scroller {
        height: 100% !important;
    }

    .btn {
        font-size: 11px !important;
        padding: 6px 10px;
    }

    .card-footer .btn {
        padding: 15px 15px;
    }

    ul.pagination {
        font-size: 12px !important;
        margin-top: 10px !important;
    }

}

.no-padding-h {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.btn {
    font-family: inherit;
}

.btn-gio {
    color: white;
    background-color: #b0976d;
    border-color: #b0976d;
}

.btn-gio:hover {
    color: white;
    background-color: #b0976d;
    border-color: #b0976d;
}

.b-b-blue {
    border-bottom: 2px solid #219dff;
}
.b-b-gio {
    border-bottom: 2px solid #b0976d;
}

.calendar-department .fc-title {
    font-size: 11px;
}

.auth .brand-logo img {
    width: auto;
    max-width: 65%;
}

.auth .brand-logo {
    text-align: center;
}


.fc-event.vacaciones.me {
    background: #197de3 !important;
}

#sidebar .badge {
    padding: 5px 8px;
}
.alert-fixed {
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:9999;
    border-radius:0px
}
.alert-bd{
    background-color: #bed179;
}