body { 
	background: url(/images/bg_slice.png) repeat-x top !important;
	overflow: hidden !important;
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
  justify-content: center;
}

.waitScreen {
    left: 50% !important;
    top: 50% !important;
    margin-left: -250px !important;
    margin-top: -125px !important;
}

.loadingMessage .loadingText {    
    padding-left: 20% !important;
}

* {
	box-sizing: border-box !important;
}

#containerFluid {
	height: 320px !important;
	margin: 0 0 0 450px;
	padding-top: 90px;
}

a, u {
	text-decoration: none !important;
	color: #4e647b !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif " !important;
	font-size: 0.8em !important;
}

a:hover {
	text-decoration: none;
	cursor: pointer !important;
}

.popupTitle {
    font-size: 1.5em !important;
    margin-bottom: 0px !important;
    padding-top: 15px !important;
    text-align: justify !important;
    color: black !important;
}

.fvmodalContents .scroll_contain {    
    height: 160px !important;    
    width: 440px !important;    
}

.fvmodalContents .line_content_select_account
{
	width: 100% !important;
}

.modal .modalButtonContainer.subButtonContainer {   
    text-align: left !important; 
    margin-left: 317px !important;
    margin-bottom: 5px !important;
}

.modal .modalButtonContainer.subButtonContainer .modalButton {
    color: #666;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 7px 7px 7px 7px !important; 
    margin-right: 0px !important;   
}

.signinLink .closeLink
{
	font-size: 15px !important;
}

.narrowModalLogin
{    
    width: 59em;             
    overflow:hidden !important;
}

.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after {
    clear: both;
}
*::before, *::after {
    box-sizing: border-box;
}

.accountNameClass {
	margin-left: 0em !important;
}

.signinDialog .modalButtonContainer.layoutAlignmentSigninCancel {
	text-align: right !important;
}

form input {
	margin-bottom: 0.2em !important;
	margin-left: 0em !important;
	height: 20px !important;
}

.tab-content {
	padding-top: 13px;
}

.modal-header {
	background: #f3f3f3;
	border-radius: 6px 6px 0 0;
}

.modal-header h4 {
	font-size: 22px;
	font-weight: bold;
}

.modal-header .close {
	margin-top: 4px;
}

.modal-header.standout {
	background: #e75424;
	color: white;
	border-radius: 6px 6px 0 0;
	height: 60px;
}

.modal-dialog {
	width: auto;
	max-width: 900px;
}

.logo {
	float: left;	
	padding-left: 10px;	
	color: #e35324;    
    font-size: 1em;
    margin-left: 10px;
}

.col-xs-12 {
	width: 100% !important;
}

.toggleSpecialLoginLink .togglePasswordLink {
	color: #4e647b !important;
	text-decoration: none !important;
	font-size: 0.9em !important;
}

.signin_section {
	line-height: normal !important;
}

