body, td{
    font-family: Nunito,sans-serif !important;
}
.sidebar-brand{
    background-color: #3c4b64;
    border-right:1px solid #fff;
}
.container-lg{
    max-width:100% !important;
}
.debug{
    border:1px solid red !important;
}
.hide{
    display:none !important;
}
.form-group{
    margin:10px 10px 20px 10px;
    padding:10px;
    clear:both;
}
.form-group input,
.form-group select{
    padding:10px;
    float:right;
    width:70%;
    margin-bottom: 15px;
    border-radius: 8px;
}
.form-group label{
    float:left;
    line-height: 45px;
    text-align: right;
}
.hero-title{
    font-size:4.02rem;
}
span.select2{
    float:right;
    width:100% !important;
}
[name=readiness]{
    position: relative;
    left: -200px;
    top: 20px;
}
.hero-img{
    width:85% !important;
}
.input-group-icon label{
    float: left !important;
}

a .announcement p{
    color:#000 !important;
    text-decoration: none !important;
}
@media only screen and (max-device-width: 720px) and (orientation: landscape) {
    .form-group label {
        font-size: 12px !important; /* Adjust if needed for landscape */
    }
    #footer {
        display: none !important;
    }
    #info {
        display: none;
    }
    #form {
        width: 100% !important;
        right: 0px !important;
    }
    .group-category {
        width: 100% !important;
    }
    .sidebar-toggler, .header-toggler {
        display: block !important;
    }
}
#list td{
    font-size:14px !important;
}
.total{
    background: #515151;
    color:#fff;
}
.btn-primary{
    background-color: #C8992F !important;
    border-color:#C8992F !important;
    font-size: 18px;
}
.btn-border{
    background-color: none !important;
    border:1px solid #000;
    border-radius:0px !important;
}
.btn-border:hover{
    background-color: #C8992F !important;
    border: 1px solid #C8992F !important;
    color:#fff !important;
}