/*/////////     Desktop.css Styles     /////////*/

/* last updated on 31 Aug 2015 */

.form-horizontal input[type="text"] {margin-top: 0px !important;}

.info-note {
    padding: 10px 15px;
    margin: 10px 0px;
    background-color: #F4F0EA;
    border:  none;
    /* border-top:  1px solid #666363; */
    border-bottom:  2px solid #E6D9CA;
}

.terms-conditions {
    padding: 0px 20px;
}

.padbtm20 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.infoForm h1 {margin:30px 0 0 0;}

input[type="text"], input[type="email"], input[type="tel"] {
    padding: 5px 35px 4px 9px;
    /*height: 25px;
    line-height: 25px;*/
    vertical-align: middle;
}

/*Arun: BEGIN-added to correct padding issue in modern browsers*/
/*input[type="text"], input[type="email"], input[type="tel"] {
    padding-right:9px !important;
}

input[type="text"].valid, input[type="email"].valid, input[type="tel"].valid,
input[type="text"].error, input[type="email"].error, input[type="tel"].error,
input[type="text"].invalid, input[type="email"].invalid, input[type="tel"].invalid {
    padding-right:35px !important;
}*/
/* END-added to correct padding issue in modern browsers*/

.eforms .homeAlert {
    margin: 0 -20px 10px -20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: black;
    background-color: #F0F0F0;
    border-color: #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
}
.eforms .medium  {
  font-size:14px;
}
.eforms .muted-info {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853 !important;
}


.eforms .control-group {
    overflow: hidden;
}

.form-holder {
  margin: 20px 0px;
}

.supplementaryCardYesSection ol li {
  list-style-type: lower-alpha;
}

/* padding space - 0px */
.eforms .paddingT0 {
    padding-top: 0px !important;
}
.eforms .paddingR0 {
    padding-right: 0px !important;
}
.eforms .paddingB0 {
    padding-bottom: 0px !important;
}
.eforms .paddingL0 {
    padding-left: 0px !important;
}

/* margin space - 0px */
.eforms .marginT0 {
  margin-top: 0px !important;
}
.eforms .marginR0 {
    margin-right: 0px !important;
}
.eforms .marginB0 {
    margin-bottom: 0px !important;
}
.eforms .marginL0 {
    margin-left: 0px !important;
}

/* margin space - 10px */
.eforms .marginT10 {
  margin-top: 10px !important;
}
.eforms .marginR10 {
  margin-right: 10px !important;
}
.eforms .marginB10 {
  margin-bottom: 10px !important;
}
.eforms .marginL10 {
  margin-left: 10px !important;
}

/* margin space - 20px */
.eforms .marginT20 {
  margin-top: 20px !important;
}
.eforms .marginR20 {
  margin-right: 20px !important;
}
.eforms .marginB20 {
  margin-bottom: 20px !important;
}
.eforms .marginL20 {
  margin-left: 20px !important;
}

/*/////////     CSS arrows Styles     /////////*/
.arrow-up, .arrow-down, .arrow-right, .arrow-left {
    width: 0;
    height: 0;
    margin-left: 200px;
    margin-top: -25px;
}

.arrow-up {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #E4E4E4;
}

.arrow-down {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E4E4E4;
}

.arrow-right {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #E4E4E4;
}

.arrow-left {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #E4E4E4;
}




.border-red {
  border-bottom: 2px solid #C00;
  margin: 15px 0;
}

/* more links */
.morelinkSection {
  overflow: hidden;
  margin: 0px 0px 20px;
}

.morelinkSection .icn-arrow-red {
  background-position: 0 -1431px;
  height: 14px;
  width: 8px;
}

.morelinkSection a.launch {
  margin-top: 0px;
}





/*/////////     Progress Bar Styles     /////////*/
.page-module.progressBar {margin-bottom: 0; margin-top: 10px; border-bottom: 1px solid #D3D3D3; padding-bottom: 10px;clear:both;}
#progress-bar {
    display: block;
}

#progress-bar {
    padding:20px 0px;
    margin: 10px 0px 0px 0;
}

#progress-bar ul {
    font-size: 0px; /* fix for display inline-block white space issue on li */
    line-height: normal;
    margin: 0;
    padding: 0;
}

#progress-bar ul li {
    font-size: 14px;
    display: inline-block;
    list-style-type: none;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#progress-bar ul li a {
    cursor: default;
    text-decoration: none;
    color: #808080;
}

#progress-bar ul li.active a {
    color: #cc0000;
    /*font-weight: 700;*/
    font-weight: 400\0;
}

#progress-bar ul li.visited a {
    color: #C00;
}

#progress-bar ul li.active:hover a,
#progress-bar ul li.visited:hover a {
    color: #C00;
}

#progress-bar ul.complete li a,
#progress-bar ul.complete li.active a,
#progress-bar ul.complete li.visited a {
    color: #176226;
}

#progress-bar ul li div.breadcrumb-bar {
    height: 10px;
    padding-top: 4px;
}

#progress-bar ul li div.breadcrumb-bar {
    border-right: 1px solid #D3D3D3;
}

#progress-bar ul li:last-child div.breadcrumb-bar {
    border-right: none;
}

#progress-bar ul li div.breadcrumb {
    height: 4px;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#progress-bar ul li:first-child div.breadcrumb {
    border-left: 1px solid #D3D3D3;
}

#progress-bar ul li:last-child div.breadcrumb {
    border-right: 1px solid #D3D3D3;
}
#progress-bar li.active .breadcrumb-bar{
  border-color:#7f0000;
}
#progress-bar ul li.active div.breadcrumb {
    background-color: #cc0000;
  border-color: #cc0000;
}

#progress-bar ul li.visited div.breadcrumb {
    background-color: #8A0808;
}

#progress-bar ul.complete li div.breadcrumb {
    background-color: #176226;
}



#progress-bar li.visited a{
color:#7f0000;
}
#progress-bar li.visited .breadcrumb-bar{
  border-color:#7f0000;
}
#progress-bar li.visited .breadcrumb{
  background-color:#7f0000;
  border-color:#7f0000;
}

/*/////////     Tab Section Animation Styles     /////////*/

.row-fluid [data-counter] {
    display: none;
    display: block; /*  Need to remove this line to hide section blocks and show on validation */
}

.row-fluid #sectionContainer .form-horizontal {
    padding-top: 0px;
}

.row-fluid #sectionContainer .control-group p.info-text {
    margin: 10px 0px 0px;
}
.row-fluid #sectionContainer .control-group .controls p.info-text {
    margin: 0px;
}

.row-fluid #sectionContainer .clearfix p.info-text {
    margin: 0px 0px 10px;
}

.form-horizontal h3.sec-title {
    font-size: 25px;
    font-weight: normal;
    border-bottom: 1px dotted #c1c1c1;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-bottom: 10px;
}


/*/////////     Validation Animation Styles for Error Messages     /////////*/

.eforms p.errorMessage {
    margin: 5px 0 0;
    font-size: 85%;
    font-weight: 400;
    color: #7F0000;
    display: none;
}

.eforms .control-group.valid p.errorMessage,
.eforms .control-group .controls.valid p.errorMessage  {
    display: none !important;
}

.eforms .control-group.invalid p.errorMessage,
.eforms .control-group .controls.invalid p.errorMessage  {
    display: block;
}

.eforms .eforms-customGroup.valid .control-group .controls p.errorMessage.globalErrorMessage {
    display: none;
}

.eforms .eforms-customGroup.invalid .control-group .controls p.errorMessage.globalErrorMessage {
    display: block;
}

/*/////////     Validation Animation Styles for Fields     /////////*/
/* TEL fields valid/invalid */
/* .eforms .controls.valid input[type=tel],
.eforms .controls.invalid input[type=tel],
.eforms .controls.valid input[type=tel]:focus,
.eforms .controls.invalid input[type=tel]:focus {
    border: 1px solid #CCC;
    color: #555;
    background-image: none;
}

.eforms .controls input[type=tel].valid,
.eforms .controls.valid input[type=tel].valid,
.eforms .controls.invalid input[type=tel].valid {
    color: #008000;
    background: #FFF url("../../images/icn-green-check.png") no-repeat 100% 50%;
    border-color: #008000;
}

.eforms .controls input[type=tel].valid:focus,
.eforms .controls.valid input[type=tel].valid:focus,
.eforms .controls.invalid input[type=tel].valid:focus {
    border-color: #008000;
    color: #008000;
}

.eforms .controls input[type=tel].invalid,
.eforms .controls.valid input[type=tel].invalid,
.eforms .controls.invalid input[type=tel].invalid {
    color: #953B39;
    background: #FFF url("../../images/icn-red-x.png") no-repeat 100% 50%;
    border-color: #953B39;
}

.eforms .controls input[type=tel].invalid:focus,
.eforms .controls.valid input[type=tel].invalid:focus,
.eforms .controls.invalid input[type=tel].invalid:focus {
    border-color: #953B39;
    color: #953B39;
} */

