.row, .body, .container {
width: 100%;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.termsandconditionsdialogStyle.ui-draggable {
    width: 98% !important;
    height: 100%;
    overflow: auto;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}

/* Type presets */

body {
font-size: 12px;
line-height: 18px;
}

#site-search form, #main-nav li, #main-nav ul, #main-nav, #masthead .row, #masthead, #main-nav li#Li2 a, #main-nav li#Li3 a, #masthead .login, #secondary-nav li  {
	height: auto !important;
	line-height: normal !important;
	float: none !important;
	}
	
	#masthead-wrap { position: relative !important; }
	.noSecondaryMenu #content, #content { padding-top: 0 !important; background-position: top left !important; }
	
	#masthead { background-color: #bbb !important; }
	
	.homeFeatures { -webkit-background-size: cover !important; }
	
	#masthead .row {
		overflow: hidden !important;
		}
		
	#main-nav { margin-bottom: 20px !important; }
	
	#main-nav li {
		border: none;
		float: none !important;
		display: block !important;
		}
		
	#main-nav li#Li3 img { margin-top: 0 !important; }
		
		#main-nav li a, #secondary-nav li a { float: none !important; display: block !important; padding: 6px 0 !important; text-align: center; }
		#main-nav li a.current { background: #aaa !important; border-radius: 6px !important; }
		
    #logo img { margin: 0 auto !important; }
		
	#site-search, #site-search form, .form { float: none !important; text-align: center !important; }
	
	#secondary-nav { padding: 20px 0 !important; }
	#secondary-nav .row div { margin-left: 0 !important; }
	#secondary-nav ul { margin-bottom: 0 !important; }
		
	#sidebar .group, .group 
	{
	    padding: 0 !important;
	}
		
	#sidebar 
	{
	    margin-top: 0 !important;
	    padding-top: 20px !important;
	    padding-bottom: 20px !important;
	}
	
	#secondary-nav li, #secondary-nav a.current {
		-webkit-border-radius: 4px;
		}
    .submitcnt {text-align:center;}

    /* Forgot password - UI changes - 25 Jul 2017*/
@media only screen and (min-width : 320px) and (max-width : 750px) {
	/* Default Logo UI changes */
#logo img {
    margin: 7px 0px 0px 59px !important;
}
#logo a.logoMobile img {
    display: none;
    color: transparent;
}
 .section-right {
    float: left;
    top: 45px;
    width: 40%;
    margin-left: -50px;
        position: relative 
}
#main {
		padding: 0;
		/*padding-top: 0px !important;*/
}
#logo a.logoMobile {
    width: 100% !important;
    height: 100px;
    vertical-align: middle;
    background-image: url(../img/smart_app_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    border: 1px solid;
    float: left;
    margin: 0px auto;
    padding: 0px;
    opacity: 1 !important;
    z-index: 99999999;
    border: 0px solid;
}
#logo.threecol {padding:0px !important}
#main-nav {
    margin-bottom: -18px !important;
}
/* End */
#main {padding-top: 30px;}
.gid.gidForm.register {
    margin-top: -102px !important;
    margin-left: 0px !important;
}
.noSecondaryMenu.livelink #content #main {
    padding-top: 38px;
}
.noSecondaryMenu.livelink #content > .row {    
    background: #fff;
}
.container {
    padding-left: 0px;
    padding-right: 0px;
}
.gidForm .field {
    margin: 0 6px;
    padding-top: 9px;
    overflow: hidden;
}
.gidForm input.TextboxMedium {
    font-size: 9pt;
    display: block;
    width: 90%;
    padding: 6px 5px;
	    margin-bottom: 9px;
}
.sixcol {
    width: 49.1%;
}
.register #gid-form {
    width: 100% !important;
}
.label .content {
    color: #959595;
    font-size: 13px;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
	margin-top: 8px;
}

