body {
    font-family: OpenSans-Regular;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    color: #5e5e5e;
    font-size: 14px;
}

.bg {
    /*background: url(../../static/eguarantee.almasraf.ae_files/masrafbg.jpg) repeat left;*/
    background-color: #ddd;
    width: 100%;
}

.viewport {
    display: block !important;
    height: 45px !important;
    margin-bottom: 10px;
    /*background-color: #343878;*/
}

.welcome {
    /*color: #ebc140;*/
    color: #313A78;
    float: left;
    font-family: "Open Sans !important";
    font-size: 18px;
    font-weight: bold;
    height: 10px;
    margin: 29px 15px;
    text-align: left;
    width: -1px;
}

welcome1 {
    /*color: #ebc140;*/
    color: #f6c52c;
    float: left;
    font-size: 22px;
    font-weight: bold;
    height: 20px;
    margin-top: 15%;
    /*margin: 57px 15px;*/
    text-align: left;
    /*width: -1px;*/
}


/* Header */
.header {
    /*background: none repeat scroll 0 0 #343878;*/
    background: white;
    /*border-bottom: 4px solid #F6C52C;*/
    border-bottom: #343878;
    border-top: 8px solid #343878;
    margin-bottom: 5px;
    height: 110px;
    /* float: left; */
    display: block;
    width: 970px;
    margin: 0 auto;
}


.logo {
    /*background: url(../../Content/themes/base/images/logo-transparent.png) no-repeat left;*/
   /* background: url(../../Content/themes/base/images/masraf-logo-white.jpg) no-repeat left;*/
    width: 32%;
    height: 89%;
    float: right;
    position: relative;
    right: 0px;
    top: 0px;
}

.captcha {
    background: url(../../static/eguarantee.almasraf.ae_files/capcha.png) repeat left;
    text-align: center;
    font-weight: bold;
    color: darkblue;
}

.captchaMasraf {
    background: url(../../static/eguarantee.almasraf.ae_files/masrafbg.jpg) repeat left;
    text-align: center;
    font-weight: bold;
    color: darkblue;
}

.confirm-header{
	background-color: #343878;
}


#header {
    background: url(../../Content/themes/base/images/logo-transparent.png) no-repeat scroll 0 0 transparent;
    height: 62px;
    position: relative;
    width: 100%;
    z-index: -7;
}

    #header h1 {
        height: 31px;
        left: 15px;
        line-height: 600px;
        overflow: hidden;
        position: relative;
        top: 20px;
        width: 255px;
    }

.right {
    text-align: right !important;
}

#header h1 a {
    display: block;
}

#content {
    /*background: url(../images/backgrounds/bodyBg.png) repeat #fff;*/
    /*background: url(../../Content/themes/base/images/bg_vector.jpg) repeat;*/
    margin-left: 0px;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 25px;
    position: relative;
    min-height: 400px;
    width: auto;
}

#content-header {
    position: absolute;
    width: 100%;
    margin-top: -38px;
    z-index: 20;
    background-color: #343878;
    color: #FFFFFF;
}

    #content-header h1 {
        color: #555555;
        font-size: 28px;
        font-weight: normal;
        float: none;
        text-shadow: 0 1px 0 #ffffff;
        margin-left: 20px;
        position: relative;
    }

    #content-header .btn-group {
        float: right;
        right: 20px;
        position: absolute;
    }

    #content-header h1, #content-header .btn-group {
        margin-top: 20px;
    }

        #content-header .btn-group .btn {
            padding: 11px 14px 9px;
        }

            #content-header .btn-group .btn .label {
                position: absolute;
                top: -7px;
            }

.top_nav {
    font-family: "Open Sans";
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    font-size: 12px;
    border-bottom: 0px solid;
    border-top: 0px solid;
    background-color: #343878;
}

.mandLabel1 {
    color: #ff1200;
    position: absolute;
    /*margin-top: 16px;*/
    padding-left: 5px;
    padding-top: 9px;
}

    .mandLabel1:after {
        content: " *";
        font-weight: 700;
        color: #da4f49;
    }

.mandLabel {
    color: #ff1200;
    text-align: right;
    /*position: absolute;*/
    /*margin-top: 16px;*/
}

    .mandLabel:after {
        content: " *";
        font-weight: 700;
        color: #da4f49;
        text-align: right;
    }

label {
    display: block;
    color: #291670;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
}

.penglabel {
    display: block;
    color: #291670;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin: 7px 0px 5px 0px;
   /* width: 100%;*/
    direction: ltr;
}

