/*progressbar*/
 
 .anthe-workflow{
 
 display:block;
 margin:0px auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 18px;
    margin-bottom: 17px;
 }
.anthe-workflow .progressbar {
	    margin-bottom: 1px;
    padding-top: 14px;
	
}
.anthe-workflow .progressbar li {
list-style-type: none;
    color: #292929;
    /* text-transform: uppercase; */
    font-size: 13px;
    width: 24.33%;
    float: left;
    position: relative;
    text-align: center;
    font-family: sans-serif;
}
.anthe-workflow .progressbar li:before {
    color: white;
    border: 0;
    content: "";
    font-weight: normal;
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 31px;
    margin: 0 auto 5px auto;
    border: 1px solid #ddd;
}
.anthe-workflow .progressbar li:after {
   content: '';
    width: 80%;
    height: 2px;
    background: #a7a7a7;
    position: absolute;
    left: -40%;
    top: 19px;
    z-index: 0;
}

.anthe-workflow .progressbar li:active-track-req:after {
   content: '';
    width: 82%;
    height: 2px;
    background: #a7a7a7;
    position: absolute;
    left: -41%;
    top: 19px;
    z-index: 0;
}
.anthe-workflow .progressbar li:first-child:after {

	content: none; 
}
/*progressbar connectors*/
.anthe-profile-form label{
	position:relative;
}
.profile-error span{
	
    background: #fff;
    max-width: 100%;
    border-radius: 4px;
    font-size: 11px;
    font-weight: normal !important;
    margin-bottom: 5px;
    position: absolute;
    bottom: -19px;
    right: 5px;

    border: 1px solid #e7e7e7;
    padding: 0px 12px;
    z-index: 99;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    font-family: 'Roboto', sans-serif;
    color: #cf0303;
    line-height: 22px;	
}

.anthe-workflow .progressbar li.active-complete:before{
	background: #339900;
color: white;
border: 0;
font-family: 'Glyphicons Halflings';
content: "\e013";
font-weight: normal;
font-size: 14px;
}


.anthe-workflow .progressbar li.active-registration:before{
	background: #339900;
color: white;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e065";
font-weight: normal;
font-size: 14px;
}
.anthe-workflow .progressbar li.active-profile:before{
	background: #339900;
color: white;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e008";
font-weight: normal;
font-size: 14px;
}
.anthe-workflow .progressbar li.active-payment:before{
	background: #339900;
color: white;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e177";
font-weight: normal;
font-size: 14px;
}


.anthe-workflow  .progressbar li.active-line:after{
      background: #339900;
    content: '';
    width: 80%;
    height: 2px;
    position: absolute;
    left: -40%;
    top: 19px;
    z-index: 0;
}

.anthe-workflow  .progressbar  li:first-child.active-track-req:after{
content: none; 
}
.clear{
clear:both}

.anthe-workflow .progressbar li.unactive-registration:before{
	background: #fff;
color: #777;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e065";
font-weight: normal;
font-size: 14px;  border: 1px solid #777;
}


.anthe-workflow .progressbar li.unactive-profile:before{
		background: #fff;
color: #777;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e008";
font-weight: normal;
font-size: 14px; border: 1px solid #777;
}

.anthe-workflow .progressbar li.unactive-payment:before{
		background: #fff;
color: #777;
border: 0;
font-family: 'Glyphicons Halflings';
content:  "\e177";
font-weight: normal;
font-size: 14px; border: 1px solid #777;
}

.anthe-workflow .progressbar li.unactive-complete:before{
		background: #fff;
color: #777;
border: 0;
font-family: 'Glyphicons Halflings';
content:"\e234";
font-weight: normal;
font-size: 14px; border: 1px solid #777;
}

.anthe-profile-form{
       border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 10px 25px 10px 25px;
	    background: #fff;
}
.anthe-login{
	    background: #ffffff;
	 border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 30px 0px;
}
.heading-anthe {
    background: #e4e4e4;
    padding: 6px 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 2px;
}
.heading-anthe h2{
       font-size: 17px;
    padding-top: 0px;
    color: #545454;
    text-align: left;
    padding-left: 15px;
}

.clear{
	
	clear:both;
}
.profile-img img{
	
	width:75px;
	height:75px;
}