.section .buttonslist {
    margin: 0 auto 0 22px !important;
}
.button.newregister, .themecolor.newregister, .gray.newregister, .disabled.newregister {
    width: 14em !important;
    margin-top: 19px !important;
}
.section-RigisterBtn {
    margin-left: -104px;
    margin-top: 18px;
}
.button.themecolor {
    background: #3498db;
    border: 1px solid #3cb0fd;
    padding: 8px;
    margin: 0px;
    cursor: pointer;
    position: relative;
}
.column100percent .column25Percent {
    float: left !important;
    margin-left: 16px !important;
    margin-top: 67px !important;
    vertical-align: middle !important;
    width: 32% !important;
}
.threecol {
    width: 100% !important;
}
.masterheadLogodesign .threecol {
    margin-top: 24px !important;
}
#logo-right img {
    margin: 0 auto !important;
}
#content {
    /* background: #eee; */
    padding-top: 80px;
    padding-bottom: 15px;
}
.noSecondaryMenu #content {
    padding-top: 194px;
    background-position: left 50px;
}
.field-validation-valid {
    color: #FF0000;
    float: right;
    font-weight: bold;
    margin-top: -44px !important;
    padding-left: 0px;
    margin-left: 140px;
}
#content > .row {
    position: relative;
    background: #3498DB;
}
.column100percent .column30Percent {
    float: left;
    width: 33% !important;
}
#footer a {
    display: block !important;
}
.register-title {
    padding-left: 7px !important;
}
.section-RigisterBtn input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Login Page UI changes */
.fivecol {
    width: 100%;
}
.masterheadLogodesign .ninecol.last {
    margin-top: -4px !important;
}
.NoborderRadius {
    border-radius: 0px !important;
    width: 100% !important;
}
.button.login, .themecolor.login, .gray.login, .disabled.login {
    width: 15em;
}
/* Forgot Password UI changes */
#masthead {
    background-color: #3498DB !important;
}
#main-nav li#Li1 a {
    color: #ffffff !important;
    background: #3498DB;
}
#masthead {
    /* background: #ffffff; */
    border-top: 1px solid #3498DB;
    -moz-box-shadow: none;
    -webkit-box-shadow: none !important;
    box-shadow: none;
    border: 0px solid !important;
    }
.boxcenteralign.sixcol .titlebar h2 {
    display: none;
}
.mobforgotpassword.sixcol {
    width: 100%;
}
.mobforgotpassword.sixcol {
    width: 80%;
    background: #ffffff !important;
    height: 100%;
    position: relative;
    min-height: 250px;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
    display: flex;
    margin: 0px auto !important;
    float: none;
}
.mobforgotpassword .box {
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #424242;
	}
	.mobforgotpassword .boxInner {
		padding: 4px;
		}
.mobforgotpassword .iqNotify.information {
		background: none;
		border-color: transparent;
		color: #595d68;
		}
.mobforgotpassword .messageNotification {
    padding: 33px 5px 5px 5px;
    margin: 0px auto;
    margin-bottom: 17px;
}
.mobforgotpassword input.inputText 
{
    width:100% !important;
	line-height: 1.2em;
	background: #fff;
    font-size: 11pt;
	outline: none;
	padding: 6px;
	border-style: solid;
	border-width: 0px;
	border-bottom:1px solid #dbdbdb !important;
	border-color: #aaa;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;				
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
	-webkit-transition: all 0.2s ease-out;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	box-shadow: none !important;
	}
	.mobforgotpassword .field-validation-valid {
    margin-top: 0px !important;
    margin-left: -14px !important;
    float: left !important;
}
.mobforgotpassword .btn.cta {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 7px 100px;
    margin: 24px 0px 0px 15px;
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.noSecondaryMenu #content {
    padding-top: 50px;
    background-position: left 50px;
    height: 100%;
    /* min-height: 700px; */
    background: #3498DB;
}
body.noSecondaryMenu {
    background: #3498DB;
}
.mobforgotpassword .iqNotify p {
		font-weight:bold;
		font-size:10.5pt
		}