.penglabelHF {
    display: block;
    color: #291670;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin: 7px 0px 5px 0px;
    width: 50%;
    direction: ltr;
    font-weight:bold;
    
}

.penglabelTC {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: OpenSans-Regular;
    font-size: 14px;
   /* font-weight: bold;*/
    margin: 7px 0px 5px 0px;
    /*width: 100%;*/
    direction: ltr;
}

.penglabelError {
    display: block;
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    /*width: 60%;*/
    direction: ltr;
}

.penglabelDisclaimer {
    display: block;
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    font-weight: normal;
    margin: 7px 0px 5px 0px;
    width: 100%;
    direction: ltr;
}

.penglabelincomecheckbox {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "OpenSans-Regular";
    font-size: 12px;
    /*font-weight: bold;*/
    margin: 7px 0px 5px 0px;
    width: 30%;
    direction: ltr;
}


.penglabelincomelevel{
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 70%;
    direction: ltr;
}


.penglabeladditionalwidth {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 55%;
    direction: ltr;
}


.penglabelTermsAndCondition {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 8%;
    direction: ltr;
}


.penglabelShowPassword {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 10%;
    direction: ltr;
}





.penglabelEmailLabel {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
   /* width: 50%;*/
    direction: ltr;
}


.penglabelFull {
    display: block;
    color: #291670;
    font-size: 14px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin: 7px 0px 5px 0px;
    width: 100%;
    direction: ltr;
}
.penglabelValidation {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: red;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    /*font-size: 12px;*/
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: auto;
    direction: ltr;
}
.parlabel {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #291670;
    font-size: 12px;
    /*text-align: left;*/
    /*float: left;*/
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 50%;
    direction: rtl;
}

.login_info {
    /*background: url(../../Content/themes/base/images/border.jpg) repeat-x left;*/
    /**/ackground-color: #211551;
    text-align: right;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    /* float: left; */
    display: block;
   /* background: url(../../Content/themes/base/images/border.jpg) repeat;*/
    height: 15px;
    width: 100%;
    margin: 0 auto;
    /*border-top: 4px solid rgba(79, 83, 138, 0.53);*/
    /*border-top:4px solid #ED1C24;
    border-top:4px solid #303578;*/
}

#footer {
    vertical-align: bottom;
    bottom: 0px;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 0;
    background: #343878;
    /*border-top: 4px solid #F6C52C;*/
 /*   background: url(../../Content/themes/base/images/border.jpg) repeat;*/
 	/*background: #ED1C24;*/
 	background: #303578;
    height: auto;
}

#extension {
    vertical-align: bottom;
    bottom: 0px;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 0;
    background: #343878;
    /*border-top: 4px solid #F6C52C;*/
 /*   background: url(../../Content/themes/base/images/border.jpg) repeat;*/
 	background: #ED1C24;
    height: 15px;
}

.help-inline {
    display: block;
    color: red;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    font-family: OpenSansRegular;
    font-size: 12px;
    margin: 7px 0px 5px 0px;
    width: auto;
    direction: ltr;
}
.notification-inline {
    /* color: #f00;*/
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: red;
    font-size: 12px;
    text-align: center;
    /*float: left;*/
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: auto;
    /*direction: ltr;*/
}
.lblstruct2 {
    padding: 0px 6px;
    line-height: 2;
    font-weight: bold;
    font-size: 10px;
    color: #000000 !important;
}

.custextbox {
    border: 1px #314378 solid;
    height: 25px;
    width: 100%;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 2px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}



.custextboxCaptcha {
    border: 1px #314378 solid;
    height: 25px;
    width: 75%;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 2px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}








.custextboxupdl{
    border: 1px #314378 solid;
    width: 100%;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 2px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    direction:ltr;
}



.custextboxYllo {
    border: 2px #FBC126 solid;
    height: 25px;
    width: 100%;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 2px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    order-collapse: collapse;
    border-right: none;
}



