/********************************regestration CSS*********************/
.desc_text {
color:#707070;
font-family:Arial;
font-size:10pt;
font-weight:bold;
line-height:15px;
text-align:left;
padding:24px 50px;
}
#LoginForm{
	background: #fff !important;
	width:310px
}
.login_form_header{background-color: #fff !important;
width:300px}
.form_heading {
color:#000;
font-size:12pt;
font-weight:bold;
line-height:21px;
margin-top:0;
text-align:left;
font-family:Arial;
padding:20px 0 0 50px;
}

.autoPadDiv{width:300px !important}
.login_form_box.curvyIgnore{width:300px !important;}

.emailID {
width:300px;
border:1px solid #7D9DB9;
background-color:#FFF;
height:40px;
display:block;
padding:5px;
}

.registration_form input {
width:300px;
border:1px solid #7D9DB9;
background-color:#FFF;
margin-bottom:8px;
height:40px;
padding:5px;
display:block;
}

.registration_form {
float:left;
width:500px;
margin-bottom:32px;
padding:0 50px;
}

.registration_form .error_msg {
color:red;
text-align:left;
font-family:Arial;
font-size:12px;
margin:0 0 8px;
}

.error_msg {
color:red;
text-align:left;
font-family:Arial;
font-size:12px;
margin:8px 0 0px;
font-weight: normal;
}

.login_form_header div:first-child{background-color: #fff !important;width:310px !important}	
.login_link{color:#679AFA;font-size:10px;font-weight:500;line-height:15px; font-family:verdana;padding-bottom: 10px !important}


.registration_form input.error {
border:1px solid red;
outline:none;
}

.registration_form .btn-secondary {
color:#00F;
font-family:Arial;
font-size:10pt;
font-weight:500;
line-height:17px;
float:left;
margin-top:23px;
}

.registration_form .btn-green {
width:120px;
border-radius:0px;
background-color:#7EB338;
box-shadow:1px 0 0 rgba(0,0,0,0.5);
margin-top:20px;
color:#fff;
font-family:Arial;
padding:7px 38px;
}
.registration_form .btn-green a{color:#fff; text-decoration: none !important}

.data_div p {
width:500px;
color:#707070;
font-family:verdana;
font-size:12px;
font-weight:500;
line-height:18px;
padding-left:50px;
text-align:left;
}

input.success {
border:1px solid #7EB338;
outline:none;
}

.data_div .desc_text {
font-weight:700;
}
/************** create modal css************/
#createModal .createModalHeading{
color:#000000;font-family:Arial;font-size:12pt;font-weight:bold;line-height:21px; margin-bottom:24px;text-align: left;font-size:18px;font-weight:800;line-height:21px; 
	
}
#createModal {padding:16px !important}

.createModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.createModal-content {
    background-color: #fff;
    margin: 10px auto;
    padding: 0px;
    border: 1px solid #888;
    width: 500px;
    margin-top: 100px;
    font-family: Arial;padding: 16px;    border-radius: 0px;
}
.createModalFormDiv0{
	color:#303030;font-family:Arial;font-size:14px;font-weight:bold;line-height:20px;text-align: left; margin-bottom: 10px;
}
/* The Close Button */
.createModalclose,.createModalcloseedit {
    color: #545050;
    float: right;
    font-size: 28px;
    font-weight: normal;
    background: #FFF;
    width: 34px;
    height: 34px;
    text-align: center;
   
    vertical-align: top;
    padding: 0px;
    line-height: 19px;
 
}

.createModalclose, .createModalcloseedit:hover,
.createModalclose, .createModalcloseedit:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.createModalModelHeading {
    background: #868887;
    padding:0px 10px;
	line-height: 46px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
    /* font-family: arial; */
}

.createModalFormDiv{color:#303030;font-family:Arial;font-size:10pt;line-height:20px;text-align: left }
.createModalFormDiv {
    display: block;text-align: left;    width: 500px;
   
}
.btn-green {
width:120px;
border-radius:0px;
background-color:#7EB338;
box-shadow:1px 0 0 rgba(0,0,0,0.5);
margin-top:25px;
color:#fff;
font-family:Arial;
padding:7px 38px;
}
.btn-green a{color:#fff; text-decoration: none !important}
.blockUI>span {
	background: rgba(0, 0, 0, 0) url(/epic/images/ajax-loader.gif) no-repeat
		scroll left center;
	padding: 35px;
	    margin: auto;
    position: absolute;
    left: 43%;
    top: 10%;
}

.blockUI>div {
	line-height: 77px;
	line-height: 77px;
    position: absolute;
    left: 42%;
    top: 45%;
}
.blockUI.blockMsg.blockPage{height: 120px;baseZ: 2000;}

.desc_text>span {
	color: #000
}

.authentication .desc_text {
	padding-top: 12px;
	font-size: 14px;
	padding-bottom: 0px;
}

.desc_text_small {
	font-size: 12px !important
}

.authentication hr,
.association hr {
	height: 1px;
	width: 534px;
	background-color: #D0D0D0;
	float: left;
	margin-left: 50px;
	display: block;
	position: absolute;
}

.help_text {
	color: #707070;
	font-family:Arial;
	font-size: 11px;
	font-weight: 500;
	line-height: 13px;
	padding-left: 50px;
	text-align: left;
	padding-top: 10px;
}

.registration_form a {
	text-decoration: none
}

.customer_details_table tr td input {
	padding: 5px 5px 5px 0px;
	color: #303030;
	text-align: left;
	font-family: Arial;
	    font-size: 10pt;
    font-weight: 500;
    line-height: 23px;
    width:300px;
}

.customer_details_table tr td:first-child {
	min-width: 66px;
	color: #707070;
	font-family:Arial;
	 font-size: 10pt;
}

.customer_details_table {
	margin-left: 50px;
	width: 580px
}

.inline-text {
	color: #000000;
	font-family:Arial;
	font-size: 10pt;
	font-weight: 500;
	line-height: 15px;
	
	display: inline-block;
	float: left;
	margin: 0px;
	margin-top: 5px;
}

.inline-link {
	color: #0000FF;
	font-family:Arial;
	font-size: 10pt;
	font-weight: 500;
	line-height: 15px;
    text-align: left !important;
    display: inline-block;
    margin-left: 12px;
    margin-top: 5px;
}

.association .help_text {
	padding-left: 0px;
}

.association .btn-green {
	width: auto !important
}

.step1 {
	background: url(/epic/images/associateHoneywellID/step-1.png);
	width: 100%;
	margin-bottom: 5px;
	height: 82px;
	background-repeat: no-repeat;
	background-position-x: 40px;
}

.step {
	
	background: url(/epic/images/associateHoneywellID/step-2.png);
    width: 100%;
    margin-bottom: 5px;
    height: 82px;
    background-repeat: no-repeat;
    background-position-x: 40px;
	}

.step-completed {
	position: absolute;
	    top: 315px;
    left: 275px;
	color: #000000;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none
}

.step2 {
	/*background: url(/epic/images/associateHoneywellID/step-2.png);
	width: 500px;
	height: 85px;
	background-repeat: no-repeat;
	
	background-position-x: 80px;
	/* display: inline-block; 
	position: absolute;
	    top: 267px;
    left: 175px;*/
}

.step2 .step-completed {
	    top: 46px;
	left: 255px;
}
/* .customModal{height: auto; */
/*     min-height: 200px;} */
    .customModal, #createModal2 {text-align:right;text-align: end;}
    #createModal2 .createModalheading{font-family:Arial;font-size:12pt;font-weight:bold;line-height:21px;text-align: left;
        margin-bottom: 24px; 
    }
    #createModal2 .customer_details_table{margin-left:0px !important;margin-top: 7px;width:500px;font-size: 10pt}
    #createModal2 .help_text{padding-left:0px}
    #createModal3 .help_text{padding-left:0px}
    #createModal3 .createModalheading{font-family:Arial;font-size:12pt;font-weight:bold;line-height:21px;text-align: left;
        margin-bottom: 24px; 
    }
	#createModal4 .help_text{padding-left:0px}
    #createModal4 .createModalheading{font-family:Arial;font-size:12pt;font-weight:bold;line-height:21px;text-align: left;
        margin-bottom: 24px; 
    }
    #createModal5 .help_text{padding-left:0px}
    #createModal5 .createModalheading{font-family:Arial;;font-size:12pt;font-weight:bold;line-height:21px;text-align: left;
        margin-bottom: 24px; 
    }
     #createModal13 .help_text{padding-left:0px}
     #createModal13 .createModalheading{font-family:Arial;;font-size:12pt;font-weight:bold;line-height:21px;text-align: left;
        margin-bottom: 24px; 
    }
    #createModal5 .registration_form{
    float:none;    padding: 0px 0px;}
   #createModal5 .customer_details_table{margin-left: 0px;}
  #createModal5 .desc_text.desc_text_small {text-align: left;
    padding: 5px 0px;}
   #createModal5  .customer_details_table tr td input[type="text"]:disabled{background: none;
    border: none;}
    

