@font-face {
    font-family: 'DroidKufi-Bold';
    src: url('../fonts/DroidKufi-Bold.eot');
    src: url('../fonts/DroidKufi-Bold.eot?') format('embedded-opentype'),
    url('../fonts/DroidKufi-Bold.woff') format('woff'),
    url('../fonts/DroidKufi-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DroidKufi-Regular';
    src: url('../fonts/DroidKufi-Regular.eot');
    src: url('../fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),
    url('../fonts/DroidKufi-Regular.woff') format('woff'),
    url('../fonts/DroidKufi-Regular.ttf') format('truetype');
}

body {
    font-family: Tahoma !important;
}

.caption-subject, .caption, .title, .user-login-5 .login-container > .login-content > h1, .navbar-nav > li > a {
    font-family: DroidKufi-Bold !important;
}

.page-header-menu {
    margin-top: 75px;
    background: #4d6d3e;
}

.hor-menu li a {
    color: #fff;
}

.hor-menu li a:hover, .hor-menu li a:focus {
    color: #fff;
    background: #82ad6d !important;
}

.login .logo {
    margin: 0px auto 20px;
    padding: 15px;
    text-align: center;
    background-image: url(../img/medapp-login-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 35px;
    background-color: #fff;
    height: 150px;
}

.login > .logo > .div1 {
    width: 20%;
    float: right;
}

.login > .logo > .div2 {
    width: 80%;
    text-align: center;
}

.login > .logo > .div2 h1, .login .content .form-title, .modal-title {
    font-family: DroidKufi-Bold !important;
    color: #4d6d3e !important;
}

.login > .logo > .div2 h1 {
    font-size: 22px;
}

.login .content .form-title {
    font-size: 18px;
}

.form .form-body {
    padding: 0px !important;
}

.form-group {
    margin-bottom: 5px !important;
}

.form2 label.control-label.col-md-5, .form2 label.control-label.col-md-4 {
    padding-left: 2px;
    padding-right: 2px;
}

.form2 label.control-label.col-md-3, .form2 .form-group .col-md-9,
.form2 label.control-label.col-md-4, .form2 .form-group .col-md-8,
.form2 label.control-label.col-md-5, .form2 .form-group .col-md-7,
.form2 label.control-label.col-md-6, .form2 .form-group .col-md-6 {
    padding-left: 2px;
    padding-right: 0px;
}

.last-row-form .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.last-row-form textarea.form-control {
    height: 63px;
}

.form2 label.control-label {
    font-size: 12px;
}

.form2 .control-label {
    text-align: right;
}

.portlet1 {
    padding-right: 0px;
}

.portlet1 > .portlet {
    margin-bottom: 10px;
}

.portlet1 > .portlet > .portlet-title {
    min-height: 27px;
}

.portlet1 > .portlet > .portlet-title > .caption {
    padding: 0px;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 14px;
}

.portlet.light {
    padding: 8px 20px 5px;
}

.portlet.light.bordered.bg-inverse {
    margin-bottom: 5px;
}

.form-actions {
    padding: 6px !important;
}

.form-actions .row .col-md-offset-10 {
    text-align: left;
}

.form2 .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

body, .portlet.light.bg-inverse {
    background-color: #eeeeee !important;
}

.form3 .portlet.light.bg-inverse {
    height: 130px;
}

.login {
    background-color: #eeeeee !important;
}

.login .content .form-actions {
    margin-left: -5px;
}

li#header_notification_bar a, span.username.username-hide-on-mobile {
    color: #4d6d3e;
}

li#header_notification_bar a .details {
    color: #fff;
    font-family: Tahoma;
}

span.langname {
    font-family: Tahoma;
    font-weight: bold;
    color: #4d6d3e;
}

.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #eee;
}

.table-advance thead tr th {
    background: #4d6d3e !important;
    color: #fff !important;
}

label.mt-radio.mt-radio-outline {
    margin-bottom: 0px;
    margin-top: 7px;
}

label.mt-radio.mt-radio-outline span {
    background: #fff;
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
    z-index: 9 !important;
}

.row-xs {
}

.row-xs .f_div {
    padding-left: 2px;
    padding-right: 15px;
}

.row-xs .s_div {
    padding-right: 2px;
    padding-left: 15px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .form3 .portlet.light.bg-inverse {
        height: 175px;
    }

    .row-xs {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .row-xs .f_div {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .row-xs .s_div {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .portlet > .portlet-title {
        margin-bottom: 3px;
    }

    .portlet.light > .portlet-title {
        min-height: 33px;
        height: 33px;
    }

    .portlet.light > .portlet-title > .caption {
        padding: 2px 0;
    }

    .portlet.light > .portlet-title > .tools {
        padding: 2px 0 2px;
    }

    .portlet.light .portlet-body {
        padding-top: 0px;
    }

    .portlet {
        margin-bottom: 2px;
    }

    .btn {
        padding: 1px 12px
    }

    .row-xs2 {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 479px) {
    .form3 .portlet.light.bg-inverse {
        height: 175px;
    }

    .row-xs {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .row-xs .f_div {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .row-xs .s_div {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .portlet > .portlet-title {
        margin-bottom: 3px;
    }

    .portlet.light > .portlet-title {
        min-height: 33px;
        height: 33px;
    }

    .portlet.light > .portlet-title > .caption {
        padding: 2px 0;
    }

    .portlet.light > .portlet-title > .tools {
        padding: 2px 0 2px;
    }

    .portlet.light .portlet-body {
        padding-top: 0px;
    }

    .portlet {
        margin-bottom: 2px;
    }

    .btn {
        padding: 1px 12px
    }

    .row-xs2 {
        margin-right: 0px !important;
    }
}