.eforms .controls.valid label:first-child {
    color: #008000;
}

.eforms .controls.invalid label:first-child {
    color: #953B39;
}


/* type=[text/email/radio] fields valid/invalid */
/* .eforms .control-group.valid input,
.eforms .control-group label.valid input,
.eforms .control-group .controls.valid input {
  background: #FFF url("../../images/icn-green-check.png") no-repeat 100% 50%;
    border-color: #008000;
}

.eforms .control-group.invalid input,
.eforms .control-group label.invalid input,
.eforms .control-group .controls.invalid input {
    background: #FFF url("../../images/icn-red-x.png") no-repeat 100% 50%;
    border-color: #953B39;
}
 */
.eforms .control-group .controls.valid  input[type="checkbox"],.eforms .control-group .controls.invalid  input[type="checkbox"]{
  background:#fafafa;
  border-color:#cacece;
}
.eforms .control-group .controls.valid  input[type="radio"],.eforms .control-group .controls.invalid  input[type="radio"]{
  background:#fafafa;
  border-color:#cacece;
}
.control-group.noValidError input[type="radio"],.control-group.noValidError input[type="checkbox"]{
  width:16px;
  height:16px;
  background:#fafafa;
  border-color:#cacece;
}

.control-group.noValidError.error .radio{
  -webkit-box-shadow:none;
  box-shadow:none;
}

.eforms .control-group .controls.valid input:focus,
.eforms .control-group label.valid input:focus,
.eforms .control-group.valid input:focus {
    color: #008000;
}

.eforms .control-group .controls.invalid input:focus,
.eforms .control-group label.invalid input:focus,
.eforms .control-group.invalid input:focus {
    color: #953B39;
}

/*.eforms .eforms-customGroup.valid .control-group .labels label:first-child*/
.eforms .control-group.valid input,
.eforms .control-group.valid select,
.eforms .control-group.valid label,
.eforms .control-group label.valid,
.eforms .control-group .controls.valid input {
    color: #008000;
}

/*.eforms .eforms-customGroup.invalid .control-group .labels label:first-child*/
.eforms .control-group.invalid input,
.eforms .control-group.invalid select,
.eforms .control-group.invalid label,
.eforms .control-group label.invalid,
.eforms .control-group .controls.invalid input {
    color: #953B39;
}

/* for radio option fiedls */
.eforms .control-group.valid input[type=radio],
.eforms .control-group.invalid input[type=radio] {
    background-image: none;
}

/* calender icon for date filed */
.eforms .control-group input.calender,
.eforms .control-group.valid input.calender,
.eforms .control-group.invalid input.calender {
    background: #FFF url("../../images/calendar.png") no-repeat scroll 95% 50%;
}


/*/////////     Label Styles     /////////*/

.form-horizontal label.control-label {
    margin-top: 10px;
}

#sectionContainer.row-fluid [class*="span"] {
    /* margin-left: 0; */
  margin-bottom: 20px;
}

.control-group .controls .inputBoxLarge {
    width: 335px;
}

.mr20 {
    margin-right: 20px!important;
}

/*/////////     Field Styles     /////////*/

.control-group .controls  input[type="checkbox"],
.control-group .controls input[type="radio"] {
    margin-left: 0px;
    margin-top: -5px;
  margin-right:5px;
}

.control-group label.controls {
    margin: 0px;
}

.control-group .controls label {
    margin-top: 10px;
    display: block;
    margin-right: 20px;
}

.control-group .controls label.radio-block input[type=radio] {
    margin-right: 5px;
}

#sectionContainer .control-group .controls label.radio {
  display: block;
  margin: 10px 20px 5px 0px;
  padding: 0px;
}

.eforms .control-group .controls label.radio-label {
  display: inline-block;
    padding: 0;
}

.eforms .control-group .controls label.radio-label input {
    margin-right: 5px;
    margin-top: -5px;
}


.control-group .controls label.radio input[type="radio"] {
  margin-top: -3px;
}

.control-group.radio p.muted {
  margin-top: 5px;
  margin-bottom: 15px;
}


.control-group .controls label span:nth-child(2) {
    /* padding-left: 15px; */
}

/* for group address field */

.control-group .controls.HLU .control-label-field-group label {
    display: inline-block;
    margin-top: 0px;
}

.control-group .controls.HLU .control-label-field-group label input {
  clear: both;
  float: none;
  display: block;
  margin: 0;
}

.control-group .controls.HLU {
    overflow: hidden;
  margin-top:10px;
}

.control-group .controls.HLU .errorMessage{
    clear: both;
}
/*
.control-group .controls label.HLU {
    margin-top: 0px;
}

.control-group .controls label.HLU span {
    width: 125px;
    display: inline-block;
    padding-left: 0px;
}*/
/* end for group address field */

.control-group .controls ul {
    margin-left: 0px;
}

.form-horizontal h3.sec-title {
    font-size: 25px;
    font-weight: normal;
}

.form-horizontal h3.sec-title .btn {
    margin-bottom: 0px;
}

/*.form-horizontal #SelectedCardSection h4.cardLabel{min-height: 40px;}*/
.form-horizontal .selctedCard h4.cardLabel {
    min-height: 40px;
}

.form-horizontal #labelValueSection .control-group {
    margin-bottom: 10px;
}

.form-horizontal #labelValueSection .control-group label.control-label {
    margin: 0px;
    padding: 0px;
}

.form-horizontal #labelValueSection .control-group .controls label {
    margin: 0px;
}

.form-horizontal .control-group .controls .top65 {
    margin-top: 25px;
}

.normalText {
    font-size: 14px;
    font-weight: normal;
}

.left20 {
    margin-left: 20px;
}

.selctedCard {
    margin-bottom: 20px;
}

.selctedCard [class*="span"] {
    margin-left: 20px !important;
}

.selctedCard [class*="span"]:first-child {
    margin-left: 0px !important;
}

.selctedCard .span9 .span4 {
    margin-left: 0px !important;
}

/*.selctedCard .span9 .span5 p.muted.clearfix {
    margin-top: 10px !important;
}
*/
/*Addition by Anand to incorporate CTS document standards starts here*/

.control-group .labels {
    float: left;
    width: 220px;
    margin: 0 2% 0 0;
}

.control-group .labels .control-label {
    display: block;
    float: none;
    text-align: right;
    width: auto;
    vertical-align: middle;
    margin: 10px 0 0 0;
    padding: 0;
}

.control-group .labels  .muted {
    display: block;
    float: none;
    text-align: right;
    margin: 0;
    line-height: 16px;
    color: #999494;
    font-size: 12px;
    font-weight: normal;
}

.control-group .controls {
    margin: 0 0 0 240px;
}


.eforms .control-group  input,
.eforms .control-group .customDropdown {
    margin: 0;
}

.eforms .control-group  input[type=checkbox] {
    margin-top: -5px;
  margin-right: 5px;
  width:16px!important;
  height:16px!important;
  padding: 0;
}

.eforms .control-group .marginL20 {
    margin-left: 20px;
}
.eforms .control-group .marginR20 {
    margin-right: 20px;
}

.eforms .control-group .rightspace {
    margin-right: 20px;
}


/*/////////     Auto suggest Styles     /////////*/
.ui-autocomplete {
    font-size: 10px;
    width: 215px;
    height: 100px;
    overflow-y: auto;
    border-radius: 0px;
}

ul.ui-menu {
    padding: 1px;
    margin: 0;
}

.ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #CCC6C6;
}

.ui-autocomplete .ui-menu-item a {
    padding: 5px 5px 5px 15px !important;
}

ul.ui-corner-all {
    font-size: 90%;
    font-family: 'OpenSans', Arial,sans-serif;
    border-radius: 0px !important;
    border: 1px solid #CCC6C6 !important;
    background-color: #F4F0EA !important;

}

