/* core colours
Main theme color is =  #111111
Dark color theme color is =  #676c6c
*/

/** { font-family: 'raleway' !important;}*/
html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {font: 16px/1.42857143 "Lato", Helvetica, Arial, sans-serif !important; font-weight:bold;}
body { margin:0px; font-family: "Lato", Helvetica, Arial, sans-serif !important; font-size: 16px;}
input { font-family: "Lato", Helvetica, Arial, sans-serif !important; font-size: 14px !important;}
a {color: #47525a; cursor: pointer; text-decoration: underline;}
span {color: #47525a}
label {color: #47525a; font-weight: normal;}
h4 { color: #111111; padding-left: 7px;}

.clearboth {clear: both;}
.cleanbreak {clear: both; padding-top:5px;}
.cleanbreak2 {clear: both; padding-top:15px;}

.tooltipLeft {clear: both; border-style: none !important; border:none !important; padding-top: 0px !important; float: left; background-image: url('Images/tooltip.png');background-position: center center;display: block;background-repeat: no-repeat;width: 24px;height: 24px; }
.tooltipRight {border-style: none !important; border:none !important; padding-top: 0px !important; float: right; background-image: url('Images/tooltip.png');background-position: center center;display: block;background-repeat: no-repeat;width: 24px;height: 24px; }

/*Used by most pages*/
#loginPanel { padding:60px 0; background:#d1d1d1;}
.ajax-loading { content:url('Images/loading-big.gif'); border: 0px; width: 100px; display: block;}
.ajax-loading2 { background-image: url('Images/loading-flat.gif'); background-repeat: no-repeat; background-position: center center; height: 150px; }
.ajax-loading3 { background-image: url('Images/loading-big.gif'); background-repeat: no-repeat; background-position: center center; height: 150px; width: 150px; border:none;}
.registerImageButton {content:url('Images/register.png'); border: 0px;}
.forgotImageButton { display: inline-block; width:150px; color: #fff; text-decoration: none; border: 1px solid #111111; padding: 10px; background-color: #fff; color: #111111; margin: 2px;}
a.forgotImageButton {}
a.forgotImageButton:hover { border: 1px solid #47525a; background-color: #47525a; color: #fff;}
.goImageButton { display: inline-block; width:240px; color: #fff; text-decoration: none; border:none!important; padding: 10px; background-color: #111111; color: #fff; margin: 2px; height: 28px; line-height: 30px;}
a.goImageButton:hover { border: 1px solid #47525a; background-color: #47525a; color: #fff;}

.loginImageButton {content:url('Images/log-in.png'); border: 0px;}
.cancelImageButton {content:url('Images/register.png'); border: 0px;}
.forgotandRegisterURL {font-size: 18px; color:#111111; font-weight: 900;}
.FbSignIn { display: inline-block; border: 1px solid #1D3871; width: 170px; background-image: -webkit-linear-gradient(top, #637BAD, #4F67A4); line-height: 25px; font-weight: normal; color: #fff; padding: 8px 1px 8px 1px;}
.loadingPanel {padding-left: 5px; padding-bottom: 5px;}
.loadingPanelLogin {padding-top: 5px; width: 250px; text-align: left; margin: 0 auto; border: none}
.loadingPanelOther {padding-top: 5px; width: 250px; text-align: -webkit-center; margin: 0 auto;}
.loadingImage1 {border-style: none !important; border:none !important; padding-top: 0px !important; float: left; background-image: url('Images/loading.gif');background-position: center center;display: block;background-repeat: no-repeat;width: 250px;height: 25px; }
.dashbRotator { width: 100%; margin: 0px; padding: 10px;}
.FeedbackBlockContainer {width: 90%; margin: 0 auto;}
.warning { display: block; padding: 12px 10px 12px 30px; background-color: #111111; color: #fff; border-style: solid none solid none; border-width: 1px; color: #ffffff;}
.info {    display: block; padding: 12px 10px 12px 30px; background-color: #f0f5f8; border-style: solid none solid none;  border-width: 1px;}
.dashbMissingData {font-size: 15px;color: #439297;font-weight: bold; margin-top: 4px; padding: 8px 0px 0px 5px !important; white-space: nowrap; line-height: 35px;}
.copyright-text {padding-left: 10px;}

/*LOGIN STUFF*/
#ForgotDiv, #loginControls, #RegisterDiv {text-align: center;background:#f0f5f8 ; padding: 50px; margin:0px auto; max-width: 400px;}
#RegisterDiv {text-align: center; background:#b1dbf5!important;}

#ForgotDiv {text-align: center;}
.loggingIn { padding: 12px 2px 2px 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size:34px; text-transform:uppercase;}
.loginInputHeaderRegister{padding: 2px 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size: 14px; margin-top: 15px;}
.loginInputHeader {padding: 2px 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size: 14px; margin-top: 15px;}
.loginInputHeaderFaceBook  {padding: 2px 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size: 14px; margin-top: 15px;}
.loginInput {height: 45px; width: 250px !important; font-size: 16px !important; margin-top: 0px !important; padding-left: 5px;}
.userInputMessage { padding-top: 5px; width: 250px; text-align: left; margin: 0 auto;}
.LoginErrorMessage { padding-top: 10px; padding: 1px; color: #b00500; font-size: 14px; position: relative; top: -1px; font-weight:600}
.loginFieldsCheckbox { padding: 2px 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size: 14px;}
.RemeberMe { margin-top: 15px;}
.loginFieldsForgot { padding-top: 40px; padding-bottom: 2px; max-width: 250px; margin: 0 auto; text-align: left; font-size: 14px;}
.registerFieldsNew { padding-top: 40px; margin: 0 auto; font-size: 14px;}
.registerFieldsExist {padding-top: 10px; margin: 0 auto; font-size: 14px;}
.RegisterErrorMessage { padding: 1px; max-width: 250px; color: #b00500; font-size: 14px; position: relative; top: -1px; font-weight:600}
.forgotFieldsError{ padding-top: 0px; width: 250px; color: #b00500; font-size: 14px; text-align: left; margin: 0 auto; font-weight:600}
.registerFieldsError{ padding-top: 0px; width: 250px; color: #b00500; font-size: 14px; text-align: left; margin: 0 auto; font-weight:600}
.forgotErrorMessage { padding: 1px; max-width: 250px; color: #b00500; font-size: 14px; position: relative; top: 3px; font-weight:600}
.ProductPanel { margin:auto; width:500px; overflow: hidden; margin: 0 auto 20px auto;}
.ProductPanelDisplay {float:left; width:100%; padding-bottom:0px;}
.wrapword {font-size:16px!important; color:#111111!important; text-transform:none!important; display:block;}
.loginHostingImage { background-image:url('Images/StandardHosting.png'); margin-right: 5px; border: 0px; float: left; width:98px; height:98px;}
.loginAdvHostingImage { background-image:url('Images/StandardHosting.png'); margin-right: 5px; border: 0px; float: left; width:98px; height:98px;}
.loginVPSHostingImage { background-image:url('Images/VPSHosting.png'); border: 0px; margin-right: 5px; float: left; width:98px; height:98px;}
.loginDomainHostingImage { background-image:url('Images/DOMAINHosting.png'); margin-right: 5px; border: 0px; float: left; width:98px; height:98px;}
.ProductLabel {top: 20px;position: relative;font-size: 24px;text-align: left;color: #bbb; text-transform:uppercase;}
.contentContainer{ margin: 0 1px 0 0; padding-left: 10px; position: relative; overflow: hidden; background-color: #FFFFFF; }

/* Standard system (ADMIN Part)*/
.header {padding: 10px 10px;}

/* Telerik stuff*/
.content { padding:0px;}
.editFormContainer{ clear:both; padding-top:7px;}
.editFormFieldDesc { margin-top: 5px; color: #4E4E4E; font-size: 15px; font-family: 'ralewaybold'; display: inline-block; line-height: 35px; text-align: left; vertical-align:top; float:left; width: 30%}
.editFormFieldValue {float: left; width: 70% }
.editFormFullContainer { float: left; max-width:100%; width:100%;}
.editFormLeftContainer { float: left; max-width:50%; width:100%;}
.editFormRightContainer { float: left; max-width:50%; width:100%;}
.clientContainer{ clear:both; padding-top: 8px;}
.clientFieldDesc { min-width: 160px; display: inline-block; text-align: left; vertical-align:top; float:left; text-transform:capitalize!important;}
.clientFieldValue {float: left; }
.clientFieldValue2 {float: left; }

.clientFieldHighlight { font-size: 17px !important; color: #92b622 !important; text-decoration: overline !important;}
.clientOptions { padding-top:40px;}
.tabContainer {padding-top: 5px;}
.RadPanelBar .rpSlide {padding:20px;}
.RadWindow .rwTitle {font-size: 16px !important;}
.RadInput_MetroTouch.riSingle .riTextBox {height: 42px !important;}
.rpTemplate td {padding-bottom:5px;}
#pnlContent input[type="checkbox"] {display: block;width: 35px;height: 35px;}
.contentContainer input[type="checkbox"] {display: block;}
.contentContainer .contentContainerChkNormal input[type="checkbox"]{ display: inline-block !important;    width: 30px !important;}
.contentContainer .contentContainerChkNormal label { display: block !important;}
.welcomeLblTxt {font-size: 26px; color: #111111;}
#mainContent {clear: both; padding-top: 10px; margin: 0 auto; position: relative; width: 100%; background:#d1d1d1; padding-bottom: 40px;}
.login_statuscontainer { display: inline-block; width: 100%;background-color:#f0f5f8;}    
.mastHWrapInner2 { width: 1000px; padding: 10px 0px 24px 0px;  margin: 0 auto;  max-width: 100%;   background-color: #fff; height: 15px;}
.mastHWrapInner3 { width: 1000px;  margin: 0 auto; max-width: 100%; display: grid; height: 62px;}
.mastHWrapInnerContainer2 {background: #fff;}
.mastHWrapInnerContainer2 a {color: #111111;}
.mastHLoginContainerTopInnerLeft { float:left; max-width:49%; width:100%; text-align: left; border: 1px solid #fff;}
.mastHLoginContainerTopInnerRight { float:left; max-width:49%; width:100%; text-align: right;}
.mastHLoginContainer {clear: both; float:left; margin-top: 10px; width:100%;}
.mastHNoticeContainer {float: none; margin-top:2px;}
.mastHNoticeContainerInner { float: left; max-width:49%; width:100%; text-align: right; }
.mastHPageHead { float: left; max-width:45%; width:100%; text-align: left; padding: 0 5px 0px 5px;}
.mastHNotice { float:right; padding-left: 10px; }
.mastHBasket { float: right;}
.mastHBasketCnt { position: relative; top: 19px; left: -50px; color: #FFF; background-color:transparent !important; }
.mastHHelpImage {border-style: none; padding-top: 0px !important; float: left; background-image: url('Images/help.png');background-position: center top;display: block;background-repeat: no-repeat;width: 24px;min-height: 45px; }
.mastHBasketImage {border-style: none; padding-top: 0px !important; float: left; background-image: url('Images/basket.png');background-position: center top;display: block;background-repeat: no-repeat;width: 59px;min-height: 42px; }
.mastHNoticesImage{border-style: none;padding-top: 0px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/message.png');width: 35px;min-height: 42px;display: block;background-repeat: no-repeat;}
.notices, .basket {display: table-cell;vertical-align: middle;font-size: 13px;text-decoration: none;}
.breadCrumb {padding: 20px 5px; font-size: 12px; width: 90%; margin: auto;}

/* Managmenet screen edit contents*/
.ManagementEditContent input {width: 97%;padding: 1em 1em 1em 0.5em;line-height: 1.2;background-color: #f9f9f9;border: 1px solid #e5e5e5;border-radius: 3px;-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

/*---DASHBOARD ICONS CSS START---*/
.dashbHeadMain{ color: #0e2432; font-size: 18px; font-weight: bolder; }
.dashbHome {border-style: none; padding-top: 30px !important; float: left; margin-top: 0px; background-position: center top; background-image: url('Images/home1.png'); width: 98px; min-height: 100px;display: block; background-repeat: no-repeat; transform: scale(1.0); height: 105px;}
.dashbHome:hover { background-position: center -0px; background-image: url('Images/home2.png'); background-repeat: no-repeat; /*transform: scale(1.1);*/}
.dashbDropDown { height:40px; font-size: 15px !important; width: 250px;}
.dashbAccount { border-style: none; padding-top: 30px !important; float: left; margin-top: 0px; background-position: center top; background-image: url('Images/account1.png'); width: 91px;  min-height: 100px; display: block; background-repeat: no-repeat; transform: scale(1.0);height: 105px;}
.dashbAccount:hover { background-position: center -0px; background-image: url('Images/account2.png'); background-repeat: no-repeat;  /*transform: scale(1.1);*/}
.dashbMDomain { border-style: none;  padding-top: 30px !important; float: left; margin-top: 0px; background-position: center top; background-image: url('Images/domains1.png'); width: 91px; min-height: 100px; display: block; background-repeat: no-repeat; transform: scale(1.0);height: 105px;}
.dashbMDomain:hover { background-position: center -0px; background-image: url('Images/domains2.png'); opacity: 1.0; background-repeat: no-repeat;/*transform: scale(1.1);*/}
.dashbHosting { border-style: none; padding-top: 30px !important; float: left; margin-top: 0px; background-position: center top; background-image: url('Images/hosting1.png'); width: 91px; min-height: 100px; display: block;background-repeat: no-repeat;height: 105px;}
.dashbHosting:hover {background-position: center -0px;background-image: url('Images/hosting2.png');background-repeat: no-repeat;}
.dashbEmail {border-style: none;padding-top: 30px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/emails1.png');width: 92px;min-height: 100px;display: block; background-repeat: no-repeat;height: 105px;}
.dashbEmail:hover { background-position: center -0px; background-image: url('Images/emails2.png');background-repeat: no-repeat;}
.dashbPanel {border-style: none; padding-top: 30px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/panel1.png');width: 93px;min-height: 100px;display: block;background-repeat: no-repeat;height: 105px;}
.dashbPanel:hover {background-position: center -0px;background-image: url('Images/panel2.png');background-repeat: no-repeat;}
.dashbMProfile {border-style: none;padding-top: 30px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/profile1.png');width: 91px;min-height: 100px;display: block;background-repeat: no-repeat;height: 105px;}
.dashbMProfile:hover {background-position: center -0px;background-image: url('Images/profile2.png');background-repeat: no-repeat;}
.dashbMAdv {border-style: none;padding-top: 30px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/adv1.png');width: 91px;min-height: 100px;display: block;background-repeat: no-repeat;height: 105px;}
.dashbMAdv:hover {background-position: center -0px;background-image: url('Images/adv2.png');background-repeat: no-repeat;}
.dashbMDebtors {border-style: none;padding-top: 30px !important;float: left;margin-top: 0px;background-position: center top;background-image: url('Images/accounts1.png');width: 91px;min-height: 100px;display: block;background-repeat: no-repeat;height: 105px;}
.dashbMDebtors:hover {background-position: center -0px;background-image: url('Images/accounts2.png');background-repeat: no-repeat;}
#dashbMstMain{margin: 0 5px 0 5px;}
#dashbMenu {padding: 10px 0px;margin : 0 auto;max-width: 1000px;overflow: hidden;display: table;width: 99%;table-layout: fixed; background-color:#d1d1d1; }
.dashbMenuInner{margin-left: 10px;width: 100%;display: table;}
.dashbMenuItem {display: table-cell;text-align: center;}
#dashbContainer {padding: 0; margin: 0 auto;position: relative;width: 99%;z-index: 1;}
#dashbMain {margin:0 auto 50px auto; width: 100%; text-align: left; display: block; max-width: 1000px; background-color:#f0f5f8 ; padding: 60px; box-shadow: 0px 20px 38px 0px rgba(0,0,0,0.3);}
#dashbMstFoot {margin-top: 10px;padding-top: 10px;line-height: 30px;clear: both;margin-bottom:10px;}
.dashbMstFootCont {margin: 0 auto;width: 95%; max-width: 1000px;}
.loginFooter {margin: 0 auto;max-width: 1000px;}
.LoginStatus {font-size: 12px;}
a.dashbButtonA:hover {border: 1px solid #47525a;  background-color: #111111; color: #fff!important;}
.dashbButtonA { margin-top: 0px; color: #fff; text-decoration: none; border: 1px solid #111111; padding:14px; font-size: 14px; background-color: #fff; float:left; color: #111111!important; margin:0 2px; cursor:pointer;text-transform: uppercase;}
#dashbDomSearchButtonDiv2 { float:right!important;}

a.dashbButtonB:hover { color: #0e2432 !important; text-decoration: none; border: 1px solid #0e2432;  background-color: #fff !important;}
.dashbButtonB { margin-top: 0px; text-decoration: none; border: 1px solid #0e2432 !important; padding:14px; font-size: 14px; background-color: #0e2432 !important; color: #fff !important; margin:0 2px; float: left;}
a.dashbButtonC:hover {border: 1px solid #47525a;  background-color: #47525a; color: #fff !important;}
.dashbButtonC { margin-top: 0px; color: #fff; text-decoration: none; border: 1px solid #111111; padding: 10px; font-size: 14px; background-color: #fff; color: #111111 !important; margin: 2px;}
.RadGrid_Bootstrap .rgRow td, .RadGrid_Bootstrap .rgAltRow td, .RadGrid_Bootstrap {border: 0px !important;font-size: 16px !important;}
.RadGrid_Bootstrap .rgFooter td{height: 50px !important; font-size: 15px; color: #111111;}
.rgDomains { margin-top: 3px;}
.rgDomains tr.rgRow { height: 70px; border-bottom: 5px solid#333333 !important;}
.rgDomains tr.rgAltRow { height: 70px; background:#fff;}
.rgDomains tr.rgSelectedRow { height: 70px; background:#25a0da; color: #fff;}
.RadGrid_Bootstrap .rgHoveredRow, .RadGrid_Bootstrap .rgSelectedRow td {background-color:#f0f5f8 !important;background-image: none !important;border-color: #f0f5f8 !important; color: #000 !important;border: none !important;font-size: 16px !important;}
.dashbAccountingStuffRight{text-align:right;}
.mainContainer { margin: 0px auto; width: 90%; background: #fff; padding: 40px; box-shadow: 0px 20px 38px 0px rgba(0,0,0,0.3);} 
.dashbAccountContainer .row { padding-left: 15px; }
.dashbSearchBlock.row { padding-left: 0px; }
.dashbServicesLeft {float: left; width: 30%;}
.dashbServicesRight {float: left;  width: 80%;}
.dashbAccountDetail {margin-top: 10px;}
.dashbDetailHead {margin-top: 15px;color: #111111;font-weight:600; font-size:27px;}
.dashbDetailValueHigh {color: #111111;font-size: 18px;}
.dashbAccountHeader {padding: 3px 1px 3px 0px;border-bottom: 1px solid #47525a;margin-top: 15px; margin-bottom: 10px;vertical-align: middle;font-size: 16px;}
.dashbMessageContainer {margin: 0 auto; padding: 20px 20px 50px 20px; width: 100%; margin-bottom: 40px; background: #021546;color: #fff!important;}
.dashbMessageContainerOptions {margin-top: 10px;padding: 10px;}
.dashbMessageContainerMessageTop span {color: #fff}
.dashbMessageContainerOptions a.dashbButtonA:hover {color: #fff;}
.dashbMessageContent {line-height: 25px;color:#fff;}
.dashbHelpContainer {margin: 0 auto; margin-top: 10px; padding: 10px; border-top:1px solid #47525a;  border-bottom:1px solid #47525a;}

.domainHigh { background:#676c6c; padding:20px;}
.domainHigh .dashbHelpContainer {margin: 0 auto; margin-top: 10px; padding: 10px; border-top:1px solid #fff;  border-bottom:1px solid #fff;}
.domainHigh .dashbContentGrid {padding-top : 10px;}
.domainHigh .dashbMessageContainerMessage span {color:#fff!important;}
.domainHigh .dashbAccountHeader {border-bottom:none!important;}
.domainHigh .dashbAccountHeader .dashbDetailHead {color:#fff!important;}
.domainHigh .clientFieldHighlight {color:#fff!important;}
.domainHigh .input-group-desc .clientFieldHighlight {color:#fff!important;}
.domainHigh .dashbSearchBlock .input-group-icon span {color:#fff!important;}
/*Domain Search Styles*/
.searchTopWrapper { background:#f0f5f8; padding:30px; margin: auto; display:block;}
.domainUnavailText { color: #b00500;}
#dashbDomSearchTextDiv { clear: both; width: 40%; display: inline-block; vertical-align: middle;}
.dmSearchContainer { margin: 0 auto; text-align: left; min-height: 50px; display: flex;}
#dmSearchTextDiv {width: 100%;display: flex;}
#dmDomainDDDiv {width: 100px; margin-left: 3px;display: flex;}
#dmSearchButtonDiv {height: 43px; line-height: 20px; display: flex;}
#dashbDomEnterDomain { display: inline-block; min-height: 30px;}
#domainPrefixDiv {display: inline-block;}
#dashbDomSearchButtonDiv { display: inline-block; vertical-align: middle; line-height: 20px;}
.domainPrefix { position: relative;bottom: -5px;font-size: 16px; font-weight: bold;}
.rdbSearchText { height: 30px; font-size: 15px; font-style: normal;}
.rdbSearchText:hover {  background-color: #FF00FF;}
.dashbDomainOptions {padding-top : 10px;}
.dashbDomainOptions .row {padding-left: 15px;}

/*Hosting Styles*/
.dashbHostingRadListView { padding-top: 8px;}
.dashbDomainHostingImage {margin-right: 10px; vertical-align: middle;}
.dashbDomainHostingRow { margin-bottom: 2px;height: 38px;}
.dashbDomainHostingRowAlt { background-color:#f0f5f8; margin-bottom: 2px;}
.dashbDomainHostingDesc1 { font-size: 15px; display: inline-block; margin-top: 5px; vertical-align: middle; margin-left: 5px;}
.dashbHostingOptions {padding-top : 10px;}

/*WebPanel Styles*/
.dashbWebPanelOptions {padding-top : 10px;}
.dashbSettingsUserOptions {padding-top : 10px;}

/*Detailed Domain Search --- WHOIS */
#WhoIs {max-width:1000px!important; width: 100%; margin: 60px auto; background:#f6fbfe; border-bottom:1px solid #111111; overflow:hidden;}
#dmSearchDiv {padding-top:10px;padding-bottom:8px; padding-left: 2px;margin-bottom:5px;}
.dmSearchHead {margin-left: 5px;font-size: 24px;color: #707070; text-align: left;margin-bottom: 20px;}
.dmSearchSubHead {margin-left: 5px;margin-top: 10px;margin-bottom: 10px; color: #707070;text-align: left;font-size: 15px;}
#dmEnterDomain span { display: inline-block;min-height: 30px;width: 99%;text-align: left;margin-left: 8px; color: #111111;}
.rdbSearchText {height: 30px; font-size: 15px; font-weight: bold; font-style: normal;color: #0000FF;}
.rdbSearchText:hover {background-color: #FF00FF;}
#dmResultDiv { color: #707070; float: none; clear: both; margin-top: 5px; margin-bottom: 25px;}
.dmSelectedDiv {background-color: transparent;width: 330px;float: right;vertical-align: middle;margin-top:10px}

/* Gradient button */
.RadButton.rbSearchButton {border: 0; margin-top: 0px; color: #fff; text-decoration: none; border: 1px solid #111111; padding: 10px; font-size: 14px; background-color: #fff; float: left; color: #111111 !important; margin: 2px;}
.domainFoundDiv { height: 71px; font-size: 15px;}
.domainNotFoundDiv { font-size: 15px; overflow: hidden;}
#domainAvailWrapper { max-width: 470px;float: left;}
#domainAvail {float:left; margin-right:8px;}
#domainAvailCongrats { float:left; height: 20px;vertical-align:middle; margin-right:8px;margin-top: 8px;}
#domainAvailCongratsRegister {float:left;margin-top: 8px;}
.domainDisplayText {float:left; padding-right:5px; color: #50ab00;font-weight: bold;}
#domainAvailText {color: #50ab00;}
#domainUnavailText { color: #d50000;}
.labelLargeUnavail {position: absolute;top: 5px;left: 48px;font-size: 15px;}
.inlineFloaters {float:left;padding-right:5px;}
.chooseAlternative {float:left;padding-top: 0px;font-size: 15px;}
#domainNotAvail {background: transparent url(http://media.redcactus.co.za/images/RedCactus/domainMan/bad.png) no-repeat left top;height: 32px;width: 32px;float:left;margin-right:8px;}
#domainNotAvailSorry {float:left;vertical-align:middle;margin-right:8px;}
#domainNotAvailSorryMessage {float:left; color: #d50000;padding-right: 5px;font-weight:bold !important;}
.domainBottomPrice {display:block; vertical-align: top; padding:30px; float:left; width:100%;}
.panelDomainAvail {padding-top: 20px;}
.PriceHead {padding-left: 17px;color: #B70000;font-size: 22px; text-align:left;padding-bottom: 10px;}
.listLayout {width: 800px; display: block;}
.itemStyle {float: left;width: 195px; height: 30px;background-image: url(images/x.png);margin: 10px;position: relative; background-repeat: no-repeat;}
.labelLarge { position: absolute;left: 6px; font-size: 14px;color: #111111;}
.labelSmall {position: absolute;left: 125px;font-size: 14px;}
.labelCost { position: absolute;left: 215px;font-size: 14px;}
.itemStylePrice {background-position: bottom; float: left;width: 270px;height: 20px;background-image: url(images/line-pixel.png); margin: 10px; position: relative;background-repeat: repeat-x;padding-right: 15px;border-right: 1px solid #414141;}
.telephone .dashbMissingData {font-size: 14px !important; font-weight:normal !important; padding: 0px 0px 0px 7px !important;line-height: 39px !important; top:-8px !important;position:relative !important; font-family: 'raleway' !important;}
.demo-container {max-width: 795px;}
div.dataPager {clear:both;margin:10px 0 0 11px;width:770px;display:inline-block;}
div.message-box {margin: 30px 0;}
.AddDomainButton { background-image: url(Images/select.png);background-repeat: no-repeat;}
.AddDomainButtonAvailable {cursor:pointer;}
.AddDomainButton:hover {background: url(Images/unselect.png);background-repeat: no-repeat;}
.AddDomainButtonAddThis {margin-top: 10px;padding-right:7px;background-image: url(Images/dom-select.png);background-repeat: no-repeat; height: 50px;width: 100px !important;background-position: center !important;background-position-x:left;}
.AddDomainButtonRemoveThis { margin-top: 10px;background-image: url(Images/dom-unselect.png);background-repeat: no-repeat;background-position: center !important;}
.AddDomainButtonAdded {margin-top: 10px; background-image: url(Images/dom-select.png);background-repeat: no-repeat;background-position: center !important;}
.AddDomainButtonRemoveThis:hover { margin-top: 10px; background-image: url(Images/dom-remove.png); background-repeat: no-repeat;background-position: center !important;}
.rgAltRow, .rgRow{ cursor: pointer !important;}
#DomainGrid { max-height: 430px;overflow: hidden;}
.ShowMore { margin-top: 30px;text-align: center;font-size: 16px;}
#DomainGrid2 {max-height: 400px;overflow: hidden;}
#ListView1 {max-height: 350px;overflow: hidden;}
.ShowMoreSuggest {margin-top: 30px; margin-bottom:10px; text-align: center; font-size: 16px;}
.ShowMoreDomList { margin-top: 30px;text-align: center;font-size: 16px;}
.ShowMoreDomListImage {  background-image: url('Images/dom-viewall.png'); background-repeat: no-repeat; background-position: center center; height: 40px; width: 160px; border:none;}
.domainLeftAvailable { display:block; vertical-align: top; padding:20px;}
.domainLeftAvailableFull { width: 100%; display: inline-block; vertical-align: top; padding: 15px;}
.domainRightSuggest { width: 100%; display: inline-block; vertical-align: top; padding: 15px;}
.domainRightSuggestFull { width: 100%; display: inline-block; vertical-align: top; padding: 15px;}
.domainBottomTaken { width: 100%; display: inline-block; vertical-align: top; padding-top: 20px; padding: 15px;}
.AvailableHead { padding-left: 5px;color: #50ab00; display: inline-block; vertical-align: top; margin-bottom: 15px;font-size: 22px;}
.AvailableHead2 { padding-left: 5px;color: #333333;font-size: 14px;display: inline-block;vertical-align: top; margin-bottom: 15px;font-size: 22px;}
.SuggestedHead { padding-left: 5px; color: #d55500; display:inline-block; vertical-align: top; margin-bottom: 15px;font-size: 22px;}
.SuggestedHead2 {padding-left: 5px;color: #333333;display: inline-block;vertical-align: top;margin-bottom: 15px;font-size: 22px;}
.TakenHead {padding-left: 10px;color: #CC0000;font-size: 22px; padding-bottom: 20px;font-weight: bold;}

/* Entry form styles and layout */
@import "lesshat";

/*// MIXINS*/

.clearfix() {
  zoom: 1;
  &:before, &:after{
    content: "";
    display: table;
  }
  &:after{
    clear: both;
  }
}

.col() {padding-right: 10px;float: left;
  &:last-of-type {padding-right: 0;}
}

.transition(@speed, @easing) {transition: all @speed @easing;  }
.form-field-container {padding: 0;margin: 0 auto;position: relative;width: 99%;z-index: 1;}
#form-field-container h4 {padding-left: 7px;}
#form-field-container .dashbMissingData {font-size: 14px; font-weight:normal; padding: 0px 0px 0px 7px !important;line-height: 39px; top:-8px;position:relative;}
#form-field-container input,
#form-field-container input[type="radio"] + label,
#form-field-container select {width: 100%;padding:14px;line-height: 1.4;background-color: #ffffff;border: 1px solid #e5e5e5;border-radius:0px;-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;color: #414141;}
#form-field-container .dashbContentGrid  input,
#form-field-container .dashbContentGrid  input[type="radio"] + label,
#form-field-container .dashbContentGrid  input[type="checkbox"] + label:before,
#form-field-container .dashbContentGrid  select option,
#form-field-container .dashbContentGrid  select {all: initial;}
#form-field-container .telephone  
input{padding: 1em 1em 1em 4.5em;}
#form-field-container input:focus {outline: 0;border-color: #fb4506;}
input:focus + .input-icon i {color: #111111;}
input:focus + .input-icon:after { border-right-color: #111111;}
#form-field-container input[type="radio"] {display: none;}
#form-field-container 
input[type="radio"] + label,
select {display: inline-block; width: 100%; text-align: center;float: left;border-radius: 0;cursor: pointer;}
input[type="radio"] + label:first-of-type {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
input[type="radio"] + label:last-of-type {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
input[type="radio"] + label i { padding-right: 0.4em;}
#form-field-container input[type="radio"]:checked + label,#form-field-container input:checked + label:before,select:focus,select:active { background-color: #111111;color: #fff;border-color:none!important;cursor: pointer;}
#form-field-container input[type="checkbox"] { display: none;}
#form-field-container input[type="checkbox"] + label { position: relative;display: block;padding-left: 1.6em;}
#form-field-container input[type="checkbox"] + label:before {position: absolute; top: 0.2em;left: 0;display: block;width: 1em; height: 1em;padding: 0;content: "";}
#form-field-container input[type="checkbox"] + label:after { position: absolute; top: 0.45em;left: 0.2em;font-size: 0.8em; color: #fff;opacity: 0;font-family: FontAwesome;content: "\f00c";}
#form-field-container input:checked + label:after {opacity: 1;}
select {height: 3.2em;line-height: 2;}
select:first-of-type {border-top-left-radius:0px;border-bottom-left-radius:0px;}
select:last-of-type {border-top-right-radius:0px;border-bottom-right-radius:0px;}
select:focus,select:active {outline: 0;}
select option {background-color: #111111;color: #fff;}
.input-group-desc { padding: 0px 0px 6px 7px; font-size: 14px;}
.input-group-desc span{color: #47525a;}
.input-group {margin-bottom: 1em;width: 100%;}
.input-group:before,
.input-group:after {content: "";display: table;}
.input-group:after {clear: both;}
.input-group span {line-height: 3.4em}
.searchBlockClear span {line-height: 1.0em;padding: 0px 0px 10px 10px; color: #111111;}
.input-group-icon {position: relative;}
.formbigfield {width:70%!important; float:left;}
.formdropdown {width:30%!important; float:left;}

.summaryHighlight {background:#111111 url('Images/gray.jpg')!important; padding: 20px;}
.summaryHighlight label {color:#fff!important;}
.summaryHighlight .clientFieldValue span {color:#fff!important;}
.summaryHighlight .dashbDetailHead { color:#fff!important;}
.summaryHighlight .dashbDetailHead { color:#fff!important;}
.summaryHighlight .dashbButtonB {text-decoration: none; border: 1px solid #111111!important; padding: 14px; font-size: 14px; background-color:#111111!important; color: #fff !important; margin:40px 2px 0 2px; float: left;}

.input-group-icon .input-icon { position: absolute;top: 0;left: 0;width: 3.4em;height: 3.4em;line-height: 3.4em;text-align: center;pointer-events: none;}
.input-group-icon .input-icon:after { position: absolute;top: 0.6em; bottom: 0.6em;display: block;border-right: 1px solid #e5e5e5;content: "";-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.input-group-icon .input-icon i {-webkit-transition: 0.35s ease-in-out;-moz-transition: 0.35s ease-in-out;-o-transition: 0.35s ease-in-out;transition: 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
div.container a.input-group-btn {font-size: 14px;}
.row {zoom: 1;}
.row .telephone {all:initial; }
.row:before,.row:after {content: "";display: table;}
.row:after {clear: both;}
.col-half {padding-right: 10px;float: left;width: 50%;}
.col-half:last-of-type {padding-right: 0;}
.col-third {padding-right: 10px;float: left;width: 33.33333333%;}
.col-third:last-of-type {padding-right: 0;}
.fa { font: normal normal normal 14px/3 FontAwesome;}
#rbSearch {border: 1px solid #111111; padding:10px; font-size: 14px; background-color:#111111!important; float: left; color:#fff!important; margin: 0 2px;}

@media only screen and (max-width: 540px) {
  .col-half {width: 100%;padding-right: 0;}
  .formbigfield {width:100%!important; float:left;}
.formdropdown {width:100%!important; float:left;}
}

@media (max-width:880px) {
    .domainLeftAvailable {max-width:100% !important; width:99% !important;}
    .domainRightSuggest {max-width:100% !important; width:99% !important;}
    .headerWidthNonResponsive {width:28px;float:none;}
    .welcomeLblTxt {font-size: 20px; color: #111111;}
	/*new*/.mastHLoginContainerTopInnerRight { max-width:100%!important; width:100%;}
/*moved and adjusted new*/#dashbMain {padding:20px 10px;}
/*new*/.dashbDetailHead {font-size: 24px!important;}
/*new*/.mainContainer {width: 96%!important; padding:10px 15px 10px 10px!important;}
}

@media (max-width: 720px ) {
    .editFormLeftContainer ,.editFormRightContainer {max-width:100%;}
    .dashbMenuItem {float: left; display: table-cell; text-align: center; width: 25%; }
    .mastHLoginContainerTopInnerLeft {max-width:40%;}
    .debtorSearch {width:150px !important;}
    .welcomeLblTxt {font-size: 20px; color: #111111;}
		
	#loginControls, #RegisterDiv {padding: 50px 30px; margin:40px auto; max-width: 380px;}
	#dashbMain {padding: 30px;}
	.ProductLabel {top: 20px; font-size: 18px!important;}
	.ProductPanel { width:92%!important; margin-bottom:0px!important;}
	#loginPanel { padding:10px 0;}
}

@media (max-width: 479px) {
    .editFormLeftContainer ,.editFormRightContainer {max-width:100%;}
    .dashbMenuItem {float: left; display: table-cell; text-align: center; width: 33%;}
    .mastHLoginContainerTopInnerLeft {max-width:30%;}
    .debtorSearch {width:150px !important;}
    .bootsSmall {display: none !important;}
    .welcomeLblTxt {font-size: 15px; color: #111111;}
}

.reset-this { animation : none;animation-delay : 0; animation-direction : normal;animation-duration : 0;animation-fill-mode : none;animation-iteration-count : 1;animation-name : none; animation-play-state : running;animation-timing-function : ease; backface-visibility : visible; background : 0; background-attachment : scroll;background-clip : border-box;background-color : transparent;background-image : none;background-origin : padding-box;background-position : 0 0;background-position-x : 0; background-position-y : 0;background-repeat : repeat;background-size : auto auto;border :none!important;border-bottom-left-radius : 0; border-bottom-right-radius : 0; border-bottom-style : none; border-bottom-width : medium; border-collapse : separate; border-image : none;border-left : 0;border-left-color : inherit; border-left-style : none; border-left-width : medium;border-radius : 0;border-right : 0;border-right-color : inherit; border-right-style : none;border-right-width : medium; border-spacing : 0;border-top : 0;border-top-color : inherit; border-top-left-radius : 0; border-top-right-radius : 0; border-top-style : none;border-top-width : medium;bottom : auto;box-shadow : none; box-sizing : content-box;caption-side : top;clear : none; clip : auto;color : inherit; columns : auto;column-count : auto;column-fill : balance;column-gap : normal; column-rule : medium none currentColor; column-rule-color : currentColor; column-rule-style : none; column-rule-width : none; column-span : 1;column-width : auto; content : normal;counter-increment : none; counter-reset : none; cursor : auto; direction : ltr;display : inline;empty-cells : show;float : none; font : normal;font-family : inherit;font-size : medium;font-style : normal; font-variant : normal; font-weight : normal; height : auto;hyphens : none;left : auto; letter-spacing : normal; line-height : normal; list-style : none; list-style-image : none;list-style-position : outside; list-style-type : disc; margin : 0!important;max-height : none; max-width : none;min-height : 0;min-width : 0;opacity : 1;orphans : 0;outline : 0;outline-color : invert;outline-style : none; outline-width : medium; overflow : visible; overflow-x : visible; overflow-y : visible; padding :0!important; page-break-after : auto;page-break-before : auto;page-break-inside : auto;perspective : none;perspective-origin : 50% 50%;position : static;/* May need to alter quotes for different locales (e.g fr) */quotes : '\201C' '\201D' '\2018' '\2019';right : auto;tab-size : 8; table-layout : auto; text-align : inherit;text-align-last : auto;text-decoration : none;text-decoration-color : inherit;text-decoration-line : none;text-decoration-style : solid;text-indent : 0;text-shadow : none; text-transform : none;top : auto;transform : none;transform-style : flat; transition : none;transition-delay : 0s;transition-duration : 0s;transition-property : none;transition-timing-function : ease;unicode-bidi : normal;vertical-align : baseline; visibility : visible;white-space : normal;widows : 0;width:auto; word-spacing:normal; z-index: auto;
    /* basic modern patch */all: initial;all: unset;}

/* basic modern patch */

#reset-this-root {
    all: initial;
    * {
        all: unset;
}
}

#form-field-container  .product-type input[type="radio"] + label, #form-field-container  .product-type input[type="checkbox"] + label:before{padding: 0px;color: #47525a;border-width: 2px;height: 190px;border: 1px solid #47525a;}
#form-field-container  .loginFieldsCheckbox input[type="radio"] + label, #form-field-container input[type="checkbox"] + label:before{ padding: 0px;color: #111111;border-width: 2px;border: 1px solid #111111;}
#form-field-container  .product-opt input[type="radio"] + label{padding: 0px;color:#000000;height:300px;padding:0px;border: 1px solid #47525a;}

#form-field-container .product-type label :hover{background-color: #676c6c;color:#fff;padding:0px !important;margin: 0px !important;}
#form-field-container .product-opt label :hover{background-color:#676c6c;color:#fff;}
#form-field-container .product-opt label div { height:100%;}

.product-type {float: left; cursor:pointer; width:141px; padding: 0px; color: #fff;margin-right: 5px;margin-top: 5px;}
.product-type input[type="radio"]{display:none;}
.product-type label div{padding: 5px;cursor:pointer;height: 188px;}
.product-type input[type="radio"]:checked+label div{background-color: #111111; padding: 5px; color: #fff; height: 110px; border: 1px solid #111111 !important;}

.product-opt {float: left; background-color: #414141; cursor:pointer; width:150px; padding: 0px; color: #fff;margin-right: 5px; height:300px; margin-top: 5px;}
.product-opt input[type="radio"]{display:none;}
.product-opt label div{ padding:15px 10px; cursor:pointer;}
.product-opt label div p { text-align:left!important; padding:0px!important; margin:0!important; font-size: 13px;line-height:18px;}
.product-opt label div p:hover { padding:0px!important; margin:0!important; font-size: 13px;line-height:18px;}
.product-opt label div p:nth-child(1){ text-transform:uppercase!important;}
.product-opt input[type="radio"]:checked+label div{background-color: #111111;padding: 5px;color: #fff;border: 1px solid #111111 !important;}
.product-type-available { background-color: #47525a; padding: 7px; text-align: center; font-size: 16px; color: #fff;}

.IsolateRadio input[type=radio] { display: block!important;}
.IsolateRadio input[type=radio]:checked + label, .IsolateRadio input:checked + label:before { background-color: #00aeef; color: #fff; border-color: none !important; cursor: pointer; }
.IsolateRadio input, .IsolateRadio input[type=radio] + label, .IsolateRadio select { width: auto !important; padding: 0px 0px 10px 10px !important; line-height: 1.4; background-color: #f0f5f8 !important; border: none !important; border-radius: 3px; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; transition: all 0.35s ease-in-out; color: #000 !important; float: left; }

.migrateDetail { border: 1px solid #000000; padding: 10px; height: 220px; margin-top: 10px;}
.migrateLbls {padding-bottom: 10px; font-weight: 600;}
.contentContainerPassword { margin: 10px 1px 0 0;  padding-left: 20px;  position: relative;  overflow: hidden; }
.PasswordChangeInfo { display: block; padding: 12px 10px 12px 0px; border-style: solid none solid none;  border-width: 1px;}
.dashbMessageContainerMessage span { color: #111111}
.radioButtonList input[type="radio"] { width: auto; float: left;}
.radioButtonList label { width: auto; display: inline; color: #00aeef !important; font-style: italic; padding-left: 10px;}

.dashbButtonASmall { margin-top: 0px; color: #fff; text-decoration: none; border: 1px solid #111111; padding:2px 5px 2px 5px; font-size: 14px; background-color: #fff; float:left; color: #111111!important; margin:0 2px; cursor:pointer;text-transform: uppercase;}
.dashbButtonBSmall { margin-top: 0px; text-decoration: none; border: 1px solid #0e2432 !important; padding:2px 5px 2px 5px; font-size: 14px; background-color: #0e2432 !important; color: #fff !important; margin:0 2px; float: left;}
.floatleft { float: left;}