@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
        url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'latoregular';
}

html {
    position: relative;
    min-height: 100vh;

}
body {
    font-family: 'latoregular'!important;
    background:#fff!important;

    margin: 0;
    padding: 0;
    outline: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-attachment: fixed;
    padding-right:0px!important;
    padding-bottom:0px!important;
    font-weight:normal;
    color: #323232;


}	
a:hover{text-decoration:none;}
a:focus {
    outline: none;
    outline-offset: -2px;
}
.burgandy{color:#97144d;}
.nopadding{padding:0px!important;margin-left: 0px!important;}
/*** HEADER START ****/
input{font-family: 'latoregular'!important;}

.logo_header{background:#97144d; width:100%; height:23px; margin:0px; padding:0px;position: absolute;}
.container{margin-top:0px;}
.addmore, .makepayment, .makepayment:hover { background:#97144d; }
/** 10-10-2019******/
#header {
  width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
    box-shadow: none;
    border: 0px;
  
}
	.innerpage #header{box-shadow: 0 1px 5px #ababab;
                   -webkit-box-shadow: 0 1px 5px #ababab;
                   -moz-box-shadow: 0 1px 5px #ababab;
                   -o-box-shadow: 0 1px 5px #ababab;
                   -ms-box-shadow: 0 1px 5px #ababab;
				   
				
				   }
.logo_header{background: #97144d;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0px;
    position: absolute;}
.login{
    position: fixed;
    right: 10px;
    width: 70%;
    text-align: right;
    font-size: 16px;
    top: 50px;color:#323232;
	}
	.user_profile{    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 25px;
    height: 25px;
    margin-right: 3px;}
.logout_btn{
color:#97144d;
}
	
	.logo_img {
    z-index: 999;
    float: left;
    color: #fff;
    font-family: 'latoregular'!important;
    background: #97144d;
    padding: 20px 0px 0px 30px;
    position: relative;
    height: 88px;
}
.logobg{
   background: url(../images/logo_curve.jpg) no-repeat 0% 54%;
    height: 115px;
    width: 58px;
	margin-top:-1px;
	margin-left:-1px;
    float: left;
	}


.title{
	margin-bottom: 20px;
	text-transform:uppercase; 
	text-align: center;
	color: #97144d;
	}
.font-italic{
font-style: italic;
    text-transform: uppercase;
    font-size: 16px;font-family: 'latoregular';
}

	.line_sep{padding-right: 2px;
    padding-left: 2px;    font-size: 20px;}
	/** END 10-10-2019******/
/*** HEADER END ****/

/*** LOGIN WRAPPER START ****/
#mainContent {

    margin-top: 54px;
}
.loginwrapper {
    width:100%;

    background: #fff;
    border-radius: 2px;
    min-height:400px;
    margin: 0px auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0px;
    font-family: 'latoregular'!important;

}


.loginwrapper p a {
    color: #fff;
}
.seprator{height: 280px;
          vertical-align: middle;
          text-align: center;
          margin-top: 100px;position:relative}