.ui-autocomplete .ui-menu-item a.ui-state-focus {
    padding: 5px 5px 5px 13px !important;
    border-radius: 0px;
    border: 0px solid #CCC6C6 !important;
    border-top: 1px solid #CCC !important;
    color: #C00 !important;
    border-bottom: 1px solid #CCC6C6 !important;
    border-left: 3px solid #C00 !important;
    cursor: pointer;
    /*border-top: 1px solid #666363 !important;
    border-bottom: 1px solid #666363 !important;*/
    background-color: transparent !important;
}

ul.ui-corner-all {
    scrollbar-face-color:#666363;
    scrollbar-arrow-color:#666363;
    scrollbar-track-color:#666363;
    scrollbar-shadow-color:#CCC;
    scrollbar-highlight-color:#CCC;
    scrollbar-3dlight-color:#CCC;
    scrollbar-darkshadow-Color:#CCC;
    }

ul.ui-corner-all::-webkit-scrollbar {
    width: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(102, 99, 99, 1);
}

ul.ui-corner-all::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(102, 99, 99, 1);
}

ul.ui-corner-all::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(102, 99, 99, 1);
}
ul.ui-corner-all::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}





/*/////////     Toggle hide/show section Styles     /////////*/
.eforms .toggle-show-hide-container {
    margin-bottom: 20px;
    /* border-top: 1px dotted #666363; */
    border-bottom: 2px solid #E6D9CA;
    padding: 5px 0px;
    /*background-color: #F2F2F2 !important;*/
    background-color: #F4F0EA;
}

.eforms .toggle-show-hide-container .control-group .controls {
  padding-right: 1%;
}

.eforms .toggle-show-hide-container .control-group .labels {
  width: 22.5%;
  padding-left: 1%;
}

.eforms .toggle-show-hide-container .control-group.info-container {
  margin: 0px 0px;
}

.eforms .customDropdown {
  background-color: #FFF !important;
}


/* confirmation page */

.eforms h3.sec-title {
    font-size: 25px;
    font-weight: normal;
    border-bottom: 1px dotted #C1C1C1;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-bottom: 10px;
}

.eforms .confirmation .control-group {
    margin-bottom: 10px;
}

.control-group .labels .confirmation-label {
    display: block;
    text-align: right;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.controls .confirmation-value {
    margin: 0px!important;
}

.controls .confirmation-value  ul{margin:0; padding:0; margin-top:-10px}
.controls .confirmation-value  ul li{margin-left:20px}

.controls .confirmation-value {
    display: block;
}

.eforms .confirmation .alert-error .small {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.eforms .confirmation .gray-box .small {
    color: #100F0F;
}

.gray-box {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FAFAFA;
    border: 1px solid #EEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*======================================= CAPTCHA WIDGET - BEGIN =======================================*/

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?8365063');
  src: url('../fonts/fontello.eot?8365063#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?8365063') format('woff'),
       url('../fonts/fontello.ttf?8365063') format('truetype'),
       url('../fonts/fontello.svg?8365063#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}



#captcha-widget.captcha  {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    max-width: 340px;
    min-height: 20px;
    /*margin: auto;*/
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-border-radius: 0px;
    -moz-box-shadow: none);
}

.captcha .widget-top {
    display: table;
    margin-bottom: 10px;
}

.captcha .widget-top .image-container {
    background-color: #FFFFFF;
    border: 1px solid #666;
    min-height: 57px;
    min-width: 100px;
    width: 300px;
    height: 100%;
    max-width: 300px !important;
    display: table-cell;
    vertical-align: middle;
}

.captcha .widget-top .image-container .thumbnail {
    background-color: #FFFFFF;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    display: block;
    line-height: 20px;
    padding: 0px;
    width: 100% !important;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
}

.captcha .widget-top .image-container .thumbnail a, .captcha .widget-top .image-container .thumbnail a:hover{
    color: #CC0000;
    font-weight: normal;
}

.captcha .widget-top .image-container a.thumbnail:hover{
    text-decoration: none;
}

.captcha  .widget-top .image-container a.thumbnail a:hover{
    text-decoration: underline;
}


.captcha .widget-top .captcha-icons-container {
    float: right;
    max-width: 40px;
    min-width: 40px;
    display: table-cell;
}

.captcha .widget-top .captcha-icons-container .btn {
    padding: 10px;
    margin-bottom: 0;
    text-shadow: none;
    cursor: pointer;
    background-color: #F4F0EA;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.captcha .widget-top .captcha-icons-container .btn:hover {
    text-decoration: none;
    background-color: #FCFCFC;
}

.captcha [class^="icn-"]:before, [class*=" icn-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    color: #666363;
    height: 20px;
    width: 20px;
}


.icn-picture:before { content: '\31'; } /* '1' */
.icn-headphones:before { content: '\32'; } /* '2' */
.icn-refresh:before { content: '\33'; } /* '3' */
.icn-question-sign:before { content: '\34'; } /* '4' */

.captcha  .widget-bottom {
    display: table;
    width: 100%;
}

.captcha  .widget-bottom .input-recaptcha{
width: 75%;
margin-top: 10px;
}
/*======================================= CAPTCHA WIDGET - END =======================================*/


/*======================================= filter styles- start =======================================*/
.tabbed-nav {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    font-weight: 400\0; /* IE 8*/
    margin: 0 0 10px 0;
    padding: 0;
    color: #999494;
    /*display: inline-block;*/
    overflow: hidden;
    clear: both;
}

.tabbed-nav li:first-child {
  margin-left: 0;
}

.tabbed-nav li {
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: -5px;
}

.tabbed-nav li.active {
    color: #7f0000;
    /*position: relative;*/
    border-bottom: 2px solid #C00;
}

/*.tabbed-nav li.active+li {
    border-left: 0
}

.tabbed-nav li.last-child {
    border-right: 1px solid #dedad5
}
*/

.tabbed-nav li.active>a {
    color: #7f0000;
    text-decoration: none
}

.tabbed-nav li>a {
    color: #999494;
    text-decoration: none
}

.eforms .tabbed-nav li:hover>a {
    color: #C00;
}
.ico_tq{
width:65px;
}


/*======================================= filter styles- end =======================================*/
/* Integrating Satya changes - Start */
/* sidemodule */
.side-module {
background-color: #f4f0ea;
margin-left: 0;
/* margin-right: -32px; */
margin-right: -30px;
margin-top: 30px;
padding: 20px;
margin-bottom: 30px;
border-bottom: 2px solid #e6d9ca;
}

.side-module h2{
margin:0; margin-bottom:10px;
border-bottom: 1px dotted #ccc6c6;
padding-bottom: 10px;}

.side-module h3 {
margin:0; margin-bottom:10px;
border-bottom: 1px dotted #ccc6c6;
padding-bottom: 10px;
}
.docIcon{
width: 20px;
height: 20px;
display:inline-block;
background:url(../../images/icons-s0099f5f8a7.png) no-repeat 0 -1344px;
}
.side-module .innerSection UL{margin:0; padding:0}

.side-module .innerSection UL li{
list-style-image:url(../../images/docIcon.png);
margin:0; padding:0; padding-bottom:10px; margin-left:20px;
}

.side-module .innerSection .leftSection{width:60px}
.side-module .innerSection .rightSection h3 {
border-bottom: none;
color: #7d7874;
font-size: 14px;
font-weight: 700;
font-weight: 400\0;
margin: 0;
padding: 0;
line-height: 16px;
}

.side-module .innerSection .rightSection h4 {
font-size: 12px;
line-height: 12px;
color: #857f7b;
margin: 0;
font-weight: 300;
}

.side-module .innerSection .rightSection p {
font-size: 12px;
line-height: 12px;
color: #b0a8a4;
}
.imageContainer{margin:20px 0}

.help_icon {
margin: -4px 0 0 5px;
padding: 0px;
width: 18px;
height: 18px;
background: url(../../images/icon_sprite.png) -47px -18px no-repeat;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}

.add_icon {
margin: -8px 0 0 0px;
padding: 0px;
width: 18px;
height: 18px;
background: url(../../images/icon_sprite.png) -130px 2px no-repeat;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}

.currencyGroup label{float:left; width:100px}

.businessoptionGroup {padding-left:25px;}
.businessoptionGroup div{width:49%; display:inline-block; padding-bottom: 10px;min-height:40px}
.businessoptionGroup div input[type="checkbox"]{padding:0; margin:0; width:16px; height:16px;float:left;margin-top: 1px;float:left;margin-top:0 !important}
.businessoptionGroup div label{padding-left:0; display: block; float:left; width:83%;margin-top:0!important}
.businessoptionGroup div label input{margin-top: -10px;margin-left: 5px;}

.option2section label{float:left !important; display:inline-block}

.moreOptionSection label{float:left !important; display:inline-block; width:48%; margin-right:0px!important; margin-bottom:10px}
.moreOptionSection label label{float:left !important; display:inline-block; width:auto; margin-right:0px!important;margin-top:0px!important}
.moreOptionSection label input[type="text"]{margin-top: -10px!important;}

.regAddresscountryGroup label{float:left}

#aboutBusiness{width:98%}
.Nomineeshareholder .radio{padding:0; margin-right:20px}

#overlay {
  opacity: .8;
    filter: alpha(opacity=80);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear ;
  position: fixed;
  z-index: 999;
  background-color: #000;
}

.muted {
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #999494;
white-space: normal;
}

#ErrorDiv
{
width: 100%;
border: 1px solid #BD7E7E;
padding: 10px;
color: #7f0000;
background: #F7E2E2;
margin-top: 10px;
}

#ErrorDivAddUser
{
border: 1px solid #BD7E7E;
padding: 10px;
color: #7f0000;
background: #F7E2E2;
margin: 10px 0;
}

#ErrorDiv p,#ErrorDivAddUser p{margin:0; padding-bottom:10px}
#ErrorDiv ul ,#ErrorDivAddUser ul,#ErrorDiv ul li,#ErrorDivAddUser ul li
{margin:0; padding:0}

#ErrorDiv  ul li, #ErrorDivAddUser ul li {list-style:none; padding-left:10px}

.front_arrow {
background: url(../../images/icon_sprite.png) no-repeat -81px -3px;
width: 10px;
height: 13px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0px 0 0 5px;
}

.back_arrow {
background: url(../../images/icon_sprite.png) no-repeat -98px -3px;
width: 10px;
height: 13px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: -5px 5px 0 0px;
}

.red-arrow-right{background: url(../../images/icon-page-rarrow.png) no-repeat 0px -50px;
min-width: 10px;
line-height:11px;
height: 13px;
padding-left:15px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0px 5px 0 0px;
}


/* modal */

.modal.fade.in {
top: 51%;
}

.modal.fade {
-webkit-transition: opacity .3s linear,top .3s ease-out;
-moz-transition: opacity .3s linear,top .3s ease-out;
-o-transition: opacity .3s linear,top .3s ease-out;
transition: opacity .3s linear,top .3s ease-out;
top: -25%;
}

.fade.in {
opacity: 1;
filter: alpha(opacity=100);
}

.otherContainer{
position:relative;
display:none;
height:38px;
}
.otherContainershow{
  display:inline-block;
}
.placeholderadjust .ie-placeholder{
  top:0 !important;
}
.placeholderIndent .ie-placeholder{
  left:30px !important;
}
.modal {
    position: fixed;
    left: 45%;
    z-index: 999;
   overflow: auto;
    /*width: 50%;*/
  width:685px;
    margin: -250px 0 0 -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.3);
    *border: 1px solid #999;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.modal .modal-header {
border-bottom: 1px dotted #ccc6c6;
/* padding: 0px 15px; */
padding: 8px 15px;
}

