h1{
    color: #bc1f0f;
    font-weight: 900;
    text-align: center;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    margin: 0;
    display: flex;
    min-height: 100%;
    background-color: #ffd600;
}
.main{
    flex: 1;
    max-width: 100%;
    margin-bottom: 20%;
}
.card-header {
    background-color: #fe0000;
    color: #fff;
}
label {
    font-weight: 900;
    color: #bc1f0f;
}
.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;
    }
.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%;
}

.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;
}
.error {
    color: #bdbdbd;
}
#home {
    
  }
  #home:hover {
    filter: drop-shadow(0 5px 5px rgba(252, 2, 2, 0.63));
  }