@font-face{
    font-family: "Droid kufi regular";
    src: url(../fonts/ar/droid/DroidKufi-Regular.ttf);
}
@font-face{
    font-family: "Droid kufi bold";
    src: url(../fonts/ar/droid/DroidKufi-Bold.ttf);
}
@font-face{
    src:url(../fonts/source-sans-pro/SourceSansPro-Light.otf);
    font-family: "Source sans light";
}
@font-face{
    src:url(../fonts/source-sans-pro/SourceSansPro-Regular.otf);
    font-family: "Source sans";
}
@font-face{
    src:url(../fonts/source-sans-pro/SourceSansPro-Semibold.otf);
    font-family: "Source sans semi bold";
}
@font-face{
    src:url(../fonts/source-sans-pro/SourceSansPro-Bold.otf);
    font-family: "Source sans Bold";
}
@font-face{
    src:url(../fonts/source-sans-pro/SourceSansPro-Light.otf);
    font-family: "Source sans light";
}
@font-face{
    src:url(../fonts/open-sans/OpenSans-Regular.ttf);
    font-family: "Open sans";
}
@font-face{
    src:url(../fonts/open-sans/OpenSans-Bold.ttf);
    font-family: "Open sans bold";
}
@font-face{
    src:url(../fonts/open-sans/OpenSans-Semibold.ttf);
    font-family: "Open sans semi bold";
}
@font-face{
    src:url(../fonts/open-sans/OpenSans-ExtraBold.ttf);
    font-family: "Open sans extra bold";
}
.placeholder(@fontsize,@color,@fontfamily:"Source sans light",@font-weight:"normal",@font-style:"normal"){
    ::-webkit-input-placeholder { 
        color:@color;
        font-size:@fontsize;
        font-family:@fontfamily;
        font-style:@font-style;
        font-weight: @font-weight;
    }
    :-moz-placeholder { 
        color:@color;
        font-size:@fontsize;
        font-family:@fontfamily;
        font-style:@font-style;opacity: 1;
        font-weight: @font-weight;
    }
    ::-moz-placeholder { 
        font-size:@fontsize;
        color:@color;opacity: 1;
        font-family:@fontfamily;
        font-style:@font-style;
        font-weight: @font-weight;
    }
    :-ms-input-placeholder { 
        font-size:@fontsize;
        font-family:@fontfamily;
        color:@color;opacity: 1;
        font-style:@font-style;
        font-weight: @font-weight;
    }
}
label,p{
    font-weight: normal;
    margin:0;
    padding:0;
}
body {
    font-family: 'Source sans', 'Droid kufi regular', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}
div.langbox{
    text-transform: uppercase;
    font-family: Open Sans bold;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    float:right;
    margin-right:25px;
    img{
        width:25px;
        float:right;
        margin-left:5px;
    }
    a{
        color: #0d8656;
        text-decoration: none;
        display:inline-block;
        margin-left:20px;
    }
}
.page-signin-alt{
    background-color: #0d8656!important;
    div.signin-header{
        width:200px;
        margin:0 auto;
        h2{
            text-align: center;
            color: #fff;
            margin: 100px 0 19px;
            text-transform: capitalize;
            font-weight: 600px;
            font-family: Open Sans  bold;
            text-transform: capitalize;
            /* text-shadow: 0px 4px 1px #666; */
            font-size: 17px;
        }
    }
    div.footer{
        width: 450px;
        float:none;
        margin:0 auto;
        padding:20px 0;
        p{
            color: #fff;
            font-size: 13px;
            font-family: Source sans light;
            color: #ace2a9;
        }
    }
    div.loginwarp{
        width:100%;
        max-width: 450px;
        background-color: #fff;
        float: none;
        margin: 0 auto;
        padding: 20px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
        border-left: solid 4px #24a471;
        border-radius: 8px;
        > img{
            width:148px;
            display:block;
            margin:10px auto;
        }
        div.form{
            position:relative;
            margin: 20px 20px 0 ;
            div.moh-logo{
                img{
                    width: 33px;
                    float: right;
                    position: absolute;
                    righT: 0;
                    bottom: -21px;
                    opacity: 0.5;
                }
            }
            .checkbox label{
                padding:0!important;
                > div{
                    margin-right:10px;
                }
                span{
                    font-size:11px;
                }
            }
            a{
                font-family: Source Sans light;
                font-size: 13px;
                color: #0d8656;
            }
            button{
                font-size: 12px;
                height: 40px;
                border-radius: 4px;
                font-family: Open sans semi bold;
                background-color: #0d8656;
            }
            p{
                margin: 10px 0;
                border-top: solid 1px #f1f1f1;
                padding-top: 8px;
                color: #999;
                font-family: Source Sans light;
                font-size: 13px;
            }
        }
        div.logos{
            width:200px;
            margin:20px auto 0;
            a img{ 
                width:40px;
                float:right;
                &.pg{
                    width:150px;
                }
            }
        }
    }
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
[contenteditable="true"]:focus {
    outline: none;
}
input[type="text"],input[type="password"]{
    border: solid 1px #f1f1f1;
    padding: 9px;
    /*border-top-width: 3px;*/
    /*border-left-width: 2px;*/
    border-radius: 4px;
    width: 100%;
    display: block;
    font-size: 13px;
    /* font-family: Open sans; */
    color: #585858;
    background-color: #fafafa;
    height: 45px;
    line-height: 41px;
}
.errflash{
    font-size: 13px!important;
    color: #ffffff!important;
    padding: 8px 10px;
    text-align: left!important;
    background-color: #e23535;
    border-radius: 5px;
    box-shadow: inset 0px 0px 6px #fff;
}


.cusloading:before,.cusloading2:before{
    z-index:11;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    opacity:0.4;
    right: 0;
    position: absolute;
    display: inline-block;
}
.cusloading2:after{
    z-index:13;
    content: "";
    opacity:0.5;
    position: absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../img/image_1057817.gif') no-repeat
        50% 50% 
}
.cusloading:after{
    z-index:13;
    content: "";
    opacity:0.5;
    position: absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../img/6.gif') no-repeat
        50% 50% 
}