body{
    background: #f5f5f5;
}

.tituloId{
    background: #bfbfbf;
    color: white;
}

.nombreTitulo{
    background: #01b1f1;
    text-align: center;
}

.titulo{
    background: #023A67;
    border: 1px solid #023A67;
    font-family: "Times New Roman" , "courier";
}

.avisoConfirmar{
    background: #f83b3b;
    border: 1px solid #565050;
    font-family: "Times New Roman" , "courier";
}

.negrita{
    color: black;
}

.colorId{
    color: white;
    text-align: center;
    font-size: 16px;
}

.centrar{
    text-align: center;
    background-color: #bebebe;
}

.diaSemana {
    background-color: #a6a6a6 !important;
    color: white!important;
    text-align: center!important;
    font-size: 30px;
}

.fondoTabla{
    background: white;
}

.fila{
    background: #f3f2f0;
    text-align: center!important;
    font-size: 12px;
}

.verdeSeleccionadoOscuro{
    background: #92d14f;
}

.verdeSeleccionadoClaro {
    background: #c4e5a0;
}

.trc{
    background-color:#023A67
}
.navc{
    background-color:#023A67
}
.bc{
    background-color:#D0D0D0;
}
.dropdown-item:focus, .dropdown-item:active, .dropdown-item:hover{
    background-color: #023A67 !important;
}
i.material-icons.mic{
    font-size: 1em;
}
.s{
    border:2px solid rgb(2, 58, 103);
    border-radius:16px;
    background-color:#bdbdbd;
    float: left;
}


.container h2 , .panel-info{
    margin-top:80px;
    line-height:50px;
}
.verticalText {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.reloj{
    text-align: center;
    display: inline-block;
    font-size: 10px
}

.centrar{
    text-align: center;
}


.cont{
    margin-left: auto;
    margin-right: auto;
}

.container{
    margin-left: auto;
    margin-right: auto;
}

.card-title , .card-text  {
    font-size: 80%;
}

.card-header{
    font-size: 70%;
}

@media screen and (min-width: 768px) {
    .card-title , .card-text  {
        font-size: 100%;
    }

    .card-header{
        font-size: 100%;
    }
}

@media screen and (max-width: 532px) {
    .card-title , .card-text  {
        font-size: 70%;
    }

    .card-header{
        font-size: 60%;
    }
}

.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}

.sinEspacio{
    margin: 0;
    padding: 0;
}

.tfs{
    font-size: 11px;
}
.tablas{
    margin-left: 0;
    padding-left: 0;
}
.well {
    min-height: 300px;
    width: 100%;
}

.row > .col-xs-3 {
    display:flex;
    flex: 0 0 25%;
    max-width: 25%
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.flex-row {
    display:flex;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}

.tfsize{
    padding: 0.1rem!important;
    vertical-align: top!important;
    border-top: 1px solid #dee2e6!important;
    font-size: 11px!important;
    height: auto;
    width: auto;
}
.tfunitssize{
    padding: 0.1rem!important;
    vertical-align: top!important;
    border-top: 1px solid #dee2e6!important;
    font-size: 11px!important;
    height: auto;
    width: auto;
}
/*th, td {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }*/

  table td{
    padding: 0.1rem!important;
    vertical-align: top!important;
    border-top: 1px solid #dee2e6!important;
}

/* Añadir y eliminar bien puestos*/
#btnA {
    padding:7px;
    margin-top: 7px;
    margin-right: 7px;
}

#btnE{

margin: 4px 4px 4px 6px;
}

/*responsive para mvl*/
@media all and (max-width: 568px){
    #columna{
            flex-direction: column!important;
            height: auto!important;
            margin: auto!important;
            padding: auto!important;

        }

    #botonesTabla{
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center!important;




    }

    #botonesCancelar{
        margin-bottom: 5px;



    }

    #botonesRecetas{
        margin-bottom: 5px;
    }

    #botonesPLC{
        margin-bottom: 5px;

    }

    #btnComparar{
        margin-bottom: 10px;
    }

}

  .material-icons.md-10 { font-size: 10px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }
  /* Rules for using icons as black on a light background. */
  .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
  .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
  /* Rules for using icons as white on a dark background. */
  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
  .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

  /*Btn on/off*/
  .slow  .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }