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

@font-face {
    font-family: 'Cairo-Bold';
    src: url('/fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.rtl {direction: rtl}
header {
    min-height: 50px;
    text-align: center;
    font-family: Cairo-Bold;
    background-color: #175F78;
    color: #EEE;
    vertical-align: middle;
    padding: 20px;
    font-size: 25px
}

    header img.logo {
        float: left;
        height: 60px;
        /*border: 1px solid #AAA;*/
        border-radius: 50%;
        margin-top: -10px;
        padding: 3px;
        background-color: rgba(255, 255, 255, 0.8);
    }

.control-label {
    font-family: Cairo;
    margin-top: 7px;
    color: #175F78;
    font-size: smaller;
    font-weight: bold;
}

.alert {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-color {
    color: #175F78;
}
.main-color-bg {
    background-color: #175F78;
}
/*
.cairo-font {
    font-family: Cairo;
    font-weight: normal
}

.cairo-font-bold {
    font-family: Cairo-Bold;
}


.table thead td, .table th {
    background-color: #AAA;
    color: #FFF;
    font-family: Cairo-Bold;
    text-align: center;
    vertical-align: middle
}

.table td {
    text-align: center;
    vertical-align: middle
}

*/