.word{position: relative;

      z-index: 999999;
z-index: 1;
      color: #787878;
      font-family: 'latoregular'!important;
      font-size: 12px;}
	  .word:before{border-left:1px solid #e6e6e6;content:""; height:100%;display:block;}
	  .word span{top:50%;position: absolute;margin-left: -9px;}
.loginwrapper a{
    font-size:14px;
    color: #97144d;
    vertical-align: middle;
}
.ins {
    height: 51px;
    background: url(../images/insurance-icon.png) 0px 50% no-repeat #505050;
    color: #fff;
}
.etender {
    height: 51px;
    background: url(../images/etender-icon.png) 3em 1.2em no-repeat #505050;
    color: #fff;
}
.housing {
    height: 51px;
    background: url(../images/housing-icon.png) 3em 1.2em no-repeat #505050;
    color: #fff;
}
.others {
    height: 51px;
    background: url(../images/direct-debt-icon.png) 2.5em 1.2em no-repeat #505050;
    color: #fff;
}
.directdebt {
    height: 51px;
    background: url(../images/others-icon.png) 3em 1.2em no-repeat #8e44ad;
    color: #fff;
}
.logbtn:focus,.loginwrapper .logbtn span.hover{color:#fff;}
.loginwrapper .title{

    width: 100%;

    float: left;}
.category-mob{margin-left:0px!important}
.category-mob i{font-size: 40px;
                vertical-align: middle;
                padding-right: 4px;
                display: block;
                padding-top: 30px;}
.category-mob a{    
    padding-top: 0px;
    display: inline-block;
    padding-right: 0px;
    font-size: 15px;

    color: #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    height: 130px;
    width: 130px;
    line-height: 35px;font-family: 'latoregular'!important;}
.directdebt, .edu, .etender, .housing, .ins, .others{ padding-left: 0px;
                                                      text-align:center;width:90%;
                                                      border-radius: 0px;background-position: 0% 50%;background: #333!important;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.directdebt:hover, .edu:hover, .etender:hover ,.housing:hover, .ins:hover, .others:hover{background: #97144d!important;}
.ins span{padding-top:0px!important;width:auto;background:none;margin-top: 0px;}
.category-mob  span:hover ,.directdebt:hover span, .edu:hover span, .etender:hover span, .housing:hover span, .ins:hover span, .others:hover span{width:auto;background:none;margin-top: 0px;height:auto}

.add-on{padding: 7px!important;color:#fff!important;-webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;margin-left:-3px;
        background-color: #97144d!important;border: 1px solid transparent!important;cursor:pointer;}
.add-on:hover{    color: #fff!important;background-color:#505050!important;border: 1px solid #505050!important;}
.title span {
    padding: 6px 0px;
    font-size: 16px;
    color: #97144d;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;

    font-weight: 700;
    border-bottom: 2px solid #97144d;
    width: 100%;
    font-family: 'latoregular'!important;
    width: 300px;
    margin: 0px auto;
    margin-top: 31px;
    display: inline-block;

    margin-bottom: 20px;
}
.label_pay_form {
    color : #97144d !important;
}
.label_pay_button {
    background : #97144d !important;
}
.loginwrapper .usrname
{
    width: 100%;
    position: relative;
}
.loginwrapper .usrname, .loginwrapper .pwd {
    width: 100%;
    margin: 0px 0px 20px;
    position: relative;
}
.loginwrapper .usrname input
{
    max-width: 100%;
    margin-top: 5px;
    font-size: 16px;
    padding: 5px 0px;
    border: 0px;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: none;
    border-radius: 0px;
    color: #505050;
    width:100%;
}
.reset_login{background: none;
             color: #97144d;
             border: none;
             box-shadow: none;font-size:14px;}
.reset_login:hover{}
.loginwrapper .errormsg {
    width: 100%;
}
.login_using{font-size:16px; color:#505050;margin-top: 10px;}
.fb {
    width: 134px;
    height: 40px;
    font-family: arial;
    color: #fff;
    /* font-size: 15px; */
    background: url(../images/fb-icon.jpg) 50% 50% no-repeat #3d5a97;
    /* padding-left: 8%; */
    /* padding-top: 10px; */
    width: 50px!important;
    border-radius: 4PX;
}
.googlep{background: url(../images/gp-icon.jpg) 50% 50% no-repeat #dc4b38;
         width: 134px;
         height: 40px;
         font-family: arial;
         color: #fff;
         width: 50px!important;
         border-radius: 4PX;
}
.red {
    color: red !important;

    font-size: 16px;
}


.fa-lock, .title_icon{
    background: #97144d;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;

    line-height: 20px!important;
    font-size: 14px!important;}

.loginwrapper .logbtn,.logout .logbtn {
    margin: 10px 0px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    background: transparent;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border: 0px;
    position: relative;
    line-height: 40px;
    height: 40px;

    vertical-align: middle;
    padding: 0px 20px;
    font-size: 16px;

    font-weight:normal;
    background: #97144d;
}
.loginwrapper .logbtn input {
    width: auto;
    padding: 0px 20px;
    background: transparent;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border: 0px;
    font-size: 16px;
    box-shadow: none;
    margin: 0px;
}

.loginwrapper .errors {
    color: red;
    font-size: 14px;

}
.loginwrapper input:focus{
    border-bottom: 1px solid #97144d;
    outline: none!important;
    background: none;
    box-shadow: none;
}

.logout, .logout a{color: #505050;
                   margin-top: 100px;
                   font-weight: normal; }
.logout a{text-decoration:underline;}
.logout h2{font-weight:normal;}
.logout  .btns{display: inline-block;
               width: 220px; font-weight:normal;}
.loginwrapper .logbtn:hover,.logout .logbtn:hover,
.loginwrapper .logbtn:focus {
    background: #505050;
    color: #fff;
    box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
.loginwrapper .btns a{color: rgb(151, 20, 77);}
.heading{
    font-size: 16px!important; 
    font-weight:normal;
    color: #97144d!important;}
.input-append, .input-prepend{
    float:left;
    width:100%;
}
.input-append input{padding-left:10px!important;border: 1px solid #ccc;}
.category{margin-left:0px!important;    margin-top: 10px;}
.urn_error label{width:100%;float: left;}
.error{color:red;}
.footer p{text-align:center;font-size: 16px;
          line-height: 1.4em;color: #323232;
}
.footer, .user{text-align:left;}
.urn-error{    margin-bottom: 30px;
               margin-top:70px;
               float: left;
               width: 100%;}
#footer{
    background:none;color:#787878;
    text-shadow:none;font-family: 'latoregular';
    font-weight: normal;
    border-top: 1px solid #e6e6e6;

}
.brandtitle{position: absolute;
            top: 45px;
            left:0;
            right: 0;
            margin: 0px auto;
            text-align: center;
            color: #97144d;}
.footer {border-top: 0px;
         background: #e6e6e6;
         padding: 20px 0px;

         height: 100%;
         float: left;
         width: 100%;

}
.captcha-image > a {
    color : #787878!important;
    font-size: large;
}

.label_input{display: inline-block;
             margin-bottom: 5px;
             vertical-align: bottom;padding-right:10px;font-size: 18px;
             color: #97144d;}
.copyright_footer{position: absolute;
                  bottom: 0;
                  font-size: 14px;
                  width: 100%;
                  border-top: 1px solid #e6e6e6;
                  padding-top: 10px;}
.copyright_footer p{padding-left:15px;}

.hidden-lg, .hidden-sm, .hidden-md{display:none!important;}
.hidden-xs{display:block}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 6px solid #97144d;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;

    content: "";
}
.btn_dropdown{padding: 4px 12px;
              margin-bottom: 0;
              font-size: 14px;
              line-height: 20px;
              color: #333;
              text-shadow: 0 1px 1px rgba(255,255,255,.75);
              vertical-align: middle;
              cursor: pointer;
              background-color: #f5f5f5;
              background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
              background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
              background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
              background-image: -o-linear-gradient(top,#fff,#e6e6e6);
              background-image: linear-gradient(to bottom,#fff,#e6e6e6);
              border: 1px solid #ccc;
              border-color: #e6e6e6 #e6e6e6 #bfbfbf;
              border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
              border-bottom-color: #b3b3b3;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px;
              filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
              filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
              -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
              -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
              box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
              width:100%;
              padding:15px;
}

.select_cat .dropdown-menu a{color:#323232;    padding: 10px 20px;
                             font-weight: 400;
                             line-height: 20px;
                             font-size:20px;
                             white-space: nowrap;
                             border-bottom: 1px solid #e6e6e6;font-family: 'latoregular';}
.select_cat   .dropdown-menu{width:100%;}
.select_cat   .dropdown-menu i{padding-right:10px; width:40px;}
/*** LOGIN WRAPPER END ****/

input::placeholder { color: #505050!important; font-size: 16px; }

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #505050!important; font-size: 16px; 
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #505050!important; font-size: 16px; 
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #505050!important; font-size: 16px; 
}
input:-moz-placeholder { /* Firefox 18- */
    color: #505050!important; font-size: 16px; 
}
.select,.inputtext{height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}


/********* Inner Pages Css ********/
.innerpage #page{   margin: 100px auto 0!important;}
.innerpage #content{margin-top:35px;}
.innerpage {
    background: #e6e6e6!important;


}
.fa-inner-icon{background: #323232;
               border-radius: 100%;
               -moz-border-radius: 100%;
               -webkit-border-radius: 100%;
               /* height: 130px; */
               /* width: 130px; */
               /* line-height: 35px; */
               color: #fff;
               padding: 6px;
               font-size: 28px;}
h1{font-family: 'latoregular'!important;color:#323232}
.backBtn{    background: #97144d;
             display: inline-block;
             width: auto;
             padding: 2px 10px 4px 10px;

             font-size: 16px;
             color: #fff;
             border-radius: 4px;
             -moz-border-radius: 4px;
             -webkit-border-radius: 4px;}
.backBtn:hover{background:#525252; color: #fff;}
.backBtn .back-icon{text-align:left;font-size: 22px;
                    padding-right: 6px;
                    vertical-align: bottom;}
.add-on{height:20px!important;}
.edu-table .table td:focus, .edu-table .table td:hover{    border: 2px solid #97144d!important;}
.innerpage .gradientbg{background: #97144d!important;}
.innerpage  .urn-error {
    margin-bottom: 30px;
    margin-top: 70px;
    float: none!important;
    width: auto!important;
    margin: 0px auto;
}
.innerpage .copyright_footer{background: #e6e6e6!important;
                             text-align: center;}
.innerpage .urn-error .input-append, .innerpage .urn-error .input-prepend{float:none!important; }
.innerpage .enquire{color:#fff;}
.innerpage  .urn-error .add-on{background:#525252!important;}
.innerpage  .urn-error .add-on:hover{background:#323232!important;}
.innerpage .add-on .back-icon{    font-size: 30px!important;
                                  line-height: 18px;}
.btn-primary{background: #97144d!important;}
.btn-danger, .btn-danger:focus, .btn-danger:hover{    background: #787878!important;}
.footer-lt form{margin:0px;}
.innerpage #header{box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
                   -webkit-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
                   -moz-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
                   -o-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
                   -ms-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.innerpage .urn_error .error{color:#fe1f74!important;}
.pager li{display:inline-block;}
.pager li a{color:#97144d;}
.last a,.first a,.next a,.prev a,.page a{    color: #fff!important;
    background: #97144d;padding:2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	.hidden a{background:#ddd; color:#555!important;padding:2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	.page a{padding: 2px 5px;}
	 
/********* End Inner Pages Css ********/

/****** RESPONSIVE QUERIES ***********/
@media (max-width: 1200px){
	.addmore, .makepayment, .makepayment:hover { background:#97144d; }
    .directdebt, .edu, .etender, .housing, .ins, .others {

        margin-left: 0%;
    }
    .category-mob{margin-bottom:0px!important; padding-top:0px!important;}



}
@media screen and (max-width: 990px) {
	.addmore, .makepayment, .makepayment:hover { background:#97144d; }
    .category-mob a {
        padding-top: 0px;
        display: inline-block;
        padding-right: 0px;
        font-size: 12px;
        height: 100px;
        width: 100px;
        line-height: 25px;	
    }
    .category-mob i {
        padding-top: 20px;
        display: block;
        font-size: 34px;

    }

    .category-mob {
        margin-left: 0px!important;
        padding-left: 0px;
    }
    .directdebt, .edu, .etender, .housing, .ins, .others{margin-left: 0%;}
}
/*** 10-10-2019***/
@media screen and (max-width: 768px) {
	.addmore, .makepayment, .makepayment:hover { background:#97144d; }
	#header{height: 65px;}
	.logo_header {
		background: #97144d;
		width: 100%;
		height: 18px;
		margin: 0px;
		padding: 0px;
		position: absolute;
	}
	.logo_img {
		z-index: 999;
		float: left;
		color: #fff;
		
		background: #97144d;
	  padding: 9px 7px 0px 13px;
		position: relative;
		height: 53px;
		
		
	}
	.logobg {
		background: url(../images/logo_curve.jpg) no-repeat;
		
		float: left!important;
		width: 30%!important;
		height: 3.5rem!important;
		background-size: 34px!important;
		background-position: 0 0!important;
		margin-top: 17px;
		margin-left: -1px;
	 
	}
	.logo_img img{width:100px;}
	.login {
	   
	  width: 67%;
		top:26px;

		
	}
}
/*** END 10-10-2019***/
@media only screen and (min-device-width: 767px) and (max-device-width: 1200px) and (orientation:landscape) {
  #mainContent{margin-top:90px;}
}
/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  #mainContent{margin-top:90px;}
}
@media screen and (max-width: 767px) {
/*** 10-10-2019***/
.addmore, .makepayment, .makepayment:hover { background:#97144d; }
.inputtext{width:200px!important;}
.login {
   
    width: 99%;
	top:26px;

    
}

/*** 10-10-2019***/
    .hidden-lg, .hidden-sm, .hidden-md{display:block!important;}
    .hidden-xs{display:none!important;}
    .seprator {display:none!important;}
    .loginwrapper{margin-bottom:10px}
    .col-xs-12{width:100%!important; text-align: center;}

    .label_input{font-size:14px;}
    .category-mob .span4 {
        width: 33.3%;
        margin-left: 0;
        float: left;
        margin-top: 0px;
        padding-bottom: 10px;
    }
    .category-mob .etender-margin {
        margin-top: 0px;
    }

    .category-mob a {
        padding-top: 0px;
        display: inline-block;
        padding-right: px;
        font-size: 12px;

    }
    .category-mob i{
        padding-top: 18px;
        width: 100%;
    }
    .category-mob {

        padding: 0px!important;
        margin: 0px!important;
    }
    .footer{padding:0px 0px;}
    .footer p{font-size:14px!important;}
    .heading{padding-top:10px;width: 100%;font-size:16px!important;}
    .brandtitle{right:10px;left: auto;}
    .copyright_footer p {
        padding-left: 0px;
        text-align: center;
    }
	.title span{width:100%;}
	.urn-error .input-append{width:100%!important;}
	.urn-error input{width:170px!important;}
	
}
.btn-danger,.btn-primary,.btn-danger:hover,.btn-primary:hover{border-color:transparent}
.btnprint{
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
/*------- oberoi BRD CHANGES ------------------*/
.inline-brd-country-code{
	position: absolute;
    float: left;
    width: 10% !important;
    margin-top: -9px;
    margin-left: 149px;
}
.inline-brd-country-code::-webkit-input-placeholder{
	font-size: .7rem;/*ak*/
}
.inline-brd-mobile-no::-webkit-input-placeholder{
	font-size: .7rem;/*ak*/
}

.inline-brd-mobile-no{
	float: right;
    width: 70% !important;
}

.inline-brd-mobile-parent-div {
	margin-top: -36px;
    width: 86%;
}

.inline-brd-country-code-label-hide{
	display: none;
}

.inline-brd-mobile-error-alignment{
	margin-left: 25%
}
.inline-brd-country-code-error-alignment{
	position: absolute;
    margin-top: 25px !important;
    margin-left: 15%;
}


@media screen and (max-width: 767px) {
/*** 10-10-2019***/
.inline-brd-country-code{
	position: absolute;
    float: left;
    width: 30% !important;
    margin-top: 22px;
    margin-left: 0px;
}
.inline-brd-mobile-parent-div{
	margin-top: -36px;
    width: 97%;
}
.inline-brd-mobile-no{
	float: right;
    width: 63% !important;
}
.inline-brd-country-code-error-alignment {
    position: absolute;
    margin-top: 22% !important;
	margin-left: 0% !important;

}
}
/*------- oberoi BRD CHANGES END------------------*/