label {
	font-weight: normal !important;
	font-size: 15px !important;
	display: inline-block !important;
	margin-bottom: 5px !important;
	max-width: 100% !important;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.form-control {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    color: #555 !important;   
    font-size: 14px !important;    
    line-height: 1.42857 !important;            
    width: 100%;
    height: 30px !important;
}

input[type="text"] {
    box-sizing: border-box;
}

input[type="password"] {
    box-sizing: border-box;
}

.signinDialog form p {
	margin: 0 0 10px 125px !important;
	font-size: 1.4em !important;
	height: 10px !important;
}

.modal p {
	font-size: 1.2em;
	padding-bottom: 1em;
}

.signinDialog div p.message {
	float: right;
	font-size: 1.2em;
	padding-bottom: 4em;
	padding-left: 6em;
	padding-top: 1em;
	width: 235px;
}

.signinDialog.resellerSignin div p.message
	{
	width: auto;
}

.signinDialog .sign_never_mind {
	margin-left: 20px !important;
	text-align: center;
}

.signinDialog .requestaccount_section .rightside span {
	margin-left: 10px;
}

.modal .modalContents {
	margin: 0 1.5em 1em;
}

.modal .modalButtonContainer {
	margin-top: 1.0em;	
    margin-bottom: 15px; 
}

.modal .modalButtonContainer .modalButton {
	color: #666;
	font-size: 15px;
	letter-spacing: 0px;
	padding: 7px 7px 7px 7px;
	margin-right: 10px;
}

.modal .modalButtonContainer .modalButton:hover {
	background-color: #f0f0f0;	
}

.signinDialog .errorMessage {
	padding-left: 51px !important;
	/* float: left !important; */
    width: 398px !important;
}

.signinDialog .errorMessage.reset_password_send_mail_message {
	padding-left: 41px !important;
	width: 460px !important;
}

.modal-title {
	color: White !important;
	margin-top: 12px !important;
	margin-left: 15px !important;
}

.LoginWithMicrosoft{
	margin-left: 63px !important;
}

.padding_1 {
padding: 10px 15px 10px 75px !important
}

.padding_2 {
padding: 20px 15px 20px 75px !important;
}
.reset_password .padding_2 {
	padding-left: 55px !important;
}

.padding_3 {
padding: 20px 15px 20px 75px !important;
}

.message.idxRep_3, .reset_password_message 
{	 
	padding-left: 125px !important;
	padding-top: 20px !important;
    padding-bottom: 10px !important;
	line-height: 18px !important;
	text-align:justify !important;
}

.forgotmessage.idxRep_7
{	 
	padding: 20px 5px 10px 125px !important;
	font-size: 14px;
}
.togglePasswordLink.idxRep_19.hide
{
 display :none;	
}

.signinheader .fvmessage {
    padding-left: 126px !important;      
    font-weight: normal !important;
    font-size : 1.4em !important;
  }

body{
  background: none !important;
}

body.reseller-index .resellerSignin .doforms-logo{
	padding-bottom: 40px;
}

body.reseller-index .resellerSignin .padding_2 {
	padding: 20px 15px 20px 20px !important;
	border: 1px solid #bfd8e4;
    border-radius: 10px;
	background-color: #e9f4f9;
}

body.reseller-index .resellerSignin .popup_Title_new{
	float: none !important;
	margin: 0px !important;
	color: #136893 !important;
	text-align: center !important;
}

body.reseller-index .resellerSignin div,
body.reseller-index .resellerSignin label,
body.reseller-index .resellerSignin a{
	color: #136893 !important;
}

body.reseller-index .jqmOverlay {
	background-color: #f2fbff; !important;
}

body.reseller-index .modal {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-color: transparent !important;
}

body.reseller-index .doforms-logo{
	text-align: center;
}

body.reseller-index .signinDialog form p{
	margin: 0 0 10px 0px !important;
	text-align: center !important;
}

body.reseller-index .signinheader{
	float: none !important;
}

body.reseller-index .signinheader .message{
	padding-left: 0px !important;
	text-align: center !important;
}

body.reseller-index .signin_content,
body.reseller-index .forgot_content,
body.reseller-index .request_content{
	width: 100% !important;
}

body.reseller-index .signin_section .leftside, .requestaccount_section .leftside, 
body.reseller-index .forgot_password_section .forgot_content .leftside, 
body.reseller-index .changePassword_content .leftside{
	width: 160px !important;
	margin-right: 0px !important;
}

body.reseller-index .signinDialog form input,
body.reseller-index .signinDialog .forgot_password_section input{
	width: 100% !important;
}

body.reseller-index .signinDialog .rightside, 
body.reseller-index .requestaccount_section .rightside, 
body.reseller-index .forgot_password_section .forgot_content .rightside{
	width: 310px !important;
}

@media only screen and (min-width:321px) and (max-width:768px) and (orientation : landscape) {
	#containerFluid {
    height: 320px !important;
    margin: 0 0 0 0 !important;
    padding-top: 0px !important;
}

.modal {
    left: 0% !important;
    margin-left: 0em  !important; 
    position: fixed  !important;
    top: 0px !important; 
    width:100% !important;   
}

    .LoginWithMicrosoft{
		margin-left: 88px !important;
	}

   .padding_2 {    
    padding: 20px 15px 20px 100px !important;
   }	
   
    .padding_3 {    
    padding: 20px 15px 20px 100px !important;
   }	
   
    .padding_1 {    
    padding: 10px 15px 10px 1px !important;
   }	
   
   .signinheader .fvmessage {
    padding-left: 125px !important;
    font-weight: normal !important;
   }
   
   .message {
    font-size: 12px !important;
   }
   .waitScreen {
    margin-top: 20px !important;
}

.loadingMessage .loadingText {    
    padding-left: 5% !important;
}
}

