﻿

th.fc-day-header, td.fc-axis
{
    color: #4A4440 !important;
    background-color: white;
}

td.fc-day {
    background-color: rgba(255,255,255,0.8);
}

.fc-button.fc-state-default{
    background-image:none;
    background-color:#758fd0;
    color:#fff;
    box-shadow:none;
    text-shadow:none;
}
.fc-button.fc-state-active {
    background-color:#03205e;
}

.border-box {
    box-sizing: border-box;
}

.minicalendar {
    float:right;
    font-size:0.74em;
    display:inline-block;
    clear:both;
    margin-bottom:5px;
}
.minicalendar .ui-widget-content {
    border: 1px solid #03205e;
    background-color: #fff;
    padding: 0px;
}
.minicalendar .ui-widget-content tbody {
    background: none;
}
.minicalendar .ui-widget-content .ui-widget-header, .minicalendar .ui-widget-content thead{
    background-image: none;
    background-color:#758fd0 ;
    color: white;
    border-radius: 0px;
    border:none;
    padding: 0
}
.minicalendar .ui-widget-content table, .minicalendar .ui-widget-content .ui-widget-content {
    background: none;
}

.minicalendar .ui-widget-content .ui-state-default {
    color: white;
    background-image: none;
    background-color:#758fd0 ;
    font-weight: bold;
    border-color: #03205e;
    border:none;
}
.minicalendar .ui-widget-content .ui-state-highlight {
    background-color: #03205e;
}


/*Nuevo minicalendario*/

.ui-widget-content {
    border: 1px solid #03205e;
    background-color: #fff;
    padding: 0px;
}
.ui-widget-content tbody {
    background: none;
}
.ui-widget-content .ui-widget-header, .ui-widget-content thead{
    background-image: none;
    background-color:#758fd0 ;
    color: white;
    border-radius: 1px;
    border:none;
    padding: 0
}
.ui-widget-content table, .ui-widget-content .ui-widget-content {
    background: none;
}

.ui-widget-content .ui-state-default {
    color: white;
    background-image: none;
    background-color:#758fd0 ;
    font-weight: bold;
    border-color: #03205e;
    border:none;
}
.ui-widget-content .ui-state-highlight {
    background-color: #03205e;
}

/*.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
    border-color: #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    color: #212121;
}*/

/*Final minicalendario*/

#calendarioAgenda {
    /*padding: 10px 0px 10px 0px;*/
    width: 99.5%;
}

input[type="text"].minicalendar {
    border: none;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    width: 50px;
    height: 50px;
    background: url('/Images/iMas2/BotonesV3/icono-calendar.png');
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow:none !important;
    outline: none;
    color: transparent;
}

    input[type="text"].minicalendar:active, input[type="text"].minicalendar:hover {
        background: url('/Images/iMas2/BotonesV3/icono-calendar-click.png');
        background-size: 45px 45px;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow:none !important;
        outline: none;
    }


.nav-button {
    display: block;
    width:100%;
    height: 25px;
    padding: 0px;
    margin: 0px;
    background-color: rgba(144,132,124,0.3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

    .nav-button.hide {
        background-image: url('/Images//iMas2/BotonesV3/button-plegar.png');
    }
    .nav-button.hide:hover {
        background-image: url('/Images//iMas2/BotonesV3/button-plegar-hover.png');
    }
    
    .nav-button.display {
        border-bottom: 2px solid #fff;
        background-image: url('/Images//iMas2/BotonesV3/button-desplegar.png');
    }
    .nav-button.display:hover {
        background-image: url('/Images//iMas2/BotonesV3/button-desplegar-hover.png');
    }



#calendarioAgenda {
    max-width: 99.5%;
    margin: 0 auto;
}

    #calendarioAgenda .fc-toolbar h2 {
        color: white;
    }

    #calendarioAgenda .fc-widget-header, #calendarioAgenda button {
        text-transform: uppercase;
    }
    /*TODO: Pendiente de validación*/
    #calendarioAgenda .fc-event-container {
        /*text-transform: uppercase;*/
    }

.menu-agenda {
    width: 99.5%;
    margin: 0 auto;
}

.flexrow {
    /*border: solid 1px #000;*/
    display: flex;
    flex-wrap: wrap;
}

    .flexrow.space-between {
        justify-content: space-between;
    }
    .flexrow.flex-start {
        justify-content: flex-start;
    }
    .flexrow.flex-end {
        justify-content: flex-end;
    }
    .flexrow.space-around {
        justify-content: space-around;
    }
    .flexrow.flex-column {
        flex-direction: column;
    }
    .flewrow.flex-row-reverse {
        flex-direction: row-reverse;
    }
    


.flex_menu_left {
    width: 20%;
    border: solid 1px #000;
}

.flex_menu_right {
    width: 20%;
    border: solid 1px #000;
}


/*Popup de citas*/
  #ThePopupCita {
        /*width: 600px !important;*/
        overflow: auto;
        min-width: 300px;
        max-height: calc(100vh - 210px);
        margin: 0 auto;
    }

        #ThePopupCita label {
            font-size: 16px !important;
        }

    .CssSelectPopupCitaEstandar select {
        width: 200px !important;
    }