.profile-img input[type=file] {
 margin-top:9px;
 
 }
 .profile-img label{
		    font-size: 11px;
    color: red;
        margin-top: 4px;
 }
 
 .anthe-profile-form .form-control {
	    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 32px;
	    padding-left: 7px;
		font-size:12px;
 }
  .at-raise-popup .form-control {
	    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 32px;
	    padding-left: 7px;
		font-size:12px;
 }
 .at-raise-popup .form-control-textarea {
	    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 150px;
	    padding-left: 7px;
		font-size:12px;
 }
 
 .col-centered-at-pp {
    float: none;
    display: block;
    margin: 0px auto;
}
 
 .at-mrb label{
font-size:13px;

 }
 
  .at-mrb{
margin-bottom: 11px;
    margin-top: 7px;

 }
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.col-centered-at{
    float: none;
	  display: block;
       margin: 39px auto;
}

.at-login h3{
	    text-align: center;
    font-size: 19px;
    margin: 0px;
    background: #1c9bd8;
    color: #fff;
    padding: 10px 0px;
}

.at-btn{
	
	text-align: center;
    margin: 0px auto;
    display: block;
    background: #1c9bd8;
    color: #fff;
    padding: 5px 21px;
    margin-top: 12px;
    margin-bottom: 8px;
    border: none;
    border-radius: 3px;
}

.no-padding{
	padding:0px!important;
}

.shadow {
  -webkit-box-shadow: 1px 0px 7px 1px #dadada;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 0px 7px 1px #dadada; /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 0px 7px 1px #dadada;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.login-form {
	    padding-right: 39px;
	margin-top:27px;
}
.mobile-input {
	margin-bottom:16px;
}

.bg-at{
	background: #f7f7f7;
    border-bottom: 1px solid #ddd;

}

.login-form label{
	 
    margin-top: 5px;
	margin-bottom:0px;
}
.resend-at{
	
     padding: 0;
	    margin-top: 4px;
}
.resend-at a{
    margin-left: 0;
    margin-top: 19px;
    font-size: 12px;
    cursor: pointer;
    text-align: right;
    margin: 0px auto;
    display: block;
}
.roll-no-sec p{
	    margin: 15px 0px 0px 0px;
    font-size: 17px;
    font-family: Helvetica, sans-serif;
	font-weight: bold;
	
     text-align: right;
}

.raise-at-pr{
    
       background: #7b7b7b;
    color: #fff;
    border: 1px solid #777777;
    padding: 3px 8px;
    border-radius: 3px;
    margin-top:13px;
    font-size: 13px;
	    margin-left: -8px;
}
.raise-at-pr:hover{
 
       background: #7b7b7b;
    color: #fff;
    border: 1px solid #777777;
     padding: 3px 8px;
    border-radius: 3px;
   margin-top:13px;
    font-size: 13px;
	    margin-left: -8px;
}
.raise-ticket-section p{font-size: 15px;}
.raise-ticket-section{
	padding-left: 0px;
	    margin-top: 13px;
    border-top: 1px solid #ddd;
    padding-top: 9px;
}
.raise-at-pr button:active { outline: none } or button:focus { outline:none }

.at-raise-popup .modal-header {
      border-bottom: 1px solid #e5e5e5;
    padding: 12px 15px;
    background: #f3f3f3;
}

.at-raise-popup .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
     text-shadow: 0 0px 0 #fff; 
    filter: alpha(opacity=20);
    opacity: 2.2;
    background: #fff;
}

.at-raise-popup button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: #757272;
    border: 0;
    border-radius: 50%;
    padding: 3px 8px;
}
.at-raise-popup .modal-header .close {
    margin-top: -27px;
    margin-right: -25px;
}
.at-raise-popup .modal-dialog {
    width: 380px;
    margin: 30px auto;
}

