/*-------LOGIN PAGE DESIGN STARTS HERE------*/
/* body {margin:0; padding:0; background:url(../images/bg.jpg) no-repeat center center; font-family:Asap;}*/
.header { width: 100%;background: #00539b; padding-top: 1px;padding-bottom: 2px;height: 46px;}
.design {float:left;width:90px;height:47px;background:url(../images/curb.png) left top no-repeat;}
.logo {width: 235px; float: right;}
.crp_login h2 { font-family: Monda; margin: 0px 0 0 0; color: #00539b; text-align: center; font-weight: 600; font-size: 24px;}
.ctp_no .text {font-family: Monda; font-size: 19px; margin: 30px 0 6px 0;}
.input_text {width: 97%; background: rgba(255, 255, 255, 0.79);padding: 4px; height: 35px; box-shadow: none; border: 1px solid transparent; border-radius: 4px;font-family: Monda;font-size: 18px; color: #040404;}
.input_text:focus {outline:none; border:1px solid #777; transition:0.3s;}
.button { height: 42px; width: 140px; margin:38px 0 0 0; border-radius: 4px;}
.button:hover {box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75); border-radius: 4px; transition: 0.3s;}
.button:focus {outline:none;}
.login_portion {background: rgba(239, 239, 239, 0.64); width: 30%; padding: 25px 10px 40px 10px; margin: 75px auto 0 auto; box-shadow:0 10px 30px rgba(0, 0, 0, 0.13); border-radius: 4px; position: absolute; right: 14%;}
.login_portion:before {display:none; content: "";height: 40px;width: 5px;background: #00539b; position: absolute;left: 0;top: 27px;}
hr.style-two {border: 0;height: 1px; margin: 5px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0, 83, 155, 0.65), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.20), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.20), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.20), rgba(0,0,0,0));}
.btn1 {height:50px;margin:0;padding:0 20px;vertical-align:middle;background:#0868ab;border:0;font-family:'Roboto', sans-serif;font-size:16px;font-weight:300;line-height:50px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
h5 { margin-top: 4px;margin-bottom: 7px; font-weight: 500;}
hr {margin-bottom: 7px;}
.dater {background:url(../images/Calendar.png) no-repeat 99% 2px / 16px !important;}
.save {text-align:center;}
.cls_mobile {display:none;}
/*-------LOGIN PAGE DESIGN ENDS HERE------*/


/*-------INNER PAGES DESIGN STARTS HERE------*/
.textbox {background: transparent;width: 92.9%;color: #000;height: 35px;line-height: 1.42857;padding: 2px 6px;vertical-align: middle;box-shadow: none;border-radius: 3px;}
.maintable .drop {
    background: transparent;
    width: 92.9%;
    border-radius: 0px;
    color: #333333;
    font-size: 14px;
    height: 35px;
    line-height: 1.42857;
    padding: 2px 2px;
    vertical-align: middle;
    box-shadow: none;
    border-radius: 3px;
}
.drop {background: transparent;width: 92.9%;border-radius: 0px;color: #333333;font-size: 14px;height: 35px;line-height: 1.42857;padding: 2px 6px;vertical-align: middle;box-shadow: none;border-radius: 3px;}
.maintable {width:100%; margin:0 auto;}
.maintable tr td {font-size: 14px;vertical-align: middle;padding-top: 3px;padding-bottom: 3px;color: #000;font-family: 'Montserrat', sans-serif !important;}
.textbox, .drop {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;border: 1px solid #b1b1b1;font-size: 14px;}
.EU_DataTable2 tr:nth-child(2n+3) {background: #ddd;}
.textbox:focus, .Drop:focus { box-shadow: none; border: 1px solid #000; outline: none;}
.left_view {float:left; width:75%;}
.right_view {width:25%; display:inline-block; text-align:right;}
.EU_DataTable2 {border-collapse:collapse;width:100%; margin:20px 0 0 0;}
.EU_DataTable2 tr th {background-color:#d6d3ce;color:#393938;padding:5px 5px 5px 2px;border:1px solid #cccccc;font-family:calibri;font-size:13px;font-weight:bold;text-transform:capitalize;text-align:left;}
.EU_DataTable2 tr:nth-child(2n + 2) td {background: #f7f7f7;}
/*.EU_DataTable2 tr:nth-child(2n + 1) td {background-color:#f1f1f1;color:#454545;}*/
.EU_DataTable2 tr td {padding:6px 10px;color:#000000;font-family:calibri;font-size:13px;border-bottom:1px solid #cccccc;vertical-align:middle;text-align:left;}
.EU_DataTable2 tr td:first-child {text-align:left;}
.button1 {
    background: #0e1d3f;
    color: #efefef;
    border: 0;
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: none !important;
    width: 120px !important;
    border: 1px solid #22345d;
}
.button1:hover {color: #0e1d3f;border: 1px solid #0e1d3f;background: #fff;}
.button1:focus {outline:none;}
.button1:hover {box-shadow:0 -1px 1px #000; transition:0.2s;}
.hed {background-color: #d6d3ce !important;color: #393938 !important; font-size: 16px !important;}
button[disabled], html input[disabled]{background-color:#bdbdbd !important;}
.helpNumberBx {display: inline-block; width: 100%; vertical-align: top;padding: 0 0 0 0px; margin: 10px 0% 0 0; height: 95px;}
.head {font-size: 22px;color: #00539b;}
.abhgt {float: left;width: 40px;height: 40px;margin-right: 10px;}
.tb3:before {content: "\f1b9";}
.abhgt {display: inline-block;font: normal normal normal 30px/40px FontAwesome; color:#00539b; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow:3px 3px 0px rgba(97, 97, 97, 0.48);}
.FL {display: inline-block;}
.tb2:before{content:"\f098";}
.tb1:before{content:"\f27a";}
.helpNumberBx p, .helpNumberBx a {font-size: 18px;}
.copyright {
    position: fixed;
    bottom: 9px;
    right: 20px;
    margin: 0;
    color: #a0a0a0;
    text-align: right;
    z-index: 9999;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px;
    ;
}
.marq {left: 0;bottom: 0; position: absolute;width: 100%;color: #00539b; padding: 1px 0 1px 0;}
.marquee {width:100%;}
.one-cant {padding-bottom:0 !important;}
/*-------INNER PAGES DESIGN ENDS HERE------*/         



/*------MEIDA QUERIES STARTS HERE------*/

@media (min-width:1025px) {.ton1 {overflow:auto;}}

@media (max-width:1024px) {
.login_portion {width:300px;}	
.btns {overflow:auto;}
}

@media (min-width:990px) and (max-width:1100px){.marquee {width:100%;}}

@media (min-width:1100px){
/*body {background: url(../images/bg.jpg) no-repeat center -20px / cover;}

*/

}

@media (max-width:940px){
.maintable tr td {display:block !important; width:100% !important;}	
.left_2 {text-align:left !important;}
.textbox {width:100%;}
.drop {width:100% !important;}
.dr1 {width:35% !important;}
.dr2 {width:64% !important;}
.left_view {width: 100%; }
.right_view {text-align: left;margin: 15px 0 0 0;width:100%;}
.EU_DataTable2 tr th {padding: 0px 5px 0px 5px;}
.helpNumberBx {width:100%; display:block; margin-bottom:10px;}
.login_portion {position: static;right: auto;}
.cls_desktop {display:none;}
.cls_mobile {display:block;}
.abhgt {font: normal normal normal 20px/30px FontAwesome;}
.abhgt { width: 30px; height: 30px;}
.head {font-size: 19px;}
.helpNumberBx p, .helpNumberBx a {font-size: 14px;}
.helpNumberBx {height:auto;}
.copyright {bottom: 0; right: 0; text-align: center; left: 0;}
.marquee {width:100%;}
.marq {bottom: 20px;}
.marq {bottom: 20px;}
    .mycreateprofile {
        width: 100% !important;
        margin: auto;
    }
}
@media (max-width:480px){
.design {display:none;}	
.maintable {width:100% !important;}
}
@media (max-width:375px) {.dr2 {width: 63% !important;}}
@media (max-width:320px) {
.login_portion {width:90%;}
.design {width: 82px;}
.logo {width: 225px;}
    .helpNumberBx a {
        font-size: 13px;
       
    }
}
/*------MEIDA QUERIES ENDS HERE------*/


.mycreateprofile {
    width: 900px;
    margin: auto;
}
.summeryres {
    margin: auto;
    display: block;
    width: 1200px;
}
.headingsec h2 {
    font-size: 23px;
    text-align: center;
    margin: 8px 0px 25px;
    position: relative;
    width: max-content;
    display: inline;
}
    .headingsec h2:before {
        font-size: 23px;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #dfd8d8;
        bottom: -8px;
        left: 0px;
        content: '';
    }
.headingsec {
    text-align: center;
    margin-bottom: 22px;
}
    .headingsec h2:after {
        font-size: 23px;
        position: absolute;
        height: 5px;
        width: 10px;
        background: #f7a035;
        bottom: -9px;
        left: 48%;
        content: '';
    }