/* Forgot password Message */
.mobforgotpassword .titlebar {
   /* display: none;*/
}
.mobforgotpassword .titlebar h2 {
   padding:15px !important;
   font-size: 12.5pt;
}
.mobforgotpassword.msgframewidth  .titlebar h2 { 
   display: none;
}
.livelink .mobforgotpassword .field-validation-valid {
    float: right !important;
    margin-top: -18px !important;
}
.box.clearfix.mobforgotpassword {
    box-shadow: 0px 0px 0px #424242;
}
.box.clearfix.mobforgotpassword .forgotpassuccessmsg {
   background: #fff;
    margin: 0px auto;
    min-height: 250px;
    height: 100%;
    margin-top: 0px;
    width: 93%;
    float: none;
}
.forgotpassuccessmsg p {
    text-align: center;
    padding: 36px 0px;
        font-size: 10.5pt;
}
.redirectinglink {
    float: none;
    width: 100%;
    margin: 0px auto;
    position: relative;
    display:block !important;
}

.redirectinglink a {
    color: #666666;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    font-size: 13pt;
    font-weight: normal;
}
.tickmarkImg {
    background: url("../img/tickmarkImg.png") no-repeat 0px 10px;
    background-size:50px 60px;
    width:60px;
    height:60px;
    margin:0px auto;
}
.box.clearfix.mobforgotpassword.msgframewidth {
    width: 92% !important;
    margin: 0px auto !important;
    float: none;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
    height: 291px;
}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite;font-size:30px;color:#3498DB }
.loader__dot:nth-child(2) { animation-delay: 250ms;font-size:30px;color:#3498DB }
.loader__dot:nth-child(3) { animation-delay: 500ms;font-size:30px;color:#3498DB }

/* Reset Password UI changes */
#sidebar {
    display: none;
}
.wrap, .post .commentWrap, .box, #sidebar, .productBox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
    box-shadow:none !important;
    background:#ffffff;
    
}
#content input.inputText, select.selectText, #content select.inputSelect {
    width: 99% !important;
    border: 1px solid #ccc;
}
.mobforgotpassword.confirmpasscss .titlebar h2 {
    padding-left: 28px !important;
}
.box.clearfix.mobforgotpassword.confirmpasscss {
    width: 91% !important;
    margin: 0px auto !important;
    float: none !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
	    margin-top: 31px !important;
}
.mobforgotpassword.confirmpasscss .titlebar {
    display: block;
	margin-top: -47px !important;
}
.box.clearfix.mobforgotpassword.confirmpasscss label {
    padding: 4px 7px !important;
    font-size: 10.5pt;
}
.mobforgotpassword.confirmpasscss .field-validation-valid {

margin-top: -21px !important;

margin-left: -8px !important;

float: left !important;

top: 0px;

position: relative;

right: 0px;
}
.mobforgotpassword.confirmpasscss .btn.cta {
    margin: 0px auto;
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#main-nav {
		visibility:hidden;
		}
.iqNotify.error {
    width: 90% !important;
    margin: 4px 0px;
}

/* Reset Password Confirmation */
.box.clearfix.resetpassconformationdialogue {
    width: 94%;
    margin: 0px auto;
    float: none;
    min-height: 155px;
     border-radius: 2px !important;
    box-shadow: 0px 0px 6px #333333!important;
}
.box.clearfix.resetpassconformationdialogue .titlebar h2 {
    padding: 18px 3%;
    font-size: 11.5pt;
}
.box.clearfix.resetpassconformationdialogue .boxInner p {
    font-size: 10.5pt;
}
.alignCenter.successmsgnotification {color:#ffffff !important}
.btnaligncenter {
    width: 100%;
    position: relative;    
}
.btnaligncenter input {
    margin: 0px auto !important;
    float: none;
    border: 4px solid;
    position: relative;
    display: flex;
}
.confirmpasscss .boxContent #Password, .confirmpasscss .boxContent #ConfirmPassword {border: 1px solid #ccc;}
.input-validation-error + .field-validation-error {display: none;}
.hideforgotpassword {display:none !important}
.alert {width: 700px !important;margin: 6px;top: 80px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 450px) { 
/*.mobforgotpassword .field-validation-valid {margin-top: -44px !important;}*/
.mobforgotpassword.confirmpasscss .titlebar h2 { padding-left: 15px !important; }
.iqNotify.error {width: 83% !important;}
.alert {width: 346px !important;margin: 12px;top: 80px !important;}
#logo a.logoMobile {background-size: 90%;}
#main {margin-bottom:50px !important; padding-top: 0px !important;	}
}