.tooltip {
    display:inline-block;
    position:relative;
    text-align:left;
}

.tooltip .right {
	font-family:Arial;
	min-width:200px;
    max-width:400px;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    transform: translate(0, -50%);
    padding: 0;
    color: #000;
    font-weight: normal;
    font-size: 12px;
    border-radius: 0px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
    border: 1px solid #ccc;
    background: #fff;

}

.tooltip:hover .right {
    visibility:visible; opacity:1;
}
.tooltip .text-content {
    padding:5px 5px;
}
.tooltip .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}    
.tooltip a img{    width: 12px;
    margin-bottom: -2px;
    border:0px;
}



.tooltip .bottom {
	font-family:Arial;
    min-width:200px;
    max-width:400px;
    top:40px;
    left:50%;
    transform:translate(-90%, 0);
    padding:5px 5px;
    color:#000000;
    background-color:#FFFFFF;
    font-weight:normal;
    font-size:12px;
    border-radius:0px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
    margin-top: -9px
}

.tooltip:hover .bottom {
    display:block;
}

.tooltip .bottom i {
    position:absolute;
    bottom:100%;
    left:90%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#FFFFFF;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

#forgotPwdLink{    vertical-align: top;
    line-height: 30px;}
.alignLeft
{
	text-align:left !important;
}    

.registration_form label {
	top: -8px  !important;
	left: 6px  !important;
	color: black  !important;
	display: block; 
	margin-top: -20px; 
	margin-left: 20px;
	font-family: Arial;
    font-size: 10pt;
} 

.registration_form input[type="checkbox"]{
	height:15;
	width:16;
	text-align:left;
	display: inline;
}