.at-raise-popup .modal-title{
	    text-align: center;
    color: #676666;
    font-size: 18px;
	
}
.profile-img input[type="file"] {
    margin-top: 9px;
    font-size: 12px;
}
.at-raise-popup .modal-content{border-top: 5px solid #1c9bd8;}
@media only screen and (min-device-width : 240px) and (max-device-width : 480px)and (orientation : portrait){
	.at-raise-popup .modal-dialog {
    width: 287px;
    margin: 30px auto;
}
	.anthe-login {
    background: #ffffff;
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
}
	.roll-no-sec p {
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
	text-align: left;
}
	.raise-at-pr {
    text-align: center;
    float: right;
    background: #00c3aa;
    color: #fff;
    border: 1px solid #00c3aa;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}

	.raise-at-pr:hover {
    text-align: center;
    float: right;
    background: #00acbb;
    color: #fff;
    border: 1px solid #00acbb;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}
.anthe-profile-form {
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
    background: #fff;
}
.heading-anthe h2 {
    font-size: 15px;
    padding-top: 0px;
    color: #545454;
    text-align: left;
    padding-left: 13px;
}
.anthe-profile-form .form-control {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 29px;
    padding-left: 7px;
    font-size: 12px;
}

.at-mrb label {
    font-size: 12px;
    margin-bottom: 2px;
}
.at-login h3 {
    text-align: center;
    font-size: 16px;
    margin: 0px;
    background: #1c9bd8;
    color: #fff;
    padding: 8px 0px;
}
.login-form {
    margin-top: 15px;
}
.raise-ticket-section p {
    font-size: 13px;
    padding-left: 10px;
    margin-top: 6px;
}
}


@media only screen and (min-device-width : 240px) and (max-device-width : 480px)and (orientation : landscape){
	.at-raise-popup .modal-dialog {
    width: 287px;
    margin: 30px auto;
}
	.anthe-login {
    background: #ffffff;
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
}
	.roll-no-sec p {
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
	text-align: left;
}
	.raise-at-pr {
    text-align: center;
    float: right;
    background: #00c3aa;
    color: #fff;
    border: 1px solid #00c3aa;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}

	.raise-at-pr:hover {
    text-align: center;
    float: right;
    background: #00acbb;
    color: #fff;
    border: 1px solid #00acbb;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}
.anthe-profile-form {
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
    background: #fff;
}
.heading-anthe h2 {
    font-size: 15px;
    padding-top: 0px;
    color: #545454;
    text-align: left;
    padding-left: 13px;
}
.anthe-profile-form .form-control {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 29px;
    padding-left: 7px;
    font-size: 12px;
}

.at-mrb label {
    font-size: 12px;
    margin-bottom: 2px;
}
.at-login h3 {
    text-align: center;
    font-size: 16px;
    margin: 0px;
    background: #1c9bd8;
    color: #fff;
    padding: 8px 0px;
}
.login-form {
    margin-top: 15px;
}
.raise-ticket-section p {
    font-size: 13px;
    padding-left: 10px;
    margin-top: 6px;
}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px)and (orientation : portrait){
	.at-raise-popup .modal-dialog {
    width: 287px;
    margin: 30px auto;
}
	.anthe-login {
    background: #ffffff;
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
}
	.roll-no-sec p {
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
	text-align: left;
}
	.raise-at-pr {
    text-align: center;
    float: right;
    background: #00c3aa;
    color: #fff;
    border: 1px solid #00c3aa;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}

	.raise-at-pr:hover {
    text-align: center;
    float: right;
    background: #00acbb;
    color: #fff;
    border: 1px solid #00acbb;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}
.anthe-profile-form {
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
    background: #fff;
}
.heading-anthe h2 {
    font-size: 15px;
    padding-top: 0px;
    color: #545454;
    text-align: left;
    padding-left: 13px;
}
.anthe-profile-form .form-control {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 29px;
    padding-left: 7px;
    font-size: 12px;
}

.at-mrb label {
    font-size: 12px;
    margin-bottom: 2px;
}
.at-login h3 {
    text-align: center;
    font-size: 16px;
    margin: 0px;
    background: #1c9bd8;
    color: #fff;
    padding: 8px 0px;
}
.login-form {
    margin-top: 15px;
}
.raise-ticket-section p {
    font-size: 13px;
    padding-left: 10px;
    margin-top: 6px;
}
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px)and (orientation : landscape){
	.at-raise-popup .modal-dialog {
    width: 287px;
    margin: 30px auto;
}
	.anthe-login {
    background: #ffffff;
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
}
	.roll-no-sec p {
    margin: 15px 0px 0px 0px;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
	text-align: left;
}
	.raise-at-pr {
    text-align: center;
    float: right;
    background: #00c3aa;
    color: #fff;
    border: 1px solid #00c3aa;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}

	.raise-at-pr:hover {
    text-align: center;
    float: right;
    background: #00acbb;
    color: #fff;
    border: 1px solid #00acbb;
    padding: 5px 8px;
    border-radius: 5px;
    margin-top: 9px;
    font-size: 12px;
}
.anthe-profile-form {
    border: 1px solid #ddd;
    margin: 16px 10px 16px 10px;
    padding: 0px 0px 0px 0px;
    background: #fff;
}
.heading-anthe h2 {
    font-size: 15px;
    padding-top: 0px;
    color: #545454;
    text-align: left;
    padding-left: 13px;
}
.anthe-profile-form .form-control {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 29px;
    padding-left: 7px;
    font-size: 12px;
}

.at-mrb label {
    font-size: 12px;
    margin-bottom: 2px;
}
.at-login h3 {
    text-align: center;
    font-size: 16px;
    margin: 0px;
    background: #1c9bd8;
    color: #fff;
    padding: 8px 0px;
}
.login-form {
    margin-top: 15px;
}
.raise-ticket-section p {
    font-size: 13px;
    padding-left: 10px;
    margin-top: 6px;
}
}