@font-face {
    font-family: 'DroidKufi-bold';
    src: url('../fonts/DroidKufi-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidNaskh-Regular';
    src: url('../fonts/DroidNaskh-Regular.ttf') format('truetype');
}

body {
    font-family: 'DroidKufi-bold','DroidNaskh-Regular','Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-bottom: 20px;
    background-color: #ffffff /*#f1ece2 /*#fcf4e6*/ /*#F1F1F1*/;
    color: #593E08 /*#593E08 #AA3939*/;
}

.jumbotron {
    background-color: #b5893d /*#005A8F /*#a57414*/;
    color: #ffffff /*#f1ece2*/;
    border-bottom: 2px solid #593E08;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    padding: 15px 10px 5px 10px;
}

.badge {
    background-color: #b5893d /*#3381bc*/ !important;
    margin: 5px;
    padding: 10px;
    width: 40px;
    border: solid 0.5px;
    border-radius: 60px;
}

.panel {
    padding: 15px;
}

.navbar-fixed-bottom {
    min-height: 20px;
    background-color: #b5893d /*#005A8F #0075BA*/;
    border-top: 2px solid #593E08;
    color: #fcf4e6;
}

th {
    white-space: nowrap;    
}

td, th {
    text-align: center !important;
}

footer {
    background-color: #b5893d /*#7ea1b6*/;
    border-bottom-color: #686d6f
}

input, .btn, select {
    border-radius: 41px !important;
}

thead {
    background-color: #b5893d !important;
    color: #ffffff !important;
    /*color: #eee;*/
}


img {
    mix-blend-mode: multiply;
}