.modal-body {
overflow-y: auto;
max-height: 400px;
padding: 15px;
}


.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 white;
-moz-box-shadow: inset 0 1px 0 white;
box-shadow: inset 0 1px 0 white;
}

.btn-panel-close {
background: url('../../images/icons-s0099f5f8a7.png') no-repeat;
background-position: 0 -1033px;
height: 30px;
width: 30px;
float: right;
cursor:pointer;
}


/* accordin */

.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  padding: 10px;
  font-size: 18px;
  display: block;
  cursor: pointer;
  color: #666363;
  }
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  background: url(../../images/plus.png) no-repeat;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  color: #7B7E85;
  padding: 2px 10px;
}
.smk_accordion .accordion_in .acc_content  ul li{list-style:none; margin-left:0;padding-bottom:0px;overflow-wrap: break-word;}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {

}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../../images/minus.png) no-repeat;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 35px;
}

/* Newly added styles */
.currency{
    width: 100%;
    float: left;
    margin-left: 90px;
}
h3.section_title {
font-size: 18px!important;
margin-bottom: 10px;
font-weight: normal;
background: url(../../images/dottedBdr_bottom.png) 0 bottom repeat-x;
padding-bottom: 10px;
}
ul.square{
color: #C00;
}
ul.square li span{
display: inline-block;
color:#101f0f;
}
.confirmation-value ul.square li span {display:block}

.rightside{
    margin-top: 98px;
}
.bigtext{width: 324px !important;}
.small_btn{font-size: 12px;}
.map{width:600px;height:300px; background-color:#ccc; margin:10px 0px;}
.near_loc{float: left;margin-right: 10px;}
span.first_place{float: left;}
.Nearby_location{width: 40%;float: left;}
.loc_finder{width: 100%;float: left;padding-bottom: 50px;}
.second_loc{width: 50%;padding-left: 25px;
float: left;}
.others_nearby{width: 60%;
float: left;}
.eforms .control-group.clear_field{overflow: visible;clear:both;}
address{font-style: normal;}
.place{text-transform:uppercase; }
.search_location span{background: url(../../images/search_image.png) no-repeat;
float: left;
height: 20px;
width: 20px;
position: absolute;cursor: pointer;
left: 400px;
margin-top: 8px;
}
.place_finder{  position: relative;}
.customDropdown select.customSelectMedium{width: 220px !important;}
.customDropdown select.customSelectLarge{width: 320px !important;}
.control-group .currency .controls{position: relative;left: -14%;}
.control-group .currency .cheque_book{position: inherit;}
/* Integrating Satya changes - End */
#progress-bar ul li div.breadcrumb{
  margin:0;
  padding:0;
  background-color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 #cc0000;
  -moz-box-shadow: inset 0 0 0 #cc0000;
  box-shadow: inset 0 0 0 #cc0000;
}
.span12.eformsMargin { margin-left: 0; }
.eforms h2.section-title {
  padding-bottom: 12px;
  line-height: 28px;
}
.eforms .muted{
font-size: 12px;
line-height: 16px;
}
/*
.eforms .contactPersonGroup .section-subtitle.heading h3 {
border-bottom: 1px dotted #CCC6C6;
margin: 20px 0;
} */
.eforms div.section-subtitle {
border-bottom: 1px dotted #CCC6C6;
margin: 20px 0;
}
.eforms .input-small {
width: 125px !important;
}
.eforms .input-mini {
width: 34px !important;
}

.eforms .form-horizontal .control-group .labels .control-label { float: right; font-weight: 400; }
/* .eforms .control-group .labels { float: left; } */
.eforms .form-horizontal .textLeft { float: left !important; }
.eforms label.control-label, .eforms label.branch-location-suggestion-label { font-weight: 400; }
.eforms .form-horizontal textarea:focus, .eforms .form-horizontal input[type="text"]:focus, .eforms .form-horizontal input[type="password"]:focus, .eforms .form-horizontal input[type="datetime"]:focus, .eforms .form-horizontal input[type="datetime-local"]:focus, .eforms .form-horizontal input[type="date"]:focus, .eforms .form-horizontal input[type="month"]:focus, .eforms .form-horizontal input[type="time"]:focus, .eforms .form-horizontal input[type="week"]:focus, .eforms .form-horizontal input[type="number"]:focus, .eforms .form-horizontal input[type="email"]:focus, .eforms .form-horizontal input[type="url"]:focus, .eforms .form-horizontal input[type="search"]:focus, .eforms .form-horizontal input[type="tel"]:focus, .eforms .form-horizontal input[type="color"]:focus, .eforms .form-horizontal .uneditable-input:focus {
border-color: rgba(82,168,236,.8);
color: #100f0f;
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}

