@font-face {
  font-family: 'HelvethaicaX';
  src: url('../../fonts/Helvethaica/DB Helvethaica X v3.2.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Helvethaica/DB Helvethaica X v3.2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Helvethaica/DB Helvethaica X v3.2.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/Helvethaica/DB Helvethaica X v3.2.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Helvethaica/DB Helvethaica X v3.2.svg#HelvethaicaX') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'HelvethaicaXBd';
  src: url('../../fonts/Helvethaica/DB Helvethaica X Bd.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Helvethaica/DB Helvethaica X Bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Helvethaica/DB Helvethaica X Bd.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/Helvethaica/DB Helvethaica X Bd.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Helvethaica/DB Helvethaica X Bd.svg#HelvethaicaXBd') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'HelvethaicaXThin';
  src: url('../../fonts/Helvethaica/DB Helvethaica X Thin.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Helvethaica/DB Helvethaica X Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Helvethaica/DB Helvethaica X Thin.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/Helvethaica/DB Helvethaica X Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Helvethaica/DB Helvethaica X Thin.svg#HelvethaicaXThin') format('svg'); /* Legacy iOS */
}
  body {
	background-color: #F9F9F9;
	font-family: 'HelvethaicaX';
	font-size:20px;
  }
  .sbi-gray{color:#606060;}
  .sbi-blue{color:#005EA0;}
  .sbi-red{color:#ED2F3C;}
  .sbi-bg-blue{background-color:#005EA0;}
  .sbi-fontbold { font-family: 'HelvethaicaXBd'; }
  .sbi-fontinput { font-family: Helvetica, Arial, sans-serif;}
  .nav>li>a:focus, .nav>li>a:hover{background: transparent!important;}
.res-lbl, .res-status{
	color:#ED2F3C;
}

.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 20px auto 26px;
    border: none;
    z-index: 0;
	overflow: hidden;
}
.process-model li::after {
    background: #848484 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    /*right: -30px;*/
    top: 35px;
    width: 85%;
    z-index: -1;
}
.process-model li.visited::after {
    background: #94BE20;
}
.process-model li.active::after {
    background: #ED2F3C;
}
.process-model li {
    display: inline-block;
    width: 20%; /*18%;*/
    text-align: center;
    float: none;
}
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}
.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}
.process-model li.active,
.process-model li.visited {
    color: #28a745;
}
.process-model li.active p,
.process-model li.visited p {
    color: #28a745;
}
.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border-radius: 50%;
	
	font-weight: bold;
	color: #4C4C4C;
	font-family: 'HelvethaicaXBd';
	font-size: 55px;
	line-height: 60px;
	border: 6px solid #848484;
}
.process-model li.visited i  {
    background: #fff;
	font-weight: bold;
	color: #60852E;
	font-family: 'HelvethaicaXBd';
	font-size: 55px;
	line-height: 60px;
	border: 6px solid #94BE20;
}
.process-model li.active i{
    background: #fff;
	font-weight: bold;
	color: #A0202D;
	font-family: 'HelvethaicaXBd';
	font-size: 55px;
	line-height: 60px;
	border: 6px solid #ED2F3C;
}
.process-model li p {
    font-size: 14px;
    margin-top: 11px;
	color: #4C4C4C;
}
.process-model li.visited p {
	color: #60852E;
}
.process-model li.active p {
	color: #A0202D;
}

.btn:hover {
	opacity:0.8;
}
#steplist p {
	font-size:24px;
	line-height: 20px;
}
dt {
	text-align:right;
}

@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
	#caticon {
		display:none;
	}
	.form-submit {
		margin-top:20px;
	}
	dt, dd {
		width:50%!important;
		font-size:18px;
	}
	
	#steplist li { display:none;}
	#steplist li.active , #step5.visited { display:block; width: 100%;}
	.process-model li::after { width: 100%;}
	.more-icon-preocess.process-model li::after { top:35px!important;}
	
	.res-lbl { color:#005EA0; text-decoration:underline;}
	dt.res-lbl, dd.res-status {
		width:100%!important;
		text-align:left!important;
	}

	.col-sm-9.texta{
		width:100%!important;
	}
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
}