@charset "utf-8";
@font-face {
    font-family: 'Droid Arabic Kufi reg';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/droidkufi-regular.eot');
    src: url('../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/droidkufi-regular.woff') format('woff'), url('../fonts/droidkufi-regular.ttf') format('truetype'), url('../fonts/droidkufi-regular.svg#DroidArabicKufiRegular') format('svg');
}

.navbar-inverse {
    background-color: #26406b;
    border-color: rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
}


.submit-btn {
    color: #FFF;
    background-color: #1b355f;
    border: 0;
    padding: 7px 30px;
    border-radius: 45px;
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

.submit-btn:hover {
    background-color: #194c9e;
}

/* Red Theme */
body.theme-01 .navbar-inverse{
    background-color: #F44336;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.dropdown:hover>a {
    background-color: #1b355f !important;
    color: #FFF !important;
    opacity: 1;
}
.navbar-inverse .navbar-nav>li>a{
    color: #fff;
    opacity: 0.6;
}

.navbar-inverse .navbar-nav>li>a:hover{
    opacity: 1;
}


.footer-info-text {
    padding-top: 10px;
    color: #fff;
    opacity: 0.6;
}


.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.footer-menu ul li {
    display: inline-block;
    padding: 10px;
}

.footer-menu ul li a:link,
.footer-menu ul li a:visited {
    color: #fff;
    opacity: 0.6;
    text-decoration: none;
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

.footer-menu ul li a:hover {
    color: #FFF;
    opacity: 1;
}

.main-footer {
    background-color: #172640;
    padding: 15px 0;
    color: #8c97a9;
}
body.theme-01 .main-footer{
    background-color: #D50000;
}
body.theme-02 .main-footer{
    background-color: #1B5E20;
}

body.theme-03 .main-footer{
    background-color: #E65100;
}

body.theme-04 .main-footer{
    background-color: #3c8562;
}

h2 {
    font-size: 40px;
}

.main-content {
    padding: 100px 15px 50px;
    background-color: #FFF;
    min-height: 600px;
}

body {
    background-color: #e8e8e8;
}

.navbar-brand>img {
    margin-top: -16px;
    margin-left: -15px;
}

a.lng-btn:link,
a.lng-btn:visited {
    float: left;
    line-height: 25px;
    padding: 0 15px;
    color: #fff;
    background-color: #2c4671;
    margin-top: 14px;
    text-decoration: none;
}
body.theme-01 a.lng-btn:link,
body.theme-01 a.lng-btn:visited,
body.theme-01 .submit-btn
{
    background-color: #D50000 !important;
}

body.theme-02 .submit-btn,
body.theme-02 a.lng-btn:link,
body.theme-02 a.lng-btn:visited{
    background-color: #1B5E20 !important;
}

body.theme-03 .submit-btn,
body.theme-03 a.lng-btn:link,
body.theme-03 a.lng-btn:visited{
    background-color: #E65100 !important;
}

body.theme-04 .submit-btn,
body.theme-04 a.lng-btn:link,
body.theme-04 a.lng-btn:visited{
    background-color: #3c8562 !important;
}

body.theme-01 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
body.theme-01 .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,
body.theme-01 .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
body.theme-01 .dropdown:hover > a {
    background-color: #D50000 !important;
}

body.theme-02 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
body.theme-02 .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,
body.theme-02 .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
body.theme-02 .dropdown:hover > a {
    background-color: #1B5E20 !important;
}

body.theme-03 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
body.theme-03 .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,
body.theme-03 .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
body.theme-03 .dropdown:hover > a {
    background-color: #E65100 !important;
}


body.theme-04 .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
body.theme-04 .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a,
body.theme-04 .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
body.theme-04 .dropdown:hover > a {
    background-color: #3c8562 !important;
}

/* Red Theme */
body.theme-01 .submit-btn:hover,
body.theme-01 .navbar-inverse{
    background-color: #F44336 !important;/* Light red */
}

/* Green Theme */
body.theme-02 .submit-btn:hover,
body.theme-02 .navbar-inverse{
    background-color: #4CAF50 !important;/* Light green */
}

/* Orange Theme */
body.theme-03 .submit-btn:hover,
body.theme-03 .navbar-inverse{
    background-color: #FF9800 !important;/* Light Orange */
}

/* Brown Theme */
body.theme-04 .submit-btn:hover,
body.theme-04 .navbar-inverse{
    background-color: #3c8562 !important;/* Light Orange */
}

a.lng-btn:hover {
    color: #2c4671;
    background-color: #FFF;
} 

.row-itm {
    margin-bottom: 15px;
}

.row-itm>div:first-child label {
    text-align: left;
    width: 100%;
}

.row-itm .col-md-8 {
    direction: rtl;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-right: -20px;
}

.checkbox-inline,
.radio-inline {
    margin-right: 20px;
    margin-left: 20px;
}

.row-itm>div:last-child textarea,
.row-itm>div:last-child input[type=text],
.row-itm>div:last-child input[type=email],
.row-itm>div:last-child input[type=password],
.row-itm>div:last-child select {
    width: 250px;
    border: 1px solid #e6e6e6;
    padding: 4px 5px;
    margin-top: -4px;
    font-family: Tahoma;
}

.row-itm>div:last-child textarea:focus,
.row-itm>div:last-child textarea:hover,
.row-itm>div:last-child input[type=text]:focus,
.row-itm>div:last-child input[type=text]:hover,
.row-itm>div:last-child input[type=email]:focus,
.row-itm>div:last-child input[type=email]:hover,
.row-itm>div:last-child input[type=password]:focus,
.row-itm>div:last-child input[type=password]:hover {
    border: 1px solid #78abff;
    outline: none;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    ;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    ;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.butto-holder {
    text-align: center;
    padding: 30px 0 15px;
}

.centered-header {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px dashed #CCC;
    margin-bottom: 30px;
}


.two-colms .lst-col {
    border-right: 1px solid #eaeaea;
}

.col-xs-2,
.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-xs-10,
.col-xs-12,
.col-sm-2,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-10,
.col-sm-12,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-10,
.col-md-12,
.col-lg-2,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-10,
.col-lg-12,
.col-xl-2,
.col-xl-4,
.col-xl-6,
.col-xl-8,
.col-xl-10,
.col-xl-12 {
    float: right;
}

.pull-right {
    float: left!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    direction: rtl;
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

p {
    font-family: Tahoma, Arial;
    direction: rtl;
}

.dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.dropdown-menu>li>a {
    direction: rtl;
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

.navbar-inverse .navbar-nav>li a {
    direction: rtl;
    text-align: right;
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

.navbar>.container .navbar-brand {
    margin-right: -15px;
}

label {
    font-family: 'Droid Arabic Kufi reg', Tahoma, Arial;
}

thead {
    font-weight: bold;
}

table tr:hover {
    background-color: #ececec !important;
}

@media (min-width: 768px) {
    .navbar-header,
    .navbar-nav>li {
        float: right;
    }
}