/********** ======================================= R styles - Start ======================================= ***********/
#ErrorDiv {width: auto; }
.controls.error .errorMessage { display: block; }
.editProfileDesc, .deleteProfileDesc { color: #555; }
#modalWindowDeleteProfile .modal-footer { border: 0; }
/* .selectCurreny { display: none; }
.billsAccountCenter { display: none; } */
.controlGroupChildren { display: none; }
.accCurrent { display: none; margin-left: 90px !important; }
#chequeBook .control-group .accCurrent .controls .control-label {text-align: left !important; }
.eforms .form-horizontal .controlGroupChildren .labels .control-label {
  float: left;
  /* margin-left: 90px  */
  }
/* tooltip */
.tool_tip_cont {
position: relative;
}
/* .tip {
position: absolute;
left: -73px;
color: #100F0F;
padding-bottom: 9px;
background: url(../../images/tooltip_arrow.png) bottom center no-repeat;
bottom: 25px;
position: absolute;
float: left;
display: none;
text-align: left;
} */
.tip {
position: absolute;
/* left: 0; */
color: #100F0F;
padding-bottom: 9px;
background: url(../../images/tooltip_arrow.png) bottom center no-repeat;
/* bottom: 25px; */

float: left;
display: none;
text-align: left;
margin-bottom: 0;
padding-bottom: 0;
}
.toolTip_cont {
background: #FEF8E9;
padding: 10px;
-webkit-box-shadow: 0px 0px 5px -5px #DCC2A0, 5px 0px 5px -5px #DCC2A0, -5px 0px 5px -5px #DCC2A0;
-moz-box-shadow: 0px 0px 5px -5px #DCC2A0, 5px 0px 5px -5px #DCC2A0, -5px 0px 5px -5px #DCC2A0;
box-shadow: 0px 0px 5px -5px #DCC2A0, 5px 0px 5px -5px #DCC2A0, -5px 0px 5px -5px #DCC2A0;
}
.w200 { width: 175px; }
.eforms .form-horizontal .control-group label { display: block; }
.eforms .form-horizontal .control-group.accCurrent label{display:inline}

.eforms .form-horizontal .control-group .cheque_book .control-label { text-align: left; }
.eforms .controls.error .errorMessage { display: block !important; }
.eforms ul.square { color: #C00; list-style: square; margin: 20px 0 20px 20px; }
.eforms ul.square li span { display:inline-block; color: #101f0f; }
.eforms .confirmation-value ul.square li span {display:block}
.eforms ul.square li { margin-bottom: 10px; }
.eforms .form-horizontal h1 { margin: 30px 0 0 0; }
.eforms .btn { font-size: 14px; }
.eforms .buttonSection .noMTop.noMBtm { margin: 0; }
.eforms .lock {
display: inline-block;
background: url('../../images/icons.png') no-repeat 89.5% 59.5%;
height: 20px;
width: 20px;
zoom: 0.65;
-moz-transform: scale(0.65);
}
.eforms .control-group .controls label.radio {
display: block;
margin: 10px 20px 5px 0px;
padding: 0px;
line-height: 11px;
}
.eforms .control-group .controls label.radio input[type="radio"] { margin-right: 5px; }
.eforms textarea { padding: 2px !important; margin-bottom: 0; }
.eforms .form-horizontal .control-group .radio input[type="radio"] { float: none; }

/********** ======================================= R styles - End ======================================= ***********/
/* table CSS - Start */
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th,.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: 700;
                font-weight: 400\0; /* IE 8*/
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed th,.table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th,.table-bordered td {
    border-left: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-right-topleft: 4px
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover td,.table-hover tbody tr:hover th {
    background-color: whitesmoke
}

table [class*=span],.row-fluid table [class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

table .span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

table .span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

table .span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

table .span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

table .span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

table .span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

table .span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

table .span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

table .span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

table .span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

table .span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

table .span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

table .span13 {
    float: none;
    width: 1004px;
    margin-left: 0
}

table .span14 {
    float: none;
    width: 1084px;
    margin-left: 0
}

table .span15 {
    float: none;
    width: 1164px;
    margin-left: 0
}

table .span16 {
    float: none;
    width: 1244px;
    margin-left: 0
}

table .span17 {
    float: none;
    width: 1324px;
    margin-left: 0
}

table .span18 {
    float: none;
    width: 1404px;
    margin-left: 0
}

table .span19 {
    float: none;
    width: 1484px;
    margin-left: 0
}

table .span20 {
    float: none;
    width: 1564px;
    margin-left: 0
}

table .span21 {
    float: none;
    width: 1644px;
    margin-left: 0
}

table .span22 {
    float: none;
    width: 1724px;
    margin-left: 0
}

table .span23 {
    float: none;
    width: 1804px;
    margin-left: 0
}

table .span24 {
    float: none;
    width: 1884px;
    margin-left: 0
}

.table tbody tr.success td {
    background-color: #dff0d8
}

.table tbody tr.error td {
    background-color: #f2dede
}

.table tbody tr.info td {
    background-color: #d9edf7
}

table.table-bordered.table-dbs tr.header-row td {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #c00;
    /* font-family: "OpenSans"; */
    font-size: 18px;
    color: #100f0f;
    font-weight: 400;
    color: #666363
}

table.table-bordered {
    border: 0
}

table.table-bordered td {
    height: 37px
}

table.table-bordered thead {
    border: 0
}

table.table-bordered thead tr {
    border: 0
}

table.table-bordered thead tr th {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #c00;
    /* font-family: "OpenSans"; */
    font-size: 18px;
    color: #100f0f;
    font-weight: 400;
    color: #666363
}

table.table-bordered tbody tr:last-child td {
    border-bottom: 0
}

table.table-bordered tbody tr.last-row td {
    border-bottom: 0
}

table.table-bordered tbody tr td {
    border-top: 0;
    border-bottom: 1px dotted #cfcece;
    border-left: 1px solid #f2f1f1;
    padding: 8px 8px 0 8px;
    vertical-align: middle;
    font-weight: 700;
                font-weight: 400\0; /* IE 8*/
}

table.table-bordered tbody tr td.first-column {
    border-left: 0
}

table.table-bordered tbody tr td:first-child {
    border-left: 0
}


/* added */

.textCenter
{text-align:center!important}

.textLeft
{text-align:left!important}

.textRight
{text-align:right!important}

.percent50
{width:49%}


.horizontal-line {
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #CCC6C6;
}

.noMTop{margin-top:0!important}
.noMBtm{margin-bottom:0!important}
.mTop-10{margin-top:-10px!important}
.mLeft10{margin-left:10px}
.mRight10{margin-right:10px}
.mTop10{margin-top:10px}
.mBottom10{margin-bottom:10px}
.mLeft20{margin-left:20px}
.mRight20{margin-right:20px}
.mTop20{margin-top:20px}
.mBottom20{margin-bottom:20px}

.posRelative{position:relative; height:26px}
.posAbsolute{position:absolute; top:-10px; left:26px}

.chkMark{background: url('../../images/checkMark.png') no-repeat;
padding-left: 30px;}

.module-promo-container.promo-module {
background-color: #F2EBE4;
border-bottom: 2px solid #E6D9CA;
margin-left: 0;
margin-right: 0;
padding: 1px 10px 0px 10px;
}

.module-promo-container.promo-module h3{min-height:50px}
.module-promo-container.promo-module p{min-height:100px}

.lock{
display: inline-block;
background: url('../../images/icons.png') no-repeat 89.5% 59.5%;
    height: 20px;
    width: 20px;
  zoom: 0.65;
  -moz-transform:scale(0.65);
}
/* table CSS - End */
#tooltip{
text-align: left;
color: #100f0f;
background: #F4F0EA;
position: absolute;
z-index: 1000;
padding: 10px;
border-bottom: 2px solid #ccc6c6;

}

#tooltip:after{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #F4F0EA;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}

.control-group.noValidError input {
border: 1px solid #cacece;
color: #100f0f!important;
}

.control-group.noValidError input.placeholder {
color: #ccc6c6!important;
}
.control-group.noValidError input[type="text"].error {
border: 1px solid #7f0000;
color: #7f0000!important;
background:#fff url("../../images/icn-red-x.png") no-repeat 100% 50%;
}

.control-group.noValidError input[type="text"].valid {
border: 1px solid #008000;
color: #008000!important;
}

.control-group.noValidError label {
color: #100f0f!important;
}

.control-group.noValidError label {
color: #100f0f!important;
}

#applay_btn img { max-width: none\0;}
.eforms .lock { width: 16px; margin-right: 5px; }
.controlGroupChildren { margin-left: 90px; }
.controlGroupChildren .labels { width: 140px;  }
.controlGroupChildren .currencyGroup { margin-left: 150px; }
.chequeBookDisclaimer { display: none}

.businessoptionGroup {margin:0 0 0 0px !important;padding-top: 10px;}

.eforms .btn { font-size: 14px; }
.eforms #map-panel {
  position: initial;
  position: static\9;
  display: inline;
  float:left;
  width:100%;
  padding-right:0;
  margin-top:20px;
}
.eforms #map-panel li.store{ width: 145px; display: inline-table;}
.eforms .feature-filter { margin: 0; width: 100%; }
.eforms #map-panel .store-list { padding: 0px; margin-top: 0; margin-left: 0 !important; outline: none !important;}
.eforms #map-panel li.store {cursor:pointer;}
.eforms #map-panel li.store.selected{background-color: transparent !important;}
.eforms #map-panel li.store:hover{background-color: transparent !important;}
.eforms #map-panel li.store { width: 170px; display: inline-table; padding-left: 25px; margin-top: 0px; padding-top: 0px; }
.eforms .control-group.Nearby_location { display: inline-block; width: 200px; margin-bottom: 0; }
.eforms .others_nearby { display: inline-block; padding-left: 0px; margin-left: -5px; }
.eforms .control-group.clear_field .preferredTime { margin: 15px 0; }
.eforms .seprateRow { clear: both; margin-top: 20px !important; }

#progress-bar ul li.visited a {
color: #8A0808;
}

.control-group2{
margin-top:20px;
}
.control-group2 .radio input[type="radio"]{
margin-left:0;
}
.control-group2 #FirstSection{
margin-top: 30px;
}
.othersInput{
width:135px !important;
}
.calender, .gldp-el {
Cursor:pointer !important;
}

.section-title span p{
display:inline;
}

.eforms .form-horizontal .control-group .single-colLbl label{
display:block;
margin-bottom:10px;
}
.groupInputother{
  margin-top:5px;
  display:inline-block;
}

.row-fluid h2.section-title {
padding-bottom: 12px;
line-height:28px;
}
.accCurrent .control-label{
  padding-top:0;
}
.accCurrent{
margin-bottom:10px !important;
}

#loaderDiv {
z-index: 999;
/*
position: absolute;
top: 50%; */
left: 45%;
position: fixed;
bottom: 50%;
}


