﻿/*Selector Turnos------------------------------------------------------------------------------------------------------------------------------*/
.widget-agenda-turnos {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	clear:both;
}
.filtro-selector {
    width:68%;
    margin:1em auto;
}
.filtro-agenda {
    display:inline-block;
    max-width:30%;
    margin-right:2%;
}
.one-selector {
    max-width:100%;
    width:100%;
}
.one-selector .ddl {
    width:60%;
}
.two-selector {
    max-width:47%;
    width:47%;
}
.two-selector .ddl {
    width:70%;
}
.tbl-selector-turnos {
    width:68%;
    border-collapse: collapse;
    /*float:left;*/
    display:inline-block;
    vertical-align:middle;
    margin:0 0 0 3%;
    min-height:200px;
}
.tbl-selector-turnos td{
    border:1px solid #E5E5E5;
}
.tbl-selector-turnos th{
    color:#666666;
}
.tbl-selector-turnos .fila-impar
{
    background:#FFF;
}
.tbl-selector-turnos .fila-par
{
    background:#F1F1F1;
}
.celda-turno
{
	min-width:12.5%;
	max-width:14.5%;
	padding:0.5em;
	font-size:12px;
    color: #333333;
}
.celda-turno-disponible
{
    text-align:center;
}
.celda-hora{
	font-size:11px;
	text-align:right;
    color: #666666;
    width:8%;
}
.encabezado-turno
{
	padding-right:16px;
}
.encabezado-turno .celda-turno
{
	padding:1px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
}
.fila-dias,
.fila-fechas {
    font-size:90%;
}
.fila-dias .celda-turno {
    font-weight:bold;
}
.fila-fechas .celda-turno {
    color:#B4211B;
}
.encabezado-turno .celda-hora
{
	padding:1px;
	text-align:right;
}
.btn-move-week {
    width:12%;
    height:80px;
    border:0;
    font-size:15px;
    font-weight:bolder;
    position:relative;
    top:0;
    cursor:pointer;
}
.btn-move-week:hover,
.btn-move-week:focus {
    text-decoration:underline;
}
.btn-prev-week {
    /*float:left;*/
    display:inline-block;
    vertical-align:middle;
    background:url('/Images/prev-week-bg-min.png') center left no-repeat;
    color:#333;
    text-align:right;
}
.btn-next-week {
    /*float:right;*/
    display:inline-block;
    vertical-align:middle;
    background:url('/Images/next-week-bg-min.png') center right no-repeat;
    color:#B4211B;
    text-align:left;
}
/*.move-week-btn-tbl {
    display:none;
}*/
.widget-agenda-turnos .move-week-btn-tbl {
    font-size: 0;
    visibility: hidden;
    padding: 0;
    width:0;
    border-width:0;
}
@media (max-width:986px) {
    .filtro-selector {
        width:92%;
        margin:1em auto;
    }
    .btn-move-week {
        display:none;
    }
    #iAgenda,
    #widgetAgendaTurno {
        float:none;
        margin: auto!important;
        width:100%;
        display:table;
    }
    .widget-agenda-turnos .move-week-btn-tbl,
    .widget-agenda-turnos tbody .move-week-btn-tbl {
        visibility: visible;    
        border-width:1px;
    }
    .widget-agenda-turnos tbody .move-week-btn-tbl {
        background:#FCFCF9;  
        cursor:pointer; 
        display:table-cell;     
    }
    .move-week-btn-tbl a{
        font-size:100px;
        color:#666666;
    }
    .btn-move-week {
        display:none;
    }
    
    .move-week-btn-tbl {
        display: table-cell;
    }
}
@media (max-width:799px) {
    
    .move-week-btn-tbl a{
        font-size:65px;
    }
    
    .fila-dias th span span,
    .fila-fechas th .date-part-year {
        display: none;
    }
}

@media (max-width:750px) {
    .filtro-agenda {
        display:block;
        max-width:98%;
        margin-right:2%;
    }
    .filtro-agenda label {
        display:inline-block;
        width:24%;
    }
}
@media (max-width:600px) {
    .fila-dias th span,
    .fila-fechas th .date-part-month {
        display: none;
    }
}
@media (max-width:500px) {
    .move-week-btn-tbl a {
        font-size: 40px;
    }
    .filtro-agenda label {
        width:33%;
    }
}