h1{
    color: #fe0000;
    font-weight: 900;
    text-align: center;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    margin: 0;
    display: flex;
    min-height: 100%;
}
.main{
    flex: 1;
    max-width: 100%;
    margin-bottom: 10%;
}
.card-header {
    background-color: #fe0000;
    color: #fff;
}
.btn {
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px;
    font-weight: 700; }
.btn-sm {
    font-size: 16px;
    border-radius: 30px;
    padding: 5px 15px;
    font-weight: 500; }
.btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
.btn.btn-vys {
    background: #fe0000;
    border-color: #fe0000;
    color: #fff!important; }
.btn.btn-vys:hover {
    background: #ca0000;
    border-color: #fe0000;
    color: #fff!important; }
.btn.btn-vys.btn-black--hover:hover {
    background: #666666;
    color: #fff; }
    .btn.btn-vys-inv {
        background: #ffffff;
        border-color: #ffffff;
        color: #fe0000!important; }
    .btn.btn-vys-inv:hover {
        background: #ffffffc0;
        border-color: #ffffff;
        color: #fe0000!important; }
    .btn.btn-vys-inv.btn-black--hover:hover {
        background: #666666;
        color: #fff; }
.form-control {
    height: 43px;
    border: 1px solid #fe0000;
    border-radius: 30px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
    .form-control:active, .form-control:focus {
        border-color: #007bff; }
    .form-control:hover, .form-control:active, .form-control:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
.bg-vys {
    background: #fe0000a6!important;
    border-radius: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
}
.site-footer {
    padding: 0em 0;
    background: #fe0000;
    position: absolute;
    bottom: 0;
    width: 100%; }
    @media (min-width: 768px) {
        .site-footer {
        padding: 1em 0; } }
    .site-footer .border-top {
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
    .site-footer p {
        color: rgba(255, 255, 255, 0.7); }
    .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
        color: #fff; }

.table-striped {
    width: 100%;
    }
    .table-striped thead {
    background-color: #fe0000;
    color: #fff;
    font-weight: 900;
    }
.table-striped th {
    text-align: left;
}
.confirm {
    display: none;
}
.confirm.show{
    display: inline-block;
}
.actions.hide{
    display: none;
}
.h4{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
}
.table tbody{
    background-color: #fe000052;
}
#submen{
    background: #fe000073;
}
#export{
    background: #fe000073;
}
#link{
    text-decoration: none;
    color: #fff;
}
#link:hover{
    text-decoration: none;
    color: rgb(192, 192, 192);
}
.btn.btn-disabled {
    pointer-events: none;
    background: #eaeaea;
    border-color: #eaeaea;
    color: #fff!important; }

.btn.btn-on {
    height: 35px;
    background: url('../images/on.png') center;
    background-size: 100% 100%;
}
.btn.btn-off {
    height: 35px;
    background: url('../images/off.png') center;
    background-size: 100% 100%;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #28a745;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #28a745;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  .modal-body {
    background: #fe0000a6!important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
}
.modal-header {
    background: #e50000!important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
}
.modal-footer {
    background: #e50000!important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
}
thead tr th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fe0000;
    color: #fff;
    text-align: center;
}

.table-responsive {
    height:200px;
    overflow:scroll;
}
/* Round statistics */

.sRoundStats { max-width: 300px; margin: auto; display: inline-block; }
.sRoundStats ul li { float: left; margin-left: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 9px; list-style-type: none; font-weight: bold; margin-right: 10px; padding-left: auto; }
.sRoundStats ul li:first-child { margin-left: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.sRoundStats ul li a.ok { background: url(../images/ok.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.ok:hover { background: url(../images/okh.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.pendiente { background: url(../images/pendiente.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.pendiente:hover { background: url(../images/pendienteh.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.guia { background: url(../images/guia.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.guia:hover { background: url(../images/guiah.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.directo { background: url(../images/directos.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a.directo:hover { background: url(../images/directosh.png) no-repeat 0 0; display: block; width: 38px; height: 38px; margin-top: 1px; background-position: center; }
.sRoundStats ul li a span { font-size: 12px; padding: 10px 2px 2px 2px; font-weight: bold; display: block; }
.sRoundStats ul li a span.roundZero { color: #fff; }
.sRoundStats ul li a span.roundPos { color: #fff;}
.sRoundStats ul li a span.roundNeg { color: #fff;}