.controls .confirmation-value ul{
margin:0;
padding:0;
margin-top:-10px;
}

/*fixes for phone groups*/
/*line 325 need to be commented */
.control-group.error input, .control-group.valid input{
background:none;
border: 1px solid #ccc !important;
color: #555;
}
.controls.error input[type="text"].error, .controls.error input[type="tel"].error, .controls.error input[type="email"].error, .controls.error textarea.error {
background: #fff url("../../images/icn-red-x.png") no-repeat right 50%;
color: #7f0000;
border: 1px solid #7f0000 !important;
}
.controls.valid input[type="text"].valid, .controls.valid input[type="tel"].valid, .controls.valid input[type="email"].valid, .controls.valid textarea.valid {
background: #fff url("../../images/icn-green-check.png") no-repeat right 50%;
color: #008000;
border: 1px solid #008000 !important;
}
.control-group  .phone-group.error .errorMessage{
display:block !important;
}
 .phone-group{
 margin: 0 0 0 240px;
 }
.phone-group .controls{
display:inline-block;
margin:0;
}

#map-panel .store-list{
/*min-height:150px;*/
height:auto;
margin-top:0;
margin-bottom:15px;
}

.jspScrollable .jspVerticalBar{
  display:none;
}

/*fixes for phone groups*/

/*ie placeholder style*/
.control-group .controls {
position:relative;
}

.control-group .controls .ie-placeholder{
color:#ccc6c6 !important;
position: absolute;
top: 9px;
margin: 0;
padding: 0;
left: 10px;
cursor:text;
white-space:nowrap;
overflow:hidden;
}
.input-append .ie-placeholder{
color:#ccc6c6 !important;
position: absolute;
top: 9px;
z-index:99;
margin: 0;
padding: 0;
left: 10px;
cursor:text;
white-space:nowrap;
overflow:hidden;
}
.input-append{
position:relative;
}
/*ie placeholder style*/
ul.ui-corner-all {
  z-index: 999;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
#ErrorDivUpdateUser {
border: 1px solid #BD7E7E;
padding: 10px;
color: #7f0000;
background: #F7E2E2;
margin: 10px 0;
}
#ErrorDivUpdateUser ul { margin: 0; }
#ErrorDivUpdateUser ul li {
margin: 0;
padding: 0;
}
#ErrorDivUpdateUser ul li {
list-style: none;
padding-left: 10px;
}
.otherSamerow{margin-top:-5px}
.otherSamerow input{width:2000px!important}

@media (max-width: 900px){
.control-group .labels {/* float: none; */width:100%;margin:0;}

#chequeBook .control-group .labels {
float: left;
width:50%;
margin:0;
}

.control-group .controls {margin: 0;padding-left: 20px;}
.accountSection .controls{
margin: 0;
}
.control-group .labels .confirmation-label{
text-align:left;
}
.eforms .form-horizontal .control-group .labels .control-label{
float:none;
}
.businessoptionGroup div {
width: 100%;
}
.businessoptionGroup {
padding-left: 0;
}
.control-group .controls label span:nth-child(2) {
/*padding-left: 22px;
display: block;*/ /* removed styles to fix defect 648 - SIT retrofit */
}
.moreOptionSection label{
width:100%;
float:none;
}
.eforms .seprateRow{
clear:none;
margin-top:10px !important;
}
.phone-group{
margin:0;
}
.form-horizontal .control-label{
width:auto;
}
#apply-hkoaos.modal{
  	width:70% !important;
	left: 15% !important;
    margin: 0px !important;
  	box-sizing: border-box;
}
.modal .control-group .labels .control-label{
  text-align:left;
}
.control-group .labels .control-label{
  text-align:left;
}
.groupInputother{
  display:block;
}
.eforms .control-group.clear_field .preferredTime{
margin-bottom:0;
}
#map-panel .feature-filter{
margin-top:10px;
}
.eforms .others_nearby { width:auto}
}

#PageOne_AccountSettingUsers input[type='tel'] {
background-color: #EEE !important;
border: 1px solid #ccc !important;
color: #555 !important;
}
#PageOne_AccountSettingUsers label {
  color: #100F0F !important;
}

.eforms .form-horizontal .control-group p {clear: both;
}

/*valid style for IE input*/
.controls.valid input[type="text"].valid, .controls.valid input[type="tel"].valid, .controls.valid input[type="email"].valid{
    background: #FFF url("../../images/icn-green-check.png") no-repeat 192px 50%\9 !important;
    border: none\9!important;
                border-right:35px solid transparent\9 !important;
                outline:1px solid #008000\9;
                padding-right:0\9 !important;
                margin-top:1px\9 !important;
                margin-bottom:1px\9 !important;
}
.controls.valid input[type="text"].bigtext.valid, .controls.valid input[type="tel"].bigtext.valid, .controls.valid input[type="email"].bigtext.valid{
background-position:342px 50%\9 !important;
}
.controls.valid input[type="text"].input-mini.valid, .controls.valid input[type="tel"].input-mini.valid, .controls.valid input[type="email"].input-mini.valid {
background-position:48px 50%\9 !important;
}
.controls.valid input[type="text"].input-small.valid, .controls.valid input[type="tel"].input-small.valid, .controls.valid input[type="email"].input-small.valid {
background-position:143px 50%\9 !important;
}
/*valid style for IE input*/

/*error style for IE input*/
.controls.error input[type="text"].error, .controls.error input[type="tel"].error, .controls.error input[type="email"].error{
    background: #FFF url("../../images/icn-red-x.png") no-repeat 192px 50%\9 !important;
    border: none\9!important;
                border-right:35px solid transparent\9 !important;
                outline:1px solid #7f0000\9;
                padding-right:0\9 !important;
                margin-top:1px\9 !important;
                margin-bottom:1px\9 !important;
}

:root .controls.valid input[type="text"].valid,
:root .controls.valid input[type="tel"].valid,
:root .controls.valid input[type="email"].valid,
:root .controls.error input[type="text"].error,
:root .controls.error input[type="tel"].error,
:root .controls.error input[type="email"].error{
    border-right:0px solid #FFF\0 !important;
    padding-right:35px\0 !important;
}

.controls.error input[type="text"].bigtext.error, .controls.error input[type="tel"].bigtext.error, .controls.error input[type="email"].bigtext.error{
background-position:342px 50%\9 !important;
}
.controls.error input[type="text"].input-mini.error, .controls.error input[type="tel"].input-mini.error, .controls.error input[type="email"].input-mini.error {
background-position:48px 50%\9 !important;
}
.controls.error input[type="text"].input-small.error, .controls.error input[type="tel"].input-small.error, .controls.error input[type="email"].input-small.error {
background-position:143px 50%\9 !important;
}
/*error style for IE input */