/* iPhone 5(s) - Portrait (568x320) */
@media only screen and (min-width:150px) and (max-width:321px)  {
	.signin_section .rightside {
      float: left !important;
      width: 200px !important;
	}
	.signinheader .fvmessage {
    padding-left: 1px !important;       
    font-weight: normal !important;
    }
    .modal {    
    left: 45% !important;
    margin-left: -140px !important;    
    top: 0px !important;     
}

.padding_3 {
    padding: 20px 1px 20px 1px !important;
}

.signin_section .leftside, .requestaccount_section .leftside, .forgot_password_section .forgot_content .leftside {    
    padding-right: 5px !important;
    width: 115px !important;
}

.signinheader .fvmessage {
    padding-left: 115px !important;
}

.signinDialog form input {
    width: 195px !important;
}

.logo {
    padding-left: 5px !important;
    margin-left: 0px !important;
}

.signinDialog .errorMessage {
    padding-left: 115px !important;
}

   .message {
    font-size: 12px !important;
   }
   
   .fvmodalContents .scroll_contain {
      width : 346px !important;
   }
   .modal .modalButtonContainer.subButtonContainer {   
    margin-left: 217px !important;
}
.fvmodalContents .scroll_contain {
    width: 338px !important;
}
.waitScreen {
    margin-top: 20px !important;
}

.loadingMessage .loadingText {    
    padding-left: 5% !important;
}

.modal.narrowModalLogin.signinDialog {
    width: 100% !important;
}

.signin_section .leftside.idx200,  .signin_section .leftside.idx201
{
 width: 120px !important;
 padding-right: 5px !important;
}

.col-xs-12 {
    width: 100% !important;
} 
}

@media only screen and (min-width:325px) and (max-width:768px) and (orientation : portrait) {
	#containerFluid {
		min-height: 100% !important;
		margin: 0 0 0 0 !important;
		padding: 0 0 0 0 !important;
		overflow: hidden !important;
	}	
	
.modal {   
    left: 0% !important;
    margin-left: 0em !important;    
    width :100% !important;
    top: 0% !important;
}

	.modal.narrowModalLogin.signinDialog {	 		 
    width :100% !important;    
	}
.logo { 
     margin-left: 2px !important; 
}
.modal .modalButtonContainer .modalButton {   
     margin-right: 0px !important; 
}	
	.col-xs-12 {
		width: 100% !important;
	}
	
.message.idxRep_3
{
	padding: 20px 5px 8px 85px !important;
	font-size : 14px !important; 	
}

.forgotmessage.idxRep_7
{
	padding: 20px 5px 8px 85px !important;
}

.signinDialog .errorMessage {
    padding-left: 85px !important;
}

input#signin_account.form-control
{
   width: 80px !important;
}

.logo { 
    padding-left: 2px !important;
}

.LoginWithMicrosoft{
	margin-left: 3px !important;
}

.padding_1{
 padding: 10px 1px 10px 2px !important;
}

.padding_2{
 padding: 20px 1px 20px 40px !important;
}

.padding_3{
 padding: 20px 1px 20px 0px !important;
}

.signin_section .leftside, .requestaccount_section .leftside, .forgot_password_section .forgot_content .leftside
{
	padding-right: 5px !important;    
     width: 80px !important; 
}
.signinDialog form p {
    margin: 0 0 10px 85px !important;
}
.signin_section .rightside, .requestaccount_section .rightside, .forgot_password_section .forgot_content .rightside {
    float: left !important; 
    width: 280px !important;
    padding-left: 5px !important;
}
.signin_section .rightside.idx100, .signin_section .rightside.idx101
{
  padding-left: 0px !important;
}
.signinDialog form input {  
    width: 225px !important;
}

.signinDialog .errorMessage.mdx100 {
    padding-left: 120px !important;
}

.signin_section .rightside input 
{
 margin-left: 1px !important;
}

.signin_section .leftside.idx200,  .signin_section .leftside.idx201
{
 width: 120px !important;
 padding-right: 5px !important;
}

.signinheader .fvmessage {
    padding-left: 120px !important;
}    
.modal .modalButtonContainer.subButtonContainer {   
    margin-left: 217px !important; /* 262px other */
}
.fvmodalContents .scroll_contain {
    width: 338px !important;
}
.waitScreen {
    margin-top: 20px !important;
}

.loadingMessage .loadingText {    
    padding-left: 5% !important;
}

}
.reset_password_message {
	font-size: 14px;
}

.reset_password .signin_section .signin_content {
	width: 460px;
}

.reset_password .signin_section .leftside {
	width: 147px;
}

@media only screen and (min-width:768px) and (max-width:960px) {
  #containerFluid {
	min-height: 650px;
	margin: 0 0 0 140px !important;
	padding-top: 120px !important;
	overflow: hidden !important;
  }
   .modal.narrowModalLogin.signinDialog {
    /* padding: 15px 50px 50px 140px !important; */
    padding: 0px !important;  
}
}

@media only screen and (min-width:961px) and (max-width:1441px) {
  #containerFluid {
	min-height: 650px;
	margin: 0 0 0 140px !important;
	padding-top: 120px !important;
	overflow: hidden !important;
  }
   .modal.narrowModalLogin.signinDialog {
    padding: 0px !important; 
}
}