@keyframes spinner-d3wgkg {
    to {
        transform: rotate(1turn);
    }
}


#turnos #button-panel li a.btnSlots {background-color: white;}

#search-slots-form input[type=text],
#search-slots-form textarea,
#search-slots-form .wrapper-practicas {
    margin-bottom: 5px;
    font-size: 14px;

    color: #666;
    border: 1px solid #ccc;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#search-slots-form .wrapper-practicas {
    background: #ffffff;
    display: inline-block;
    min-width: 360px;
    padding: 5px;
}
    #search-slots-form .wrapper-practicas input {
        border: 0;
        width: 100%;
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


    #search-slots-form .wrapper-practicas ul > li {
        list-style: none;
        float: left;
        padding: 2px 5px 2px 10px;
        font-size: 10px;
        background: #9FC6E7;
        border-radius: 5px;
        margin: 0 5px 5px 0;
        color: #333;
    }

    #search-slots-form .wrapper-practicas ul li span.text {
        float: left;
    }

    #search-slots-form .wrapper-practicas ul li span.remove {
        font-size: 10px;
        cursor: pointer;
        width: 12px;
        text-align: center;
        float: left;
    }

    #search-slots-form .wrapper-practicas ul li span.remove:hover {
        font-weight: bold;
    }

#search-slots-form form.form-slots {
    display: flex;
    flex-direction: row;
}

#search-slots-form .form-item {
    padding: 5px 5px;
    display: flex;
    flex-flow: nowrap;
}

#search-slots-form .form-item.os-search {
    flex-direction: column;
}

    #search-slots-form .form-item.os-search .popover .loader {
        background: white url('../templates/liclinica/images/ajax-loader_blue.gif') right center no-repeat;
        width: 43px;
        height: 11px;
        margin: 10px auto;
        float: none;
    }
        #search-slots-form .form-item.os-search .popover .popover-content {max-height: 330px; overflow: auto;}
            #search-slots-form .form-item.os-search .popover-content dl dt {font-weight: bold;}
            #search-slots-form .form-item.os-search .popover-content dl dd {margin-bottom: 4px;}


#search-slots-form .form-item label{
    display: flex;
    flex-direction: column;
}


#search-slots-form input[name=buscar] {
    margin-top: 10px;
    line-height: 14px;
    padding: 8px;
}

#calendar-bar {
    width: 30%;
    float:left;
    clear: left;
    margin-left: -8px;
}


#slots-picker {
    width: 70%;
    float:right;
    margin-left: -11px;
}

    #slots-picker .spinner {
        display: none;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 9px solid;
        border-color: #dbdcef;
        border-right-color: #474bff;
        animation: spinner-d3wgkg 1s infinite linear;
    }

    #slots-picker .spinner.slow {
        animation: spinner-d3wgkg 5s infinite linear;
    }

    #slots-picker.loading .spinner {
        display: block;
        margin: 20px auto;
    }


    #slots-picker #slot-selector{
        height: 350px;
        overflow-y: auto;
    }
    #slots-picker.loading #slot-selector {
        display: none;
    }
        #slots-picker #slot-selector .slot-dia {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

#slots-picker .ui-widget-header {
    border: none;
    background: none;
    color: #ffffff;
    font-weight: bold;
}

div#info-bar {
    font-size: 0.9em;
    color: #b2b2b2;
}



.nombre-agenda {
    font-size: x-small;
}

.pressed .nombre-agenda {color: #999999;}

.pressed .badge.badge-info {background-color: #87b5cb;}