#map-overlay img{max-width:none !important}
#map-overlay{z-index:100}
h3{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}
.wraptext{overflow-wrap:break-word;word-wrap:break-word}
.confirmation-value{overflow-wrap:break-word;word-wrap:break-word}
.onlineBankingSection .controls .confirmation-value ul { margin-top: 0; }
.BusinessDetailsSection .controls .confirmation-value ul.square { margin-top: 0px; }
.BusinessDetailsSection .confirmation-value .square li span .confirmation-value { display: inline; }
.controls .confirmation-value.othersVal {
  color: #101f0f;
  margin-top: -30px !important;
  margin-left: 62px !important;
 }
 .control-group input.placeholder {
    border: 1px solid #ccc !important;
    color: #ccc6c6;
}

.page-module.progressBar {
    clear: both !important;
}

.eforms .control-group.valid .input-mini {
    color: #555 !important;
}

.eforms .control-group.valid .input-mini.placeholder {
    color: #ccc6c6 !important;
}
.eforms .control-group.valid .input-mini.valid {
    color: #008000 !important;
}
.eforms .otherContainer {margin-top: 5px;}
.eforms .textCenter {width: 100%;}

.popup-modal-header .close {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"; /* ie 8 */
}

/*.eforms .input-small.recheckInput.otherInputbox{
    margin-top: -5px\0/ !important;
}
.eforms .input-small.recheckInput.otherInputbox.valid,
.eforms .input-small.recheckInput.otherInputbox.error {
    margin-top: -4px\0/ !important;
}*/

span.select-wrapper {
  margin-top: 0px !important;
}

table.textCenter {width:100%}


/* save-exit styles */
.save-exit-btn {
  margin-right: 20px;
}

.schedule_section_cont {
  margin-bottom:20px;
}
.schedule_section_cont p label input {
  margin-left:20px;
  margin-top:-2px;
}
.branch {
  display:none;
  clear:both;
}
.gMaps-ver2 {
  margin:0;
  clear: both;
}
.meeting_time {
  margin-bottom:20px;
}
.consent_checkbox_wrapper {
  clear: both;
  float: none;
  color: #FFF;
  background: #C00;
  padding: 10px;
  margin-bottom: 20px;
}

.consent_checkbox_wrapper input[type=checkbox] {
  margin-left:0px;
  width:16px!important;
  height:16px!important;
  padding: 0 !important;
}

/* Confimation page */
.confirmation_section_cont {display:none;overflow:auto;}
.accountSection .confirmation_section_cont {display:block;}
h2.section-title span {display:inline-block;width:80%;padding-left:10px;}
h2.section-title button.edit {display:inline-block;}
h2.section-title button.btn-action {vertical-align:top;border:0px;background: url(../../images/icons-s0099f5f8a7.png);height: 32px;width: 30px;}
h2.section-title button.collapse {background-position:0 -1398px;}
h2.section-title button.expand {background-position:0 -1446px;}
/*h2.section-title .btn.btn-small {float: none;margin: 0px;text-align: right;}*/
.buttonHolder {margin-top:30px;}

#reSendOTP_link.disable {color: #CCC;text-decoration: none;cursor: default;}
#otpValue {float:left;}
.reSendOTPLink {float: left;margin-left: 20px;margin-right: 20px;}
.otpClearFix {clear:both;overflow:hidden;}
/* .errorMessage{color:#c00;} */
#confirm-submit-btn {
    clear: both;
  display: block;
    margin-top: 20px;
}
.span12.gMaps-ver2 {
  margin-left: 0px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #accountPurposeOthers, #Principal1PositionOthers {margin-top:10px;}
}

.controls.error input.valid{
    color: #008000;
    background: #FFF url("../../images/icn-green-check.png") no-repeat 100% 50%;
    border-color: #008000 !important;
}
.consent_checkbox_vrm label,
.consent_checkbox_mrm label {overflow:auto;}
.consent_checkbox_vrm label input,
.consent_checkbox_mrm label input {float: left;margin-top: 2px;}
.consent_checkbox_vrm label p,
.consent_checkbox_mrm label p {float: left;width: 95%;margin-top: 0px;}
.consent_checkbox_wrapper em {color:#FFF;}

.form-horizontal .otherContainer {margin-top: 0px !important;}

#listNavBar {display:none}
#useremail {width:280px;padding-right:9px;}

@media (max-width: 420px) {
    /* HK OAOS */
    .save-exit-btn {display:block;float:none;}
}

@media (max-width: 767px) {
    .nav-bar-mobile {
        padding: 10px 0px;
    }
   	#enquire_again{
        float: right !important;
    }
}

/*added by vadivelu icon changes for ASG-104678 START[29-05-2015]*/
#mobile-segment-dropdown-section {
    background-position: 0 -1519px;
    height: 45px;
    width: 45px
}


#mobile-login-dropdown-section {
    background-position: 0 -1483px;
    height: 45px;
    width: 45px
}
@media (max-width: 767px) {
#header-mobile .main-navigation-phone #login-dropdown-mobile ul{
margin-top:-1px;
}
}
/*added by vadivelu icon changes for ASG-104678 END[29-05-2015]*/

.span12.gMaps-ver2 {margin:0px;}

/*added by phuctho@dbs.com [24-08-2017]*/
@media (min-width: 901px) {
    .row-fluid .eforms .flatgroup .controls.inlinecontrol:last-child {
        margin-left: 220px!important;
    }
    #otherNo {
        margin-left: -220px;
    }
    #apply-hkoaos.modal{
        left: calc(50% - 185px) !important;
        margin: 0px !important;
        box-sizing: border-box;
        top: 15% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    #apply-hkoaos.modal{
        top: 15% !important;
    }
}
@media (max-width: 900px) {
    .row-fluid .row.fluid .span6 {
        width: 100%;
        margin-left: 0;
        min-height: 0;
    }
    .row-fluid .row.fluid .span6 .control-group .labels {
        width: 100%!important;
    }
    .row-fluid .row.fluid .span6 .control-group .phone-group {
        margin-left: 0!important;
    }
    .row-fluid .controls.valid [class*="span"] {
        width: 100%;
        margin-left: 0;
    }
    .row-fluid .eforms label.control-label, .eforms label.branch-location-suggestion-label {
        width: 100%;
    }
    .row-fluid .eforms .flatgroup .controls.inlinecontrol {
        margin-left: 0!important;
    }
    .row-fluid .ultimatebeneficiary .labels {
        width: 100%;
    }
    .row-fluid .eforms .form-horizontal .contact-person-div .control-group .labels .control-label {
        float: left!important;
    }
    .row-fluid .contact-person-div .row.fluid .span6:nth-child(2) .control-group:first-child .labels {
        width: 100%;
    }
    .row-fluid .contact-person-div .row.fluid .span6:nth-child(2) .control-group:first-child .phone-group,
    .row-fluid .contact-person-div .row.fluid .span6:nth-child(2) .control-group:first-child > .controls {
        margin-left: 0;
    }

}
@media (max-width: 1280px) and (min-width: 768px){
   #apply-hkoaos.modal .btn,#apply-hkoaos.modal .btn-primary{
        width: 100%;
        display: block;
        top: 15% !important;
    }

}
/* Check application status */
#sp-container {position:
fixed;left: 52%;top: 48%;transform:
translate(-50%,
-50%);z-index:
1091;width: 50%;}
.surveyPopup {
width: 35%;
min-height:
240px;
margin: 30pxauto;
}
.surveyPopup {
width: 35%;
min-height:
240px;
margin: 30pxauto;
}
.sp-content {
background:
#FFF;
border-radius:
4px;
}
.sp-body {
padding:
0px 10px
25px 10px
}
.sp-header {
display:
flex;
align-items:
center;
justify-content:
space-between;
padding:
16px;
font-size:
16px;
font-weight:
700;
padding-bottom:
0px;
}
.sp-footer {
display:
none;
text-align:
center;
height: 72px;
border-top:
1px solid
#E0E0E0;
padding-top:
16px;
box-sizing:
border-box;
}

#sp-backdrop {
opacity:
0.5;
position:
fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color:
#000;
z-index:
1090;
}
.sp-body .row div{
width: 47%;
float: left;
padding:
1.5%;
/* color: #7f0000; */
text-align: right;
}
.sp-body .row{
clear: both;
margin-top:
20px;
margin-left:
0px;
}
span.clear{
clear:both;
display:
block;
}
.field_lbl{
margin-top:
8px !important;
}
.field_cont input{
width: 100% !important;
box-sizing:
border-box;
height: 35px
}
input{
padding:
5px 35px
4px 9px;
height: 35px;
line-height:
25px;
vertical-align:
top;
}


