*
{
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    
}
#search-frm button, #search-frm input
{
    width: 100%;
    border: none;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
}
#search-frm input
{
    border: 2px solid #aeaeae;
    text-indent: 10px;
}
#search-frm .col-input
{
    width: 58%;
    margin: 0 0.5%;
    float: left;
}
#search-frm .col-btn
{
    width: 19%;
    margin: 0 0.5%;
    float: left;
}
#search-frm:after
{
    display: block;
    clear: both;
    content: " ";
    
}
.table
{
    width: 100%;
    border-collapse: collapse;
}
.table td, .table th
{
    padding: 4px;
    border: 1px solid #dfcece;
}
.text-center
{
    text-align: center;
}
.btn
{
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    color: white;
    border: none;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    background-color: black;
    text-decoration: none;
    font-size: 14px;
    padding: 0 2%;
}
.btn-warning
{
    background-color: #f2ac06;
}
.btn-warning:hover
{
    background-color: #d79804;
}
.btn-secondary
{
    background-color: #30b1ff;
}

.form-control
{
    width: 100%;
    border: none;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    border: 2px solid #aeaeae;
    text-indent: 10px;
    margin-bottom: 10px;
}
.form-control:disabled {
  background: #ccc;
}
.input-group .form-control
{
    width: 85%;
    float: left;
    border-radius: 4px 0 0 4px;
    border-right: none;
}
.input-group .input-group-append
{
    width: 15%;
    float: right;
}
.input-group .input-group-append .btn
{
    width: 100%;
    border-radius: 0 4px 4px 0;
}
.input-group:after
{
    content: " ";
    display: block;
    clear: both;
}

.alert
{
    background: #e3e2e2;
    padding: 15px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
/*alert-secondary*/

#login-frm
{
    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 99%;
    margin: 10px auto;
    margin-top: 80px;
    padding: 1%;
    border-radius: 6px;
    
}
#login-frm button, #login-frm input
{
    text-align: center;
    height: 60px; line-height: 60px;
    font-size: 16px;
}
#login-frm .status
{
    padding: 1%;
}

.page-error
{
    border: 1px solid #ec8080;
    width: 500px;
    margin: 10px auto;
    margin-top: 80px;
    padding: 1%;
    border-radius: 6px;
    background: #fff4f4;
    color: red;
}
.card
{
    
}
.card .card-header
{
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}