@charset "UTF-8";
/* CSS Document */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {
    height: 100%;
}
body {
    background-color: #777;
    margin: 0;
    border: none;
    padding: 0;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, Arial, "sans-serif";
}
div, article, aside, figure, footer, header, main, nav, section {
    display: block;
    margin: auto;
    border: none;
    padding: 0;
}
table {

    /*border-spacing: 3px;*/
    text-align: center;
    border-collapse: separate;
    font-size: 12px;
}
th, td {
    padding: 1px 5px;
}
tr, td {

    background-color: #DDD;
}
th {
    background-color: #777;
    /*padding: 2px*/
    color: #FFF;
}
.tdRow {
    border-bottom: 1px solid #000;
}
.centerText {
    text-align: center;
}
.leftText {
    text-align: left;
}
.rightText {
    text-align: right;
}
.stockEnc{
    background-color: #006600;
}
.stockRow{
    background-color: #c3e3c3;
}
.comprometido {
    background-color: #ff6600;
}
.month-title {
    background-color: #FFF;
    color: black;
    padding: 10px;
}
.centerTable {
    margin: 10px auto;
}
.leftTextTable th, .leftTextTable td {
    text-align: left;
}
.active-day {
    background-color: #96eb51;
}
.min-width {
    min-width: 1024px;
}
.header-title{
    background-color: #222;
    margin: 0;
    padding: 10px 5px;
    color: white;
}
#wrapper {
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    padding: 10px 10px 5px;
}
#clock {
    background-color: #00a8f3;
    border-radius: 10px;
    padding: 10px 5px;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}
.section {
    margin: 10px auto;
}
.valido, .exito, .informativo, .advertencia, .error {
    margin: 4px auto 6px;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
}
.valido {
    background-color: #777;
    color: white;
}
.exito {
    background-color: #a9e7ba;
    color: black;
}
.informativo {
    background-color: #777;
    color: white;
}
.advertencia {
    background-color: #f5a248;
}
.error {
    background-color: #de565b;
    color: white;
}
.btn {
    margin: 2px;
    border-radius: 4px;
    padding: 4px 5px;
    font-weight: bold;
    transition-duration: 0.3s;
    cursor: pointer;
}
.btnAceptar:hover {
    background-color: #63a2ff;
    color: white;
}
.btnCancelar:hover {
    background-color: #ff3333;
    color: white;
    
}
.datoCita{
    background-color: #0fa93b;
}
.fechaHoraVigente {
    background-color: #a9e7ba;
    font-weight: bold;
}
.fechaHoraVencida {
    background-color: #ffcca8;
}
.footer {
    width: 100%;
    background-color: #111;
    position: absolute;
    bottom: 0px;
    padding: 10px 0;
    color: #EEE;
    font-family: Arial, Helvetica, sans-serif;
}