.field_lbl{
position: relative;
color:black;
}

.surveyPopup {
width:95%;
}

.Accesscodeforget{
float:right;
}
.forgotAccessText{
    text-align: right;
    margin-top: 5px;
    margin-right: 11px;
}
.field_cont_btn{
    text-align: left !important;
}
#surveyPopupModal .sp-body .row div {
    width: 22%;
    float: left;
    padding: 1.5%;
    color: #7f0000;
    text-align: right;
    padding-left: 0px;
}
.buttonHolder .field_lbl{
    text-align: left !important;
    padding-top: 0px;
}
.apllicationStatus .field_cont{
    text-align: left !important;
    padding-top: 15px !important;
}
.appStatus .field_cont input{
    float: left !important;
    width: 90% !important;
}
.appStatus .help_icon{
    margin: 8px 0 0 5px;
    position: absolute;
    right: 4%;
}
.appStatus .errorMessage{
    width: 90%;
    color: #7f0000;
    text-align: right;
}
#OTP_POPUP .errorMessage{
    width: 100%;
    color: #7f0000;
    text-align: right;
}
.mobileNumber {
    width: 66% !important;
}

.mobileCode {
    width: 27% !important;
}
.mobileCode input{
  padding-right: 10px !important;
}
.row.forgotAccessText {
    width: 92% !important;
    margin-right: 10% !important;
    margin-top: 0px !important;
    padding-top: 5px !important;
}
.buttonHolderForgotPassword{
  width: 100% !important;
  margin-right: 10% !important;
}
.buttonHolderForgotPassword .field_lbl{
    padding-top: 1.5% !important;
}
#OTP_POPUP .field_header{
    text-align: left;
    width: 30%;
    margin-top: 10px;
}
.otpSubtitle{
    text-align: left !important;
    color: #7f0000;
    padding: 1.5%;
    width: 100% !important;
    cursor: pointer;
}

.otpSubtitle:hover{
    text-decoration: underline;
}
.row.successReferenceNumber div {
    text-align: left;
    width: 100%;
    padding: .5%;
    padding-left: 2.5%;
}
.row.successReferenceNumber{
    margin-top: 5px;
}
#FORGETCODE_SUCCESS .sp-header{
    margin-bottom: 20px;
}
.apllicationStatus .field_lbl,.apllicationStatus .field_cont{
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.row.successReferenceNumber {
    width: 80%;
    margin: auto;
}
p[class*="serverMessage"]{
    width: 100% !important;
    font-size: 16px;
    text-align: center !important;
    background: #c00;
    font-weight: bold;
    color: #fff !important;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.row.successReferenceNumber label {
    display: inline;
}
.successReferenceNumber span{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 700;
}
#proceed_Application_status{
    float: left !important;
}
#OTP_POPUP .field_cont.controls{
    width: 53%;
    text-align: left;
}
#OTP_POPUP .field_cont input{
    width: 100% !important;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
    #sp-container{
        width: 80%;
    }
    .appStatus .field_lbl, .appStatus .field_cont{
        width: 100% !important;
        text-align: left !important;
    }
    .appStatus .errorMessage{
        margin-top: 15px;
    }
    #proceed_Application_status, .buttonHolderForgotPassword button{
        font-size: 11px;
    }
    #OTP_POPUP .field_header, #OTP_POPUP .field_cont{
        width: 100% !important;
        box-sizing: border-box;
     }
     .buttonHolder .field_lbl, .buttonHolder .field_cont_btn{
        width: 47% !important;
        margin-top: 0px !important;
    }
    .buttonHolder .field_lbl button{
        float: left;
    }
    #proceed_Application_status{
        float: right !important;
    }
    #proceed_Application_status_forgetPass{
        float: right;
    }

    .apllicationStatus .buttonHolder .field_lbl, .apllicationStatus .buttonHolder .field_cont_btn{
        width: 100% !important;
        padding-left: 0px;
    }
    .apllicationStatus .buttonHolder button, #OTP_POPUP .buttonHolder button{
        width: 100%;
    }
    #proceed_Application_status {
        float: right !important;
        margin-right: 15% !important;
    }
    .buttonHolderForgotPassword .field_lbl{
        width: 30% !important;
      	padding-left: 0px !important;
    }
    .buttonHolderForgotPassword .field_cont{
        width: 62% !important;
    }
    .row.forgotAccessText {
        width: 92% !important;
    }
    .successReferenceNumber span{
        margin-left: 0px;
        font-size: 16px;
        font-weight: 700;
        display: block;
    }
    #enquire_Application_status{
        margin-right: 30px;
        font-size: 12px;
    }
    #enquire_Application_close{
        font-size: 12px;
    }
}
.overlay{
    position: fixed;
    background: #000;
    opacity: .6;
    width: 100%;
    height: 100%;
    z-index: 9999;

}
.loader{
    width: 49PX;
    height: 49px;
    background: url('/iwov-resources/images/loading_bar.gif');
    background-repeat: no-repeat;
    left: calc(50% - 20px);
    top: 50%;
    z-index: 10000;
    position: fixed;
    background-size: COVER;
}
.transformBack {
    transform: scale(-1);
    margin-right: 10px;
    margin-top: -4px;
}
.mobileCode, .mobileNumber{
    padding-top: 0px !important;
    padding-left: 0px !important;
}
.field_cont.controls{
    position: relative;
}

.enquire_again{
    float: right !important;
}
#send_access_code{
    float: right;
}
#enquire_Application_status{
    margin-right: 30px;
    /* font-size: 12px; */
}
#enquire_Application_close{
    /* font-size: 12px; */
}

#OTP_POPUP .field_header{
    width: auto;
}
.buttonHolderForgotPassword .field_lbl{
    margin-top: 0px !important;
}
.buttonHolderForgotPassword .field_cont{
    padding-right: 6.25% !important;
    box-sizing: border-box;
}
.mobileViewAccountOpen{
    display: none;
}
.desktopViewNewAccount{
    display: block;
}
@media only screen and (max-width : 768px) {
    .apllicationStatus .buttonHolder .field_lbl, .apllicationStatus .buttonHolder .field_cont_btn{
        width: 100% !important;
        padding-left: 0px;
    }
    .apllicationStatus .buttonHolder button, #OTP_POPUP .buttonHolder button{
        width: 100%;
    }
    .mobileViewAccountOpen{
        display: block;
    }
    .desktopViewNewAccount{
        display: none;
    }
}
.invalidOtp{
    margin-top: 0px;
}
.mobileNumber input.refNumberField{
    width: 93.5% !important;
}
/* .resend{
    cursor: pointer;
    font-weight: 600;
    margin-top: 7px;
    display: inline-block;
    color: #D2D2D2;
    margin-left: 10px;
} */
.valid .field_lbl{
    color: #008000;
}
.error .field_lbl{
color:#7f0000;
}
#proceed_Application_status {
    float: right !important;
    margin-right: 10%;
}
input::-moz-placeholder,textarea:-moz-placeholder {
    color: #ccc6c6 !important;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #ccc6c6 !important;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #ccc6c6 !important;
}
.disableResend{
 	opacity: .6;
  	text-decoration: none;
  	cursor: auto;
}
.buttonHolderForgotPassword .field_cont_btn{
 	text-align: right !important;
}
#header-mobile .span12{
    position: fixed;
    z-index: 1;
	width: 100%
}
#header-mobile{
    height: 75px;
}
.apllicationStatus .row{
  margin-top: 10px
}
.apllicationStatus .row:first-child{
  margin-top: 35px;
}
.apllicationStatus .field_lbl{
    font-weight: bold;
}
.appStatus .sp-body .row:nth-of-type(2){
  margin-top : 0px;
}
.appStatus .sp-body .field_cont{
  padding-left: 0px;
}

@media (min-width: 769px) {
   .appStatus .help_icon{
        right: 30px;
    }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .forgetAccessCode #contactPersonCountryCode{
      background-position: calc(100% + 6px) !important;
  }
}
#OTP_POPUP .buttonHolder{
	padding-left: 1.47%;
	padding-right: 1.47%
}
@media screen and (min-width: 1024px) {
  #sp-container{
    width: 35%
  }
}
.mfp-wrap{
 	z-index: 10001 !important;
}
#ref_id{
	text-transform: uppercase;
}