.custextbox1 {
    border: 1px solid #343878;
    height: 25px;
    width: 100%;
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    /*padding: 4px 4px 4px 4px;*/
    border-radius: 2px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.custextbox2 {
    border: 1px solid #343878;
    height: 25px;
    width: 90px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}


.alpha {
    margin-left: 0 !important;
}

.omega {
    margin-right: 0 !important;
}

.title {
    background-color: #303578;
    color: #f5c42d;
    border: 0 none;
    border-radius: 2px;
    color: #303578;
    cursor: pointer;
    height: 41px;
    line-height: 28px;
    margin-top: 5px;
    padding: 14px;
    font-family: Verdana;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}

.widget-box {
    /*background:url(../../Content/themes/base/images/logo-watermark2.png) no-repeat right;*/
    /*background:url(../../Content/themes/base/images/logo-watermark2.png) repeat;*/
    background-color: white;
    border-top: 0px solid #CDCDCD;
    border-left: 0px solid #CDCDCD;
    border-right: 0px solid #CDCDCD;
    /*clear: both;*/
    /*margin-top: 16px;
    margin-bottom: 16px;*/
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.widget-title {
   /* background-color: #efefef;
    border-bottom: 1px solid #CDCDCD;
    */
    
    background-color: white;
    border-bottom: 1px solid white;
    height: auto;
}

    .widget-title span.icon {
        border-right: 1px solid #cdcdcd;
        padding: 9px 10px 7px 11px;
        float: left;
        opacity: .7;
    }

    .widget-title h5 {
        color: #291670;
        text-shadow: 0 1px 0 #ffffff;
        float: left;
        font-size: 14px;
        font-weight: bold;
        padding: 12px;
        line-height: 12px;
        margin: 0;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: "Open Sans !important";
    }

.widget-feemsg {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 11px;
}

.terms {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 14px;
}

.widget-content {
    padding: 12px 15px;
    /*border-bottom: 1px solid #cdcdcd;*/
    border-bottom: 4px solid #F6C52C;
}

.widget-box.widget-plain .widget-content {
    padding: 12px 0 0;
}

.widget-box.collapsible .collapse.in .widget-content {
    border-bottom: 1px solid #CDCDCD;
}

.btn-default {
    /*color: #f5c42d;*/
    color: white;
    background: rgba(52,56,120, 1);
    border-color: rgba(52,56,120, 1);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #f5c42d;
        background-color: #303578;
    }

.lbl {
    /*width: 44%;
    display: block;
    background: #efe4c3;
    padding: 8px;
    color: #291670;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;*/
    border: 2px #4c4c85 solid;
    /*margin: 7px 0px 5px 0px;
    float: left;*/
}
/*.widget-box img {
  display: inline-block;
  float: right;
  margin-top: 25px;
}*/
div.foo {
    color: inherit;
}

.ie6 div.foo {
    color: #ff8000;
}

.pgblbl {
    /*#343878;*/
    font-family: "Open Sans";
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
    height: 10px;
}
.erlbl {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #000;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 10px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 50%;
    direction: ltr;
}


.erarabiclbl {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: #000;
    font-size: 12px;
    /*text-align: left;*/
    /*float: left;*/
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    font-family: Arial, Helvetica, Cairo;
    font-size: 10px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: 50%;
    direction: rtl;
}
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #cccccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.buttonnew {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border-color: #303578 !important;
    /*border-color: #dcdcdc;*/
    /*background-color: #343878;
    color: #f5c42d;*/
    background-color: #303578 !important;
    /*background-color: #ED1C24;*/
    color: #eceeef;
    border: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
}




/**/

.erfullbl {
    text-align:left;
    color: #221F72;
    font-family: OpenSans-Regular;
    font-size: 14px;
    width: 100%;
    margin: 5px 0px 10px 0px;
}

.erfullblhl {
    text-align:left;
    color: #f7f7f7;
    font-size: 14px;
    width: 100%;
    margin: 5px 0px 10px 0px;
}
.erarabicfullbl {
    text-align:right;
    color: #000;
    font-family: OpenSans-Regular;
    font-size: 12px;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

/**/

/**  Validation Agree & Terms*/

.AThelp-inline {
    /* color: #f00;*/
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: red;
    font-size: 12px;
    text-align: center;
    /*float: left;*/
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 0px;
    width: auto;
    direction: ltr;
}

/***/

/***/
.CpenglabelValidation {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: red;
    font-size: 12px;
    text-align: right;
    /*float: left;*/
    margin: 7px 0px 5px 180px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    /*margin: 7px 0px 5px 0px;*/
    width: auto;
    direction: ltr;
}
/**/

/*Progress Bar Number Allignment*/

.pgbarcreaten {
    float:right;
    color: #000;
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    padding-left:3px;
}

.pgbarreviewn {
    float:right;
    color: #000;
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    padding-left:3px;
}

.pgbarpaymentn {
    float:right;
    color: #000;
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    padding-left:3px;
}

.pgbarstatusn {
    float:right;
    color: #000;
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    padding-left:3px;
}

/**/



/*    No Of Guarantees Validation Message Allignment  */

.erfullblVldtn {
    text-align:left;
    color: #000;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    /*font-weight: bold;*/
    width: 55%;
    margin: 0px 0px 5px 0px;
}


.erarabicfullblVldtn {
    text-align:right;
    color: #000;
    font-family: "Cairo",sans-serif !important;
    font-size: 12px;
    /*font-weight: bold;*/
    width: 45%;
    margin: 0px 0px 5px 0px;
}

@media print
{
#noprint {display:none;}
}

/*  No Of Guarantees Validation Message  Allignment */



/***/
.penglabelValidationtest {
    /*width: 35%;*/
    display: block;
    /*background: #efe4c3;*/
    color: red;
    font-size: 12px;
    text-align: left;
    float: left;
    margin: 7px 0px 5px 0px;
    /*border: 2px #4c4c85 solid;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Open Sans !important";
    font-size: 12px;
    font-weight: bold;
    margin: 7px 0px 5px 2px;
    width: auto;
    direction: ltr;
}

/*onboarding*/

.circle {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
  line-height: 500px;
  text-align: center;
  background: #000
}

.input-border {
    border: 1px #314378 solid;
    border-radius: 2px;
}

.back-button  {
    
    padding: 10px 0px;
    width: 100%;
    font-size: 1.1em;
    
    /* color: #314378; */
    border-radius: 5px;
    

    width: 100%;
    height: 40px;
    border-radius: 5px;
    border-color: #dcdcdc;
    background-color: #343878;
     
    border: none;
    cursor: pointer;
    border: 1px #314378 solid;
   /* background: #fff;*/
}



.back-button-overlay  {
    
    padding: 5px 0px;
    width: 100%;
    font-size: 1.1em;
    
   /* color: #314378; */
    border-radius: 5px;
    

    width: 20% !important;
    height: 20% !important;
    border-radius: 5px;
    border-color: #dcdcdc;
    background-color: #343878;
     
    border: none;
    cursor: pointer;
    border: 1px #314378 solid;
   /* background: #fff;*/
}


.successBanner {
	    /*font-weight: bold;*/
    color: #eceeef;
    background-color: #303578;
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    border-top-left-radius: 3em;
    border-bottom-left-radius: 3em;
}
.progressBar {
	    /*background-color: #ED1C24;*/
	    background-color: #303578;
	    border-top-right-radius: 3em;
	    border-bottom-right-radius: 3em;
}

.progressBarBG {
	    /*background-color: #ED1C24;*/
	    background-color: #303578;
	    border-top-right-radius: 0em;
	    border-bottom-right-radius: 0em;
}

/*  .ui-autocomplete { */
/*     position: absolute; */
/*     top: 100%; */
/*     left: 0; */
/*     z-index: 1000; */
/*     float: left; */
/*     display: none; */
/*     min-width: 160px;    */
/*     padding: 4px 0; */
/*     margin: 0 0 10px 25px; */
/*     list-style: none; */
/*     background-color: #ffffff; */
/*     border-color: #ccc; */
/*     border-color: rgba(0, 0, 0, 0.2); */
/*     border-style: solid; */
/*     border-width: 1px; */
/*     -webkit-border-radius: 5px; */
/*     -moz-border-radius: 5px; */
/*     border-radius: 5px; */
/*     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
/*     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
/*     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
/*     -webkit-background-clip: padding-box; */
/*     -moz-background-clip: padding; */
/*     background-clip: padding-box; */
/*     *border-right-width: 2px; */
/*     *border-bottom-width: 2px; */
/* } */

/**/


.radio-btn div p.penglabel:last-child{
	text-align: center !important;
}




@media (max-width: 576px) {
	.padm{
		margin-top: 10px !important;
	}
	
	.padml{
		margin-left: 75% !important;
	}
	
}

@media (max-width: 768px) {
	.padm{
		margin-top: 10px !important;
	}
}

@font-face{
	font-family: OpenSans-Regular;
	src: url(../../static/fonts/OpenSans-Regular.ttf);
}

p {
    font-family: OpenSans-Regular !important;
}



		#footer > * {
			width: calc(50% - 2em);
			margin-left: 2em;
		}

		#footer .copyright {
			width: 100%;
			margin: 0em 0 0em 0;
			font-size: 0.8em;
			text-align: center;
		}